@payfit/unity-components 3.9.6 → 3.9.8

package/dist/esm/ai-kit.js

@@ -1,21 +1,28 @@
 import { RawAIOutcomeCard as e } from "./modules/ai-kit/components/ai-outcome-card/RawAIOutcomeCard.js";
 import { aiGradientEffect as t, aiGradientSurfaceEffect as n } from "./modules/ai-kit/utils/ai-gradient-effect.js";
 import { AIButton as r } from "./modules/ai-kit/components/ai-button/AIButton.js";
-import { PayfitAIBrand as i } from "./modules/ai-kit/components/payfit-ai-brand/PayfitAIBrand.js";
-import { AITriggerButton as a } from "./modules/ai-kit/components/ai-trigger-button/AITriggerButton.js";
-import { AIComposerAttachment as o } from "./modules/ai-kit/components/ai-composer/parts/AIComposerAttachment.js";
-import { AIComposerAttachmentsGroup as s } from "./modules/ai-kit/components/ai-composer/parts/AIComposerAttachmentsGroup.js";
-import { AIComposer as c } from "./modules/ai-kit/components/ai-composer/AIComposer.js";
-import { AIComposerAction as l } from "./modules/ai-kit/components/ai-composer/parts/AIComposerAction.js";
-import { AIComposerActions as u } from "./modules/ai-kit/components/ai-composer/parts/AIComposerActions.js";
-import { AIComposerAlert as d } from "./modules/ai-kit/components/ai-composer/parts/AIComposerAlert.js";
-import { AIComposerSubmitAction as f } from "./modules/ai-kit/components/ai-composer/parts/AIComposerSubmitAction.js";
-import { AIComposerTextArea as p } from "./modules/ai-kit/components/ai-composer/parts/AIComposerTextArea.js";
-import { useAIKitFieldContext as m, useAIKitFormContext as h } from "./modules/ai-kit/hooks/ai-kit-form-context.js";
-import { aiKitForm as g, useAIKitForm as _ } from "./modules/ai-kit/hooks/use-ai-kit-form.js";
-import { AIOutcomeCardIcon as v } from "./modules/ai-kit/components/ai-outcome-card/parts/AIOutcomeCardIcon.js";
-import { AIOutcomeCardTitle as y } from "./modules/ai-kit/components/ai-outcome-card/parts/AIOutcomeCardTitle.js";
-import { AIOutcomeCardDescription as b } from "./modules/ai-kit/components/ai-outcome-card/parts/AIOutcomeCardDescription.js";
-import { AIOutcomeCardActions as x } from "./modules/ai-kit/components/ai-outcome-card/parts/AIOutcomeCardActions.js";
-import { AIOutcomeCardAction as S } from "./modules/ai-kit/components/ai-outcome-card/parts/AIOutcomeCardAction.js";
-export { r as AIButton, c as AIComposer, l as AIComposerAction, u as AIComposerActions, d as AIComposerAlert, o as AIComposerAttachment, s as AIComposerAttachmentsGroup, f as AIComposerSubmitAction, p as AIComposerTextArea, S as AIOutcomeCardAction, x as AIOutcomeCardActions, b as AIOutcomeCardDescription, v as AIOutcomeCardIcon, y as AIOutcomeCardTitle, a as AITriggerButton, i as PayfitAIBrand, e as RawAIOutcomeCard, t as aiGradientEffect, n as aiGradientSurfaceEffect, g as aiKitForm, m as useAIKitFieldContext, _ as useAIKitForm, h as useAIKitFormContext };
+import { AIProposalCard as i } from "./modules/ai-kit/components/proposal-card/ProposalCard.js";
+import { AIProposalCardHeader as a } from "./modules/ai-kit/components/proposal-card/parts/ProposalCardHeader.js";
+import { AIProposalCardSubtitle as o } from "./modules/ai-kit/components/proposal-card/parts/ProposalCardSubtitle.js";
+import { AIProposalCardTitle as s } from "./modules/ai-kit/components/proposal-card/parts/ProposalCardTitle.js";
+import { AIProposalCardContent as c } from "./modules/ai-kit/components/proposal-card/parts/ProposalCardContent.js";
+import { AIProposalCardActions as l } from "./modules/ai-kit/components/proposal-card/parts/ProposalCardActions.js";
+import { PayfitAIBrand as u } from "./modules/ai-kit/components/payfit-ai-brand/PayfitAIBrand.js";
+import { AITriggerButton as d } from "./modules/ai-kit/components/ai-trigger-button/AITriggerButton.js";
+import { AIComposerAttachment as f } from "./modules/ai-kit/components/ai-composer/parts/AIComposerAttachment.js";
+import { AIComposerAttachmentsGroup as p } from "./modules/ai-kit/components/ai-composer/parts/AIComposerAttachmentsGroup.js";
+import { AIComposer as m } from "./modules/ai-kit/components/ai-composer/AIComposer.js";
+import { AIComposerAction as h } from "./modules/ai-kit/components/ai-composer/parts/AIComposerAction.js";
+import { AIComposerActions as g } from "./modules/ai-kit/components/ai-composer/parts/AIComposerActions.js";
+import { AIComposerAlert as _ } from "./modules/ai-kit/components/ai-composer/parts/AIComposerAlert.js";
+import { AIComposerSubmitAction as v } from "./modules/ai-kit/components/ai-composer/parts/AIComposerSubmitAction.js";
+import { AIComposerTextArea as y } from "./modules/ai-kit/components/ai-composer/parts/AIComposerTextArea.js";
+import { useAIKitFieldContext as b, useAIKitFormContext as x } from "./modules/ai-kit/hooks/ai-kit-form-context.js";
+import { aiKitForm as S, useAIKitForm as C } from "./modules/ai-kit/hooks/use-ai-kit-form.js";
+import { AIChatEventFeedback as w } from "./modules/ai-kit/components/aichat-event-feedback/AIChatEventFeedback.js";
+import { AIOutcomeCardIcon as T } from "./modules/ai-kit/components/ai-outcome-card/parts/AIOutcomeCardIcon.js";
+import { AIOutcomeCardTitle as E } from "./modules/ai-kit/components/ai-outcome-card/parts/AIOutcomeCardTitle.js";
+import { AIOutcomeCardDescription as D } from "./modules/ai-kit/components/ai-outcome-card/parts/AIOutcomeCardDescription.js";
+import { AIOutcomeCardActions as O } from "./modules/ai-kit/components/ai-outcome-card/parts/AIOutcomeCardActions.js";
+import { AIOutcomeCardAction as k } from "./modules/ai-kit/components/ai-outcome-card/parts/AIOutcomeCardAction.js";
+export { r as AIButton, w as AIChatEventFeedback, m as AIComposer, h as AIComposerAction, g as AIComposerActions, _ as AIComposerAlert, f as AIComposerAttachment, p as AIComposerAttachmentsGroup, v as AIComposerSubmitAction, y as AIComposerTextArea, k as AIOutcomeCardAction, O as AIOutcomeCardActions, D as AIOutcomeCardDescription, T as AIOutcomeCardIcon, E as AIOutcomeCardTitle, i as AIProposalCard, l as AIProposalCardActions, c as AIProposalCardContent, a as AIProposalCardHeader, o as AIProposalCardSubtitle, s as AIProposalCardTitle, d as AITriggerButton, u as PayfitAIBrand, e as RawAIOutcomeCard, t as aiGradientEffect, n as aiGradientSurfaceEffect, S as aiKitForm, b as useAIKitFieldContext, C as useAIKitForm, x as useAIKitFormContext };

package/dist/esm/core/components/card/Card.d.ts

@@ -1,6 +1,14 @@
 import { VariantProps } from '@payfit/unity-themes';
 import { ComponentProps, PropsWithChildren } from 'react';
 export declare const card: import('tailwind-variants').TVReturnType<{
+    density: {
+        default: {
+            base: string;
+        };
+        compact: {
+            base: string;
+        };
+    };
     shadow: {
         none: {
             base: string;
@@ -44,6 +52,14 @@ export declare const card: import('tailwind-variants').TVReturnType<{
 }, {
     base: string[];
 }, undefined, {
+    density: {
+        default: {
+            base: string;
+        };
+        compact: {
+            base: string;
+        };
+    };
     shadow: {
         none: {
             base: string;
@@ -87,6 +103,14 @@ export declare const card: import('tailwind-variants').TVReturnType<{
 }, {
     base: string[];
 }, import('tailwind-variants').TVReturnTypeLike<{
+    density: {
+        default: {
+            base: string;
+        };
+        compact: {
+            base: string;
+        };
+    };
     shadow: {
         none: {
             base: string;
@@ -131,6 +155,12 @@ export declare const card: import('tailwind-variants').TVReturnType<{
     base: string[];
 }>>;
 export interface CardProps extends PropsWithChildren<VariantProps<typeof card>>, ComponentProps<'section'> {
+    /**
+     * Controls the Card's internal padding without changing its surface,
+     * spacing between children, or accessible labelling behavior.
+     * @default 'default'
+     */
+    density?: VariantProps<typeof card>['density'];
     /**
      * The background color of the card.
      * @default 'surface.neutral'

package/dist/esm/core/components/card/Card.js

@@ -5,8 +5,12 @@ import { jsx as o } from "react/jsx-runtime";
 import { useId as s } from "react-aria/useId";
 //#region src/core/components/card/Card.tsx
 var c = a({
-	slots: { base: ["uy:flex uy:flex-col uy:gap-200 uy:p-200 uy:sm:p-300 uy:rounded-lg"] },
+	slots: { base: ["uy:flex uy:flex-col uy:gap-200 uy:rounded-lg"] },
 	variants: {
+		density: {
+			default: { base: "uy:p-200 uy:sm:p-300" },
+			compact: { base: "uy:p-200" }
+		},
 		shadow: {
 			none: { base: "uy:shadow-none" },
 			raising: { base: "uy:shadow-100" },
@@ -25,37 +29,39 @@ var c = a({
 		}
 	},
 	defaultVariants: {
+		density: "default",
 		shadow: "none",
 		bgColor: "surface.neutral"
 	}
-}), l = t(({ shadow: t, bgColor: a, children: l, className: u, ...d }, f) => {
-	let p = s(), m = r(null), [h, g] = i(!1), _ = d.id ?? `unity-card-${p}`, v = `unity-card-${p}__title`, y = d["aria-label"];
+}), l = t(({ density: t, shadow: a, bgColor: l, children: u, className: d, asElement: f, ...p }, m) => {
+	let h = s(), g = r(null), [_, v] = i(!1), y = p.id ?? `unity-card-${h}`, b = `unity-card-${h}__title`, x = p["aria-label"];
 	n(() => {
-		let e = m.current;
+		let e = g.current;
 		if (!e) return;
 		let t = e.querySelector("[data-unity-slot=\"card.title\"]");
-		g(!!t), process.env.NODE_ENV === "development" && !t && !y && console.warn("Card: A Card must have either a CardTitle child or an aria-label prop for accessibility.");
-	}, [l, y]);
-	let b = (a ?? "surface.neutral") === "surface.neutral" && (t ?? "none") !== "none", { base: x } = c({
-		className: u,
-		shadow: b ? t : "none",
-		bgColor: a
-	}), S = { titleId: v }, C = d.asElement ?? "section";
+		v(!!t), process.env.NODE_ENV === "development" && !t && !x && console.warn("Card: A Card must have either a CardTitle child or an aria-label prop for accessibility.");
+	}, [u, x]);
+	let S = (l ?? "surface.neutral") === "surface.neutral" && (a ?? "none") !== "none", { base: C } = c({
+		className: d,
+		density: t,
+		shadow: S ? a : "none",
+		bgColor: l
+	}), w = { titleId: b }, T = f ?? "section";
 	return /* @__PURE__ */ o(e.Provider, {
-		value: S,
-		children: /* @__PURE__ */ o(C, {
+		value: w,
+		children: /* @__PURE__ */ o(T, {
 			"data-dd-privacy": "show",
-			...d,
-			id: _,
+			...p,
+			id: y,
 			ref: (e) => {
-				m.current = e, typeof f == "function" ? f(e) : f && (f.current = e);
+				g.current = e, typeof m == "function" ? m(e) : m && (m.current = e);
 			},
-			className: x(),
-			"aria-labelledby": h ? v : void 0,
-			"aria-label": h ? void 0 : y,
+			className: C(),
+			"aria-labelledby": _ ? b : void 0,
+			"aria-label": _ ? void 0 : x,
 			"data-unity-component": "card",
-			"data-unity-variant": b ? "shadow" : void 0,
-			children: l
+			"data-unity-variant": S ? "shadow" : void 0,
+			children: u
 		})
 	});
 });

package/dist/esm/core/components/card/parts/CardTitle.d.ts

@@ -48,8 +48,5 @@ export interface CardTitleProps extends PropsWithChildren {
  * - Use `isHidden` to hide the title visually while keeping it accessible
  * - The default heading level is 3, but you can configure it based on your page structure
  */
-declare function CardTitle({ children, level, isHidden }: CardTitleProps): import('react/jsx-runtime').JSX.Element;
-declare namespace CardTitle {
-    var displayName: string;
-}
+declare const CardTitle: import('react').ForwardRefExoticComponent<CardTitleProps & import('react').RefAttributes<HTMLHeadingElement>>;
 export { CardTitle };

package/dist/esm/core/components/card/parts/CardTitle.js

@@ -1,26 +1,27 @@
 import { useCardContext as e } from "../Card.context.js";
-import { uyTv as t } from "@payfit/unity-themes";
-import { jsx as n } from "react/jsx-runtime";
-import { Heading as r } from "react-aria-components/Heading";
+import { forwardRef as t } from "react";
+import { uyTv as n } from "@payfit/unity-themes";
+import { jsx as r } from "react/jsx-runtime";
+import { Heading as i } from "react-aria-components/Heading";
 //#region src/core/components/card/parts/CardTitle.tsx
-var i = t({
+var a = n({
 	base: ["uy:typography-h3 uy:text-content-neutral uy:leading-none"],
 	variants: { isHidden: {
 		true: "uy:sr-only",
 		false: ""
 	} },
 	defaultVariants: { isHidden: !1 }
-});
-function a({ children: t, level: a = 3, isHidden: o = !1 }) {
-	let { titleId: s } = e();
-	return /* @__PURE__ */ n(r, {
-		level: a,
-		id: s,
-		className: i({ isHidden: o }),
+}), o = t(({ children: t, level: n = 3, isHidden: o = !1 }, s) => {
+	let { titleId: c } = e();
+	return /* @__PURE__ */ r(i, {
+		ref: s,
+		level: n,
+		id: c,
+		className: a({ isHidden: o }),
 		"data-unity-slot": "card.title",
 		children: t
 	});
-}
-a.displayName = "CardTitle";
+});
+o.displayName = "CardTitle";
 //#endregion
-export { a as CardTitle };
+export { o as CardTitle };

package/dist/esm/core/components/definition-list/DefinitionList.context.d.ts

@@ -7,11 +7,15 @@ export interface DefinitionListContextValue {
      * La disposition des éléments de la liste.
      */
     layout: 'horizontal' | 'vertical';
+    /** The visual treatment for DefinitionItem rows. */
+    variant: 'default' | 'divided';
+    /** The row density. */
+    density: 'default' | 'padded';
 }
 /**
  * Fournisseur de contexte pour la DefinitionList.
  */
-export declare const DefinitionListContextProvider: ({ children, layout, }: PropsWithChildren<DefinitionListContextValue>) => import('react/jsx-runtime').JSX.Element;
+export declare const DefinitionListContextProvider: ({ children, layout, variant, density, }: PropsWithChildren<DefinitionListContextValue>) => import('react/jsx-runtime').JSX.Element;
 /**
  * Hook pour accéder au contexte de la DefinitionList.
  * Doit être utilisé à l'intérieur d'un composant DefinitionList.

package/dist/esm/core/components/definition-list/DefinitionList.context.js

@@ -1,8 +1,12 @@
 import { createContext as e, useContext as t } from "react";
 import { jsx as n } from "react/jsx-runtime";
 //#region src/core/components/definition-list/DefinitionList.context.tsx
-var r = e(void 0), i = ({ children: e, layout: t }) => /* @__PURE__ */ n(r.Provider, {
-	value: { layout: t },
+var r = e(void 0), i = ({ children: e, layout: t, variant: i, density: a }) => /* @__PURE__ */ n(r.Provider, {
+	value: {
+		layout: t,
+		variant: i,
+		density: a
+	},
 	children: e
 }), a = () => {
 	let e = t(r);

package/dist/esm/core/components/definition-list/DefinitionList.d.ts

@@ -1,12 +1,22 @@
-import { ReactNode } from 'react';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
 import { DefinitionListContextValue } from './DefinitionList.context.js';
 import * as React from 'react';
-export interface DefinitionListProps {
+export interface DefinitionListProps extends Omit<ComponentPropsWithoutRef<'dl'>, 'children'> {
     /**
      * The layout of the definition list.
      * @default 'horizontal'
      */
     layout?: DefinitionListContextValue['layout'];
+    /**
+     * Selects the visual treatment for definition rows.
+     * @default 'default'
+     */
+    variant?: DefinitionListContextValue['variant'];
+    /**
+     * Controls the row padding.
+     * @default 'default'
+     */
+    density?: DefinitionListContextValue['density'];
     /**
      * The content of the definition list, typically DefinitionItem components.
      */

package/dist/esm/core/components/definition-list/DefinitionList.js

@@ -1,24 +1,42 @@
 import { DefinitionListContextProvider as e } from "./DefinitionList.context.js";
 import * as t from "react";
-import { uyTv as n } from "@payfit/unity-themes";
-import { jsx as r } from "react/jsx-runtime";
+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 i = n({
-	base: "uy:flex uy:flex-col",
-	variants: { layout: {
-		horizontal: ["uy:gap-y-100", "uy:grid uy:grid-cols-[auto_1fr] uy:gap-x-1000"],
-		vertical: "uy:gap-200"
-	} },
+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" }
-}), a = t.forwardRef(({ layout: t = "vertical", children: n, ...a }, o) => /* @__PURE__ */ r(e, {
+}), o = t.forwardRef(({ layout: t = "vertical", variant: r = "default", density: o = "default", children: s, className: c, ...l }, u) => /* @__PURE__ */ i(e, {
 	layout: t,
-	children: /* @__PURE__ */ r("dl", {
-		ref: o,
-		className: i({ layout: t }),
-		...a,
-		children: n
+	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
 	})
 }));
-a.displayName = "DefinitionList";
+o.displayName = "DefinitionList";
 //#endregion
-export { a as DefinitionList };
+export { o as DefinitionList };

package/dist/esm/core/components/definition-list/parts/DefinitionItem.js

@@ -1,45 +1,80 @@
-import { Text as e } from "../../text/Text.js";
-import { useDefinitionListContext as t } from "../DefinitionList.context.js";
+import { useDefinitionListContext as e } from "../DefinitionList.context.js";
+import * as t from "react";
 import { forwardRef as n } from "react";
 import { uyTv as r } from "@payfit/unity-themes";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/core/components/definition-list/parts/DefinitionItem.tsx
 var o = r({
 	slots: {
-		base: "uy:flex",
-		term: "uy:items-center uy:flex uy:gap-25",
-		description: "uy:flex-1 uy:typography-body"
+		base: "uy:grid",
+		term: "uy:grid uy:grid-flow-col uy:auto-cols-max uy:items-center uy:gap-25",
+		description: "uy:typography-body"
 	},
 	variants: {
 		layout: {
 			horizontal: { base: ["uy:grid uy:grid-cols-subgrid uy:col-span-2"] },
-			vertical: { base: "uy:flex-col uy:gap-25" }
+			vertical: { base: "uy:grid-cols-1 uy:gap-25" }
+		},
+		variant: {
+			default: { term: "uy:typography-body-strong" },
+			divided: {
+				base: "uy:border-b uy:border-solid uy:border-border-neutral",
+				term: "uy:typography-body-strong"
+			}
+		},
+		density: {
+			default: {},
+			padded: { base: "uy:py-100" }
+		},
+		isRichDescription: {
+			true: { description: "uy:!leading-none" },
+			false: {}
 		},
 		verticalAlign: {
 			start: { base: "uy:items-start" },
-			center: { base: "uy:items-center" }
+			center: { base: "uy:items-center" },
+			end: { base: "uy:items-end" }
 		}
 	},
+	compoundVariants: [{
+		layout: "horizontal",
+		variant: "divided",
+		density: "default",
+		class: {
+			base: "uy:grid-cols-[minmax(0,1fr)_minmax(0,1fr)] uy:gap-x-300",
+			description: "uy:justify-self-end uy:text-right uy:typography-body"
+		}
+	}, {
+		layout: "horizontal",
+		variant: "divided",
+		density: "padded",
+		class: {
+			base: "uy:grid-cols-[minmax(0,1fr)_minmax(0,1fr)] uy:gap-x-300",
+			description: "uy:justify-self-end uy:text-right uy:typography-body"
+		}
+	}],
 	defaultVariants: { layout: "horizontal" }
 }), s = n(({ term: n, termSuffix: r, description: s, verticalAlign: c, ...l }, u) => {
-	let { layout: d } = t(), { base: f, term: p, description: m } = o({
+	let { layout: d, variant: f, density: p } = e(), { base: m, term: h, description: g } = o({
 		layout: d,
+		variant: f,
+		density: p,
+		isRichDescription: t.isValidElement(s),
 		verticalAlign: c
 	});
 	return /* @__PURE__ */ a("div", {
 		ref: u,
-		className: f(),
+		className: m(),
+		"data-unity-slot": "definition-list.item",
 		...l,
 		children: [/* @__PURE__ */ a("dt", {
-			className: p(),
-			children: [/* @__PURE__ */ i(e, {
-				variant: "bodyStrong",
-				color: "inherit",
-				asElement: "span",
+			className: h(),
+			children: [/* @__PURE__ */ i("span", {
+				"data-dd-privacy": "mask",
 				children: n
 			}), r]
 		}), /* @__PURE__ */ i("dd", {
-			className: m(),
+			className: g(),
 			"data-dd-privacy": "mask",
 			children: s
 		})]

package/dist/esm/core/components/definition-list/parts/DefinitionListGroup.d.ts

@@ -0,0 +1,15 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+export interface DefinitionListGroupProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children'> {
+    /** A visible label that identifies the related definition items. */
+    label: ReactNode;
+    /** DefinitionItem descendants that belong to this labelled group. */
+    children: ReactNode;
+}
+/**
+ * Groups related definition items under a visible group term.
+ *
+ * DefinitionListGroup must be rendered inside DefinitionList. The group term
+ * and its nested definition list preserve the association between the group
+ * label and its definition items.
+ */
+export declare const DefinitionListGroup: import('react').ForwardRefExoticComponent<DefinitionListGroupProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/esm/core/components/definition-list/parts/DefinitionListGroup.js

@@ -0,0 +1,41 @@
+import { useDefinitionListContext as e } from "../DefinitionList.context.js";
+import { forwardRef as t } from "react";
+import { uyMerge as n, uyTv as r } from "@payfit/unity-themes";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/core/components/definition-list/parts/DefinitionListGroup.tsx
+var o = r({
+	slots: {
+		base: "uy:mt-200 uy:flex uy:flex-col uy:gap-100 uy:first:mt-0",
+		label: "uy:typography-body-small uy:text-content-neutral-lowest",
+		items: ["uy:m-0 uy:px-100 uy:border uy:border-solid", "uy:border-border-neutral uy:rounded-100"],
+		list: ["uy:m-0 uy:flex uy:flex-col", "uy:[&>[data-unity-slot=\"definition-list.item\"]:last-child]:border-b-0"]
+	},
+	variants: { layout: {
+		horizontal: {
+			base: "uy:col-span-2",
+			list: "uy:grid uy:grid-cols-[minmax(0,1fr)_minmax(0,1fr)]"
+		},
+		vertical: {}
+	} }
+}), s = t(({ label: t, children: r, className: s, ...c }, l) => {
+	let { layout: u } = e(), { base: d, label: f, items: p, list: m } = o({ layout: u });
+	return /* @__PURE__ */ a("div", {
+		ref: l,
+		className: n(d(), s),
+		...c,
+		children: [/* @__PURE__ */ i("dt", {
+			className: f(),
+			children: t
+		}), /* @__PURE__ */ i("dd", {
+			className: p(),
+			"data-unity-slot": "definition-list.group",
+			children: /* @__PURE__ */ i("dl", {
+				className: m(),
+				children: r
+			})
+		})]
+	});
+});
+s.displayName = "DefinitionListGroup";
+//#endregion
+export { s as DefinitionListGroup };

package/dist/esm/core/index.d.ts

@@ -60,6 +60,7 @@ export * from './components/date-range-calendar/DateRangeCalendar.js';
 export * from './components/date-range-picker/DateRangePicker.js';
 export * from './components/definition-list/DefinitionList.js';
 export * from './components/definition-list/parts/DefinitionItem.js';
+export * from './components/definition-list/parts/DefinitionListGroup.js';
 export * from './components/definition-tooltip/DefinitionTooltip.js';
 export * from './components/dialog/Dialog.js';
 export * from './components/dialog/parts/DialogActions.js';