@payfit/unity-components/dist/esm/core/components/definition-list/DefinitionList.js

import { DefinitionListContextProvider as e } from "./DefinitionList.context.js";
import * as t from "react";
import { uyMerge as n, uyTv as r } from "@payfit/unity-themes";
import { jsx as i } from "react/jsx-runtime";
//#region src/core/components/definition-list/DefinitionList.tsx
var a = r({
	base: "uy:grid",
	variants: {
		layout: {
			horizontal: ["uy:gap-y-100", "uy:grid uy:grid-cols-[auto_1fr] uy:gap-x-1000"],
			vertical: "uy:gap-200"
		},
		variant: {
			default: {},
			divided: {}
		}
	},
	compoundVariants: [{
		layout: "horizontal",
		variant: "divided",
		class: ["uy:gap-0", "uy:[&>[data-unity-slot=\"definition-list.item\"]:last-child]:border-b-0"]
	}],
	defaultVariants: { layout: "horizontal" }
}), o = t.forwardRef(({ layout: t = "vertical", variant: r = "default", density: o = "default", children: s, className: c, ...l }, u) => /* @__PURE__ */ i(e, {
	layout: t,
	variant: r,
	density: o,
	children: /* @__PURE__ */ i("dl", {
		ref: u,
		className: n(a({
			layout: t,
			variant: r
		}), c),
		"data-unity-variant": r,
		"data-unity-density": o,
		...l,
		children: s
	})
}));
o.displayName = "DefinitionList";
//#endregion
export { o as DefinitionList };