@alfadocs/ui-kit 0.0.20 → 0.1.0

package/dist/_chunks/{separator-DExI4amU.js → separator-BRQHi8s0.js}

@@ -1,29 +1,29 @@
-import { jsx as n } from "react/jsx-runtime";
-import { forwardRef as s } from "react";
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
 import { c as l } from "./index-D2ZczOXr.js";
 const d = l(
   [
-    "shrink-0",
-    "forced-colors:bg-[CanvasText]"
+    "ds:shrink-0",
+    "ds:forced-colors:bg-[CanvasText]"
   ].join(" "),
   {
     variants: {
       orientation: {
         horizontal: [
           // Horizontal rule: fills inline axis, hairline block size.
-          "block-size-[var(--border-width-hairline)]",
-          "inline-size-full"
+          "ds:block-size-[var(--border-width-hairline)]",
+          "ds:inline-size-full"
         ].join(" "),
         vertical: [
           // Vertical rule: stretches block axis, hairline inline size.
-          "inline-size-[var(--border-width-hairline)]",
-          "block-size-full",
-          "self-stretch"
+          "ds:inline-size-[var(--border-width-hairline)]",
+          "ds:block-size-full",
+          "ds:self-stretch"
         ].join(" ")
       },
       intensity: {
-        subtle: "bg-[color:var(--border)]",
-        strong: "bg-[color:var(--muted-foreground)]/40"
+        subtle: "ds:bg-[color:var(--border)]",
+        strong: "ds:bg-[color:var(--muted-foreground)]/40"
       }
     },
     defaultVariants: {
@@ -31,23 +31,23 @@ const d = l(
       intensity: "subtle"
     }
   }
-), f = s(
+), f = n(
   ({
     orientation: r = "horizontal",
     intensity: a = "subtle",
     decorative: o = !1,
     className: i,
-    ...t
-  }, e) => /* @__PURE__ */ n(
+    ...s
+  }, t) => /* @__PURE__ */ e(
     "div",
     {
-      ref: e,
+      ref: t,
       role: o ? "none" : "separator",
       "aria-orientation": o ? void 0 : r ?? "horizontal",
       "aria-hidden": o ? !0 : void 0,
       "data-orientation": r,
       className: d({ orientation: r, intensity: a, className: i }),
-      ...t
+      ...s
     }
   )
 );
@@ -55,4 +55,4 @@ f.displayName = "Separator";
 export {
   f as S
 };
-//# sourceMappingURL=separator-DExI4amU.js.map
+//# sourceMappingURL=separator-BRQHi8s0.js.map

package/dist/_chunks/separator-BRQHi8s0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator-BRQHi8s0.js","sources":["../../src/components/separator/separator.tsx"],"sourcesContent":["import {\n  forwardRef,\n  type HTMLAttributes,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\n/**\n * Intentionally does NOT wrap `@radix-ui/react-separator`. That package\n * is a ~1 KB styling wrapper that only adds `role=\"separator\"` +\n * `aria-orientation` + `role=\"none\"` + `aria-hidden` for the decorative\n * path — exactly what this component does by hand. Adding the Radix dep\n * would duplicate logic with no user-facing gain. See the \"Radix-first\"\n * note in the user story (layout/separator.mdx).\n */\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst separatorVariants = cva(\n  [\n    'ds:shrink-0',\n    'ds:forced-colors:bg-[CanvasText]',\n  ].join(' '),\n  {\n    variants: {\n      orientation: {\n        horizontal: [\n          // Horizontal rule: fills inline axis, hairline block size.\n          'ds:block-size-[var(--border-width-hairline)]',\n          'ds:inline-size-full',\n        ].join(' '),\n        vertical: [\n          // Vertical rule: stretches block axis, hairline inline size.\n          'ds:inline-size-[var(--border-width-hairline)]',\n          'ds:block-size-full',\n          'ds:self-stretch',\n        ].join(' '),\n      },\n      intensity: {\n        subtle: 'ds:bg-[color:var(--border)]',\n        strong: 'ds:bg-[color:var(--muted-foreground)]/40',\n      },\n    },\n    defaultVariants: {\n      orientation: 'horizontal',\n      intensity: 'subtle',\n    },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* Public API                                                          */\n/* ------------------------------------------------------------------ */\n\nexport interface SeparatorProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'role' | 'aria-orientation'>,\n    VariantProps<typeof separatorVariants> {\n  /**\n   * When `true` the separator is purely visual — rendered as\n   * `role='none'` + `aria-hidden='true'`, skipped in screen-reader rotor\n   * navigation. Default `false` (non-decorative, announces as a\n   * semantic separator per WAI-ARIA).\n   */\n  decorative?: boolean;\n}\n\nexport const Separator = forwardRef<HTMLDivElement, SeparatorProps>(\n  (\n    {\n      orientation = 'horizontal',\n      intensity = 'subtle',\n      decorative = false,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    // Non-decorative: role=\"separator\" + aria-orientation so screen\n    // readers can announce direction. Decorative: role=\"none\" +\n    // aria-hidden so AT skips entirely. WAI-ARIA allows either path.\n    return (\n      <div\n        ref={ref}\n        role={decorative ? 'none' : 'separator'}\n        aria-orientation={decorative ? undefined : orientation ?? 'horizontal'}\n        aria-hidden={decorative ? true : undefined}\n        data-orientation={orientation}\n        className={separatorVariants({ orientation, intensity, className })}\n        {...rest}\n      />\n    );\n  },\n);\n\nSeparator.displayName = 'Separator';\n"],"names":["separatorVariants","cva","Separator","forwardRef","orientation","intensity","decorative","className","rest","ref","jsx"],"mappings":";;;AAmBA,MAAMA,IAAoBC;AAAA,EACxB;AAAA,IACE;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA,MACR,aAAa;AAAA,QACX,YAAY;AAAA;AAAA,UAEV;AAAA,UACA;AAAA,QAAA,EACA,KAAK,GAAG;AAAA,QACV,UAAU;AAAA;AAAA,UAER;AAAA,UACA;AAAA,UACA;AAAA,QAAA,EACA,KAAK,GAAG;AAAA,MAAA;AAAA,MAEZ,WAAW;AAAA,QACT,QAAQ;AAAA,QACR,QAAQ;AAAA,MAAA;AAAA,IACV;AAAA,IAEF,iBAAiB;AAAA,MACf,aAAa;AAAA,MACb,WAAW;AAAA,IAAA;AAAA,EACb;AAEJ,GAkBaC,IAAYC;AAAA,EACvB,CACE;AAAA,IACE,aAAAC,IAAc;AAAA,IACd,WAAAC,IAAY;AAAA,IACZ,YAAAC,IAAa;AAAA,IACb,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MAME,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,MAAMH,IAAa,SAAS;AAAA,MAC5B,oBAAkBA,IAAa,SAAYF,KAAe;AAAA,MAC1D,eAAaE,IAAa,KAAO;AAAA,MACjC,oBAAkBF;AAAA,MAClB,WAAWJ,EAAkB,EAAE,aAAAI,GAAa,WAAAC,GAAW,WAAAE,GAAW;AAAA,MACjE,GAAGC;AAAA,IAAA;AAAA,EAAA;AAIZ;AAEAN,EAAU,cAAc;"}

package/dist/_chunks/sheet-DyWqluiS.js

@@ -0,0 +1,188 @@
+import { jsx as o, jsxs as m } from "react/jsx-runtime";
+import { forwardRef as d } from "react";
+import * as a from "@radix-ui/react-dialog";
+import { c as x } from "./index-D2ZczOXr.js";
+import { useTranslation as y } from "react-i18next";
+import { I as S } from "./icon-button-C482ii4y.js";
+import { X as j } from "./x-CCcI3eJp.js";
+const z = [
+  "fixed inset-0 z-[var(--z-modal-backdrop)]",
+  "bg-[var(--background)]/[var(--opacity-70)]",
+  "backdrop-blur-sm",
+  "data-[state=open]:animate-in data-[state=open]:fade-in-0",
+  "data-[state=closed]:animate-out data-[state=closed]:fade-out-0",
+  "duration-[var(--animation-duration)] motion-reduce:transition-none"
+].join(" "), N = x(
+  [
+    "ds:fixed ds:z-[var(--z-modal)] ds:flex ds:flex-col",
+    "ds:bg-[var(--popover)] ds:text-[var(--popover-foreground)]",
+    "ds:shadow-[var(--shadow-xl)]",
+    "ds:focus-visible:outline-none",
+    "ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
+  ].join(" "),
+  {
+    variants: {
+      side: {
+        start: [
+          "ds:start-0 ds:inset-y-0",
+          "ds:border-e ds:border-[color:var(--border)]",
+          "ds:data-[state=open]:animate-in ds:ltr:data-[state=open]:slide-in-from-left-full ds:rtl:data-[state=open]:slide-in-from-right-full",
+          "ds:data-[state=closed]:animate-out ds:ltr:data-[state=closed]:slide-out-to-left-full ds:rtl:data-[state=closed]:slide-out-to-right-full",
+          "ds:max-sm:[inline-size:100dvw] ds:max-sm:[block-size:100dvh]"
+        ].join(" "),
+        end: [
+          "ds:end-0 ds:inset-y-0",
+          "ds:border-s ds:border-[color:var(--border)]",
+          "ds:data-[state=open]:animate-in ds:ltr:data-[state=open]:slide-in-from-right-full ds:rtl:data-[state=open]:slide-in-from-left-full",
+          "ds:data-[state=closed]:animate-out ds:ltr:data-[state=closed]:slide-out-to-right-full ds:rtl:data-[state=closed]:slide-out-to-left-full",
+          "ds:max-sm:[inline-size:100dvw] ds:max-sm:[block-size:100dvh]"
+        ].join(" "),
+        top: [
+          "ds:top-0 ds:inset-x-0",
+          "ds:border-b ds:border-[color:var(--border)]",
+          "ds:data-[state=open]:animate-in ds:data-[state=open]:slide-in-from-top-full",
+          "ds:data-[state=closed]:animate-out ds:data-[state=closed]:slide-out-to-top-full"
+        ].join(" "),
+        bottom: [
+          "ds:bottom-0 ds:inset-x-0",
+          "ds:border-t ds:border-[color:var(--border)]",
+          "ds:data-[state=open]:animate-in ds:data-[state=open]:slide-in-from-bottom-full",
+          "ds:data-[state=closed]:animate-out ds:data-[state=closed]:slide-out-to-bottom-full"
+        ].join(" ")
+      }
+    },
+    defaultVariants: { side: "end" }
+  }
+);
+function k(e, t) {
+  return e === "start" || e === "end" ? {
+    sm: "[inline-size:360px]",
+    md: "[inline-size:480px]",
+    lg: "[inline-size:640px]"
+  }[t] : {
+    sm: "[block-size:40dvh]",
+    md: "[block-size:60dvh]",
+    lg: "[block-size:80dvh]"
+  }[t];
+}
+const n = ({
+  children: e,
+  ...t
+}) => /* @__PURE__ */ o(a.Root, { ...t, children: e });
+n.displayName = "Sheet.Root";
+const c = d(({ children: e, ...t }, s) => /* @__PURE__ */ o(a.Trigger, { ref: s, ...t, children: e }));
+c.displayName = "Sheet.Trigger";
+const l = d(({ children: e, ...t }, s) => /* @__PURE__ */ o(a.Close, { ref: s, ...t, children: e }));
+l.displayName = "Sheet.Close";
+const p = d(
+  ({ side: e = "end", size: t = "md", className: s, children: r, ...i }, h) => /* @__PURE__ */ m(a.Portal, { children: [
+    /* @__PURE__ */ o(a.Overlay, { className: z }),
+    /* @__PURE__ */ o(
+      a.Content,
+      {
+        ref: h,
+        className: [N({ side: e }), k(e, t), s].filter(Boolean).join(" "),
+        ...i,
+        children: r
+      }
+    )
+  ] })
+);
+p.displayName = "Sheet.Content";
+const f = d(
+  ({ className: e, children: t, ...s }, r) => {
+    const { t: i } = y();
+    return /* @__PURE__ */ m(
+      "div",
+      {
+        ref: r,
+        className: [
+          "ds:sticky ds:top-0 ds:z-10 ds:flex ds:items-center ds:justify-between",
+          "ds:ps-[var(--spacing-lg)] ds:pe-[var(--spacing-lg)] ds:py-[var(--spacing-md)]",
+          "ds:border-b ds:border-[color:var(--border)] ds:bg-[var(--popover)]",
+          e
+        ].filter(Boolean).join(" "),
+        ...s,
+        children: [
+          t,
+          /* @__PURE__ */ o(l, { asChild: !0, children: /* @__PURE__ */ o(
+            S,
+            {
+              icon: /* @__PURE__ */ o(j, {}),
+              intent: "ghost",
+              size: "sm",
+              "aria-label": i("ui.common.close", "Close")
+            }
+          ) })
+        ]
+      }
+    );
+  }
+);
+f.displayName = "Sheet.Header";
+const u = d(
+  ({ className: e, ...t }, s) => /* @__PURE__ */ o(
+    "div",
+    {
+      ref: s,
+      className: [
+        "ds:overflow-y-auto ds:overflow-x-hidden ds:flex-1",
+        "ds:ps-[var(--spacing-lg)] ds:pe-[var(--spacing-lg)] ds:py-[var(--spacing-lg)]",
+        "ds:break-words",
+        e
+      ].filter(Boolean).join(" "),
+      ...t
+    }
+  )
+);
+u.displayName = "Sheet.Body";
+const v = d(
+  ({ className: e, ...t }, s) => /* @__PURE__ */ o(
+    "div",
+    {
+      ref: s,
+      className: [
+        "ds:sticky ds:bottom-0 ds:z-10 ds:flex ds:items-center ds:justify-end ds:gap-[var(--spacing-sm)]",
+        "ds:ps-[var(--spacing-lg)] ds:pe-[var(--spacing-lg)] ds:py-[var(--spacing-md)]",
+        "ds:border-t ds:border-[color:var(--border)] ds:bg-[var(--popover)]",
+        "ds:max-sm:flex-col ds:max-sm:[&>*]:w-full",
+        e
+      ].filter(Boolean).join(" "),
+      ...t
+    }
+  )
+);
+v.displayName = "Sheet.Footer";
+const b = d(({ className: e, ...t }, s) => /* @__PURE__ */ o(
+  a.Title,
+  {
+    ref: s,
+    className: ["type-title-card ds:break-words", e].filter(Boolean).join(" "),
+    ...t
+  }
+));
+b.displayName = "Sheet.Title";
+const g = d(({ className: e, ...t }, s) => /* @__PURE__ */ o(
+  a.Description,
+  {
+    ref: s,
+    className: ["type-body-sm ds:text-[var(--muted-foreground)]", e].filter(Boolean).join(" "),
+    ...t
+  }
+));
+g.displayName = "Sheet.Description";
+const F = Object.assign(n, {
+  Root: n,
+  Trigger: c,
+  Content: p,
+  Header: f,
+  Body: u,
+  Footer: v,
+  Title: b,
+  Description: g,
+  Close: l
+});
+export {
+  F as S
+};
+//# sourceMappingURL=sheet-DyWqluiS.js.map

package/dist/_chunks/sheet-DyWqluiS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sheet-DyWqluiS.js","sources":["../../src/components/sheet/sheet.tsx"],"sourcesContent":["import {\n  forwardRef,\n  type ComponentPropsWithoutRef,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport * as RadixDialog from '@radix-ui/react-dialog';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { X } from 'lucide-react';\nimport { IconButton } from '../button/icon-button';\n\nconst OVERLAY_CLASSES = [\n  'fixed inset-0 z-[var(--z-modal-backdrop)]',\n  'bg-[var(--background)]/[var(--opacity-70)]',\n  'backdrop-blur-sm',\n  'data-[state=open]:animate-in data-[state=open]:fade-in-0',\n  'data-[state=closed]:animate-out data-[state=closed]:fade-out-0',\n  'duration-[var(--animation-duration)] motion-reduce:transition-none',\n].join(' ');\n\nconst contentVariants = cva(\n  [\n    'ds:fixed ds:z-[var(--z-modal)] ds:flex ds:flex-col',\n    'ds:bg-[var(--popover)] ds:text-[var(--popover-foreground)]',\n    'ds:shadow-[var(--shadow-xl)]',\n    'ds:focus-visible:outline-none',\n    'ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n  ].join(' '),\n  {\n    variants: {\n      side: {\n        start: [\n          'ds:start-0 ds:inset-y-0',\n          'ds:border-e ds:border-[color:var(--border)]',\n          'ds:data-[state=open]:animate-in ds:ltr:data-[state=open]:slide-in-from-left-full ds:rtl:data-[state=open]:slide-in-from-right-full',\n          'ds:data-[state=closed]:animate-out ds:ltr:data-[state=closed]:slide-out-to-left-full ds:rtl:data-[state=closed]:slide-out-to-right-full',\n          'ds:max-sm:[inline-size:100dvw] ds:max-sm:[block-size:100dvh]',\n        ].join(' '),\n        end: [\n          'ds:end-0 ds:inset-y-0',\n          'ds:border-s ds:border-[color:var(--border)]',\n          'ds:data-[state=open]:animate-in ds:ltr:data-[state=open]:slide-in-from-right-full ds:rtl:data-[state=open]:slide-in-from-left-full',\n          'ds:data-[state=closed]:animate-out ds:ltr:data-[state=closed]:slide-out-to-right-full ds:rtl:data-[state=closed]:slide-out-to-left-full',\n          'ds:max-sm:[inline-size:100dvw] ds:max-sm:[block-size:100dvh]',\n        ].join(' '),\n        top: [\n          'ds:top-0 ds:inset-x-0',\n          'ds:border-b ds:border-[color:var(--border)]',\n          'ds:data-[state=open]:animate-in ds:data-[state=open]:slide-in-from-top-full',\n          'ds:data-[state=closed]:animate-out ds:data-[state=closed]:slide-out-to-top-full',\n        ].join(' '),\n        bottom: [\n          'ds:bottom-0 ds:inset-x-0',\n          'ds:border-t ds:border-[color:var(--border)]',\n          'ds:data-[state=open]:animate-in ds:data-[state=open]:slide-in-from-bottom-full',\n          'ds:data-[state=closed]:animate-out ds:data-[state=closed]:slide-out-to-bottom-full',\n        ].join(' '),\n      },\n    },\n    defaultVariants: { side: 'end' },\n  },\n);\n\nfunction getSizeClass(\n  side: 'start' | 'end' | 'top' | 'bottom',\n  size: 'sm' | 'md' | 'lg',\n): string {\n  if (side === 'start' || side === 'end') {\n    const map = {\n      sm: '[inline-size:360px]',\n      md: '[inline-size:480px]',\n      lg: '[inline-size:640px]',\n    } as const;\n    return map[size];\n  }\n\n  const map = {\n    sm: '[block-size:40dvh]',\n    md: '[block-size:60dvh]',\n    lg: '[block-size:80dvh]',\n  } as const;\n  return map[size];\n}\n\nconst SheetRoot = ({\n  children,\n  ...props\n}: ComponentPropsWithoutRef<typeof RadixDialog.Root>) => (\n  <RadixDialog.Root {...props}>{children}</RadixDialog.Root>\n);\nSheetRoot.displayName = 'Sheet.Root';\n\nconst SheetTrigger = forwardRef<\n  HTMLButtonElement,\n  ComponentPropsWithoutRef<typeof RadixDialog.Trigger>\n>(({ children, ...props }, ref) => (\n  <RadixDialog.Trigger ref={ref} {...props}>\n    {children}\n  </RadixDialog.Trigger>\n));\nSheetTrigger.displayName = 'Sheet.Trigger';\n\nconst SheetClose = forwardRef<\n  HTMLButtonElement,\n  ComponentPropsWithoutRef<typeof RadixDialog.Close>\n>(({ children, ...props }, ref) => (\n  <RadixDialog.Close ref={ref} {...props}>\n    {children}\n  </RadixDialog.Close>\n));\nSheetClose.displayName = 'Sheet.Close';\n\nexport interface SheetContentProps\n  extends Omit<ComponentPropsWithoutRef<typeof RadixDialog.Content>, 'className'>,\n    VariantProps<typeof contentVariants> {\n  side?: 'start' | 'end' | 'top' | 'bottom';\n  size?: 'sm' | 'md' | 'lg';\n  className?: string;\n  children: ReactNode;\n}\n\nconst SheetContent = forwardRef<HTMLDivElement, SheetContentProps>(\n  ({ side = 'end', size = 'md', className, children, ...props }, ref) => (\n    <RadixDialog.Portal>\n      <RadixDialog.Overlay className={OVERLAY_CLASSES} />\n      <RadixDialog.Content\n        ref={ref}\n        className={[contentVariants({ side }), getSizeClass(side, size), className]\n          .filter(Boolean)\n          .join(' ')}\n        {...props}\n      >\n        {children}\n      </RadixDialog.Content>\n    </RadixDialog.Portal>\n  ),\n);\nSheetContent.displayName = 'Sheet.Content';\n\nconst SheetHeader = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, children, ...props }, ref) => {\n    const { t } = useTranslation();\n\n    return (\n      <div\n        ref={ref}\n        className={[\n          'ds:sticky ds:top-0 ds:z-10 ds:flex ds:items-center ds:justify-between',\n          'ds:ps-[var(--spacing-lg)] ds:pe-[var(--spacing-lg)] ds:py-[var(--spacing-md)]',\n          'ds:border-b ds:border-[color:var(--border)] ds:bg-[var(--popover)]',\n          className,\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        {...props}\n      >\n        {children}\n        <SheetClose asChild>\n          <IconButton\n            icon={<X />}\n            intent=\"ghost\"\n            size=\"sm\"\n            aria-label={t('ui.common.close', 'Close')}\n          />\n        </SheetClose>\n      </div>\n    );\n  },\n);\nSheetHeader.displayName = 'Sheet.Header';\n\nconst SheetBody = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={[\n        'ds:overflow-y-auto ds:overflow-x-hidden ds:flex-1',\n        'ds:ps-[var(--spacing-lg)] ds:pe-[var(--spacing-lg)] ds:py-[var(--spacing-lg)]',\n        'ds:break-words',\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    />\n  ),\n);\nSheetBody.displayName = 'Sheet.Body';\n\nconst SheetFooter = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={[\n        'ds:sticky ds:bottom-0 ds:z-10 ds:flex ds:items-center ds:justify-end ds:gap-[var(--spacing-sm)]',\n        'ds:ps-[var(--spacing-lg)] ds:pe-[var(--spacing-lg)] ds:py-[var(--spacing-md)]',\n        'ds:border-t ds:border-[color:var(--border)] ds:bg-[var(--popover)]',\n        'ds:max-sm:flex-col ds:max-sm:[&>*]:w-full',\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    />\n  ),\n);\nSheetFooter.displayName = 'Sheet.Footer';\n\nconst SheetTitle = forwardRef<\n  HTMLHeadingElement,\n  ComponentPropsWithoutRef<typeof RadixDialog.Title>\n>(({ className, ...props }, ref) => (\n  <RadixDialog.Title\n    ref={ref}\n    className={['type-title-card ds:break-words', className]\n      .filter(Boolean)\n      .join(' ')}\n    {...props}\n  />\n));\nSheetTitle.displayName = 'Sheet.Title';\n\nconst SheetDescription = forwardRef<\n  HTMLParagraphElement,\n  ComponentPropsWithoutRef<typeof RadixDialog.Description>\n>(({ className, ...props }, ref) => (\n  <RadixDialog.Description\n    ref={ref}\n    className={['type-body-sm ds:text-[var(--muted-foreground)]', className]\n      .filter(Boolean)\n      .join(' ')}\n    {...props}\n  />\n));\nSheetDescription.displayName = 'Sheet.Description';\n\nexport const Sheet = Object.assign(SheetRoot, {\n  Root: SheetRoot,\n  Trigger: SheetTrigger,\n  Content: SheetContent,\n  Header: SheetHeader,\n  Body: SheetBody,\n  Footer: SheetFooter,\n  Title: SheetTitle,\n  Description: SheetDescription,\n  Close: SheetClose,\n});\n\nexport type SheetHeaderProps = HTMLAttributes<HTMLDivElement>;\nexport type SheetBodyProps = HTMLAttributes<HTMLDivElement>;\nexport type SheetFooterProps = HTMLAttributes<HTMLDivElement>;\n"],"names":["OVERLAY_CLASSES","contentVariants","cva","getSizeClass","side","size","SheetRoot","children","props","RadixDialog","SheetTrigger","forwardRef","ref","jsx","SheetClose","SheetContent","className","jsxs","SheetHeader","t","useTranslation","IconButton","X","SheetBody","SheetFooter","SheetTitle","SheetDescription","Sheet"],"mappings":"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"}