@alfadocs/ui-kit 0.1.4 → 0.1.5

package/dist/_chunks/{dialog.agent-C2lP9H0h.js → dialog.agent-DEG_fVzG.js}

@@ -1,27 +1,27 @@
-import { jsx as e, jsxs as l } from "react/jsx-runtime";
-import { forwardRef as d } from "react";
-import * as s from "@radix-ui/react-dialog";
+import { jsx as d, jsxs as l } from "react/jsx-runtime";
+import { forwardRef as e } from "react";
+import * as t from "@radix-ui/react-dialog";
 import { c as h } from "./index-D2ZczOXr.js";
 import { useTranslation as w } from "react-i18next";
-import { I as C } from "./icon-button-CNjWCD1X.js";
+import { I as C } from "./icon-button-Wnnde5lc.js";
 import { X as T } from "./x-CCcI3eJp.js";
 const j = [
-  "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"
+  "ds:fixed ds:inset-0 ds:z-[var(--z-modal-backdrop)]",
+  "ds:bg-[var(--background)]/[var(--opacity-70)]",
+  "ds:backdrop-blur-sm",
+  "ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in-0",
+  "ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0",
+  "ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
 ].join(" "), z = [
-  "fixed z-[var(--z-modal)]",
-  "bg-[var(--popover)] text-[var(--popover-foreground)]",
-  "shadow-[var(--shadow-xl)]",
-  "p-[var(--spacing-lg)]",
-  "focus-visible:outline-none",
-  "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
-  "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
-  "duration-[var(--animation-duration)] motion-reduce:transition-none"
-].join(" "), r = "start-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 w-[calc(100%-var(--spacing-lg)*2)]", R = h(z, {
+  "ds:fixed ds:z-[var(--z-modal)]",
+  "ds:bg-[var(--popover)] ds:text-[var(--popover-foreground)]",
+  "ds:shadow-[var(--shadow-xl)]",
+  "ds:p-[var(--spacing-lg)]",
+  "ds:focus-visible:outline-none",
+  "ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in-0 ds:data-[state=open]:zoom-in-95",
+  "ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0 ds:data-[state=closed]:zoom-out-95",
+  "ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
+].join(" "), r = "ds:start-1/2 ds:top-1/2 ds:-translate-x-1/2 ds:-translate-y-1/2 ds:w-[calc(100%-var(--spacing-lg)*2)]", R = h(z, {
   variants: {
     size: {
       sm: `${r} ds:max-w-[448px] ds:rounded-[var(--radius-lg)] ds:overflow-y-auto ds:max-h-[85dvh]`,
@@ -34,26 +34,26 @@ const j = [
 }), n = ({
   children: a,
   ...o
-}) => /* @__PURE__ */ e(s.Root, { ...o, children: a });
+}) => /* @__PURE__ */ d(t.Root, { ...o, children: a });
 n.displayName = "Dialog.Root";
-const c = d(({ children: a, ...o }, t) => /* @__PURE__ */ e(s.Trigger, { ref: t, ...o, children: a }));
+const c = e(({ children: a, ...o }, s) => /* @__PURE__ */ d(t.Trigger, { ref: s, ...o, children: a }));
 c.displayName = "Dialog.Trigger";
-const m = d(({ children: a, ...o }, t) => /* @__PURE__ */ e(s.Close, { ref: t, ...o, children: a }));
+const m = e(({ children: a, ...o }, s) => /* @__PURE__ */ d(t.Close, { ref: s, ...o, children: a }));
 m.displayName = "Dialog.Close";
-const p = d(
+const p = e(
   ({
     size: a = "md",
     variant: o = "default",
-    hideCloseButton: t = !0,
+    hideCloseButton: s = !0,
     className: i,
     children: x,
     ...D
   }, y) => {
     const { t: N } = w(), b = o === "alert" ? "alertdialog" : void 0;
-    return /* @__PURE__ */ l(s.Portal, { children: [
-      /* @__PURE__ */ e(s.Overlay, { className: j }),
+    return /* @__PURE__ */ l(t.Portal, { children: [
+      /* @__PURE__ */ d(t.Overlay, { className: j }),
       /* @__PURE__ */ l(
-        s.Content,
+        t.Content,
         {
           ref: y,
           role: b,
@@ -61,10 +61,10 @@ const p = d(
           ...D,
           children: [
             x,
-            !t && /* @__PURE__ */ e("div", { className: "ds:absolute ds:end-[var(--spacing-md)] ds:top-[var(--spacing-md)]", children: /* @__PURE__ */ e(s.Close, { asChild: !0, children: /* @__PURE__ */ e(
+            !s && /* @__PURE__ */ d("div", { className: "ds:absolute ds:end-[var(--spacing-md)] ds:top-[var(--spacing-md)]", children: /* @__PURE__ */ d(t.Close, { asChild: !0, children: /* @__PURE__ */ d(
               C,
               {
-                icon: /* @__PURE__ */ e(T, {}),
+                icon: /* @__PURE__ */ d(T, {}),
                 intent: "ghost",
                 size: "sm",
                 "aria-label": N("ui.common.close", "Close")
@@ -77,37 +77,37 @@ const p = d(
   }
 );
 p.displayName = "Dialog.Content";
-const g = d(
-  ({ className: a, ...o }, t) => /* @__PURE__ */ e(
+const g = e(
+  ({ className: a, ...o }, s) => /* @__PURE__ */ d(
     "div",
     {
-      ref: t,
+      ref: s,
       className: ["ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:pe-[var(--spacing-xl)]", a].filter(Boolean).join(" "),
       ...o
     }
   )
 );
 g.displayName = "Dialog.Header";
-const v = d(({ className: a, ...o }, t) => /* @__PURE__ */ e(
-  s.Title,
+const v = e(({ className: a, ...o }, s) => /* @__PURE__ */ d(
+  t.Title,
   {
-    ref: t,
+    ref: s,
     className: ["type-title-card ds:break-words", a].filter(Boolean).join(" "),
     ...o
   }
 ));
 v.displayName = "Dialog.Title";
-const u = d(({ className: a, ...o }, t) => /* @__PURE__ */ e(
-  s.Description,
+const u = e(({ className: a, ...o }, s) => /* @__PURE__ */ d(
+  t.Description,
   {
-    ref: t,
+    ref: s,
     className: ["type-body-sm ds:text-[var(--muted-foreground)]", a].filter(Boolean).join(" "),
     ...o
   }
 ));
 u.displayName = "Dialog.Description";
-const f = d(
-  ({ className: a, divider: o = !1, ...t }, i) => /* @__PURE__ */ e(
+const f = e(
+  ({ className: a, divider: o = !1, ...s }, i) => /* @__PURE__ */ d(
     "div",
     {
       ref: i,
@@ -117,7 +117,7 @@ const f = d(
         o && "ds:border-t ds:border-[color:var(--border)] ds:pt-[var(--spacing-md)]",
         a
       ].filter(Boolean).join(" "),
-      ...t
+      ...s
     }
   )
 );
@@ -144,4 +144,4 @@ export {
   S as D,
   F as d
 };
-//# sourceMappingURL=dialog.agent-C2lP9H0h.js.map
+//# sourceMappingURL=dialog.agent-DEG_fVzG.js.map

package/dist/_chunks/dialog.agent-DEG_fVzG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.agent-DEG_fVzG.js","sources":["../../src/components/dialog/dialog.tsx","../../src/components/dialog/dialog.agent.ts"],"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  'ds:fixed ds:inset-0 ds:z-[var(--z-modal-backdrop)]',\n  'ds:bg-[var(--background)]/[var(--opacity-70)]',\n  'ds:backdrop-blur-sm',\n  'ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in-0',\n  'ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0',\n  'ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n].join(' ');\n\nconst CONTENT_BASE = [\n  'ds:fixed ds:z-[var(--z-modal)]',\n  'ds:bg-[var(--popover)] ds:text-[var(--popover-foreground)]',\n  'ds:shadow-[var(--shadow-xl)]',\n  'ds:p-[var(--spacing-lg)]',\n  'ds:focus-visible:outline-none',\n  'ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in-0 ds:data-[state=open]:zoom-in-95',\n  'ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0 ds:data-[state=closed]:zoom-out-95',\n  'ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n].join(' ');\n\nconst CENTERED = 'ds:start-1/2 ds:top-1/2 ds:-translate-x-1/2 ds:-translate-y-1/2 ds:w-[calc(100%-var(--spacing-lg)*2)]';\n\nconst contentVariants = cva(CONTENT_BASE, {\n  variants: {\n    size: {\n      sm: `${CENTERED} ds:max-w-[448px] ds:rounded-[var(--radius-lg)] ds:overflow-y-auto ds:max-h-[85dvh]`,\n      md: `${CENTERED} ds:max-w-[560px] ds:rounded-[var(--radius-lg)] ds:overflow-y-auto ds:max-h-[85dvh]`,\n      lg: `${CENTERED} ds:max-w-[720px] ds:rounded-[var(--radius-lg)] ds:overflow-y-auto ds:max-h-[85dvh]`,\n      fullscreen: 'ds:start-0 ds:top-0 ds:w-[100dvw] ds:h-[100dvh] ds:max-w-none ds:rounded-none ds:overflow-y-auto',\n    },\n  },\n  defaultVariants: { size: 'md' },\n});\n\nconst DialogRoot = ({\n  children,\n  ...props\n}: ComponentPropsWithoutRef<typeof RadixDialog.Root>) => (\n  <RadixDialog.Root {...props}>{children}</RadixDialog.Root>\n);\nDialogRoot.displayName = 'Dialog.Root';\n\nconst DialogTrigger = forwardRef<\n  HTMLButtonElement,\n  ComponentPropsWithoutRef<typeof RadixDialog.Trigger>\n>(({ children, ...props }, ref) => (\n  <RadixDialog.Trigger ref={ref} {...props}>\n    {children}\n  </RadixDialog.Trigger>\n));\nDialogTrigger.displayName = 'Dialog.Trigger';\n\nconst DialogClose = forwardRef<\n  HTMLButtonElement,\n  ComponentPropsWithoutRef<typeof RadixDialog.Close>\n>(({ children, ...props }, ref) => (\n  <RadixDialog.Close ref={ref} {...props}>\n    {children}\n  </RadixDialog.Close>\n));\nDialogClose.displayName = 'Dialog.Close';\n\nexport interface DialogContentProps\n  extends Omit<ComponentPropsWithoutRef<typeof RadixDialog.Content>, 'role'>,\n    VariantProps<typeof contentVariants> {\n  size?: 'sm' | 'md' | 'lg' | 'fullscreen';\n  variant?: 'default' | 'alert' | 'confirmation';\n  hideCloseButton?: boolean;\n  className?: string;\n  children: ReactNode;\n}\n\nconst DialogContent = forwardRef<HTMLDivElement, DialogContentProps>(\n  (\n    {\n      size = 'md',\n      variant = 'default',\n      hideCloseButton = true,\n      className,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const role = variant === 'alert' ? 'alertdialog' : undefined;\n\n    return (\n      <RadixDialog.Portal>\n        <RadixDialog.Overlay className={OVERLAY_CLASSES} />\n        <RadixDialog.Content\n          ref={ref}\n          role={role}\n          className={contentVariants({ size, className })}\n          {...props}\n        >\n          {children}\n\n          {!hideCloseButton && (\n            <div className=\"ds:absolute ds:end-[var(--spacing-md)] ds:top-[var(--spacing-md)]\">\n              <RadixDialog.Close asChild>\n                <IconButton\n                  icon={<X />}\n                  intent=\"ghost\"\n                  size=\"sm\"\n                  aria-label={t('ui.common.close', 'Close')}\n                />\n              </RadixDialog.Close>\n            </div>\n          )}\n        </RadixDialog.Content>\n      </RadixDialog.Portal>\n    );\n  },\n);\nDialogContent.displayName = 'Dialog.Content';\n\nconst DialogHeader = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={['ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:pe-[var(--spacing-xl)]', className]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    />\n  ),\n);\nDialogHeader.displayName = 'Dialog.Header';\n\nconst DialogTitle = 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));\nDialogTitle.displayName = 'Dialog.Title';\n\nconst DialogDescription = 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));\nDialogDescription.displayName = 'Dialog.Description';\n\ninterface DialogFooterProps extends HTMLAttributes<HTMLDivElement> {\n  divider?: boolean;\n}\n\nconst DialogFooter = forwardRef<HTMLDivElement, DialogFooterProps>(\n  ({ className, divider = false, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={[\n        'ds:flex ds:items-center ds:justify-end ds:gap-[var(--spacing-sm)]',\n        'ds:mt-[var(--spacing-md)]',\n        divider && 'ds:border-t ds:border-[color:var(--border)] ds:pt-[var(--spacing-md)]',\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    />\n  ),\n);\nDialogFooter.displayName = 'Dialog.Footer';\n\nexport const Dialog = Object.assign(DialogRoot, {\n  Root: DialogRoot,\n  Trigger: DialogTrigger,\n  Content: DialogContent,\n  Header: DialogHeader,\n  Title: DialogTitle,\n  Description: DialogDescription,\n  Footer: DialogFooter,\n  Close: DialogClose,\n});\n\nexport type { DialogFooterProps };\n","import type { AgentAdapter } from '../../agent/types';\n\n/**\n * Dialog wraps Radix Dialog. Opening / closing is consumer-controlled via\n * `open` + `onOpenChange` props — there is no imperative handle. The agent\n * surface here is declarative: the kit emits `data-component=\"dialog\"` so a\n * future MCP UI bridge can locate live dialogs, and the host pattern owns\n * how the dialog opens / dismisses.\n */\nexport const dialogAgent: AgentAdapter<unknown> = {\n  id: 'dialog',\n  capabilities: ['open', 'close', 'dismiss'],\n  state: {},\n  actions: {},\n  domHooks: {\n    root: { attr: 'data-component', value: 'dialog' },\n  },\n};\n"],"names":["OVERLAY_CLASSES","CONTENT_BASE","CENTERED","contentVariants","cva","DialogRoot","children","props","RadixDialog","DialogTrigger","forwardRef","ref","jsx","DialogClose","DialogContent","size","variant","hideCloseButton","className","t","useTranslation","role","jsxs","IconButton","X","DialogHeader","DialogTitle","DialogDescription","DialogFooter","divider","Dialog","dialogAgent"],"mappings":"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"}

package/dist/_chunks/{dropdown-menu-2HgU1Emf.js → dropdown-menu-JNo66A-j.js}

@@ -50,7 +50,7 @@ const u = l(
     "type-eyebrow ds:text-[color:var(--muted-foreground)]",
     "ds:select-none"
   ].join(" ")
-), f = "inline-flex items-center justify-center size-4 shrink-0", h = ({ dir: o, ...e }) => {
+), f = "ds:inline-flex ds:items-center ds:justify-center ds:size-4 ds:shrink-0", h = ({ dir: o, ...e }) => {
   const a = j();
   return /* @__PURE__ */ s(d.Root, { dir: o ?? a, ...e });
 };
@@ -208,4 +208,4 @@ const Q = {
 export {
   Q as D
 };
-//# sourceMappingURL=dropdown-menu-2HgU1Emf.js.map
+//# sourceMappingURL=dropdown-menu-JNo66A-j.js.map

package/dist/_chunks/dropdown-menu-JNo66A-j.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu-JNo66A-j.js","sources":["../../src/components/dropdown-menu/dropdown-menu.tsx"],"sourcesContent":["import {\n  forwardRef,\n  type ComponentPropsWithoutRef,\n  type ElementRef,\n  type ReactNode,\n} from 'react';\nimport * as RadixDropdownMenu from '@radix-ui/react-dropdown-menu';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { Check, ChevronRight } from 'lucide-react';\nimport { Separator as DsSeparator } from '../separator/separator';\nimport { Kbd, type KbdNamedKey } from '../kbd/kbd';\nimport { useDocumentDirection } from '../_shared/use-direction';\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                  */\n/* ------------------------------------------------------------------ */\n\nconst contentVariants = cva(\n  [\n    'ds:z-[var(--z-dropdown)]',\n    'ds:min-w-[8rem]',\n    'ds:rounded-[var(--radius-md)]',\n    'ds:border ds:border-[color:var(--border)]',\n    'ds:bg-[var(--popover)] ds:text-[color:var(--popover-foreground)]',\n    'ds:shadow-[var(--shadow-lg)]',\n    'ds:p-[var(--spacing-xs)]',\n    // Motion — gated on --animation-duration via Tailwind's animate-in\n    // preset. motion-reduce disables via the no-preference query.\n    'ds:data-[state=open]:animate-in ds:data-[state=closed]:animate-out',\n    'ds:data-[state=open]:fade-in ds:data-[state=closed]:fade-out',\n    'ds:data-[state=open]:zoom-in-95 ds:data-[state=closed]:zoom-out-95',\n    'ds:motion-reduce:animate-none',\n    'ds:forced-colors:border-[CanvasText]',\n  ].join(' '),\n);\n\nconst itemClasses = cva(\n  [\n    'ds:relative ds:flex ds:items-center ds:gap-[var(--spacing-sm)]',\n    'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n    'ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:min-h-[var(--min-target-size)]',\n    'ds:text-[length:var(--font-size-sm)] ds:text-[color:var(--foreground)]',\n    'ds:cursor-pointer ds:select-none ds:outline-none',\n    // Highlighted + hover state\n    'ds:data-[highlighted]:bg-[color:var(--muted)]/40',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)]',\n    'ds:focus-visible:outline-solid ds:focus-visible:outline-[color:var(--ring)]',\n    'ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n    // Disabled\n    'ds:data-[disabled]:opacity-50 ds:data-[disabled]:cursor-not-allowed',\n    'ds:data-[disabled]:pointer-events-none',\n  ].join(' '),\n);\n\nconst labelClasses = cva(\n  [\n    'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n    'ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]',\n    'type-eyebrow ds:text-[color:var(--muted-foreground)]',\n    'ds:select-none',\n  ].join(' '),\n);\n\nconst indicatorSlotClasses =\n  'ds:inline-flex ds:items-center ds:justify-center ds:size-4 ds:shrink-0';\n\n/* ------------------------------------------------------------------ */\n/* Root / Trigger / Portal                                              */\n/* ------------------------------------------------------------------ */\n\ntype DropdownMenuRootProps = ComponentPropsWithoutRef<typeof RadixDropdownMenu.Root>;\n\nconst Root = ({ dir, ...props }: DropdownMenuRootProps) => {\n  const autoDir = useDocumentDirection();\n  return <RadixDropdownMenu.Root dir={dir ?? autoDir} {...props} />;\n};\nRoot.displayName = 'DropdownMenu.Root';\n\nconst Trigger = RadixDropdownMenu.Trigger;\nconst Portal = RadixDropdownMenu.Portal;\nconst RadixGroup = RadixDropdownMenu.Group;\nconst RadixRadioGroup = RadixDropdownMenu.RadioGroup;\n\n/* ------------------------------------------------------------------ */\n/* Content                                                              */\n/* ------------------------------------------------------------------ */\n\nexport interface DropdownMenuContentProps\n  extends ComponentPropsWithoutRef<typeof RadixDropdownMenu.Content>,\n    VariantProps<typeof contentVariants> {}\n\nconst Content = forwardRef<\n  ElementRef<typeof RadixDropdownMenu.Content>,\n  DropdownMenuContentProps\n>(({ className, sideOffset = 8, ...props }, ref) => (\n  <RadixDropdownMenu.Portal>\n    <RadixDropdownMenu.Content\n      ref={ref}\n      sideOffset={sideOffset}\n      className={contentVariants({ className })}\n      data-component=\"dropdown-menu\"\n      {...props}\n    />\n  </RadixDropdownMenu.Portal>\n));\nContent.displayName = 'DropdownMenu.Content';\n\n/* ------------------------------------------------------------------ */\n/* Item                                                                 */\n/* ------------------------------------------------------------------ */\n\nexport interface DropdownMenuItemProps\n  extends ComponentPropsWithoutRef<typeof RadixDropdownMenu.Item> {\n  startIcon?: ReactNode;\n  endIcon?: ReactNode;\n  description?: ReactNode;\n  /** Convenience — renders a DS <Kbd keys={…}> on the inline-end. */\n  shortcut?: Array<KbdNamedKey | string>;\n}\n\nconst Item = forwardRef<\n  ElementRef<typeof RadixDropdownMenu.Item>,\n  DropdownMenuItemProps\n>(\n  (\n    { className, startIcon, endIcon, description, shortcut, children, ...props },\n    ref,\n  ) => (\n    <RadixDropdownMenu.Item\n      ref={ref}\n      className={itemClasses({ className })}\n      {...props}\n    >\n      {startIcon ? (\n        <span\n          aria-hidden=\"true\"\n          className=\"ds:inline-flex ds:size-4 ds:shrink-0 ds:items-center ds:justify-center\"\n        >\n          {startIcon}\n        </span>\n      ) : null}\n      <span className=\"ds:flex-1 ds:flex ds:flex-col ds:min-w-0\">\n        <span className=\"ds:truncate\">{children}</span>\n        {description ? (\n          <span className=\"type-meta ds:text-[color:var(--muted-foreground)] ds:truncate\">\n            {description}\n          </span>\n        ) : null}\n      </span>\n      {shortcut ? (\n        <span className=\"ds:ms-auto\">\n          <Kbd keys={shortcut} size=\"sm\" />\n        </span>\n      ) : endIcon ? (\n        <span\n          aria-hidden=\"true\"\n          className=\"ds:ms-auto ds:inline-flex ds:size-4 ds:shrink-0 ds:items-center ds:justify-center\"\n        >\n          {endIcon}\n        </span>\n      ) : null}\n    </RadixDropdownMenu.Item>\n  ),\n);\nItem.displayName = 'DropdownMenu.Item';\n\n/* ------------------------------------------------------------------ */\n/* CheckboxItem                                                         */\n/* ------------------------------------------------------------------ */\n\nexport interface DropdownMenuCheckboxItemProps\n  extends ComponentPropsWithoutRef<typeof RadixDropdownMenu.CheckboxItem> {}\n\nconst CheckboxItem = forwardRef<\n  ElementRef<typeof RadixDropdownMenu.CheckboxItem>,\n  DropdownMenuCheckboxItemProps\n>(({ className, children, ...props }, ref) => (\n  <RadixDropdownMenu.CheckboxItem\n    ref={ref}\n    className={itemClasses({ className })}\n    {...props}\n  >\n    <span className={indicatorSlotClasses}>\n      <RadixDropdownMenu.ItemIndicator>\n        <Check aria-hidden className=\"ds:size-4\" />\n      </RadixDropdownMenu.ItemIndicator>\n    </span>\n    <span className=\"ds:flex-1 ds:truncate\">{children}</span>\n  </RadixDropdownMenu.CheckboxItem>\n));\nCheckboxItem.displayName = 'DropdownMenu.CheckboxItem';\n\n/* ------------------------------------------------------------------ */\n/* RadioGroup / RadioItem                                               */\n/* ------------------------------------------------------------------ */\n\nconst RadioGroup = RadixRadioGroup;\n\nexport interface DropdownMenuRadioItemProps\n  extends ComponentPropsWithoutRef<typeof RadixDropdownMenu.RadioItem> {}\n\nconst RadioItem = forwardRef<\n  ElementRef<typeof RadixDropdownMenu.RadioItem>,\n  DropdownMenuRadioItemProps\n>(({ className, children, ...props }, ref) => (\n  <RadixDropdownMenu.RadioItem\n    ref={ref}\n    className={itemClasses({ className })}\n    {...props}\n  >\n    <span className={indicatorSlotClasses}>\n      <RadixDropdownMenu.ItemIndicator>\n        <Check\n          aria-hidden\n          className=\"ds:size-4 ds:text-[color:var(--accent)]\"\n        />\n      </RadixDropdownMenu.ItemIndicator>\n    </span>\n    <span className=\"ds:flex-1 ds:truncate\">{children}</span>\n  </RadixDropdownMenu.RadioItem>\n));\nRadioItem.displayName = 'DropdownMenu.RadioItem';\n\n/* ------------------------------------------------------------------ */\n/* Label                                                                */\n/* ------------------------------------------------------------------ */\n\nexport interface DropdownMenuLabelProps\n  extends ComponentPropsWithoutRef<typeof RadixDropdownMenu.Label> {}\n\nconst Label = forwardRef<\n  ElementRef<typeof RadixDropdownMenu.Label>,\n  DropdownMenuLabelProps\n>(({ className, ...props }, ref) => (\n  <RadixDropdownMenu.Label\n    ref={ref}\n    className={labelClasses({ className })}\n    {...props}\n  />\n));\nLabel.displayName = 'DropdownMenu.Label';\n\n/* ------------------------------------------------------------------ */\n/* Separator                                                            */\n/* ------------------------------------------------------------------ */\n\nexport interface DropdownMenuSeparatorProps\n  extends ComponentPropsWithoutRef<typeof RadixDropdownMenu.Separator> {}\n\nconst MenuSeparator = forwardRef<\n  ElementRef<typeof RadixDropdownMenu.Separator>,\n  DropdownMenuSeparatorProps\n>(({ className, ...props }, ref) => (\n  <RadixDropdownMenu.Separator ref={ref} asChild {...props}>\n    <DsSeparator\n      className={['ds:my-[calc(var(--spacing-xs)/2)]', className ?? '']\n        .filter(Boolean)\n        .join(' ')}\n    />\n  </RadixDropdownMenu.Separator>\n));\nMenuSeparator.displayName = 'DropdownMenu.Separator';\n\n/* ------------------------------------------------------------------ */\n/* Shortcut — thin wrapper over DS Kbd for the right side of an Item   */\n/* ------------------------------------------------------------------ */\n\nexport interface DropdownMenuShortcutProps {\n  keys: Array<KbdNamedKey | string>;\n  separator?: 'none' | 'plus' | 'then';\n}\n\nconst Shortcut = forwardRef<HTMLSpanElement, DropdownMenuShortcutProps>(\n  ({ keys, separator = 'none' }, ref) => (\n    <span ref={ref} className=\"ds:ms-auto ds:ps-[var(--spacing-sm)]\">\n      <Kbd keys={keys} separator={separator} size=\"sm\" />\n    </span>\n  ),\n);\nShortcut.displayName = 'DropdownMenu.Shortcut';\n\n/* ------------------------------------------------------------------ */\n/* Sub-menu                                                             */\n/* ------------------------------------------------------------------ */\n\nconst Sub = RadixDropdownMenu.Sub;\n\nexport interface DropdownMenuSubTriggerProps\n  extends ComponentPropsWithoutRef<typeof RadixDropdownMenu.SubTrigger> {\n  startIcon?: ReactNode;\n}\n\nconst SubTrigger = forwardRef<\n  ElementRef<typeof RadixDropdownMenu.SubTrigger>,\n  DropdownMenuSubTriggerProps\n>(({ className, startIcon, children, ...props }, ref) => (\n  <RadixDropdownMenu.SubTrigger\n    ref={ref}\n    className={itemClasses({ className })}\n    {...props}\n  >\n    {startIcon ? (\n      <span\n        aria-hidden=\"true\"\n        className=\"ds:inline-flex ds:size-4 ds:shrink-0 ds:items-center ds:justify-center\"\n      >\n        {startIcon}\n      </span>\n    ) : null}\n    <span className=\"ds:flex-1 ds:truncate\">{children}</span>\n    <ChevronRight\n      aria-hidden\n      className=\"ds:ms-auto ds:size-4 ds:shrink-0 ds:rtl:-scale-x-100\"\n    />\n  </RadixDropdownMenu.SubTrigger>\n));\nSubTrigger.displayName = 'DropdownMenu.SubTrigger';\n\nexport interface DropdownMenuSubContentProps\n  extends ComponentPropsWithoutRef<typeof RadixDropdownMenu.SubContent> {}\n\nconst SubContent = forwardRef<\n  ElementRef<typeof RadixDropdownMenu.SubContent>,\n  DropdownMenuSubContentProps\n>(({ className, ...props }, ref) => (\n  <RadixDropdownMenu.Portal>\n    <RadixDropdownMenu.SubContent\n      ref={ref}\n      sideOffset={8}\n      className={contentVariants({ className })}\n      {...props}\n    />\n  </RadixDropdownMenu.Portal>\n));\nSubContent.displayName = 'DropdownMenu.SubContent';\n\n/* ------------------------------------------------------------------ */\n/* Assembled namespace export                                           */\n/* ------------------------------------------------------------------ */\n\nexport const DropdownMenu = {\n  Root,\n  Trigger,\n  Portal,\n  Content,\n  Group: RadixGroup,\n  Item,\n  CheckboxItem,\n  RadioGroup,\n  RadioItem,\n  Label,\n  Separator: MenuSeparator,\n  Shortcut,\n  Sub,\n  SubTrigger,\n  SubContent,\n};\n"],"names":["contentVariants","cva","itemClasses","labelClasses","indicatorSlotClasses","Root","dir","props","autoDir","useDocumentDirection","jsx","RadixDropdownMenu","Trigger","Portal","RadixGroup","RadixRadioGroup","Content","forwardRef","className","sideOffset","ref","Item","startIcon","endIcon","description","shortcut","children","jsxs","Kbd","CheckboxItem","Check","RadioGroup","RadioItem","Label","MenuSeparator","DsSeparator","Shortcut","keys","separator","Sub","SubTrigger","ChevronRight","SubContent","DropdownMenu"],"mappings":";;;;;;;;;AAiBA,MAAMA,IAAkBC;AAAA,EACtB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAAA,IAGA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AACZ,GAEMC,IAAcD;AAAA,EAClB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AACZ,GAEME,IAAeF;AAAA,EACnB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AACZ,GAEMG,IACJ,0EAQIC,IAAO,CAAC,EAAE,KAAAC,GAAK,GAAGC,QAAmC;AACzD,QAAMC,IAAUC,EAAA;AAChB,SAAO,gBAAAC,EAACC,EAAkB,MAAlB,EAAuB,KAAKL,KAAOE,GAAU,GAAGD,GAAO;AACjE;AACAF,EAAK,cAAc;AAEnB,MAAMO,IAAUD,EAAkB,SAC5BE,IAASF,EAAkB,QAC3BG,IAAaH,EAAkB,OAC/BI,IAAkBJ,EAAkB,YAUpCK,IAAUC,EAGd,CAAC,EAAE,WAAAC,GAAW,YAAAC,IAAa,GAAG,GAAGZ,EAAA,GAASa,MAC1C,gBAAAV,EAACC,EAAkB,QAAlB,EACC,UAAA,gBAAAD;AAAA,EAACC,EAAkB;AAAA,EAAlB;AAAA,IACC,KAAAS;AAAA,IACA,YAAAD;AAAA,IACA,WAAWnB,EAAgB,EAAE,WAAAkB,GAAW;AAAA,IACxC,kBAAe;AAAA,IACd,GAAGX;AAAA,EAAA;AACN,EAAA,CACF,CACD;AACDS,EAAQ,cAAc;AAetB,MAAMK,IAAOJ;AAAA,EAIX,CACE,EAAE,WAAAC,GAAW,WAAAI,GAAW,SAAAC,GAAS,aAAAC,GAAa,UAAAC,GAAU,UAAAC,GAAU,GAAGnB,KACrEa,MAEA,gBAAAO;AAAA,IAAChB,EAAkB;AAAA,IAAlB;AAAA,MACC,KAAAS;AAAA,MACA,WAAWlB,EAAY,EAAE,WAAAgB,GAAW;AAAA,MACnC,GAAGX;AAAA,MAEH,UAAA;AAAA,QAAAe,IACC,gBAAAZ;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,eAAY;AAAA,YACZ,WAAU;AAAA,YAET,UAAAY;AAAA,UAAA;AAAA,QAAA,IAED;AAAA,QACJ,gBAAAK,EAAC,QAAA,EAAK,WAAU,4CACd,UAAA;AAAA,UAAA,gBAAAjB,EAAC,QAAA,EAAK,WAAU,eAAe,UAAAgB,EAAA,CAAS;AAAA,UACvCF,IACC,gBAAAd,EAAC,QAAA,EAAK,WAAU,iEACb,aACH,IACE;AAAA,QAAA,GACN;AAAA,QACCe,IACC,gBAAAf,EAAC,QAAA,EAAK,WAAU,cACd,UAAA,gBAAAA,EAACkB,GAAA,EAAI,MAAMH,GAAU,MAAK,KAAA,CAAK,EAAA,CACjC,IACEF,IACF,gBAAAb;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,eAAY;AAAA,YACZ,WAAU;AAAA,YAET,UAAAa;AAAA,UAAA;AAAA,QAAA,IAED;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGV;AACAF,EAAK,cAAc;AASnB,MAAMQ,IAAeZ,EAGnB,CAAC,EAAE,WAAAC,GAAW,UAAAQ,GAAU,GAAGnB,EAAA,GAASa,MACpC,gBAAAO;AAAA,EAAChB,EAAkB;AAAA,EAAlB;AAAA,IACC,KAAAS;AAAA,IACA,WAAWlB,EAAY,EAAE,WAAAgB,GAAW;AAAA,IACnC,GAAGX;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAG,EAAC,QAAA,EAAK,WAAWN,GACf,UAAA,gBAAAM,EAACC,EAAkB,eAAlB,EACC,UAAA,gBAAAD,EAACoB,GAAA,EAAM,eAAW,IAAC,WAAU,YAAA,CAAY,GAC3C,GACF;AAAA,MACA,gBAAApB,EAAC,QAAA,EAAK,WAAU,yBAAyB,UAAAgB,EAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AACpD,CACD;AACDG,EAAa,cAAc;AAM3B,MAAME,IAAahB,GAKbiB,IAAYf,EAGhB,CAAC,EAAE,WAAAC,GAAW,UAAAQ,GAAU,GAAGnB,EAAA,GAASa,MACpC,gBAAAO;AAAA,EAAChB,EAAkB;AAAA,EAAlB;AAAA,IACC,KAAAS;AAAA,IACA,WAAWlB,EAAY,EAAE,WAAAgB,GAAW;AAAA,IACnC,GAAGX;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAG,EAAC,UAAK,WAAWN,GACf,UAAA,gBAAAM,EAACC,EAAkB,eAAlB,EACC,UAAA,gBAAAD;AAAA,QAACoB;AAAA,QAAA;AAAA,UACC,eAAW;AAAA,UACX,WAAU;AAAA,QAAA;AAAA,MAAA,GAEd,EAAA,CACF;AAAA,MACA,gBAAApB,EAAC,QAAA,EAAK,WAAU,yBAAyB,UAAAgB,EAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AACpD,CACD;AACDM,EAAU,cAAc;AASxB,MAAMC,IAAQhB,EAGZ,CAAC,EAAE,WAAAC,GAAW,GAAGX,EAAA,GAASa,MAC1B,gBAAAV;AAAA,EAACC,EAAkB;AAAA,EAAlB;AAAA,IACC,KAAAS;AAAA,IACA,WAAWjB,EAAa,EAAE,WAAAe,GAAW;AAAA,IACpC,GAAGX;AAAA,EAAA;AACN,CACD;AACD0B,EAAM,cAAc;AASpB,MAAMC,IAAgBjB,EAGpB,CAAC,EAAE,WAAAC,GAAW,GAAGX,EAAA,GAASa,MAC1B,gBAAAV,EAACC,EAAkB,WAAlB,EAA4B,KAAAS,GAAU,SAAO,IAAE,GAAGb,GACjD,UAAA,gBAAAG;AAAA,EAACyB;AAAAA,EAAA;AAAA,IACC,WAAW,CAAC,qCAAqCjB,KAAa,EAAE,EAC7D,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,EAAA;AACb,EAAA,CACF,CACD;AACDgB,EAAc,cAAc;AAW5B,MAAME,IAAWnB;AAAA,EACf,CAAC,EAAE,MAAAoB,GAAM,WAAAC,IAAY,OAAA,GAAUlB,MAC7B,gBAAAV,EAAC,QAAA,EAAK,KAAAU,GAAU,WAAU,wCACxB,UAAA,gBAAAV,EAACkB,GAAA,EAAI,MAAAS,GAAY,WAAAC,GAAsB,MAAK,MAAK,EAAA,CACnD;AAEJ;AACAF,EAAS,cAAc;AAMvB,MAAMG,IAAM5B,EAAkB,KAOxB6B,IAAavB,EAGjB,CAAC,EAAE,WAAAC,GAAW,WAAAI,GAAW,UAAAI,GAAU,GAAGnB,KAASa,MAC/C,gBAAAO;AAAA,EAAChB,EAAkB;AAAA,EAAlB;AAAA,IACC,KAAAS;AAAA,IACA,WAAWlB,EAAY,EAAE,WAAAgB,GAAW;AAAA,IACnC,GAAGX;AAAA,IAEH,UAAA;AAAA,MAAAe,IACC,gBAAAZ;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,eAAY;AAAA,UACZ,WAAU;AAAA,UAET,UAAAY;AAAA,QAAA;AAAA,MAAA,IAED;AAAA,MACJ,gBAAAZ,EAAC,QAAA,EAAK,WAAU,yBAAyB,UAAAgB,EAAA,CAAS;AAAA,MAClD,gBAAAhB;AAAA,QAAC+B;AAAA,QAAA;AAAA,UACC,eAAW;AAAA,UACX,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IACZ;AAAA,EAAA;AACF,CACD;AACDD,EAAW,cAAc;AAKzB,MAAME,IAAazB,EAGjB,CAAC,EAAE,WAAAC,GAAW,GAAGX,EAAA,GAASa,MAC1B,gBAAAV,EAACC,EAAkB,QAAlB,EACC,UAAA,gBAAAD;AAAA,EAACC,EAAkB;AAAA,EAAlB;AAAA,IACC,KAAAS;AAAA,IACA,YAAY;AAAA,IACZ,WAAWpB,EAAgB,EAAE,WAAAkB,GAAW;AAAA,IACvC,GAAGX;AAAA,EAAA;AACN,EAAA,CACF,CACD;AACDmC,EAAW,cAAc;AAMlB,MAAMC,IAAe;AAAA,EAC1B,MAAAtC;AAAA,EACA,SAAAO;AAAA,EACA,QAAAC;AAAA,EACA,SAAAG;AAAA,EACA,OAAOF;AAAA,EACP,MAAAO;AAAA,EACA,cAAAQ;AAAA,EACA,YAAAE;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAWC;AAAA,EACX,UAAAE;AAAA,EACA,KAAAG;AAAA,EACA,YAAAC;AAAA,EACA,YAAAE;AACF;"}

package/dist/_chunks/{empty-state-BHrItOiE.js → empty-state-DQPtRp2b.js}

@@ -2,7 +2,7 @@ import { jsx as e, jsxs as d, Fragment as U } from "react/jsx-runtime";
 import { forwardRef as u, useId as H, useRef as F, useState as P, useCallback as N, useEffect as q, useContext as v, createContext as M } from "react";
 import { c as m } from "./index-D2ZczOXr.js";
 import { useTranslation as Z } from "react-i18next";
-import { B as x } from "./button-7dTew-IV.js";
+import { B as x } from "./button-7mLWcMp_.js";
 function G(t, s) {
   t && (typeof t == "function" ? t(s) : t.current = s);
 }
@@ -301,4 +301,4 @@ const lt = Object.assign(C, {
 export {
   lt as E
 };
-//# sourceMappingURL=empty-state-BHrItOiE.js.map
+//# sourceMappingURL=empty-state-DQPtRp2b.js.map

package/dist/_chunks/{empty-state-BHrItOiE.js.map → empty-state-DQPtRp2b.js.map}

@@ -1 +1 @@
-{"version":3,"file":"empty-state-BHrItOiE.js","sources":["../../src/components/empty-state/empty-state.tsx"],"sourcesContent":["import {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Button } from '../button/button';\n\n/* ------------------------------------------------------------------ */\n/* Ref helper                                                          */\n/* ------------------------------------------------------------------ */\n\nfunction setRef<T>(ref: Ref<T>, value: T | null) {\n  if (!ref) return;\n  if (typeof ref === 'function') ref(value);\n  else (ref as { current: T | null }).current = value;\n}\n\n/* ------------------------------------------------------------------ */\n/* Context                                                             */\n/* ------------------------------------------------------------------ */\n\ninterface EmptyStateContextValue {\n  size: 'sm' | 'md' | 'lg';\n  variant: 'first-use' | 'no-results' | 'error';\n  titleId: string;\n  registerTitle: () => void;\n}\n\nconst EmptyStateContext = createContext<EmptyStateContextValue>({\n  size: 'md',\n  variant: 'first-use',\n  titleId: '',\n  registerTitle: () => {},\n});\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst emptyStateVariants = cva(\n  'ds:flex ds:flex-col ds:items-center ds:text-center ds:max-w-md ds:ms-auto ds:me-auto ds:w-full',\n  {\n    variants: {\n      size: {\n        sm: 'ds:p-[var(--spacing-md)] ds:gap-[var(--spacing-sm)]',\n        md: 'ds:p-[var(--spacing-lg)] ds:gap-[var(--spacing-md)]',\n        lg: 'ds:p-[var(--spacing-lg)] ds:gap-[var(--spacing-md)]',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\nconst illustrationVariants = cva(\n  'ds:flex ds:items-center ds:justify-center ds:flex-shrink-0',\n  {\n    variants: {\n      size: {\n        sm: 'ds:w-[80px] ds:h-[80px]',\n        md: 'ds:w-[160px] ds:h-[160px]',\n        lg: 'ds:w-[240px] ds:h-[240px]',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\nconst titleVariants = cva('type-title-card ds:text-[var(--foreground)]', {\n  variants: {\n    size: {\n      sm: 'ds:[--type-title-card-size:var(--font-size-sm)]',\n      md: '',\n      lg: 'ds:[--type-title-card-size:var(--font-size-xl)]',\n    },\n  },\n  defaultVariants: { size: 'md' },\n});\n\nconst descriptionVariants = cva('type-body-sm ds:text-[var(--muted-foreground)]', {\n  variants: {\n    size: {\n      sm: 'ds:[--type-body-sm-size:var(--font-size-xs)]',\n      md: '',\n      lg: 'ds:[--type-body-sm-size:var(--font-size-base)]',\n    },\n  },\n  defaultVariants: { size: 'md' },\n});\n\n/* ------------------------------------------------------------------ */\n/* Built-in illustrations                                              */\n/* ------------------------------------------------------------------ */\n\nfunction FirstUseIllustration() {\n  return (\n    <svg\n      viewBox=\"0 0 120 120\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n      className=\"ds:w-full ds:h-full\"\n    >\n      <circle\n        cx=\"60\"\n        cy=\"60\"\n        r=\"50\"\n        fill=\"var(--color-violet-50)\"\n        stroke=\"var(--color-violet-200)\"\n        strokeWidth=\"2\"\n      />\n      <rect x=\"55\" y=\"30\" width=\"10\" height=\"60\" rx=\"5\" fill=\"var(--color-violet-400)\" />\n      <rect x=\"30\" y=\"55\" width=\"60\" height=\"10\" rx=\"5\" fill=\"var(--color-purple-400)\" />\n    </svg>\n  );\n}\n\nfunction NoResultsIllustration() {\n  return (\n    <svg\n      viewBox=\"0 0 120 120\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n      className=\"ds:w-full ds:h-full\"\n    >\n      <circle cx=\"52\" cy=\"52\" r=\"28\" stroke=\"var(--muted)\" strokeWidth=\"6\" />\n      <line\n        x1=\"72\"\n        y1=\"72\"\n        x2=\"92\"\n        y2=\"92\"\n        stroke=\"var(--muted)\"\n        strokeWidth=\"6\"\n        strokeLinecap=\"round\"\n      />\n      <line\n        x1=\"42\"\n        y1=\"52\"\n        x2=\"62\"\n        y2=\"52\"\n        stroke=\"var(--muted-foreground)\"\n        strokeWidth=\"4\"\n        strokeLinecap=\"round\"\n      />\n    </svg>\n  );\n}\n\nfunction ErrorIllustration() {\n  return (\n    <svg\n      viewBox=\"0 0 120 120\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n      className=\"ds:w-full ds:h-full\"\n    >\n      <path\n        d=\"M60 15 L110 95 H10 Z\"\n        fill=\"var(--destructive)\"\n        fillOpacity=\"0.1\"\n        stroke=\"var(--destructive)\"\n        strokeOpacity=\"0.4\"\n        strokeWidth=\"3\"\n        strokeLinejoin=\"round\"\n      />\n      <rect\n        x=\"56\"\n        y=\"45\"\n        width=\"8\"\n        height=\"26\"\n        rx=\"4\"\n        fill=\"var(--destructive)\"\n        fillOpacity=\"0.6\"\n      />\n      <circle cx=\"60\" cy=\"82\" r=\"5\" fill=\"var(--destructive)\" fillOpacity=\"0.6\" />\n    </svg>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* Subcomponents                                                       */\n/* ------------------------------------------------------------------ */\n\nconst EmptyStateIllustration = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ children, className, ...props }, ref) => {\n    const { size } = useContext(EmptyStateContext);\n    return (\n      <div\n        ref={ref}\n        aria-hidden=\"true\"\n        className={illustrationVariants({ size, className })}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  },\n);\nEmptyStateIllustration.displayName = 'EmptyState.Illustration';\n\nconst EmptyStateTitle = forwardRef<HTMLHeadingElement, HTMLAttributes<HTMLHeadingElement>>(\n  ({ children, className, ...props }, ref) => {\n    const { size, titleId, registerTitle } = useContext(EmptyStateContext);\n    const callbackRef = useCallback(\n      (node: HTMLHeadingElement | null) => {\n        if (node) registerTitle();\n        if (typeof ref === 'function') ref(node);\n        else if (ref) (ref as { current: HTMLHeadingElement | null }).current = node;\n      },\n      [ref, registerTitle],\n    );\n    return (\n      <h3\n        ref={callbackRef}\n        id={titleId}\n        className={titleVariants({ size, className })}\n        {...props}\n      >\n        {children}\n      </h3>\n    );\n  },\n);\nEmptyStateTitle.displayName = 'EmptyState.Title';\n\nconst EmptyStateDescription = forwardRef<\n  HTMLParagraphElement,\n  HTMLAttributes<HTMLParagraphElement>\n>(({ children, className, ...props }, ref) => {\n  const { size } = useContext(EmptyStateContext);\n  return (\n    <p\n      ref={ref}\n      className={descriptionVariants({ size, className })}\n      {...props}\n    >\n      {children}\n    </p>\n  );\n});\nEmptyStateDescription.displayName = 'EmptyState.Description';\n\nconst actionsVariants = cva(\n  'ds:flex ds:flex-row ds:flex-wrap ds:items-center ds:justify-center ds:gap-[var(--spacing-md)]',\n);\n\nconst EmptyStateActions = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ children, className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={actionsVariants({ className })}\n      {...props}\n    >\n      {children}\n    </div>\n  ),\n);\nEmptyStateActions.displayName = 'EmptyState.Actions';\n\n/* ------------------------------------------------------------------ */\n/* Types                                                               */\n/* ------------------------------------------------------------------ */\n\nexport interface EmptyStateProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'role' | 'title'>,\n    VariantProps<typeof emptyStateVariants> {\n  variant: 'first-use' | 'no-results' | 'error';\n  size?: 'sm' | 'md' | 'lg';\n  title?: string;\n  description?: string;\n  primaryAction?: { label: string; onClick: () => void };\n  secondaryAction?: { label: string; onClick: () => void; href?: string };\n  autoFocus?: boolean;\n  children?: ReactNode;\n}\n\n/* ------------------------------------------------------------------ */\n/* Root                                                                */\n/* ------------------------------------------------------------------ */\n\nconst EmptyStateRoot = forwardRef<HTMLDivElement, EmptyStateProps>(\n  (\n    {\n      variant,\n      size = 'md',\n      title,\n      description,\n      primaryAction,\n      secondaryAction,\n      autoFocus = false,\n      children,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const titleId = useId();\n    const containerRef = useRef<HTMLDivElement | null>(null);\n    const [hasTitle, setHasTitle] = useState(false);\n    const registerTitle = useCallback(() => setHasTitle(true), []);\n\n    useEffect(() => {\n      if (!autoFocus) return;\n      const firstBtn = containerRef.current?.querySelector<HTMLElement>(\n        'button:not([disabled]), a[href]',\n      );\n      firstBtn?.focus();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    const roleProps =\n      variant === 'no-results'\n        ? ({ role: 'status' as const, 'aria-live': 'polite' as const })\n        : ({ role: 'region' as const });\n\n    const defaultTitle =\n      variant === 'first-use'\n        ? t('emptyState.firstUse.title')\n        : variant === 'no-results'\n          ? t('emptyState.noResults.title')\n          : t('emptyState.error.title');\n\n    const defaultDescription =\n      variant === 'first-use'\n        ? t('emptyState.firstUse.description')\n        : variant === 'no-results'\n          ? t('emptyState.noResults.description')\n          : t('emptyState.error.description');\n\n    const defaultCtaLabel =\n      variant === 'first-use'\n        ? t('emptyState.firstUse.cta')\n        : variant === 'no-results'\n          ? t('emptyState.noResults.cta')\n          : t('emptyState.error.cta');\n\n    const buttonSize = size === 'sm' ? ('sm' as const) : ('md' as const);\n\n    const safeHref = (href: string) =>\n      /^(https?:\\/\\/|\\/|#)/.test(href) ? href : '#';\n\n    return (\n      <EmptyStateContext.Provider value={{ size, variant, titleId, registerTitle }}>\n        <div\n          ref={(node) => {\n            containerRef.current = node;\n            setRef(ref, node);\n          }}\n          aria-labelledby={hasTitle || !children ? titleId : undefined}\n          {...roleProps}\n          className={emptyStateVariants({ size, className })}\n          data-component=\"empty-state\"\n          {...props}\n        >\n          {children ?? (\n            <>\n              <EmptyStateIllustration>\n                {variant === 'first-use' && <FirstUseIllustration />}\n                {variant === 'no-results' && <NoResultsIllustration />}\n                {variant === 'error' && <ErrorIllustration />}\n              </EmptyStateIllustration>\n              <EmptyStateTitle>{title ?? defaultTitle}</EmptyStateTitle>\n              <EmptyStateDescription>\n                {description ?? defaultDescription}\n              </EmptyStateDescription>\n              {(primaryAction || secondaryAction) && (\n                <EmptyStateActions>\n                  {primaryAction && (\n                    <Button\n                      intent=\"primary\"\n                      size={buttonSize}\n                      onClick={primaryAction.onClick}\n                    >\n                      {primaryAction.label ?? defaultCtaLabel}\n                    </Button>\n                  )}\n                  {secondaryAction &&\n                    (secondaryAction.href ? (\n                      <Button intent=\"ghost\" size={buttonSize} asChild>\n                        <a href={safeHref(secondaryAction.href!)} onClick={secondaryAction.onClick}>\n                          {secondaryAction.label}\n                        </a>\n                      </Button>\n                    ) : (\n                      <Button\n                        intent=\"ghost\"\n                        size={buttonSize}\n                        onClick={secondaryAction.onClick}\n                      >\n                        {secondaryAction.label}\n                      </Button>\n                    ))}\n                </EmptyStateActions>\n              )}\n            </>\n          )}\n        </div>\n      </EmptyStateContext.Provider>\n    );\n  },\n);\nEmptyStateRoot.displayName = 'EmptyState';\n\n/* ------------------------------------------------------------------ */\n/* Compound export                                                     */\n/* ------------------------------------------------------------------ */\n\nexport const EmptyState = Object.assign(EmptyStateRoot, {\n  Illustration: EmptyStateIllustration,\n  Title: EmptyStateTitle,\n  Description: EmptyStateDescription,\n  Actions: EmptyStateActions,\n});\n"],"names":["setRef","ref","value","EmptyStateContext","createContext","emptyStateVariants","cva","illustrationVariants","titleVariants","descriptionVariants","FirstUseIllustration","jsxs","jsx","NoResultsIllustration","ErrorIllustration","EmptyStateIllustration","forwardRef","children","className","props","size","useContext","EmptyStateTitle","titleId","registerTitle","callbackRef","useCallback","node","EmptyStateDescription","actionsVariants","EmptyStateActions","EmptyStateRoot","variant","title","description","primaryAction","secondaryAction","autoFocus","t","useTranslation","useId","containerRef","useRef","hasTitle","setHasTitle","useState","useEffect","firstBtn","_a","roleProps","defaultTitle","defaultDescription","defaultCtaLabel","buttonSize","safeHref","href","Fragment","Button","EmptyState"],"mappings":"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"}
+{"version":3,"file":"empty-state-DQPtRp2b.js","sources":["../../src/components/empty-state/empty-state.tsx"],"sourcesContent":["import {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Button } from '../button/button';\n\n/* ------------------------------------------------------------------ */\n/* Ref helper                                                          */\n/* ------------------------------------------------------------------ */\n\nfunction setRef<T>(ref: Ref<T>, value: T | null) {\n  if (!ref) return;\n  if (typeof ref === 'function') ref(value);\n  else (ref as { current: T | null }).current = value;\n}\n\n/* ------------------------------------------------------------------ */\n/* Context                                                             */\n/* ------------------------------------------------------------------ */\n\ninterface EmptyStateContextValue {\n  size: 'sm' | 'md' | 'lg';\n  variant: 'first-use' | 'no-results' | 'error';\n  titleId: string;\n  registerTitle: () => void;\n}\n\nconst EmptyStateContext = createContext<EmptyStateContextValue>({\n  size: 'md',\n  variant: 'first-use',\n  titleId: '',\n  registerTitle: () => {},\n});\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst emptyStateVariants = cva(\n  'ds:flex ds:flex-col ds:items-center ds:text-center ds:max-w-md ds:ms-auto ds:me-auto ds:w-full',\n  {\n    variants: {\n      size: {\n        sm: 'ds:p-[var(--spacing-md)] ds:gap-[var(--spacing-sm)]',\n        md: 'ds:p-[var(--spacing-lg)] ds:gap-[var(--spacing-md)]',\n        lg: 'ds:p-[var(--spacing-lg)] ds:gap-[var(--spacing-md)]',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\nconst illustrationVariants = cva(\n  'ds:flex ds:items-center ds:justify-center ds:flex-shrink-0',\n  {\n    variants: {\n      size: {\n        sm: 'ds:w-[80px] ds:h-[80px]',\n        md: 'ds:w-[160px] ds:h-[160px]',\n        lg: 'ds:w-[240px] ds:h-[240px]',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\nconst titleVariants = cva('type-title-card ds:text-[var(--foreground)]', {\n  variants: {\n    size: {\n      sm: 'ds:[--type-title-card-size:var(--font-size-sm)]',\n      md: '',\n      lg: 'ds:[--type-title-card-size:var(--font-size-xl)]',\n    },\n  },\n  defaultVariants: { size: 'md' },\n});\n\nconst descriptionVariants = cva('type-body-sm ds:text-[var(--muted-foreground)]', {\n  variants: {\n    size: {\n      sm: 'ds:[--type-body-sm-size:var(--font-size-xs)]',\n      md: '',\n      lg: 'ds:[--type-body-sm-size:var(--font-size-base)]',\n    },\n  },\n  defaultVariants: { size: 'md' },\n});\n\n/* ------------------------------------------------------------------ */\n/* Built-in illustrations                                              */\n/* ------------------------------------------------------------------ */\n\nfunction FirstUseIllustration() {\n  return (\n    <svg\n      viewBox=\"0 0 120 120\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n      className=\"ds:w-full ds:h-full\"\n    >\n      <circle\n        cx=\"60\"\n        cy=\"60\"\n        r=\"50\"\n        fill=\"var(--color-violet-50)\"\n        stroke=\"var(--color-violet-200)\"\n        strokeWidth=\"2\"\n      />\n      <rect x=\"55\" y=\"30\" width=\"10\" height=\"60\" rx=\"5\" fill=\"var(--color-violet-400)\" />\n      <rect x=\"30\" y=\"55\" width=\"60\" height=\"10\" rx=\"5\" fill=\"var(--color-purple-400)\" />\n    </svg>\n  );\n}\n\nfunction NoResultsIllustration() {\n  return (\n    <svg\n      viewBox=\"0 0 120 120\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n      className=\"ds:w-full ds:h-full\"\n    >\n      <circle cx=\"52\" cy=\"52\" r=\"28\" stroke=\"var(--muted)\" strokeWidth=\"6\" />\n      <line\n        x1=\"72\"\n        y1=\"72\"\n        x2=\"92\"\n        y2=\"92\"\n        stroke=\"var(--muted)\"\n        strokeWidth=\"6\"\n        strokeLinecap=\"round\"\n      />\n      <line\n        x1=\"42\"\n        y1=\"52\"\n        x2=\"62\"\n        y2=\"52\"\n        stroke=\"var(--muted-foreground)\"\n        strokeWidth=\"4\"\n        strokeLinecap=\"round\"\n      />\n    </svg>\n  );\n}\n\nfunction ErrorIllustration() {\n  return (\n    <svg\n      viewBox=\"0 0 120 120\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n      className=\"ds:w-full ds:h-full\"\n    >\n      <path\n        d=\"M60 15 L110 95 H10 Z\"\n        fill=\"var(--destructive)\"\n        fillOpacity=\"0.1\"\n        stroke=\"var(--destructive)\"\n        strokeOpacity=\"0.4\"\n        strokeWidth=\"3\"\n        strokeLinejoin=\"round\"\n      />\n      <rect\n        x=\"56\"\n        y=\"45\"\n        width=\"8\"\n        height=\"26\"\n        rx=\"4\"\n        fill=\"var(--destructive)\"\n        fillOpacity=\"0.6\"\n      />\n      <circle cx=\"60\" cy=\"82\" r=\"5\" fill=\"var(--destructive)\" fillOpacity=\"0.6\" />\n    </svg>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* Subcomponents                                                       */\n/* ------------------------------------------------------------------ */\n\nconst EmptyStateIllustration = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ children, className, ...props }, ref) => {\n    const { size } = useContext(EmptyStateContext);\n    return (\n      <div\n        ref={ref}\n        aria-hidden=\"true\"\n        className={illustrationVariants({ size, className })}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  },\n);\nEmptyStateIllustration.displayName = 'EmptyState.Illustration';\n\nconst EmptyStateTitle = forwardRef<HTMLHeadingElement, HTMLAttributes<HTMLHeadingElement>>(\n  ({ children, className, ...props }, ref) => {\n    const { size, titleId, registerTitle } = useContext(EmptyStateContext);\n    const callbackRef = useCallback(\n      (node: HTMLHeadingElement | null) => {\n        if (node) registerTitle();\n        if (typeof ref === 'function') ref(node);\n        else if (ref) (ref as { current: HTMLHeadingElement | null }).current = node;\n      },\n      [ref, registerTitle],\n    );\n    return (\n      <h3\n        ref={callbackRef}\n        id={titleId}\n        className={titleVariants({ size, className })}\n        {...props}\n      >\n        {children}\n      </h3>\n    );\n  },\n);\nEmptyStateTitle.displayName = 'EmptyState.Title';\n\nconst EmptyStateDescription = forwardRef<\n  HTMLParagraphElement,\n  HTMLAttributes<HTMLParagraphElement>\n>(({ children, className, ...props }, ref) => {\n  const { size } = useContext(EmptyStateContext);\n  return (\n    <p\n      ref={ref}\n      className={descriptionVariants({ size, className })}\n      {...props}\n    >\n      {children}\n    </p>\n  );\n});\nEmptyStateDescription.displayName = 'EmptyState.Description';\n\nconst actionsVariants = cva(\n  'ds:flex ds:flex-row ds:flex-wrap ds:items-center ds:justify-center ds:gap-[var(--spacing-md)]',\n);\n\nconst EmptyStateActions = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ children, className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={actionsVariants({ className })}\n      {...props}\n    >\n      {children}\n    </div>\n  ),\n);\nEmptyStateActions.displayName = 'EmptyState.Actions';\n\n/* ------------------------------------------------------------------ */\n/* Types                                                               */\n/* ------------------------------------------------------------------ */\n\nexport interface EmptyStateProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'role' | 'title'>,\n    VariantProps<typeof emptyStateVariants> {\n  variant: 'first-use' | 'no-results' | 'error';\n  size?: 'sm' | 'md' | 'lg';\n  title?: string;\n  description?: string;\n  primaryAction?: { label: string; onClick: () => void };\n  secondaryAction?: { label: string; onClick: () => void; href?: string };\n  autoFocus?: boolean;\n  children?: ReactNode;\n}\n\n/* ------------------------------------------------------------------ */\n/* Root                                                                */\n/* ------------------------------------------------------------------ */\n\nconst EmptyStateRoot = forwardRef<HTMLDivElement, EmptyStateProps>(\n  (\n    {\n      variant,\n      size = 'md',\n      title,\n      description,\n      primaryAction,\n      secondaryAction,\n      autoFocus = false,\n      children,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const titleId = useId();\n    const containerRef = useRef<HTMLDivElement | null>(null);\n    const [hasTitle, setHasTitle] = useState(false);\n    const registerTitle = useCallback(() => setHasTitle(true), []);\n\n    useEffect(() => {\n      if (!autoFocus) return;\n      const firstBtn = containerRef.current?.querySelector<HTMLElement>(\n        'button:not([disabled]), a[href]',\n      );\n      firstBtn?.focus();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []);\n\n    const roleProps =\n      variant === 'no-results'\n        ? ({ role: 'status' as const, 'aria-live': 'polite' as const })\n        : ({ role: 'region' as const });\n\n    const defaultTitle =\n      variant === 'first-use'\n        ? t('emptyState.firstUse.title')\n        : variant === 'no-results'\n          ? t('emptyState.noResults.title')\n          : t('emptyState.error.title');\n\n    const defaultDescription =\n      variant === 'first-use'\n        ? t('emptyState.firstUse.description')\n        : variant === 'no-results'\n          ? t('emptyState.noResults.description')\n          : t('emptyState.error.description');\n\n    const defaultCtaLabel =\n      variant === 'first-use'\n        ? t('emptyState.firstUse.cta')\n        : variant === 'no-results'\n          ? t('emptyState.noResults.cta')\n          : t('emptyState.error.cta');\n\n    const buttonSize = size === 'sm' ? ('sm' as const) : ('md' as const);\n\n    const safeHref = (href: string) =>\n      /^(https?:\\/\\/|\\/|#)/.test(href) ? href : '#';\n\n    return (\n      <EmptyStateContext.Provider value={{ size, variant, titleId, registerTitle }}>\n        <div\n          ref={(node) => {\n            containerRef.current = node;\n            setRef(ref, node);\n          }}\n          aria-labelledby={hasTitle || !children ? titleId : undefined}\n          {...roleProps}\n          className={emptyStateVariants({ size, className })}\n          data-component=\"empty-state\"\n          {...props}\n        >\n          {children ?? (\n            <>\n              <EmptyStateIllustration>\n                {variant === 'first-use' && <FirstUseIllustration />}\n                {variant === 'no-results' && <NoResultsIllustration />}\n                {variant === 'error' && <ErrorIllustration />}\n              </EmptyStateIllustration>\n              <EmptyStateTitle>{title ?? defaultTitle}</EmptyStateTitle>\n              <EmptyStateDescription>\n                {description ?? defaultDescription}\n              </EmptyStateDescription>\n              {(primaryAction || secondaryAction) && (\n                <EmptyStateActions>\n                  {primaryAction && (\n                    <Button\n                      intent=\"primary\"\n                      size={buttonSize}\n                      onClick={primaryAction.onClick}\n                    >\n                      {primaryAction.label ?? defaultCtaLabel}\n                    </Button>\n                  )}\n                  {secondaryAction &&\n                    (secondaryAction.href ? (\n                      <Button intent=\"ghost\" size={buttonSize} asChild>\n                        <a href={safeHref(secondaryAction.href!)} onClick={secondaryAction.onClick}>\n                          {secondaryAction.label}\n                        </a>\n                      </Button>\n                    ) : (\n                      <Button\n                        intent=\"ghost\"\n                        size={buttonSize}\n                        onClick={secondaryAction.onClick}\n                      >\n                        {secondaryAction.label}\n                      </Button>\n                    ))}\n                </EmptyStateActions>\n              )}\n            </>\n          )}\n        </div>\n      </EmptyStateContext.Provider>\n    );\n  },\n);\nEmptyStateRoot.displayName = 'EmptyState';\n\n/* ------------------------------------------------------------------ */\n/* Compound export                                                     */\n/* ------------------------------------------------------------------ */\n\nexport const EmptyState = Object.assign(EmptyStateRoot, {\n  Illustration: EmptyStateIllustration,\n  Title: EmptyStateTitle,\n  Description: EmptyStateDescription,\n  Actions: EmptyStateActions,\n});\n"],"names":["setRef","ref","value","EmptyStateContext","createContext","emptyStateVariants","cva","illustrationVariants","titleVariants","descriptionVariants","FirstUseIllustration","jsxs","jsx","NoResultsIllustration","ErrorIllustration","EmptyStateIllustration","forwardRef","children","className","props","size","useContext","EmptyStateTitle","titleId","registerTitle","callbackRef","useCallback","node","EmptyStateDescription","actionsVariants","EmptyStateActions","EmptyStateRoot","variant","title","description","primaryAction","secondaryAction","autoFocus","t","useTranslation","useId","containerRef","useRef","hasTitle","setHasTitle","useState","useEffect","firstBtn","_a","roleProps","defaultTitle","defaultDescription","defaultCtaLabel","buttonSize","safeHref","href","Fragment","Button","EmptyState"],"mappings":"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"}

package/dist/_chunks/{file-upload.agent-LlC0W468.js → file-upload.agent-B9AN82LA.js}

@@ -581,7 +581,7 @@ const Je = xe(
                     s.stopPropagation(), X();
                   },
                   disabled: y,
-                  className: te({ className: "mt-[var(--spacing-xs)]" }),
+                  className: te({ className: "ds:mt-[var(--spacing-xs)]" }),
                   children: [
                     /* @__PURE__ */ t(E, { "aria-hidden": "true", className: "ds:size-4" }),
                     a("ui.inputs.fileUpload.browse", "Browse files")
@@ -646,4 +646,4 @@ export {
   Je as F,
   os as f
 };
-//# sourceMappingURL=file-upload.agent-LlC0W468.js.map
+//# sourceMappingURL=file-upload.agent-B9AN82LA.js.map