@elmeragroup/fuse 0.1.0-canary.1

package/components/combobox/intl/sv-SE.js

@@ -0,0 +1,15 @@
+//#region src/components/combobox/intl/sv-SE.ts
+/** Default localized copy for combobox.empty / combobox.clear / combobox.removeItem / combobox.toggle. */
+const svSE = {
+	empty: "Inga resultat.",
+	clear: "Rensa val",
+	toggle: "Visa eller dölj alternativ",
+	removeItem: (vars) => {
+		const item = String(vars?.item ?? "").trim();
+		return item === "" ? "Ta bort" : `Ta bort ${item}`;
+	}
+};
+//#endregion
+export { svSE };
+
+//# sourceMappingURL=sv-SE.js.map

package/components/combobox/intl/sv-SE.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sv-SE.js","names":[],"sources":["../../../../src/components/combobox/intl/sv-SE.ts"],"sourcesContent":["import type { Variables } from \"@internationalized/string\";\n\n/** Default localized copy for combobox.empty / combobox.clear / combobox.removeItem / combobox.toggle. */\nexport const svSE = {\n  empty: \"Inga resultat.\",\n  clear: \"Rensa val\",\n  toggle: \"Visa eller dölj alternativ\",\n  removeItem: (vars: Variables) => {\n    const item = String(vars?.item ?? \"\").trim();\n    return item === \"\" ? \"Ta bort\" : `Ta bort ${item}`;\n  },\n};\n"],"mappings":";;AAGA,MAAa,OAAO;CAClB,OAAO;CACP,OAAO;CACP,QAAQ;CACR,aAAa,SAAoB;EAC/B,MAAM,OAAO,OAAO,MAAM,QAAQ,EAAE,CAAC,CAAC,KAAK;EAC3C,OAAO,SAAS,KAAK,YAAY,WAAW;CAC9C;AACF"}

package/components/confirm-button/confirm-button-variants.d.ts

@@ -0,0 +1,34 @@
+//#region src/components/confirm-button/confirm-button-variants.d.ts
+export declare const confirmButtonVariants: import("tailwind-variants").TVReturnType<{
+  variant: {
+    default: "";
+    outline: "";
+    secondary: "";
+    ghost: "";
+    link: "";
+    destructive: "data-[armed=true]:bg-error data-[armed=true]:text-error-foreground";
+    success: "data-[armed=true]:bg-success data-[armed=true]:text-success-foreground";
+  };
+}, undefined, undefined, {
+  variant: {
+    default: "";
+    outline: "";
+    secondary: "";
+    ghost: "";
+    link: "";
+    destructive: "data-[armed=true]:bg-error data-[armed=true]:text-error-foreground";
+    success: "data-[armed=true]:bg-success data-[armed=true]:text-success-foreground";
+  };
+}, undefined, import("tailwind-variants").TVReturnTypeLike<{
+  variant: {
+    default: "";
+    outline: "";
+    secondary: "";
+    ghost: "";
+    link: "";
+    destructive: "data-[armed=true]:bg-error data-[armed=true]:text-error-foreground";
+    success: "data-[armed=true]:bg-success data-[armed=true]:text-success-foreground";
+  };
+}, undefined>>;
+//#endregion
+//# sourceMappingURL=confirm-button-variants.d.ts.map

package/components/confirm-button/confirm-button-variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirm-button-variants.d.ts","names":[],"sources":["../../../src/components/confirm-button/confirm-button-variants.ts"],"mappings":";qBAOa,mDAAqB"}

package/components/confirm-button/confirm-button-variants.js

@@ -0,0 +1,23 @@
+import { tv } from "tailwind-variants";
+//#region src/components/confirm-button/confirm-button-variants.ts
+/**
+* Module-private recipe. Empty keys exist so
+* `VariantProps` aligns with Button's variant axis; only destructive/success
+* add armed styling. No recipe default — undefined variant adds nothing.
+*/
+const confirmButtonVariants = tv({
+	variants: { variant: {
+		default: "",
+		outline: "",
+		secondary: "",
+		ghost: "",
+		link: "",
+		destructive: "data-[armed=true]:bg-error data-[armed=true]:text-error-foreground",
+		success: "data-[armed=true]:bg-success data-[armed=true]:text-success-foreground"
+	} },
+	defaultVariants: {}
+});
+//#endregion
+export { confirmButtonVariants };
+
+//# sourceMappingURL=confirm-button-variants.js.map

package/components/confirm-button/confirm-button-variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirm-button-variants.js","names":[],"sources":["../../../src/components/confirm-button/confirm-button-variants.ts"],"sourcesContent":["/**\n * Module-private recipe. Empty keys exist so\n * `VariantProps` aligns with Button's variant axis; only destructive/success\n * add armed styling. No recipe default — undefined variant adds nothing.\n */\nimport { tv } from \"tailwind-variants\";\n\nexport const confirmButtonVariants = tv({\n  variants: {\n    variant: {\n      default: \"\",\n      outline: \"\",\n      secondary: \"\",\n      ghost: \"\",\n      link: \"\",\n      destructive: \"data-[armed=true]:bg-error data-[armed=true]:text-error-foreground\",\n      success: \"data-[armed=true]:bg-success data-[armed=true]:text-success-foreground\",\n    },\n  },\n  // Required shape: elmera/enforce-variant-standard makes every recipe declare\n  // `defaultVariants`. An undefined variant adds nothing here.\n  defaultVariants: {},\n});\n"],"mappings":";;;;;;;AAOA,MAAa,wBAAwB,GAAG;CACtC,UAAU,EACR,SAAS;EACP,SAAS;EACT,SAAS;EACT,WAAW;EACX,OAAO;EACP,MAAM;EACN,aAAa;EACb,SAAS;CACX,EACF;CAGA,iBAAiB,CAAC;AACpB,CAAC"}

package/components/confirm-button/confirm-button.d.ts

@@ -0,0 +1,35 @@
+import { ButtonProps } from "../button/button.js";
+import { ReactElement, ReactNode } from "react";
+//#region src/components/confirm-button/confirm-button.d.ts
+type DistributiveOmit<T, K extends PropertyKey> = T extends unknown ? Omit<T, K> : never;
+export type ConfirmButtonProps = DistributiveOmit<ButtonProps, "onClick" | "children" | "isVisuallyDisabled"> & {
+  /**
+   * Renders Button's disabled treatment and stamps `aria-disabled` while keeping Tab focus,
+   * focus-visible and any Tooltip; pointer presses do not move focus. Presses never arm or
+   * confirm, and turning it on disarms. The treatment keys off `aria-disabled`, so an explicit
+   * `aria-disabled={false}` hides it while presses stay ignored.
+   */
+  isVisuallyDisabled?: boolean;
+  /** Called on the second press only, after the button disarms. */
+  onConfirm: () => void;
+  /** Resting label. */
+  children?: ReactNode;
+  /** Label swapped in while armed; the resting label is kept when omitted. */
+  armedChildren?: ReactNode;
+  /** Explicit armed announcement and `aria-label` override. */
+  armedAriaLabel?: string;
+};
+/**
+ * Two-press confirm wrapper over the library Button.
+ * Client — owns armed state.
+ *
+ * Turning `disabled` or `isPending` on disarms it, so re-enabling never restores a stale armed state.
+ * Escape disarms without confirming; while armed the button consumes the key, so inside a Dialog,
+ * Sheet or Popover the first Escape disarms and a second one closes the overlay.
+ */
+export declare function ConfirmButton({ onConfirm, armedChildren, armedAriaLabel, disabled, isPending, isVisuallyDisabled, variant, className, children, "aria-label": ariaLabel, onKeyDown, onBlur, ...rest }: ConfirmButtonProps): ReactElement;
+export declare namespace ConfirmButton {
+  var displayName: string;
+}
+//#endregion
+//# sourceMappingURL=confirm-button.d.ts.map

package/components/confirm-button/confirm-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirm-button.d.ts","names":[],"sources":["../../../src/components/confirm-button/confirm-button.tsx"],"mappings":";;;KAUK,iBAAiB,GAAG,UAAU,eAAe,oBAAoB,KAAK,GAAG;YAElE,qBAAqB,iBAC/B;;;;;;;EASA;;EAEA;;EAEA,WAAW;;EAEX,gBAAgB;;EAEhB;;;;;;;;;;wBAWc,gBACd,WACA,eACA,gBACA,UACA,WACA,oBACA,SACA,WACA,wBACc,WACd,WACA,WACG,QACF,qBAAqB;yBAdR;MAAA"}

package/components/confirm-button/confirm-button.js

@@ -0,0 +1,70 @@
+"use client";
+import { Button } from "../button/button.js";
+import { isTextNode } from "../../internal/is-text-node.js";
+import { confirmButtonVariants } from "./confirm-button-variants.js";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/confirm-button/confirm-button.tsx
+/**
+* Two-press confirm wrapper over the library Button.
+* Client — owns armed state.
+*
+* Turning `disabled` or `isPending` on disarms it, so re-enabling never restores a stale armed state.
+* Escape disarms without confirming; while armed the button consumes the key, so inside a Dialog,
+* Sheet or Popover the first Escape disarms and a second one closes the overlay.
+*/
+function ConfirmButton({ onConfirm, armedChildren, armedAriaLabel, disabled, isPending, isVisuallyDisabled, variant, className, children, "aria-label": ariaLabel, onKeyDown, onBlur, ...rest }) {
+	const [isArmedRaw, setIsArmedRaw] = useState(false);
+	const inert = disabled === true || isPending === true || isVisuallyDisabled === true;
+	if (inert && isArmedRaw) setIsArmedRaw(false);
+	const isArmed = isArmedRaw && !inert;
+	function handlePress() {
+		if (inert) return;
+		if (isArmed) {
+			setIsArmedRaw(false);
+			onConfirm();
+		} else setIsArmedRaw(true);
+	}
+	const announcement = armedAriaLabel ?? (isTextNode(armedChildren) ? armedChildren : ariaLabel);
+	const resolvedAriaLabel = isArmed ? announcement : ariaLabel;
+	const visibleChildren = isArmed && armedChildren !== void 0 ? armedChildren : children;
+	const buttonProps = {
+		...rest,
+		variant,
+		disabled,
+		isPending,
+		isVisuallyDisabled,
+		className: confirmButtonVariants({
+			variant,
+			className
+		}),
+		"aria-label": resolvedAriaLabel,
+		onKeyDown: (event) => {
+			if (event.key === "Escape" && isArmed) {
+				event.preventDefault();
+				event.stopPropagation();
+				setIsArmedRaw(false);
+			}
+			onKeyDown?.(event);
+		},
+		onBlur: (event) => {
+			if (isArmed) setIsArmedRaw(false);
+			onBlur?.(event);
+		},
+		onClick: handlePress
+	};
+	return /* @__PURE__ */ jsxs(Button, {
+		...buttonProps,
+		"data-armed": isArmed ? "true" : void 0,
+		children: [visibleChildren, isArmed && announcement ? /* @__PURE__ */ jsx("span", {
+			className: "sr-only",
+			"aria-live": "polite",
+			children: announcement
+		}) : null]
+	});
+}
+ConfirmButton.displayName = "ConfirmButton";
+//#endregion
+export { ConfirmButton };
+
+//# sourceMappingURL=confirm-button.js.map

package/components/confirm-button/confirm-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirm-button.js","names":[],"sources":["../../../src/components/confirm-button/confirm-button.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactElement, ReactNode } from \"react\";\nimport { useState } from \"react\";\n\nimport { isTextNode } from \"../../internal/is-text-node\";\nimport type { ButtonProps } from \"../button/button\";\nimport { Button } from \"../button/button\";\nimport { confirmButtonVariants } from \"./confirm-button-variants\";\n\ntype DistributiveOmit<T, K extends PropertyKey> = T extends unknown ? Omit<T, K> : never;\n\nexport type ConfirmButtonProps = DistributiveOmit<\n  ButtonProps,\n  \"onClick\" | \"children\" | \"isVisuallyDisabled\"\n> & {\n  /**\n   * Renders Button's disabled treatment and stamps `aria-disabled` while keeping Tab focus,\n   * focus-visible and any Tooltip; pointer presses do not move focus. Presses never arm or\n   * confirm, and turning it on disarms. The treatment keys off `aria-disabled`, so an explicit\n   * `aria-disabled={false}` hides it while presses stay ignored.\n   */\n  isVisuallyDisabled?: boolean;\n  /** Called on the second press only, after the button disarms. */\n  onConfirm: () => void;\n  /** Resting label. */\n  children?: ReactNode;\n  /** Label swapped in while armed; the resting label is kept when omitted. */\n  armedChildren?: ReactNode;\n  /** Explicit armed announcement and `aria-label` override. */\n  armedAriaLabel?: string;\n};\n\n/**\n * Two-press confirm wrapper over the library Button.\n * Client — owns armed state.\n *\n * Turning `disabled` or `isPending` on disarms it, so re-enabling never restores a stale armed state.\n * Escape disarms without confirming; while armed the button consumes the key, so inside a Dialog,\n * Sheet or Popover the first Escape disarms and a second one closes the overlay.\n */\nexport function ConfirmButton({\n  onConfirm,\n  armedChildren,\n  armedAriaLabel,\n  disabled,\n  isPending,\n  isVisuallyDisabled,\n  variant,\n  className,\n  children,\n  \"aria-label\": ariaLabel,\n  onKeyDown,\n  onBlur,\n  ...rest\n}: ConfirmButtonProps): ReactElement {\n  const [isArmedRaw, setIsArmedRaw] = useState(false);\n\n  // `isVisuallyDisabled` keeps Button activatable, so it must gate arming here too.\n  const inert = disabled === true || isPending === true || isVisuallyDisabled === true;\n\n  // Reset during render so leaving the inert state cannot restore a stale armed state.\n  if (inert && isArmedRaw) {\n    setIsArmedRaw(false);\n  }\n\n  const isArmed = isArmedRaw && !inert;\n\n  function handlePress() {\n    if (inert) {\n      return;\n    }\n    if (isArmed) {\n      setIsArmedRaw(false);\n      onConfirm();\n    } else {\n      setIsArmedRaw(true);\n    }\n  }\n\n  // Only a string `armedChildren` participates in the announcement chain.\n  const announcement = armedAriaLabel ?? (isTextNode(armedChildren) ? armedChildren : ariaLabel);\n  const resolvedAriaLabel = isArmed ? announcement : ariaLabel;\n  const visibleChildren = isArmed && armedChildren !== undefined ? armedChildren : children;\n\n  // SAFETY: ConfirmButtonProps is a distributive Omit of ButtonProps. Reassembling\n  // the icon/label union after destructuring is a TypeScript limitation; the runtime\n  // props are the same Button surface plus the owned onClick.\n  const buttonProps = {\n    ...rest,\n    variant,\n    disabled,\n    isPending,\n    isVisuallyDisabled,\n    className: confirmButtonVariants({ variant, className }),\n    \"aria-label\": resolvedAriaLabel,\n    onKeyDown: (event) => {\n      if (event.key === \"Escape\" && isArmed) {\n        event.preventDefault();\n        // Consume the Escape: Base UI's overlay dismiss ignores defaultPrevented, so an armed button must stop it reaching the popup and the document.\n        event.stopPropagation();\n        setIsArmedRaw(false);\n      }\n      onKeyDown?.(event);\n    },\n    onBlur: (event) => {\n      if (isArmed) {\n        setIsArmedRaw(false);\n      }\n      onBlur?.(event);\n    },\n    onClick: handlePress,\n  } as ButtonProps;\n\n  return (\n    <Button {...buttonProps} data-armed={isArmed ? \"true\" : undefined}>\n      {visibleChildren}\n      {isArmed && announcement ? (\n        <span className=\"sr-only\" aria-live=\"polite\">\n          {announcement}\n        </span>\n      ) : null}\n    </Button>\n  );\n}\n\nConfirmButton.displayName = \"ConfirmButton\";\n"],"mappings":";;;;;;;;;;;;;;;AAyCA,SAAgB,cAAc,EAC5B,WACA,eACA,gBACA,UACA,WACA,oBACA,SACA,WACA,UACA,cAAc,WACd,WACA,QACA,GAAG,QACgC;CACnC,MAAM,CAAC,YAAY,iBAAiB,SAAS,KAAK;CAGlD,MAAM,QAAQ,aAAa,QAAQ,cAAc,QAAQ,uBAAuB;CAGhF,IAAI,SAAS,YACX,cAAc,KAAK;CAGrB,MAAM,UAAU,cAAc,CAAC;CAE/B,SAAS,cAAc;EACrB,IAAI,OACF;EAEF,IAAI,SAAS;GACX,cAAc,KAAK;GACnB,UAAU;EACZ,OACE,cAAc,IAAI;CAEtB;CAGA,MAAM,eAAe,mBAAmB,WAAW,aAAa,IAAI,gBAAgB;CACpF,MAAM,oBAAoB,UAAU,eAAe;CACnD,MAAM,kBAAkB,WAAW,kBAAkB,KAAA,IAAY,gBAAgB;CAKjF,MAAM,cAAc;EAClB,GAAG;EACH;EACA;EACA;EACA;EACA,WAAW,sBAAsB;GAAE;GAAS;EAAU,CAAC;EACvD,cAAc;EACd,YAAY,UAAU;GACpB,IAAI,MAAM,QAAQ,YAAY,SAAS;IACrC,MAAM,eAAe;IAErB,MAAM,gBAAgB;IACtB,cAAc,KAAK;GACrB;GACA,YAAY,KAAK;EACnB;EACA,SAAS,UAAU;GACjB,IAAI,SACF,cAAc,KAAK;GAErB,SAAS,KAAK;EAChB;EACA,SAAS;CACX;CAEA,OACE,qBAAC,QAAD;EAAQ,GAAI;EAAa,cAAY,UAAU,SAAS,KAAA;EAAxD,UAAA,CACG,iBACA,WAAW,eACV,oBAAC,QAAD;GAAM,WAAU;GAAU,aAAU;GACjC,UAAA;EACG,CAAA,IACJ,IACE;;AAEZ;AAEA,cAAc,cAAc"}

package/components/description-list/description-list-heading.d.ts

@@ -0,0 +1,20 @@
+import { ComponentProps, ReactElement } from "react";
+import { useRender } from "@base-ui/react/use-render";
+//#region src/components/description-list/description-list-heading.d.ts
+export type DescriptionListHeadingProps = ComponentProps<"h2"> & {
+  /**
+   * Replaces the host `<h2>` via base-ui `useRender`. Use this for other outline
+   * levels; the level-2 type classes and `data-slot` stay merged onto the replacement.
+   */
+  render?: useRender.RenderProp;
+};
+/**
+ * Plain semantic `<h2>` with the ref's level-2 type classes.
+ * Client only because polymorphism is `useRender`; the rest of the compound stays server.
+ */
+export declare function DescriptionListHeading({ className, render, ...props }: DescriptionListHeadingProps): ReactElement;
+export declare namespace DescriptionListHeading {
+  var displayName: string;
+}
+//#endregion
+//# sourceMappingURL=description-list-heading.d.ts.map

package/components/description-list/description-list-heading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"description-list-heading.d.ts","names":[],"sources":["../../../src/components/description-list/description-list-heading.tsx"],"mappings":";;;YASY,8BAA8B;;;;;EAKxC,SAAS,UAAU;;;;;;wBAOL,yBACd,WACA,WACG,SACF,8BAA8B;yBAJjB;MAAA"}

package/components/description-list/description-list-heading.js

@@ -0,0 +1,22 @@
+"use client";
+import { cn } from "../../styles/cn.js";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+//#region src/components/description-list/description-list-heading.tsx
+/**
+* Plain semantic `<h2>` with the ref's level-2 type classes.
+* Client only because polymorphism is `useRender`; the rest of the compound stays server.
+*/
+function DescriptionListHeading({ className, render, ...props }) {
+	return useRender({
+		defaultTagName: "h2",
+		props: mergeProps({ className: cn("text-lg leading-snug font-medium font-heading text-inherit", className) }, props),
+		render,
+		state: { slot: "description-list-heading" }
+	});
+}
+DescriptionListHeading.displayName = "DescriptionList.Heading";
+//#endregion
+export { DescriptionListHeading };
+
+//# sourceMappingURL=description-list-heading.js.map

package/components/description-list/description-list-heading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"description-list-heading.js","names":[],"sources":["../../../src/components/description-list/description-list-heading.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps, ReactElement } from \"react\";\n\nimport { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\n\nimport { cn } from \"../../styles/cn\";\n\nexport type DescriptionListHeadingProps = ComponentProps<\"h2\"> & {\n  /**\n   * Replaces the host `<h2>` via base-ui `useRender`. Use this for other outline\n   * levels; the level-2 type classes and `data-slot` stay merged onto the replacement.\n   */\n  render?: useRender.RenderProp;\n};\n\n/**\n * Plain semantic `<h2>` with the ref's level-2 type classes.\n * Client only because polymorphism is `useRender`; the rest of the compound stays server.\n */\nexport function DescriptionListHeading({\n  className,\n  render,\n  ...props\n}: DescriptionListHeadingProps): ReactElement {\n  return useRender({\n    defaultTagName: \"h2\",\n    props: mergeProps<\"h2\">(\n      {\n        className: cn(\"text-lg leading-snug font-medium font-heading text-inherit\", className),\n      },\n      props\n    ),\n    render,\n    state: { slot: \"description-list-heading\" },\n  });\n}\n\nDescriptionListHeading.displayName = \"DescriptionList.Heading\";\n"],"mappings":";;;;;;;;;AAqBA,SAAgB,uBAAuB,EACrC,WACA,QACA,GAAG,SACyC;CAC5C,OAAO,UAAU;EACf,gBAAgB;EAChB,OAAO,WACL,EACE,WAAW,GAAG,8DAA8D,SAAS,EACvF,GACA,KACF;EACA;EACA,OAAO,EAAE,MAAM,2BAA2B;CAC5C,CAAC;AACH;AAEA,uBAAuB,cAAc"}

package/components/description-list/description-list.d.ts

@@ -0,0 +1,26 @@
+import { DescriptionListHeading, DescriptionListHeadingProps } from "./description-list-heading.js";
+import { ComponentProps, ReactElement } from "react";
+//#region src/components/description-list/description-list.d.ts
+export type DescriptionListRootProps = ComponentProps<"div">;
+export type DescriptionListContentProps = ComponentProps<"dl">;
+export type DescriptionListTermProps = ComponentProps<"dt">;
+export type DescriptionListDetailsProps = ComponentProps<"dd">;
+/**
+ * Semantic `<dl>/<dt>/<dd>` composite. A server compound: it owns no state, handlers or
+ * browser APIs. `Heading` is a client `useRender` island, so other outline levels stay
+ * possible without making this module a client boundary.
+ */
+declare function DescriptionListRoot(props: DescriptionListRootProps): ReactElement;
+declare function DescriptionListContent({ className, ...props }: DescriptionListContentProps): ReactElement;
+declare function DescriptionListTerm({ className, ...props }: DescriptionListTermProps): ReactElement;
+declare function DescriptionListDetails({ className, ...props }: DescriptionListDetailsProps): ReactElement;
+export declare const DescriptionList: {
+  Root: typeof DescriptionListRoot;
+  Heading: typeof DescriptionListHeading;
+  Content: typeof DescriptionListContent;
+  Term: typeof DescriptionListTerm;
+  Details: typeof DescriptionListDetails;
+};
+//#endregion
+export type { DescriptionListHeadingProps };
+//# sourceMappingURL=description-list.d.ts.map

package/components/description-list/description-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"description-list.d.ts","names":[],"sources":["../../../src/components/description-list/description-list.tsx"],"mappings":";;;YAKY,2BAA2B;YAC3B,8BAA8B;YAC9B,2BAA2B;YAC3B,8BAA8B;;;;;;iBAQjC,oBAAoB,OAAO,2BAA2B;iBAItD,yBAAyB,cAAc,SAAS,8BAA8B;iBAa9E,sBAAsB,cAAc,SAAS,2BAA2B;iBAaxE,yBAAyB,cAAc,SAAS,8BAA8B;qBAe1E;EACX,aAAI;EACJ,gBAAO;EACP,gBAAO;EACP,aAAI;EACJ,gBAAO"}

package/components/description-list/description-list.js

@@ -0,0 +1,51 @@
+import { cn } from "../../styles/cn.js";
+import { DescriptionListHeading } from "./description-list-heading.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/description-list/description-list.tsx
+/**
+* Semantic `<dl>/<dt>/<dd>` composite. A server compound: it owns no state, handlers or
+* browser APIs. `Heading` is a client `useRender` island, so other outline levels stay
+* possible without making this module a client boundary.
+*/
+function DescriptionListRoot(props) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "description-list",
+		...props
+	});
+}
+function DescriptionListContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx("dl", {
+		"data-slot": "description-list-content",
+		className: cn("text-base/6 sm:grid-cols-[min(50%,calc(var(--spacing)*80))_auto] sm:text-sm/6 grid grid-cols-1", className),
+		...props
+	});
+}
+function DescriptionListTerm({ className, ...props }) {
+	return /* @__PURE__ */ jsx("dt", {
+		"data-slot": "description-list-term",
+		className: cn("col-start-1 border-t py-2 pr-2 text-muted-foreground first-of-type:border-none", className),
+		...props
+	});
+}
+function DescriptionListDetails({ className, ...props }) {
+	return /* @__PURE__ */ jsx("dd", {
+		"data-slot": "description-list-details",
+		className: cn("sm:border-t py-2 text-foreground first-of-type:border-none", className),
+		...props
+	});
+}
+DescriptionListRoot.displayName = "DescriptionList.Root";
+DescriptionListContent.displayName = "DescriptionList.Content";
+DescriptionListTerm.displayName = "DescriptionList.Term";
+DescriptionListDetails.displayName = "DescriptionList.Details";
+const DescriptionList = {
+	Root: DescriptionListRoot,
+	Heading: DescriptionListHeading,
+	Content: DescriptionListContent,
+	Term: DescriptionListTerm,
+	Details: DescriptionListDetails
+};
+//#endregion
+export { DescriptionList };
+
+//# sourceMappingURL=description-list.js.map

package/components/description-list/description-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"description-list.js","names":[],"sources":["../../../src/components/description-list/description-list.tsx"],"sourcesContent":["import type { ComponentProps, ReactElement } from \"react\";\n\nimport { cn } from \"../../styles/cn\";\nimport { DescriptionListHeading } from \"./description-list-heading\";\n\nexport type DescriptionListRootProps = ComponentProps<\"div\">;\nexport type DescriptionListContentProps = ComponentProps<\"dl\">;\nexport type DescriptionListTermProps = ComponentProps<\"dt\">;\nexport type DescriptionListDetailsProps = ComponentProps<\"dd\">;\nexport type { DescriptionListHeadingProps } from \"./description-list-heading\";\n\n/**\n * Semantic `<dl>/<dt>/<dd>` composite. A server compound: it owns no state, handlers or\n * browser APIs. `Heading` is a client `useRender` island, so other outline levels stay\n * possible without making this module a client boundary.\n */\nfunction DescriptionListRoot(props: DescriptionListRootProps): ReactElement {\n  return <div data-slot=\"description-list\" {...props} />;\n}\n\nfunction DescriptionListContent({ className, ...props }: DescriptionListContentProps): ReactElement {\n  return (\n    <dl\n      data-slot=\"description-list-content\"\n      className={cn(\n        \"text-base/6 sm:grid-cols-[min(50%,calc(var(--spacing)*80))_auto] sm:text-sm/6 grid grid-cols-1\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DescriptionListTerm({ className, ...props }: DescriptionListTermProps): ReactElement {\n  return (\n    <dt\n      data-slot=\"description-list-term\"\n      className={cn(\n        \"col-start-1 border-t py-2 pr-2 text-muted-foreground first-of-type:border-none\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DescriptionListDetails({ className, ...props }: DescriptionListDetailsProps): ReactElement {\n  return (\n    <dd\n      data-slot=\"description-list-details\"\n      className={cn(\"sm:border-t py-2 text-foreground first-of-type:border-none\", className)}\n      {...props}\n    />\n  );\n}\n\nDescriptionListRoot.displayName = \"DescriptionList.Root\";\nDescriptionListContent.displayName = \"DescriptionList.Content\";\nDescriptionListTerm.displayName = \"DescriptionList.Term\";\nDescriptionListDetails.displayName = \"DescriptionList.Details\";\n\nexport const DescriptionList = {\n  Root: DescriptionListRoot,\n  Heading: DescriptionListHeading,\n  Content: DescriptionListContent,\n  Term: DescriptionListTerm,\n  Details: DescriptionListDetails,\n};\n"],"mappings":";;;;;;;;;AAgBA,SAAS,oBAAoB,OAA+C;CAC1E,OAAO,oBAAC,OAAD;EAAK,aAAU;EAAmB,GAAI;CAAQ,CAAA;AACvD;AAEA,SAAS,uBAAuB,EAAE,WAAW,GAAG,SAAoD;CAClG,OACE,oBAAC,MAAD;EACE,aAAU;EACV,WAAW,GACT,kGACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,oBAAoB,EAAE,WAAW,GAAG,SAAiD;CAC5F,OACE,oBAAC,MAAD;EACE,aAAU;EACV,WAAW,GACT,kFACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,uBAAuB,EAAE,WAAW,GAAG,SAAoD;CAClG,OACE,oBAAC,MAAD;EACE,aAAU;EACV,WAAW,GAAG,8DAA8D,SAAS;EACrF,GAAI;CACL,CAAA;AAEL;AAEA,oBAAoB,cAAc;AAClC,uBAAuB,cAAc;AACrC,oBAAoB,cAAc;AAClC,uBAAuB,cAAc;AAErC,MAAa,kBAAkB;CAC7B,MAAM;CACN,SAAS;CACT,SAAS;CACT,MAAM;CACN,SAAS;AACX"}

package/components/dialog/dialog.d.ts

@@ -0,0 +1,127 @@
+import { OverlayContainerProps } from "../overlay/overlay-props.js";
+import { ComponentProps, ReactElement } from "react";
+import { VariantProps } from "tailwind-variants";
+import { Dialog } from "@base-ui/react/dialog";
+//#region src/components/dialog/dialog.d.ts
+declare const dialogContentVariants: import("tailwind-variants").TVReturnType<{
+  size: {
+    sm: "[--overlay-width:min(var(--container-sm),90%)]";
+    md: "[--overlay-width:min(var(--container-md),90%)]";
+    lg: "[--overlay-width:min(var(--container-lg),90%)]";
+    xl: "[--overlay-width:min(var(--container-xl),90%)]";
+    "2xl": "[--overlay-width:min(var(--container-2xl),90%)]";
+    "3xl": "[--overlay-width:min(var(--container-3xl),90%)]";
+    "4xl": "[--overlay-width:min(var(--container-4xl),90%)]";
+    "5xl": "[--overlay-width:min(var(--container-5xl),90%)]";
+    "6xl": "[--overlay-width:min(var(--container-6xl),90%)]";
+    "7xl": "[--overlay-width:min(var(--container-7xl),90%)]";
+    "8xl": "[--overlay-width:min(1366px,90%)]";
+    "9xl": "[--overlay-width:min(1536px,90%)]";
+    "10xl": "[--overlay-width:min(1920px,90%)]";
+  };
+}, undefined, string, {
+  size: {
+    sm: "[--overlay-width:min(var(--container-sm),90%)]";
+    md: "[--overlay-width:min(var(--container-md),90%)]";
+    lg: "[--overlay-width:min(var(--container-lg),90%)]";
+    xl: "[--overlay-width:min(var(--container-xl),90%)]";
+    "2xl": "[--overlay-width:min(var(--container-2xl),90%)]";
+    "3xl": "[--overlay-width:min(var(--container-3xl),90%)]";
+    "4xl": "[--overlay-width:min(var(--container-4xl),90%)]";
+    "5xl": "[--overlay-width:min(var(--container-5xl),90%)]";
+    "6xl": "[--overlay-width:min(var(--container-6xl),90%)]";
+    "7xl": "[--overlay-width:min(var(--container-7xl),90%)]";
+    "8xl": "[--overlay-width:min(1366px,90%)]";
+    "9xl": "[--overlay-width:min(1536px,90%)]";
+    "10xl": "[--overlay-width:min(1920px,90%)]";
+  };
+}, undefined, import("tailwind-variants").TVReturnTypeLike<{
+  size: {
+    sm: "[--overlay-width:min(var(--container-sm),90%)]";
+    md: "[--overlay-width:min(var(--container-md),90%)]";
+    lg: "[--overlay-width:min(var(--container-lg),90%)]";
+    xl: "[--overlay-width:min(var(--container-xl),90%)]";
+    "2xl": "[--overlay-width:min(var(--container-2xl),90%)]";
+    "3xl": "[--overlay-width:min(var(--container-3xl),90%)]";
+    "4xl": "[--overlay-width:min(var(--container-4xl),90%)]";
+    "5xl": "[--overlay-width:min(var(--container-5xl),90%)]";
+    "6xl": "[--overlay-width:min(var(--container-6xl),90%)]";
+    "7xl": "[--overlay-width:min(var(--container-7xl),90%)]";
+    "8xl": "[--overlay-width:min(1366px,90%)]";
+    "9xl": "[--overlay-width:min(1536px,90%)]";
+    "10xl": "[--overlay-width:min(1920px,90%)]";
+  };
+}, undefined>>;
+export declare function DialogRoot(props: ComponentProps<typeof Dialog.Root>): ReactElement;
+export declare namespace DialogRoot {
+  var displayName: string;
+}
+export declare function DialogTrigger({ className, ...props }: ComponentProps<typeof Dialog.Trigger>): ReactElement;
+export declare namespace DialogTrigger {
+  var displayName: string;
+}
+export declare function DialogPortal(props: ComponentProps<typeof Dialog.Portal>): ReactElement;
+export declare namespace DialogPortal {
+  var displayName: string;
+}
+export declare function DialogClose({ className, ...props }: ComponentProps<typeof Dialog.Close>): ReactElement;
+export declare namespace DialogClose {
+  var displayName: string;
+}
+export declare function DialogOverlay({ className, ...props }: ComponentProps<typeof Dialog.Backdrop>): ReactElement;
+export declare namespace DialogOverlay {
+  var displayName: string;
+}
+export type DialogContentProps = ComponentProps<typeof Dialog.Popup> & VariantProps<typeof dialogContentVariants> & {
+  /**
+   * Renders the built-in corner dismiss affordance — a `Dialog.Close` styled as a
+   * ghost icon button in the popup's top-right corner.
+   */
+  showCloseButton?: boolean;
+} & OverlayContainerProps & {
+  /**
+   * Accessible name for the built-in corner close button. Defaults to the locale
+   * dictionary.
+   */
+  closeLabel?: string;
+};
+export declare function DialogContent({ className, children, showCloseButton, size, container, closeLabel, ...props }: DialogContentProps): ReactElement | null;
+export declare namespace DialogContent {
+  var displayName: string;
+}
+export declare function DialogHeader({ className, ...props }: ComponentProps<"div">): ReactElement;
+export declare namespace DialogHeader {
+  var displayName: string;
+}
+export type DialogFooterProps = ComponentProps<"div"> & {
+  /**
+   * Appends a `Dialog.Close` rendered as an outline button after `children` — a footer
+   * action, distinct from `Dialog.Content`'s corner dismiss affordance.
+   */
+  showCloseButton?: boolean;
+  /** Visible text for the built-in footer close action. Defaults to the locale dictionary. */
+  closeLabel?: string;
+};
+export declare function DialogFooter({ className, showCloseButton, closeLabel, children, ...props }: DialogFooterProps): ReactElement;
+export declare namespace DialogFooter {
+  var displayName: string;
+}
+export type DialogTitleProps = ComponentProps<typeof Dialog.Title> & {
+  /**
+   * Makes the heading a programmatic focus target: stamps `tabIndex={-1}` and paints the
+   * shared self focus ring so the focused title is visible. For dialogs that pass the
+   * title to `initialFocus` and open on its content.
+   * @default false
+   */
+  isFocusable?: boolean;
+};
+export declare function DialogTitle({ className, isFocusable, tabIndex, ...props }: DialogTitleProps): ReactElement;
+export declare namespace DialogTitle {
+  var displayName: string;
+}
+export declare function DialogDescription({ className, ...props }: ComponentProps<typeof Dialog.Description>): ReactElement;
+export declare namespace DialogDescription {
+  var displayName: string;
+}
+//#endregion
+//# sourceMappingURL=dialog.d.ts.map

package/components/dialog/dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.d.ts","names":[],"sources":["../../../src/components/dialog/dialog.tsx"],"mappings":";;;;;cA6BM,mDAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAqBX,WAAW,OAAO,sBAAsB,OAAgB,QAAQ;yBAAhE;MAAA;;wBAIA,gBACd,cACG,SACF,sBAAsB,OAAgB,WAAW;yBAHpC;MAAA;;wBAaA,aAAa,OAAO,sBAAsB,OAAgB,UAAU;yBAApE;MAAA;;wBAIA,cACd,cACG,SACF,sBAAsB,OAAgB,SAAS;yBAHlC;MAAA;;wBAaA,gBACd,cACG,SACF,sBAAsB,OAAgB,YAAY;yBAHrC;MAAA;;YAkBJ,qBAAqB,sBAAsB,OAAgB,SACrE,oBAAoB;;;;;EAKlB;IACE;;;;;EAKF;;wBAGY,gBACd,WACA,UACA,iBACA,MACA,WACA,eACG,SACF,qBAAqB;yBARR;MAAA;;wBA4BA,eAAe,cAAc,SAAS,wBAAwB;yBAA9D;MAAA;;YAIJ,oBAAoB;;;;;EAK9B;;EAEA;;wBAGc,eACd,WACA,iBACA,YACA,aACG,SACF,oBAAoB;yBANP;MAAA;;YAkBJ,mBAAmB,sBAAsB,OAAgB;;;;;;;EAOnE;;wBAGc,cACd,WACA,aACA,aACG,SACF,mBAAmB;yBALN;MAAA;;wBAiBA,oBACd,cACG,SACF,sBAAsB,OAAgB,eAAe;yBAHxC;MAAA"}

package/components/dialog/dialog.js

@@ -0,0 +1,115 @@
+"use client";
+import { cn } from "../../styles/cn.js";
+import { selfFocusRingClass } from "../../styles/utils.js";
+import { useLocalizedStrings } from "../../hooks/use-localized-strings.js";
+import { mergeClassName } from "../../styles/merge-class-name.js";
+import { overlayCloseStrings } from "../overlay/intl/index.js";
+import { overlayFooterClass, overlayLayer, overlayPopupSurfaceClass, overlayScrimClass, overlaySizeVariants, overlayTitleClass } from "../overlay/overlay-classes.js";
+import { OverlayCloseButton, OverlayFooterCloseButton, overlayCornerCloseClass } from "../overlay/overlay-close-button.js";
+import { OverlayPortal } from "../overlay/overlay-portal.js";
+import { tv } from "tailwind-variants";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Dialog } from "@base-ui/react/dialog";
+//#region src/components/dialog/dialog.tsx
+const dialogContentVariants = tv({
+	base: cn(overlayPopupSurfaceClass, "text-sm shadow-lg fixed top-1/2 left-1/2 grid max-h-[calc(100%-2rem)] w-full max-w-(--overlay-width) -translate-x-1/2 -translate-y-1/2 gap-6 overflow-y-auto rounded-xl p-6 duration-100 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", overlayLayer, selfFocusRingClass),
+	variants: { size: overlaySizeVariants.variants.size },
+	defaultVariants: { size: "md" }
+});
+function DialogRoot(props) {
+	return /* @__PURE__ */ jsx(Dialog.Root, {
+		"data-slot": "dialog",
+		...props
+	});
+}
+function DialogTrigger({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Dialog.Trigger, {
+		"data-slot": "dialog-trigger",
+		className: mergeClassName(className, selfFocusRingClass),
+		...props
+	});
+}
+function DialogPortal(props) {
+	return /* @__PURE__ */ jsx(Dialog.Portal, {
+		"data-slot": "dialog-portal",
+		...props
+	});
+}
+function DialogClose({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Dialog.Close, {
+		"data-slot": "dialog-close",
+		className: mergeClassName(className, selfFocusRingClass),
+		...props
+	});
+}
+function DialogOverlay({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Dialog.Backdrop, {
+		"data-slot": "dialog-overlay",
+		className: mergeClassName(className, overlayScrimClass, "fixed inset-0 isolate duration-100 data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0", overlayLayer),
+		...props
+	});
+}
+function DialogContent({ className, children, showCloseButton = true, size, container, closeLabel, ...props }) {
+	return /* @__PURE__ */ jsxs(OverlayPortal, {
+		portal: DialogPortal,
+		container,
+		children: [/* @__PURE__ */ jsx(DialogOverlay, {}), /* @__PURE__ */ jsxs(Dialog.Popup, {
+			"data-slot": "dialog-content",
+			className: mergeClassName(className, dialogContentVariants({ size })),
+			...props,
+			children: [children, showCloseButton ? /* @__PURE__ */ jsx(Dialog.Close, {
+				"data-slot": "dialog-close",
+				render: /* @__PURE__ */ jsx(OverlayCloseButton, {
+					label: closeLabel,
+					className: overlayCornerCloseClass
+				})
+			}) : null]
+		})]
+	});
+}
+function DialogHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "dialog-header",
+		className: cn("flex flex-col gap-2", className),
+		...props
+	});
+}
+function DialogFooter({ className, showCloseButton = false, closeLabel, children, ...props }) {
+	const strings = useLocalizedStrings(overlayCloseStrings);
+	const label = closeLabel ?? strings.format("close");
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "dialog-footer",
+		className: cn(overlayFooterClass, className),
+		...props,
+		children: [children, showCloseButton ? /* @__PURE__ */ jsx(Dialog.Close, { render: /* @__PURE__ */ jsx(OverlayFooterCloseButton, { label }) }) : null]
+	});
+}
+function DialogTitle({ className, isFocusable = false, tabIndex, ...props }) {
+	return /* @__PURE__ */ jsx(Dialog.Title, {
+		"data-slot": "dialog-title",
+		className: mergeClassName(className, overlayTitleClass, isFocusable && selfFocusRingClass),
+		...props,
+		tabIndex: isFocusable ? -1 : tabIndex
+	});
+}
+function DialogDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Dialog.Description, {
+		"data-slot": "dialog-description",
+		className: mergeClassName(className, "text-sm text-pretty text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground"),
+		...props
+	});
+}
+DialogRoot.displayName = "Dialog.Root";
+DialogTrigger.displayName = "Dialog.Trigger";
+DialogPortal.displayName = "Dialog.Portal";
+DialogClose.displayName = "Dialog.Close";
+DialogOverlay.displayName = "Dialog.Overlay";
+DialogContent.displayName = "Dialog.Content";
+DialogHeader.displayName = "Dialog.Header";
+DialogFooter.displayName = "Dialog.Footer";
+DialogTitle.displayName = "Dialog.Title";
+DialogDescription.displayName = "Dialog.Description";
+//#endregion
+export { DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogRoot, DialogTitle, DialogTrigger };
+
+//# sourceMappingURL=dialog.js.map

package/components/dialog/dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.js","names":["DialogPrimitive"],"sources":["../../../src/components/dialog/dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps, ReactElement } from \"react\";\n\nimport { Dialog as DialogPrimitive } from \"@base-ui/react/dialog\";\nimport { tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { useLocalizedStrings } from \"../../hooks/use-localized-strings\";\nimport { cn } from \"../../styles/cn\";\nimport { mergeClassName } from \"../../styles/merge-class-name\";\nimport { selfFocusRingClass } from \"../../styles/utils\";\nimport { overlayCloseStrings } from \"../overlay/intl\";\nimport {\n  overlayFooterClass,\n  overlayLayer,\n  overlayPopupSurfaceClass,\n  overlayScrimClass,\n  overlaySizeVariants,\n  overlayTitleClass,\n} from \"../overlay/overlay-classes\";\nimport {\n  OverlayCloseButton,\n  OverlayFooterCloseButton,\n  overlayCornerCloseClass,\n} from \"../overlay/overlay-close-button\";\nimport { OverlayPortal } from \"../overlay/overlay-portal\";\nimport type { OverlayContainerProps } from \"../overlay/overlay-props\";\n\nconst dialogContentVariants = tv({\n  // The shared popup surface supplies the fill, the ring, and a radius rung; Dialog\n  // raises the elevation to `shadow-lg` and the radius to `rounded-xl` through the\n  // later `cn` argument. The keyframe set stays local: Dialog is not an\n  // anchored popup, so it takes neither the transform origin nor the per-side slide-ins\n  // that `overlayPopupMotionClass` carries, and its `duration-100` rides with them.\n  base: cn(\n    overlayPopupSurfaceClass,\n    \"text-sm shadow-lg fixed top-1/2 left-1/2 grid max-h-[calc(100%-2rem)] w-full max-w-(--overlay-width) -translate-x-1/2 -translate-y-1/2 gap-6 overflow-y-auto rounded-xl p-6 duration-100 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95\",\n    overlayLayer,\n    selfFocusRingClass\n  ),\n  variants: {\n    // The 13-value overlay width axis, shared with Sheet.\n    size: overlaySizeVariants.variants.size,\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nexport function DialogRoot(props: ComponentProps<typeof DialogPrimitive.Root>): ReactElement {\n  return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />;\n}\n\nexport function DialogTrigger({\n  className,\n  ...props\n}: ComponentProps<typeof DialogPrimitive.Trigger>): ReactElement {\n  return (\n    <DialogPrimitive.Trigger\n      data-slot=\"dialog-trigger\"\n      className={mergeClassName(className, selfFocusRingClass)}\n      {...props}\n    />\n  );\n}\n\nexport function DialogPortal(props: ComponentProps<typeof DialogPrimitive.Portal>): ReactElement {\n  return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />;\n}\n\nexport function DialogClose({\n  className,\n  ...props\n}: ComponentProps<typeof DialogPrimitive.Close>): ReactElement {\n  return (\n    <DialogPrimitive.Close\n      data-slot=\"dialog-close\"\n      className={mergeClassName(className, selfFocusRingClass)}\n      {...props}\n    />\n  );\n}\n\nexport function DialogOverlay({\n  className,\n  ...props\n}: ComponentProps<typeof DialogPrimitive.Backdrop>): ReactElement {\n  return (\n    <DialogPrimitive.Backdrop\n      data-slot=\"dialog-overlay\"\n      className={mergeClassName(\n        className,\n        overlayScrimClass,\n        \"fixed inset-0 isolate duration-100 data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0\",\n        overlayLayer\n      )}\n      {...props}\n    />\n  );\n}\n\nexport type DialogContentProps = ComponentProps<typeof DialogPrimitive.Popup> &\n  VariantProps<typeof dialogContentVariants> & {\n    /**\n     * Renders the built-in corner dismiss affordance — a `Dialog.Close` styled as a\n     * ghost icon button in the popup's top-right corner.\n     */\n    showCloseButton?: boolean;\n  } & OverlayContainerProps & {\n    /**\n     * Accessible name for the built-in corner close button. Defaults to the locale\n     * dictionary.\n     */\n    closeLabel?: string;\n  };\n\nexport function DialogContent({\n  className,\n  children,\n  showCloseButton = true,\n  size,\n  container,\n  closeLabel,\n  ...props\n}: DialogContentProps): ReactElement | null {\n  return (\n    <OverlayPortal portal={DialogPortal} container={container}>\n      <DialogOverlay />\n      <DialogPrimitive.Popup\n        data-slot=\"dialog-content\"\n        className={mergeClassName(className, dialogContentVariants({ size }))}\n        {...props}>\n        {children}\n        {showCloseButton ? (\n          <DialogPrimitive.Close\n            data-slot=\"dialog-close\"\n            render={<OverlayCloseButton label={closeLabel} className={overlayCornerCloseClass} />}\n          />\n        ) : null}\n      </DialogPrimitive.Popup>\n    </OverlayPortal>\n  );\n}\n\nexport function DialogHeader({ className, ...props }: ComponentProps<\"div\">): ReactElement {\n  return <div data-slot=\"dialog-header\" className={cn(\"flex flex-col gap-2\", className)} {...props} />;\n}\n\nexport type DialogFooterProps = ComponentProps<\"div\"> & {\n  /**\n   * Appends a `Dialog.Close` rendered as an outline button after `children` — a footer\n   * action, distinct from `Dialog.Content`'s corner dismiss affordance.\n   */\n  showCloseButton?: boolean;\n  /** Visible text for the built-in footer close action. Defaults to the locale dictionary. */\n  closeLabel?: string;\n};\n\nexport function DialogFooter({\n  className,\n  showCloseButton = false,\n  closeLabel,\n  children,\n  ...props\n}: DialogFooterProps): ReactElement {\n  const strings = useLocalizedStrings(overlayCloseStrings);\n  const label = closeLabel ?? strings.format(\"close\");\n\n  return (\n    <div data-slot=\"dialog-footer\" className={cn(overlayFooterClass, className)} {...props}>\n      {children}\n      {showCloseButton ? <DialogPrimitive.Close render={<OverlayFooterCloseButton label={label} />} /> : null}\n    </div>\n  );\n}\n\nexport type DialogTitleProps = ComponentProps<typeof DialogPrimitive.Title> & {\n  /**\n   * Makes the heading a programmatic focus target: stamps `tabIndex={-1}` and paints the\n   * shared self focus ring so the focused title is visible. For dialogs that pass the\n   * title to `initialFocus` and open on its content.\n   * @default false\n   */\n  isFocusable?: boolean;\n};\n\nexport function DialogTitle({\n  className,\n  isFocusable = false,\n  tabIndex,\n  ...props\n}: DialogTitleProps): ReactElement {\n  return (\n    <DialogPrimitive.Title\n      data-slot=\"dialog-title\"\n      className={mergeClassName(className, overlayTitleClass, isFocusable && selfFocusRingClass)}\n      {...props}\n      // isFocusable owns the tab stop when set; otherwise the caller's tabIndex stands.\n      tabIndex={isFocusable ? -1 : tabIndex}\n    />\n  );\n}\n\nexport function DialogDescription({\n  className,\n  ...props\n}: ComponentProps<typeof DialogPrimitive.Description>): ReactElement {\n  return (\n    <DialogPrimitive.Description\n      data-slot=\"dialog-description\"\n      className={mergeClassName(\n        className,\n        \"text-sm text-pretty text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground\"\n      )}\n      {...props}\n    />\n  );\n}\n\nDialogRoot.displayName = \"Dialog.Root\";\nDialogTrigger.displayName = \"Dialog.Trigger\";\nDialogPortal.displayName = \"Dialog.Portal\";\nDialogClose.displayName = \"Dialog.Close\";\nDialogOverlay.displayName = \"Dialog.Overlay\";\nDialogContent.displayName = \"Dialog.Content\";\nDialogHeader.displayName = \"Dialog.Header\";\nDialogFooter.displayName = \"Dialog.Footer\";\nDialogTitle.displayName = \"Dialog.Title\";\nDialogDescription.displayName = \"Dialog.Description\";\n"],"mappings":"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"}