@acronis-platform/shadcn-uikit 0.34.0 → 0.36.3

package/dist/components/icons/base-icon.js

@@ -1,19 +1,35 @@
-import { jsx as t } from "react/jsx-runtime";
-import { cn as e } from "../../lib/utils.js";
-function c({ children: n, className: o, viewBox: r = "0 0 16 16", ...s }) {
-  return /* @__PURE__ */ t(
+import { jsx as m } from "react/jsx-runtime";
+import n from "react";
+import { cn as a } from "../../lib/utils.js";
+function w({
+  children: o,
+  className: c,
+  size: t,
+  viewBox: i = "0 0 16 16",
+  ...e
+}) {
+  const l = a(!t && "size-4", "shrink-0", c), s = t ? { width: t, height: t } : {}, r = n.Children.count(o) === 1 ? n.Children.toArray(o)[0] : null;
+  return r && n.isValidElement(r) ? n.cloneElement(
+    r,
+    {
+      className: l,
+      ...s,
+      ...e
+    }
+  ) : /* @__PURE__ */ m(
     "svg",
     {
-      className: e("size-4 shrink-0", o),
-      viewBox: r,
+      className: l,
+      viewBox: i,
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       ...s,
-      children: n
+      ...e,
+      children: o
     }
   );
 }
 export {
-  c as BaseIcon
+  w as BaseIcon
 };
 //# sourceMappingURL=base-icon.js.map

package/dist/components/icons/base-icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"base-icon.js","sources":["../../../src/components/icons/base-icon.tsx"],"sourcesContent":["import React from 'react'\nimport { cn } from '@/lib/utils'\n\ninterface BaseIconProps extends React.SVGProps<SVGSVGElement> {\n  children: React.ReactNode\n  className?: string\n}\n\n/**\n * Base icon wrapper component that provides consistent sizing and styling\n */\nexport function BaseIcon({ children, className, viewBox = '0 0 16 16', ...props }: BaseIconProps) {\n  return (\n    <svg\n      className={cn('size-4 shrink-0', className)}\n      viewBox={viewBox}\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...props}\n    >\n      {children}\n    </svg>\n  )\n}\n\n/**\n * Alternative: Icon wrapper that accepts an SVG path\n */\ninterface IconProps extends Omit<React.SVGProps<SVGSVGElement>, 'path'> {\n  path: string | React.ReactNode\n  className?: string\n  viewBox?: string\n}\n\nexport function Icon({ path, className, viewBox = '0 0 16 16', ...props }: IconProps) {\n  return (\n    <svg\n      className={cn('size-4 shrink-0', className)}\n      viewBox={viewBox}\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...props}\n    >\n      {typeof path === 'string' ? <path d={path} /> : path}\n    </svg>\n  )\n}\n"],"names":["BaseIcon","children","className","viewBox","props","jsx","cn"],"mappings":";;AAWO,SAASA,EAAS,EAAE,UAAAC,GAAU,WAAAC,GAAW,SAAAC,IAAU,aAAa,GAAGC,KAAwB;AAChG,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAG,mBAAmBJ,CAAS;AAAA,MAC1C,SAAAC;AAAA,MACA,MAAK;AAAA,MACL,OAAM;AAAA,MACL,GAAGC;AAAA,MAEH,UAAAH;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"base-icon.js","sources":["../../../src/components/icons/base-icon.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '@/lib/utils';\n\ninterface BaseIconProps extends React.SVGProps<SVGSVGElement> {\n  children: React.ReactNode;\n  className?: string;\n  size?: number;\n}\n\n/**\n * Base icon wrapper component that provides consistent sizing and styling.\n *\n * When the child is a React element (e.g. an SVG component imported via\n * `?react`), we clone it and merge our props in so we avoid double-nesting\n * `<svg>` inside `<svg>`.  For raw path/content children we still render a\n * wrapper `<svg>`.\n */\nexport function BaseIcon({\n  children,\n  className,\n  size,\n  viewBox = '0 0 16 16',\n  ...props\n}: BaseIconProps) {\n  const cls = cn(!size && 'size-4', 'shrink-0', className);\n  const sizeProps = size ? { width: size, height: size } : {};\n\n  // SVG components from ?react imports are valid React elements — clone them\n  // with our styling props so only a single <svg> is emitted.\n  const child =\n    React.Children.count(children) === 1\n      ? (React.Children.toArray(children)[0] as React.ReactElement)\n      : null;\n\n  if (child && React.isValidElement(child)) {\n    return React.cloneElement(\n      child as React.ReactElement<Record<string, unknown>>,\n      {\n        className: cls,\n        ...sizeProps,\n        ...props,\n      }\n    );\n  }\n\n  return (\n    <svg\n      className={cls}\n      viewBox={viewBox}\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...sizeProps}\n      {...props}\n    >\n      {children}\n    </svg>\n  );\n}\n\n/**\n * Alternative: Icon wrapper that accepts an SVG path\n */\ninterface IconProps extends Omit<React.SVGProps<SVGSVGElement>, 'path'> {\n  path: string | React.ReactNode;\n  className?: string;\n  viewBox?: string;\n  size?: number;\n}\n\nexport function Icon({\n  path,\n  className,\n  size,\n  viewBox = '0 0 16 16',\n  ...props\n}: IconProps) {\n  return (\n    <svg\n      className={cn(!size && 'size-4', 'shrink-0', className)}\n      viewBox={viewBox}\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...(size ? { width: size, height: size, ...props } : props)}\n    >\n      {typeof path === 'string' ? <path d={path} /> : path}\n    </svg>\n  );\n}\n"],"names":["BaseIcon","children","className","size","viewBox","props","cls","cn","sizeProps","child","React","jsx"],"mappings":";;;AAiBO,SAASA,EAAS;AAAA,EACvB,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,GAAGC;AACL,GAAkB;AAChB,QAAMC,IAAMC,EAAG,CAACJ,KAAQ,UAAU,YAAYD,CAAS,GACjDM,IAAYL,IAAO,EAAE,OAAOA,GAAM,QAAQA,EAAA,IAAS,CAAA,GAInDM,IACJC,EAAM,SAAS,MAAMT,CAAQ,MAAM,IAC9BS,EAAM,SAAS,QAAQT,CAAQ,EAAE,CAAC,IACnC;AAEN,SAAIQ,KAASC,EAAM,eAAeD,CAAK,IAC9BC,EAAM;AAAA,IACXD;AAAA,IACA;AAAA,MACE,WAAWH;AAAA,MACX,GAAGE;AAAA,MACH,GAAGH;AAAA,IAAA;AAAA,EACL,IAKF,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWL;AAAA,MACX,SAAAF;AAAA,MACA,MAAK;AAAA,MACL,OAAM;AAAA,MACL,GAAGI;AAAA,MACH,GAAGH;AAAA,MAEH,UAAAJ;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/icons/dynamic-icons.js.map

@@ -1 +1 @@
-{"version":3,"file":"dynamic-icons.js","sources":["../../../src/components/icons/dynamic-icons.tsx"],"sourcesContent":["import React from 'react'\n\n/**\n * Dynamic icon loader using Vite's import.meta.glob\n * Automatically imports all SVG files from the svg directory\n */\n\n// Eager import - loads all icons immediately\nconst iconModules = import.meta.glob<{\n  default: React.ComponentType<React.SVGProps<SVGSVGElement>>\n}>('./svg/*.svg?react', { eager: true })\n\n// Lazy import - loads icons on demand (better for large icon sets)\nconst lazyIconModules = import.meta.glob<{\n  default: React.ComponentType<React.SVGProps<SVGSVGElement>>\n}>('./svg/*.svg?react')\n\n/**\n * Get icon component by name\n * @example\n * const InfoIcon = getIcon('info')\n * <InfoIcon className=\"size-4\" />\n */\nexport function getIcon(name: string): React.ComponentType<React.SVGProps<SVGSVGElement>> | null {\n  const path = `./svg/${name}.svg?react`\n  const module = iconModules[path]\n  return module?.default || null\n}\n\n/**\n * Get all available icon names\n */\nexport function getIconNames(): string[] {\n  return Object.keys(iconModules)\n    .map((path) => {\n      const match = path.match(/\\.\\/svg\\/(.+)\\.svg\\?react/)\n      return match ? match[1] : ''\n    })\n    .filter(Boolean)\n}\n\n/**\n * Dynamic Icon component that loads icons by name\n */\ninterface DynamicIconProps extends React.SVGProps<SVGSVGElement> {\n  name: string\n  className?: string\n}\n\nexport function DynamicIcon({ name, className = 'size-4', ...props }: DynamicIconProps) {\n  const IconComponent = getIcon(name)\n\n  if (!IconComponent) {\n    console.warn(`Icon \"${name}\" not found`)\n    return null\n  }\n\n  return <IconComponent className={className} {...props} />\n}\n\n/**\n * Lazy loading icon component\n */\nexport function LazyIcon({ name, className = 'size-4', ...props }: DynamicIconProps) {\n  const [IconComponent, setIconComponent] = React.useState<React.ComponentType<\n    React.SVGProps<SVGSVGElement>\n  > | null>(null)\n\n  React.useEffect(() => {\n    const path = `./svg/${name}.svg?react`\n    const loader = lazyIconModules[path]\n\n    if (loader) {\n      loader().then((module) => {\n        setIconComponent(() => module.default)\n      })\n    }\n  }, [name])\n\n  if (!IconComponent) {\n    return <div className={className} /> // Placeholder\n  }\n\n  return <IconComponent className={className} {...props} />\n}\n\n/**\n * Export all icons as a map for easy access\n */\nexport const Icons = Object.entries(iconModules).reduce(\n  (acc, [path, module]) => {\n    const match = path.match(/\\.\\/svg\\/(.+)\\.svg\\?react/)\n    if (match) {\n      const name = match[1]\n      acc[name] = module.default\n    }\n    return acc\n  },\n  {} as Record<string, React.ComponentType<React.SVGProps<SVGSVGElement>>>\n)\n"],"names":["iconModules","acc","path","module","match","name"],"mappings":";;AAQA,MAAMA,IAAc,uBAAA,OAAA,EAAA;AAiFC,OAAO,QAAQA,CAAW,EAAE;AAAA,EAC/C,CAACC,GAAK,CAACC,GAAMC,CAAM,MAAM;AACvB,UAAMC,IAAQF,EAAK,MAAM,2BAA2B;AACpD,QAAIE,GAAO;AACT,YAAMC,IAAOD,EAAM,CAAC;AACpB,MAAAH,EAAII,CAAI,IAAIF,EAAO;AAAA,IACrB;AACA,WAAOF;AAAA,EACT;AAAA,EACA,CAAA;AACF;"}
+{"version":3,"file":"dynamic-icons.js","sources":["../../../src/components/icons/dynamic-icons.tsx"],"sourcesContent":["import React from 'react';\n\n/**\n * Dynamic icon loader using Vite's import.meta.glob\n * Automatically imports all SVG files from the svg directory\n */\n\n// Eager import - loads all icons immediately\nconst iconModules = import.meta.glob<{\n  default: React.ComponentType<React.SVGProps<SVGSVGElement>>;\n}>('./svg/*.svg?react', { eager: true });\n\n// Lazy import - loads icons on demand (better for large icon sets)\nconst lazyIconModules = import.meta.glob<{\n  default: React.ComponentType<React.SVGProps<SVGSVGElement>>;\n}>('./svg/*.svg?react');\n\n/**\n * Get icon component by name\n * @example\n * const InfoIcon = getIcon('info')\n * <InfoIcon className=\"size-4\" />\n */\nexport function getIcon(\n  name: string\n): React.ComponentType<React.SVGProps<SVGSVGElement>> | null {\n  const path = `./svg/${name}.svg?react`;\n  const module = iconModules[path];\n  return module?.default || null;\n}\n\n/**\n * Get all available icon names\n */\nexport function getIconNames(): string[] {\n  return Object.keys(iconModules)\n    .map((path) => {\n      const match = path.match(/\\.\\/svg\\/(.+)\\.svg\\?react/);\n      return match ? match[1] : '';\n    })\n    .filter(Boolean);\n}\n\n/**\n * Dynamic Icon component that loads icons by name\n */\ninterface DynamicIconProps extends React.SVGProps<SVGSVGElement> {\n  name: string;\n  className?: string;\n}\n\nexport function DynamicIcon({\n  name,\n  className = 'size-4',\n  ...props\n}: DynamicIconProps) {\n  const IconComponent = getIcon(name);\n\n  if (!IconComponent) {\n    console.warn(`Icon \"${name}\" not found`);\n    return null;\n  }\n\n  return <IconComponent className={className} {...props} />;\n}\n\n/**\n * Lazy loading icon component\n */\nexport function LazyIcon({\n  name,\n  className = 'size-4',\n  ...props\n}: DynamicIconProps) {\n  const [IconComponent, setIconComponent] = React.useState<React.ComponentType<\n    React.SVGProps<SVGSVGElement>\n  > | null>(null);\n\n  React.useEffect(() => {\n    const path = `./svg/${name}.svg?react`;\n    const loader = lazyIconModules[path];\n\n    if (loader) {\n      loader().then((module) => {\n        setIconComponent(() => module.default);\n      });\n    }\n  }, [name]);\n\n  if (!IconComponent) {\n    return <div className={className} />; // Placeholder\n  }\n\n  return <IconComponent className={className} {...props} />;\n}\n\n/**\n * Export all icons as a map for easy access\n */\nexport const Icons = Object.entries(iconModules).reduce(\n  (acc, [path, module]) => {\n    const match = path.match(/\\.\\/svg\\/(.+)\\.svg\\?react/);\n    if (match) {\n      const name = match[1];\n      acc[name] = module.default;\n    }\n    return acc;\n  },\n  {} as Record<string, React.ComponentType<React.SVGProps<SVGSVGElement>>>\n);\n"],"names":["iconModules","acc","path","module","match","name"],"mappings":";;AAQA,MAAMA,IAAc,uBAAA,OAAA,EAAA;AA2FC,OAAO,QAAQA,CAAW,EAAE;AAAA,EAC/C,CAACC,GAAK,CAACC,GAAMC,CAAM,MAAM;AACvB,UAAMC,IAAQF,EAAK,MAAM,2BAA2B;AACpD,QAAIE,GAAO;AACT,YAAMC,IAAOD,EAAM,CAAC;AACpB,MAAAH,EAAII,CAAI,IAAIF,EAAO;AAAA,IACrB;AACA,WAAOF;AAAA,EACT;AAAA,EACA,CAAA;AACF;"}

package/dist/components/mode-toggle.js

@@ -3,10 +3,28 @@ import { cn as l } from "../lib/utils.js";
 import { Button as t } from "./ui/button.js";
 import { DropdownMenu as s, DropdownMenuTrigger as i, DropdownMenuContent as a, DropdownMenuItem as n } from "./ui/dropdown-menu.js";
 import { useTheme as c } from "./theme-provider.js";
-const m = ({ className: r }) => /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", fill: "currentColor", className: l("size-4 shrink-0", r), children: /* @__PURE__ */ e("path", { d: "M14.5 10.29A7.5 7.5 0 0 1 5.71 1.5 6 6 0 1 0 14.5 10.29z" }) }), h = ({ className: r }) => /* @__PURE__ */ o("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", fill: "currentColor", className: l("size-4 shrink-0", r), children: [
-  /* @__PURE__ */ e("circle", { cx: "8", cy: "8", r: "3" }),
-  /* @__PURE__ */ e("path", { d: "M8 1v2M8 13v2M3.05 3.05l1.41 1.41M11.54 11.54l1.41 1.41M1 8h2M13 8h2M3.05 12.95l1.41-1.41M11.54 4.46l1.41-1.41" })
-] });
+const m = ({ className: r }) => /* @__PURE__ */ e(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 16",
+    fill: "currentColor",
+    className: l("size-4 shrink-0", r),
+    children: /* @__PURE__ */ e("path", { d: "M14.5 10.29A7.5 7.5 0 0 1 5.71 1.5 6 6 0 1 0 14.5 10.29z" })
+  }
+), h = ({ className: r }) => /* @__PURE__ */ o(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 16",
+    fill: "currentColor",
+    className: l("size-4 shrink-0", r),
+    children: [
+      /* @__PURE__ */ e("circle", { cx: "8", cy: "8", r: "3" }),
+      /* @__PURE__ */ e("path", { d: "M8 1v2M8 13v2M3.05 3.05l1.41 1.41M11.54 11.54l1.41 1.41M1 8h2M13 8h2M3.05 12.95l1.41-1.41M11.54 4.46l1.41-1.41" })
+    ]
+  }
+);
 function u() {
   const { setTheme: r } = c();
   return /* @__PURE__ */ o(s, { children: [

package/dist/components/mode-toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"mode-toggle.js","sources":["../../src/components/mode-toggle.tsx"],"sourcesContent":["import { cn } from '@/lib/utils'\nimport { Button } from '@/components/ui/button'\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from '@/components/ui/dropdown-menu'\nimport { useTheme } from '@/components/theme-provider'\n\n// TODO: Replace with MoonIcon from @/components/icons once moon--16.svg is added to the catalog\nconst MoonIcon = ({ className }: { className?: string }) => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill=\"currentColor\" className={cn('size-4 shrink-0', className)}>\n    <path d=\"M14.5 10.29A7.5 7.5 0 0 1 5.71 1.5 6 6 0 1 0 14.5 10.29z\" />\n  </svg>\n)\n\n// TODO: Replace with SunIcon from @/components/icons once sun--16.svg is added to the catalog\nconst SunIcon = ({ className }: { className?: string }) => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill=\"currentColor\" className={cn('size-4 shrink-0', className)}>\n    <circle cx=\"8\" cy=\"8\" r=\"3\" />\n    <path d=\"M8 1v2M8 13v2M3.05 3.05l1.41 1.41M11.54 11.54l1.41 1.41M1 8h2M13 8h2M3.05 12.95l1.41-1.41M11.54 4.46l1.41-1.41\" />\n  </svg>\n)\n\nexport function ModeToggle() {\n  const { setTheme } = useTheme()\n\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger render={<Button variant=\"outline\" size=\"icon\" />}>\n        <SunIcon className=\"h-[1.2rem] w-[1.2rem] scale-100 rotate-0 transition-all dark:scale-0 dark:-rotate-90\" />\n        <MoonIcon className=\"absolute h-[1.2rem] w-[1.2rem] scale-0 rotate-90 transition-all dark:scale-100 dark:rotate-0\" />\n        <span className=\"sr-only\">Toggle theme</span>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\">\n        <DropdownMenuItem onClick={() => setTheme('light')}>Light</DropdownMenuItem>\n        <DropdownMenuItem onClick={() => setTheme('dark')}>Dark</DropdownMenuItem>\n        <DropdownMenuItem onClick={() => setTheme('system')}>System</DropdownMenuItem>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  )\n}\n"],"names":["MoonIcon","className","jsx","cn","SunIcon","ModeToggle","setTheme","useTheme","DropdownMenu","jsxs","DropdownMenuTrigger","Button","DropdownMenuContent","DropdownMenuItem"],"mappings":";;;;;AAWA,MAAMA,IAAW,CAAC,EAAE,WAAAC,EAAA,MAClB,gBAAAC,EAAC,OAAA,EAAI,OAAM,8BAA6B,SAAQ,aAAY,MAAK,gBAAe,WAAWC,EAAG,mBAAmBF,CAAS,GACxH,UAAA,gBAAAC,EAAC,QAAA,EAAK,GAAE,2DAAA,CAA2D,EAAA,CACrE,GAIIE,IAAU,CAAC,EAAE,WAAAH,EAAA,wBAChB,OAAA,EAAI,OAAM,8BAA6B,SAAQ,aAAY,MAAK,gBAAe,WAAWE,EAAG,mBAAmBF,CAAS,GACxH,UAAA;AAAA,EAAA,gBAAAC,EAAC,YAAO,IAAG,KAAI,IAAG,KAAI,GAAE,KAAI;AAAA,EAC5B,gBAAAA,EAAC,QAAA,EAAK,GAAE,iHAAA,CAAiH;AAAA,GAC3H;AAGK,SAASG,IAAa;AAC3B,QAAM,EAAE,UAAAC,EAAA,IAAaC,EAAA;AAErB,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAoB,QAAQ,gBAAAR,EAACS,GAAA,EAAO,SAAQ,WAAU,MAAK,QAAO,GACjE,UAAA;AAAA,MAAA,gBAAAT,EAACE,GAAA,EAAQ,WAAU,uFAAA,CAAuF;AAAA,MAC1G,gBAAAF,EAACF,GAAA,EAAS,WAAU,+FAAA,CAA+F;AAAA,MACnH,gBAAAE,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,eAAA,CAAY;AAAA,IAAA,GACxC;AAAA,IACA,gBAAAO,EAACG,GAAA,EAAoB,OAAM,OACzB,UAAA;AAAA,MAAA,gBAAAV,EAACW,KAAiB,SAAS,MAAMP,EAAS,OAAO,GAAG,UAAA,SAAK;AAAA,wBACxDO,GAAA,EAAiB,SAAS,MAAMP,EAAS,MAAM,GAAG,UAAA,QAAI;AAAA,wBACtDO,GAAA,EAAiB,SAAS,MAAMP,EAAS,QAAQ,GAAG,UAAA,SAAA,CAAM;AAAA,IAAA,EAAA,CAC7D;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"mode-toggle.js","sources":["../../src/components/mode-toggle.tsx"],"sourcesContent":["import { cn } from '@/lib/utils';\nimport { Button } from '@/components/ui/button';\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from '@/components/ui/dropdown-menu';\nimport { useTheme } from '@/components/theme-provider';\n\n// TODO: Replace with MoonIcon from @/components/icons once moon--16.svg is added to the catalog\nconst MoonIcon = ({ className }: { className?: string }) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 16 16\"\n    fill=\"currentColor\"\n    className={cn('size-4 shrink-0', className)}\n  >\n    <path d=\"M14.5 10.29A7.5 7.5 0 0 1 5.71 1.5 6 6 0 1 0 14.5 10.29z\" />\n  </svg>\n);\n\n// TODO: Replace with SunIcon from @/components/icons once sun--16.svg is added to the catalog\nconst SunIcon = ({ className }: { className?: string }) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 16 16\"\n    fill=\"currentColor\"\n    className={cn('size-4 shrink-0', className)}\n  >\n    <circle cx=\"8\" cy=\"8\" r=\"3\" />\n    <path d=\"M8 1v2M8 13v2M3.05 3.05l1.41 1.41M11.54 11.54l1.41 1.41M1 8h2M13 8h2M3.05 12.95l1.41-1.41M11.54 4.46l1.41-1.41\" />\n  </svg>\n);\n\nexport function ModeToggle() {\n  const { setTheme } = useTheme();\n\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger render={<Button variant=\"outline\" size=\"icon\" />}>\n        <SunIcon className=\"h-[1.2rem] w-[1.2rem] scale-100 rotate-0 transition-all dark:scale-0 dark:-rotate-90\" />\n        <MoonIcon className=\"absolute h-[1.2rem] w-[1.2rem] scale-0 rotate-90 transition-all dark:scale-100 dark:rotate-0\" />\n        <span className=\"sr-only\">Toggle theme</span>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\">\n        <DropdownMenuItem onClick={() => setTheme('light')}>\n          Light\n        </DropdownMenuItem>\n        <DropdownMenuItem onClick={() => setTheme('dark')}>\n          Dark\n        </DropdownMenuItem>\n        <DropdownMenuItem onClick={() => setTheme('system')}>\n          System\n        </DropdownMenuItem>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n"],"names":["MoonIcon","className","jsx","cn","SunIcon","jsxs","ModeToggle","setTheme","useTheme","DropdownMenu","DropdownMenuTrigger","Button","DropdownMenuContent","DropdownMenuItem"],"mappings":";;;;;AAWA,MAAMA,IAAW,CAAC,EAAE,WAAAC,EAAA,MAClB,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,WAAWC,EAAG,mBAAmBF,CAAS;AAAA,IAE1C,UAAA,gBAAAC,EAAC,QAAA,EAAK,GAAE,2DAAA,CAA2D;AAAA,EAAA;AACrE,GAIIE,IAAU,CAAC,EAAE,WAAAH,EAAA,MACjB,gBAAAI;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,WAAWF,EAAG,mBAAmBF,CAAS;AAAA,IAE1C,UAAA;AAAA,MAAA,gBAAAC,EAAC,YAAO,IAAG,KAAI,IAAG,KAAI,GAAE,KAAI;AAAA,MAC5B,gBAAAA,EAAC,QAAA,EAAK,GAAE,iHAAA,CAAiH;AAAA,IAAA;AAAA,EAAA;AAC3H;AAGK,SAASI,IAAa;AAC3B,QAAM,EAAE,UAAAC,EAAA,IAAaC,EAAA;AAErB,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAJ,EAACK,GAAA,EAAoB,QAAQ,gBAAAR,EAACS,GAAA,EAAO,SAAQ,WAAU,MAAK,QAAO,GACjE,UAAA;AAAA,MAAA,gBAAAT,EAACE,GAAA,EAAQ,WAAU,uFAAA,CAAuF;AAAA,MAC1G,gBAAAF,EAACF,GAAA,EAAS,WAAU,+FAAA,CAA+F;AAAA,MACnH,gBAAAE,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,eAAA,CAAY;AAAA,IAAA,GACxC;AAAA,IACA,gBAAAG,EAACO,GAAA,EAAoB,OAAM,OACzB,UAAA;AAAA,MAAA,gBAAAV,EAACW,KAAiB,SAAS,MAAMN,EAAS,OAAO,GAAG,UAAA,SAEpD;AAAA,wBACCM,GAAA,EAAiB,SAAS,MAAMN,EAAS,MAAM,GAAG,UAAA,QAEnD;AAAA,wBACCM,GAAA,EAAiB,SAAS,MAAMN,EAAS,QAAQ,GAAG,UAAA,SAAA,CAErD;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/theme-provider.js

@@ -32,7 +32,8 @@ function x({
 }
 const g = () => {
   const t = T(r);
-  if (t === void 0) throw new Error("useTheme must be used within a ThemeProvider");
+  if (t === void 0)
+    throw new Error("useTheme must be used within a ThemeProvider");
   return t;
 };
 export {

package/dist/components/theme-provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme-provider.js","sources":["../../src/components/theme-provider.tsx"],"sourcesContent":["import { createContext, useContext, useEffect, useState } from 'react'\n\ntype Theme = 'dark' | 'light' | 'system'\n\ntype ThemeProviderProps = {\n  children: React.ReactNode\n  defaultTheme?: Theme\n  storageKey?: string\n}\n\ntype ThemeProviderState = {\n  theme: Theme\n  setTheme: (theme: Theme) => void\n}\n\nconst initialState: ThemeProviderState = {\n  theme: 'system',\n  setTheme: () => null,\n}\n\nconst ThemeProviderContext = createContext<ThemeProviderState>(initialState)\n\nexport function ThemeProvider({\n  children,\n  defaultTheme = 'system',\n  storageKey = 'vite-ui-theme',\n  ...props\n}: ThemeProviderProps) {\n  const [theme, setTheme] = useState<Theme>(\n    () => (localStorage.getItem(storageKey) as Theme) || defaultTheme\n  )\n\n  useEffect(() => {\n    const root = window.document.documentElement\n\n    root.classList.remove('light', 'dark')\n\n    if (theme === 'system') {\n      const systemTheme = window.matchMedia('(prefers-color-scheme: dark)').matches\n        ? 'dark'\n        : 'light'\n\n      root.classList.add(systemTheme)\n      return\n    }\n\n    root.classList.add(theme)\n  }, [theme])\n\n  const value = {\n    theme,\n    setTheme: (theme: Theme) => {\n      localStorage.setItem(storageKey, theme)\n      setTheme(theme)\n    },\n  }\n\n  return (\n    <ThemeProviderContext.Provider {...props} value={value}>\n      {children}\n    </ThemeProviderContext.Provider>\n  )\n}\n\nexport const useTheme = () => {\n  const context = useContext(ThemeProviderContext)\n\n  if (context === undefined) throw new Error('useTheme must be used within a ThemeProvider')\n\n  return context\n}\n"],"names":["initialState","ThemeProviderContext","createContext","ThemeProvider","children","defaultTheme","storageKey","props","theme","setTheme","useState","useEffect","root","systemTheme","value","useTheme","context","useContext"],"mappings":";;AAeA,MAAMA,IAAmC;AAAA,EACvC,OAAO;AAAA,EACP,UAAU,MAAM;AAClB,GAEMC,IAAuBC,EAAkCF,CAAY;AAEpE,SAASG,EAAc;AAAA,EAC5B,UAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,YAAAC,IAAa;AAAA,EACb,GAAGC;AACL,GAAuB;AACrB,QAAM,CAACC,GAAOC,CAAQ,IAAIC;AAAA,IACxB,MAAO,aAAa,QAAQJ,CAAU,KAAeD;AAAA,EAAA;AAGvD,EAAAM,EAAU,MAAM;AACd,UAAMC,IAAO,OAAO,SAAS;AAI7B,QAFAA,EAAK,UAAU,OAAO,SAAS,MAAM,GAEjCJ,MAAU,UAAU;AACtB,YAAMK,IAAc,OAAO,WAAW,8BAA8B,EAAE,UAClE,SACA;AAEJ,MAAAD,EAAK,UAAU,IAAIC,CAAW;AAC9B;AAAA,IACF;AAEA,IAAAD,EAAK,UAAU,IAAIJ,CAAK;AAAA,EAC1B,GAAG,CAACA,CAAK,CAAC;AAEV,QAAMM,IAAQ;AAAA,IACZ,OAAAN;AAAA,IACA,UAAU,CAACA,MAAiB;AAC1B,mBAAa,QAAQF,GAAYE,CAAK,GACtCC,EAASD,CAAK;AAAA,IAChB;AAAA,EAAA;AAGF,2BACGP,EAAqB,UAArB,EAA+B,GAAGM,GAAO,OAAAO,GACvC,UAAAV,GACH;AAEJ;AAEO,MAAMW,IAAW,MAAM;AAC5B,QAAMC,IAAUC,EAAWhB,CAAoB;AAE/C,MAAIe,MAAY,OAAW,OAAM,IAAI,MAAM,8CAA8C;AAEzF,SAAOA;AACT;"}
+{"version":3,"file":"theme-provider.js","sources":["../../src/components/theme-provider.tsx"],"sourcesContent":["import { createContext, useContext, useEffect, useState } from 'react';\n\ntype Theme = 'dark' | 'light' | 'system';\n\ntype ThemeProviderProps = {\n  children: React.ReactNode;\n  defaultTheme?: Theme;\n  storageKey?: string;\n};\n\ntype ThemeProviderState = {\n  theme: Theme;\n  setTheme: (theme: Theme) => void;\n};\n\nconst initialState: ThemeProviderState = {\n  theme: 'system',\n  setTheme: () => null,\n};\n\nconst ThemeProviderContext = createContext<ThemeProviderState>(initialState);\n\nexport function ThemeProvider({\n  children,\n  defaultTheme = 'system',\n  storageKey = 'vite-ui-theme',\n  ...props\n}: ThemeProviderProps) {\n  const [theme, setTheme] = useState<Theme>(\n    () => (localStorage.getItem(storageKey) as Theme) || defaultTheme\n  );\n\n  useEffect(() => {\n    const root = window.document.documentElement;\n\n    root.classList.remove('light', 'dark');\n\n    if (theme === 'system') {\n      const systemTheme = window.matchMedia('(prefers-color-scheme: dark)')\n        .matches\n        ? 'dark'\n        : 'light';\n\n      root.classList.add(systemTheme);\n      return;\n    }\n\n    root.classList.add(theme);\n  }, [theme]);\n\n  const value = {\n    theme,\n    setTheme: (theme: Theme) => {\n      localStorage.setItem(storageKey, theme);\n      setTheme(theme);\n    },\n  };\n\n  return (\n    <ThemeProviderContext.Provider {...props} value={value}>\n      {children}\n    </ThemeProviderContext.Provider>\n  );\n}\n\nexport const useTheme = () => {\n  const context = useContext(ThemeProviderContext);\n\n  if (context === undefined)\n    throw new Error('useTheme must be used within a ThemeProvider');\n\n  return context;\n};\n"],"names":["initialState","ThemeProviderContext","createContext","ThemeProvider","children","defaultTheme","storageKey","props","theme","setTheme","useState","useEffect","root","systemTheme","value","useTheme","context","useContext"],"mappings":";;AAeA,MAAMA,IAAmC;AAAA,EACvC,OAAO;AAAA,EACP,UAAU,MAAM;AAClB,GAEMC,IAAuBC,EAAkCF,CAAY;AAEpE,SAASG,EAAc;AAAA,EAC5B,UAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,YAAAC,IAAa;AAAA,EACb,GAAGC;AACL,GAAuB;AACrB,QAAM,CAACC,GAAOC,CAAQ,IAAIC;AAAA,IACxB,MAAO,aAAa,QAAQJ,CAAU,KAAeD;AAAA,EAAA;AAGvD,EAAAM,EAAU,MAAM;AACd,UAAMC,IAAO,OAAO,SAAS;AAI7B,QAFAA,EAAK,UAAU,OAAO,SAAS,MAAM,GAEjCJ,MAAU,UAAU;AACtB,YAAMK,IAAc,OAAO,WAAW,8BAA8B,EACjE,UACC,SACA;AAEJ,MAAAD,EAAK,UAAU,IAAIC,CAAW;AAC9B;AAAA,IACF;AAEA,IAAAD,EAAK,UAAU,IAAIJ,CAAK;AAAA,EAC1B,GAAG,CAACA,CAAK,CAAC;AAEV,QAAMM,IAAQ;AAAA,IACZ,OAAAN;AAAA,IACA,UAAU,CAACA,MAAiB;AAC1B,mBAAa,QAAQF,GAAYE,CAAK,GACtCC,EAASD,CAAK;AAAA,IAChB;AAAA,EAAA;AAGF,2BACGP,EAAqB,UAArB,EAA+B,GAAGM,GAAO,OAAAO,GACvC,UAAAV,GACH;AAEJ;AAEO,MAAMW,IAAW,MAAM;AAC5B,QAAMC,IAAUC,EAAWhB,CAAoB;AAE/C,MAAIe,MAAY;AACd,UAAM,IAAI,MAAM,8CAA8C;AAEhE,SAAOA;AACT;"}

package/dist/components/ui/accordion.js

@@ -1,52 +1,48 @@
-import { jsx as t, jsxs as a } from "react/jsx-runtime";
-import * as n from "react";
-import { cn as c } from "../../lib/utils.js";
+import { jsx as t, jsxs as c } from "react/jsx-runtime";
+import * as i from "react";
+import { Accordion as n } from "@base-ui/react";
+import { cn as s } from "../../lib/utils.js";
 import "../icons/dynamic-icons.js";
-import { ChevronDownIcon as s } from "../icons/auto-generated.js";
-import { AccordionItem as d } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/accordion/item/AccordionItem.js";
-import { AccordionHeader as m } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/accordion/header/AccordionHeader.js";
-import { AccordionTrigger as f } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/accordion/trigger/AccordionTrigger.js";
-import { AccordionPanel as l } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/accordion/panel/AccordionPanel.js";
-import { AccordionRoot as p } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/accordion/root/AccordionRoot.js";
-const T = p, A = n.forwardRef(({ className: o, ...r }, e) => /* @__PURE__ */ t(d, { ref: e, className: c("border-b", o), ...r }));
-A.displayName = "AccordionItem";
-const g = n.forwardRef(({ className: o, children: r, ...e }, i) => (
+import { ChevronDownIcon as d } from "../icons/auto-generated.js";
+const w = n.Root, m = i.forwardRef(({ className: o, ...e }, r) => /* @__PURE__ */ t(n.Item, { ref: r, className: s("border-b", o), ...e }));
+m.displayName = "AccordionItem";
+const l = i.forwardRef(({ className: o, children: e, ...r }, a) => (
   // Header is required by Base UI — it provides the accessible heading role
-  /* @__PURE__ */ t(m, { className: "flex", children: /* @__PURE__ */ a(
-    f,
+  /* @__PURE__ */ t(n.Header, { className: "flex", children: /* @__PURE__ */ c(
+    n.Trigger,
     {
-      ref: i,
-      className: c(
+      ref: a,
+      className: s(
         // data-open replaces data-[state=open] in Base UI
         "flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-open]>svg]:rotate-180",
         o
       ),
-      ...e,
+      ...r,
       children: [
-        r,
-        /* @__PURE__ */ t(s, { className: "h-4 w-4 shrink-0 transition-transform duration-200" })
+        e,
+        /* @__PURE__ */ t(d, { className: "h-4 w-4 shrink-0 transition-transform duration-200" })
       ]
     }
   ) })
 ));
-g.displayName = "AccordionTrigger";
-const h = n.forwardRef(({ className: o, children: r, ...e }, i) => (
+l.displayName = "AccordionTrigger";
+const f = i.forwardRef(({ className: o, children: e, ...r }, a) => (
   // Accordion.Panel replaces Accordion.Content; data-open/data-closed replace data-[state=open/closed]
   /* @__PURE__ */ t(
-    l,
+    n.Panel,
     {
-      ref: i,
+      ref: a,
       className: "overflow-hidden text-sm data-[starting-style]:h-0 data-[ending-style]:h-0 transition-[height] duration-200 ease-out",
-      ...e,
-      children: /* @__PURE__ */ t("div", { className: c("pb-4 pt-0", o), children: r })
+      ...r,
+      children: /* @__PURE__ */ t("div", { className: s("pb-4 pt-0", o), children: e })
     }
   )
 ));
-h.displayName = "AccordionContent";
+f.displayName = "AccordionContent";
 export {
-  T as Accordion,
-  h as AccordionContent,
-  A as AccordionItem,
-  g as AccordionTrigger
+  w as Accordion,
+  f as AccordionContent,
+  m as AccordionItem,
+  l as AccordionTrigger
 };
 //# sourceMappingURL=accordion.js.map

package/dist/components/ui/accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.js","sources":["../../../src/components/ui/accordion.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { Accordion } from '@base-ui/react'\nimport { ChevronDownIcon } from '@/components/icons'\n\nimport { cn } from '@/lib/utils'\n\nconst AccordionRoot = Accordion.Root\n\nconst AccordionItem = React.forwardRef<\n  React.ElementRef<typeof Accordion.Item>,\n  React.ComponentPropsWithoutRef<typeof Accordion.Item>\n>(({ className, ...props }, ref) => (\n  <Accordion.Item ref={ref} className={cn('border-b', className)} {...props} />\n))\nAccordionItem.displayName = 'AccordionItem'\n\nconst AccordionTrigger = React.forwardRef<\n  // Base UI Trigger forwards ref to HTMLElement; button is the concrete element\n  HTMLButtonElement,\n  React.ComponentPropsWithoutRef<typeof Accordion.Trigger>\n>(({ className, children, ...props }, ref) => (\n  // Header is required by Base UI — it provides the accessible heading role\n  <Accordion.Header className=\"flex\">\n    <Accordion.Trigger\n      ref={ref as React.Ref<HTMLElement>}\n      className={cn(\n        // data-open replaces data-[state=open] in Base UI\n        'flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-open]>svg]:rotate-180',\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronDownIcon className=\"h-4 w-4 shrink-0 transition-transform duration-200\" />\n    </Accordion.Trigger>\n  </Accordion.Header>\n))\nAccordionTrigger.displayName = 'AccordionTrigger'\n\nconst AccordionContent = React.forwardRef<\n  React.ElementRef<typeof Accordion.Panel>,\n  React.ComponentPropsWithoutRef<typeof Accordion.Panel>\n>(({ className, children, ...props }, ref) => (\n  // Accordion.Panel replaces Accordion.Content; data-open/data-closed replace data-[state=open/closed]\n  <Accordion.Panel\n    ref={ref}\n    className=\"overflow-hidden text-sm data-[starting-style]:h-0 data-[ending-style]:h-0 transition-[height] duration-200 ease-out\"\n    {...props}\n  >\n    <div className={cn('pb-4 pt-0', className)}>{children}</div>\n  </Accordion.Panel>\n))\nAccordionContent.displayName = 'AccordionContent'\n\nexport { AccordionRoot as Accordion, AccordionItem, AccordionTrigger, AccordionContent }\n"],"names":["AccordionRoot","Accordion.Root","AccordionItem","React","className","props","ref","jsx","Accordion.Item","cn","AccordionTrigger","children","Accordion.Header","jsxs","Accordion.Trigger","ChevronDownIcon","AccordionContent","Accordion.Panel"],"mappings":";;;;;;;;;;AAQA,MAAMA,IAAgBC,GAEhBC,IAAgBC,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC,EAACC,GAAA,EAAe,KAAAF,GAAU,WAAWG,EAAG,YAAYL,CAAS,GAAI,GAAGC,GAAO,CAC5E;AACDH,EAAc,cAAc;AAE5B,MAAMQ,IAAmBP,EAAM,WAI7B,CAAC,EAAE,WAAAC,GAAW,UAAAO,GAAU,GAAGN,EAAA,GAASC;AAAA;AAAA,EAEpC,gBAAAC,EAACK,GAAA,EAAiB,WAAU,QAC1B,UAAA,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,KAAAR;AAAA,MACA,WAAWG;AAAA;AAAA,QAET;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,MAEH,UAAA;AAAA,QAAAM;AAAA,QACD,gBAAAJ,EAACQ,GAAA,EAAgB,WAAU,qDAAA,CAAqD;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,EAClF,CACF;AAAA,CACD;AACDL,EAAiB,cAAc;AAE/B,MAAMM,IAAmBb,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,UAAAO,GAAU,GAAGN,EAAA,GAASC;AAAA;AAAA,EAEpC,gBAAAC;AAAA,IAACU;AAAAA,IAAA;AAAA,MACC,KAAAX;AAAA,MACA,WAAU;AAAA,MACT,GAAGD;AAAA,MAEJ,4BAAC,OAAA,EAAI,WAAWI,EAAG,aAAaL,CAAS,GAAI,UAAAO,EAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAAA,CAEzD;AACDK,EAAiB,cAAc;"}
+{"version":3,"file":"accordion.js","sources":["../../../src/components/ui/accordion.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Accordion } from '@base-ui/react';\nimport { ChevronDownIcon } from '@/components/icons';\n\nimport { cn } from '@/lib/utils';\n\nconst AccordionRoot = Accordion.Root;\n\nconst AccordionItem = React.forwardRef<\n  React.ElementRef<typeof Accordion.Item>,\n  React.ComponentPropsWithoutRef<typeof Accordion.Item>\n>(({ className, ...props }, ref) => (\n  <Accordion.Item ref={ref} className={cn('border-b', className)} {...props} />\n));\nAccordionItem.displayName = 'AccordionItem';\n\nconst AccordionTrigger = React.forwardRef<\n  // Base UI Trigger forwards ref to HTMLElement; button is the concrete element\n  HTMLButtonElement,\n  React.ComponentPropsWithoutRef<typeof Accordion.Trigger>\n>(({ className, children, ...props }, ref) => (\n  // Header is required by Base UI — it provides the accessible heading role\n  <Accordion.Header className=\"flex\">\n    <Accordion.Trigger\n      ref={ref as React.Ref<HTMLElement>}\n      className={cn(\n        // data-open replaces data-[state=open] in Base UI\n        'flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-open]>svg]:rotate-180',\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronDownIcon className=\"h-4 w-4 shrink-0 transition-transform duration-200\" />\n    </Accordion.Trigger>\n  </Accordion.Header>\n));\nAccordionTrigger.displayName = 'AccordionTrigger';\n\nconst AccordionContent = React.forwardRef<\n  React.ElementRef<typeof Accordion.Panel>,\n  React.ComponentPropsWithoutRef<typeof Accordion.Panel>\n>(({ className, children, ...props }, ref) => (\n  // Accordion.Panel replaces Accordion.Content; data-open/data-closed replace data-[state=open/closed]\n  <Accordion.Panel\n    ref={ref}\n    className=\"overflow-hidden text-sm data-[starting-style]:h-0 data-[ending-style]:h-0 transition-[height] duration-200 ease-out\"\n    {...props}\n  >\n    <div className={cn('pb-4 pt-0', className)}>{children}</div>\n  </Accordion.Panel>\n));\nAccordionContent.displayName = 'AccordionContent';\n\nexport {\n  AccordionRoot as Accordion,\n  AccordionItem,\n  AccordionTrigger,\n  AccordionContent,\n};\n"],"names":["AccordionRoot","Accordion","AccordionItem","React","className","props","ref","jsx","cn","AccordionTrigger","children","jsxs","ChevronDownIcon","AccordionContent"],"mappings":";;;;;;AAQA,MAAMA,IAAgBC,EAAU,MAE1BC,IAAgBC,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC,EAACN,EAAU,MAAV,EAAe,KAAAK,GAAU,WAAWE,EAAG,YAAYJ,CAAS,GAAI,GAAGC,GAAO,CAC5E;AACDH,EAAc,cAAc;AAE5B,MAAMO,IAAmBN,EAAM,WAI7B,CAAC,EAAE,WAAAC,GAAW,UAAAM,GAAU,GAAGL,EAAA,GAASC;AAAA;AAAA,EAEpC,gBAAAC,EAACN,EAAU,QAAV,EAAiB,WAAU,QAC1B,UAAA,gBAAAU;AAAA,IAACV,EAAU;AAAA,IAAV;AAAA,MACC,KAAAK;AAAA,MACA,WAAWE;AAAA;AAAA,QAET;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,MAEH,UAAA;AAAA,QAAAK;AAAA,QACD,gBAAAH,EAACK,GAAA,EAAgB,WAAU,qDAAA,CAAqD;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,EAClF,CACF;AAAA,CACD;AACDH,EAAiB,cAAc;AAE/B,MAAMI,IAAmBV,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,UAAAM,GAAU,GAAGL,EAAA,GAASC;AAAA;AAAA,EAEpC,gBAAAC;AAAA,IAACN,EAAU;AAAA,IAAV;AAAA,MACC,KAAAK;AAAA,MACA,WAAU;AAAA,MACT,GAAGD;AAAA,MAEJ,4BAAC,OAAA,EAAI,WAAWG,EAAG,aAAaJ,CAAS,GAAI,UAAAM,EAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAAA,CAEzD;AACDG,EAAiB,cAAc;"}

package/dist/components/ui/alert-dialog.js

@@ -1,124 +1,117 @@
-import { jsx as t, jsxs as c, Fragment as g } from "react/jsx-runtime";
-import * as r from "react";
-import { cn as l } from "../../lib/utils.js";
-import { buttonVariants as s } from "./button.js";
-import { DialogBackdrop as p } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/dialog/backdrop/DialogBackdrop.js";
-import { DialogPopup as D } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/dialog/popup/DialogPopup.js";
-import { DialogPortal as d } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/dialog/portal/DialogPortal.js";
-import { DialogTitle as A } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/dialog/title/DialogTitle.js";
-import { DialogDescription as u } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/dialog/description/DialogDescription.js";
-import { DialogClose as m } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/dialog/close/DialogClose.js";
-import { AlertDialogRoot as x } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/alert-dialog/root/AlertDialogRoot.js";
-import { DialogTrigger as N } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/dialog/trigger/DialogTrigger.js";
-const q = x, E = N, G = d, n = r.forwardRef(({ className: o, ...a }, e) => /* @__PURE__ */ t(
-  p,
+import { jsx as o, jsxs as c, Fragment as f } from "react/jsx-runtime";
+import * as i from "react";
+import { AlertDialog as l } from "@base-ui/react";
+import { cn as r } from "../../lib/utils.js";
+import { buttonVariants as d } from "./button.js";
+const v = l.Root, C = l.Trigger, T = l.Portal, n = i.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ o(
+  l.Backdrop,
   {
-    ref: e,
-    className: l(
+    ref: t,
+    className: r(
       "fixed inset-0 z-50 bg-black/80 data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0",
-      o
+      e
     ),
     ...a
   }
 ));
 n.displayName = "AlertDialogOverlay";
-const y = r.forwardRef(({ className: o, portal: a = !0, ...e }, f) => {
-  const i = /* @__PURE__ */ c(g, { children: [
-    /* @__PURE__ */ t(n, {}),
-    /* @__PURE__ */ t(
-      D,
+const g = i.forwardRef(({ className: e, portal: a = !0, ...t }, m) => {
+  const s = /* @__PURE__ */ c(f, { children: [
+    /* @__PURE__ */ o(n, {}),
+    /* @__PURE__ */ o(
+      l.Popup,
       {
-        ref: f,
-        className: l(
+        ref: m,
+        className: r(
           "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0 data-[closed]:zoom-out-95 data-[open]:zoom-in-95 data-[closed]:slide-out-to-left-1/2 data-[closed]:slide-out-to-top-dialog-offset data-[open]:slide-in-from-left-1/2 data-[open]:slide-in-from-top-dialog-offset sm:rounded-lg",
-          o
+          e
         ),
-        ...e
+        ...t
       }
     )
   ] });
-  return a ? /* @__PURE__ */ t(d, { children: i }) : i;
+  return a ? /* @__PURE__ */ o(l.Portal, { children: s }) : s;
 });
-y.displayName = "AlertDialogContent";
-const w = ({
-  className: o,
+g.displayName = "AlertDialogContent";
+const p = ({
+  className: e,
   ...a
-}) => /* @__PURE__ */ t(
+}) => /* @__PURE__ */ o(
   "div",
   {
-    className: l(
+    className: r(
       "flex flex-col space-y-2 text-center sm:text-left",
-      o
+      e
     ),
     ...a
   }
 );
-w.displayName = "AlertDialogHeader";
-const R = ({
-  className: o,
+p.displayName = "AlertDialogHeader";
+const D = ({
+  className: e,
   ...a
-}) => /* @__PURE__ */ t(
+}) => /* @__PURE__ */ o(
   "div",
   {
-    className: l(
+    className: r(
       "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
-      o
+      e
     ),
     ...a
   }
 );
-R.displayName = "AlertDialogFooter";
-const b = r.forwardRef(({ className: o, ...a }, e) => /* @__PURE__ */ t(
-  A,
+D.displayName = "AlertDialogFooter";
+const A = i.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ o(
+  l.Title,
   {
-    ref: e,
-    className: l("text-lg font-semibold", o),
+    ref: t,
+    className: r("text-lg font-semibold", e),
     ...a
   }
 ));
-b.displayName = "AlertDialogTitle";
-const v = r.forwardRef(({ className: o, ...a }, e) => /* @__PURE__ */ t(
-  u,
+A.displayName = "AlertDialogTitle";
+const u = i.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ o(
+  l.Description,
   {
-    ref: e,
-    className: l("text-sm text-muted-foreground", o),
+    ref: t,
+    className: r("text-sm text-muted-foreground", e),
     ...a
   }
 ));
-v.displayName = "AlertDialogDescription";
-const C = r.forwardRef(({ className: o, ...a }, e) => /* @__PURE__ */ t(
-  m,
+u.displayName = "AlertDialogDescription";
+const x = i.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ o(
+  l.Close,
   {
-    ref: e,
-    className: l(s(), o),
+    ref: t,
+    className: r(d(), e),
     ...a
   }
 ));
-C.displayName = "AlertDialogAction";
-const T = r.forwardRef(({ className: o, ...a }, e) => /* @__PURE__ */ t(
-  m,
+x.displayName = "AlertDialogAction";
+const N = i.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ o(
+  l.Close,
   {
-    ref: e,
-    className: l(
-      s({ variant: "outline" }),
+    ref: t,
+    className: r(
+      d({ variant: "outline" }),
       "mt-2 sm:mt-0",
-      o
+      e
     ),
     ...a
   }
 ));
-T.displayName = "AlertDialogCancel";
+N.displayName = "AlertDialogCancel";
 export {
-  q as AlertDialog,
-  C as AlertDialogAction,
-  T as AlertDialogCancel,
-  y as AlertDialogContent,
-  v as AlertDialogDescription,
-  R as AlertDialogFooter,
-  w as AlertDialogHeader,
+  v as AlertDialog,
+  x as AlertDialogAction,
+  N as AlertDialogCancel,
+  g as AlertDialogContent,
+  u as AlertDialogDescription,
+  D as AlertDialogFooter,
+  p as AlertDialogHeader,
   n as AlertDialogOverlay,
-  G as AlertDialogPortal,
-  b as AlertDialogTitle,
-  E as AlertDialogTrigger
+  T as AlertDialogPortal,
+  A as AlertDialogTitle,
+  C as AlertDialogTrigger
 };
 //# sourceMappingURL=alert-dialog.js.map

package/dist/components/ui/alert-dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert-dialog.js","sources":["../../../src/components/ui/alert-dialog.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { AlertDialog } from \"@base-ui/react\"\n\nimport { cn } from \"@/lib/utils\"\nimport { buttonVariants } from \"@/components/ui/button\"\n\n// AlertDialog.Root is the provider — re-export as the plain `AlertDialog` name\n// that callers expect (avoids naming collision with the namespace import above).\nconst AlertDialogRoot = AlertDialog.Root\n\nconst AlertDialogTrigger = AlertDialog.Trigger\n\nconst AlertDialogPortal = AlertDialog.Portal\n\nconst AlertDialogOverlay = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<typeof AlertDialog.Backdrop>\n>(({ className, ...props }, ref) => (\n  <AlertDialog.Backdrop\n    ref={ref}\n    className={cn(\n      \"fixed inset-0 z-50 bg-black/80 data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0\",\n      className\n    )}\n    {...props}\n  />\n))\nAlertDialogOverlay.displayName = \"AlertDialogOverlay\"\n\nconst AlertDialogContent = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<typeof AlertDialog.Popup> & {\n    portal?: boolean\n  }\n>(({ className, portal = true, ...props }, ref) => {\n  const element = (\n    <>\n      <AlertDialogOverlay />\n      <AlertDialog.Popup\n        ref={ref}\n        className={cn(\n          \"fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0 data-[closed]:zoom-out-95 data-[open]:zoom-in-95 data-[closed]:slide-out-to-left-1/2 data-[closed]:slide-out-to-top-dialog-offset data-[open]:slide-in-from-left-1/2 data-[open]:slide-in-from-top-dialog-offset sm:rounded-lg\",\n          className\n        )}\n        {...props}\n      />\n    </>\n  )\n\n  return portal ? <AlertDialog.Portal>{element}</AlertDialog.Portal> : element\n})\nAlertDialogContent.displayName = \"AlertDialogContent\"\n\nconst AlertDialogHeader = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      \"flex flex-col space-y-2 text-center sm:text-left\",\n      className\n    )}\n    {...props}\n  />\n)\nAlertDialogHeader.displayName = \"AlertDialogHeader\"\n\nconst AlertDialogFooter = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      \"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\",\n      className\n    )}\n    {...props}\n  />\n)\nAlertDialogFooter.displayName = \"AlertDialogFooter\"\n\nconst AlertDialogTitle = React.forwardRef<\n  HTMLHeadingElement,\n  React.ComponentPropsWithoutRef<typeof AlertDialog.Title>\n>(({ className, ...props }, ref) => (\n  <AlertDialog.Title\n    ref={ref}\n    className={cn(\"text-lg font-semibold\", className)}\n    {...props}\n  />\n))\nAlertDialogTitle.displayName = \"AlertDialogTitle\"\n\nconst AlertDialogDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.ComponentPropsWithoutRef<typeof AlertDialog.Description>\n>(({ className, ...props }, ref) => (\n  <AlertDialog.Description\n    ref={ref}\n    className={cn(\"text-sm text-muted-foreground\", className)}\n    {...props}\n  />\n))\nAlertDialogDescription.displayName = \"AlertDialogDescription\"\n\n// Base UI has no dedicated Action/Cancel — both become styled Close buttons.\nconst AlertDialogAction = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentPropsWithoutRef<typeof AlertDialog.Close>\n>(({ className, ...props }, ref) => (\n  <AlertDialog.Close\n    ref={ref}\n    className={cn(buttonVariants(), className)}\n    {...props}\n  />\n))\nAlertDialogAction.displayName = \"AlertDialogAction\"\n\nconst AlertDialogCancel = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentPropsWithoutRef<typeof AlertDialog.Close>\n>(({ className, ...props }, ref) => (\n  <AlertDialog.Close\n    ref={ref}\n    className={cn(\n      buttonVariants({ variant: \"outline\" }),\n      \"mt-2 sm:mt-0\",\n      className\n    )}\n    {...props}\n  />\n))\nAlertDialogCancel.displayName = \"AlertDialogCancel\"\n\nexport {\n  AlertDialogRoot as AlertDialog,\n  AlertDialogPortal,\n  AlertDialogOverlay,\n  AlertDialogTrigger,\n  AlertDialogContent,\n  AlertDialogHeader,\n  AlertDialogFooter,\n  AlertDialogTitle,\n  AlertDialogDescription,\n  AlertDialogAction,\n  AlertDialogCancel,\n}\n"],"names":["AlertDialogRoot","AlertDialog.Root","AlertDialogTrigger","AlertDialog.Trigger","AlertDialogPortal","AlertDialog.Portal","AlertDialogOverlay","React","className","props","ref","jsx","AlertDialog.Backdrop","cn","AlertDialogContent","portal","element","jsxs","Fragment","AlertDialog.Popup","AlertDialogHeader","AlertDialogFooter","AlertDialogTitle","AlertDialog.Title","AlertDialogDescription","AlertDialog.Description","AlertDialogAction","AlertDialog.Close","buttonVariants","AlertDialogCancel"],"mappings":";;;;;;;;;;;;AAQA,MAAMA,IAAkBC,GAElBC,IAAqBC,GAErBC,IAAoBC,GAEpBC,IAAqBC,EAAM,WAG/B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAL;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAmB,cAAc;AAEjC,MAAMQ,IAAqBP,EAAM,WAK/B,CAAC,EAAE,WAAAC,GAAW,QAAAO,IAAS,IAAM,GAAGN,EAAA,GAASC,MAAQ;AACjD,QAAMM,IACJ,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAP,EAACL,GAAA,EAAmB;AAAA,IACpB,gBAAAK;AAAA,MAACQ;AAAAA,MAAA;AAAA,QACC,KAAAT;AAAA,QACA,WAAWG;AAAA,UACT;AAAA,UACAL;AAAA,QAAA;AAAA,QAED,GAAGC;AAAA,MAAA;AAAA,IAAA;AAAA,EACN,GACF;AAGF,SAAOM,IAAS,gBAAAJ,EAACN,GAAA,EAAoB,aAAQ,IAAwBW;AACvE,CAAC;AACDF,EAAmB,cAAc;AAEjC,MAAMM,IAAoB,CAAC;AAAA,EACzB,WAAAZ;AAAA,EACA,GAAGC;AACL,MACE,gBAAAE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWE;AAAA,MACT;AAAA,MACAL;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN;AAEFW,EAAkB,cAAc;AAEhC,MAAMC,IAAoB,CAAC;AAAA,EACzB,WAAAb;AAAA,EACA,GAAGC;AACL,MACE,gBAAAE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWE;AAAA,MACT;AAAA,MACAL;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN;AAEFY,EAAkB,cAAc;AAEhC,MAAMC,IAAmBf,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACY;AAAAA,EAAA;AAAA,IACC,KAAAb;AAAA,IACA,WAAWG,EAAG,yBAAyBL,CAAS;AAAA,IAC/C,GAAGC;AAAA,EAAA;AACN,CACD;AACDa,EAAiB,cAAc;AAE/B,MAAME,IAAyBjB,EAAM,WAGnC,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACc;AAAAA,EAAA;AAAA,IACC,KAAAf;AAAA,IACA,WAAWG,EAAG,iCAAiCL,CAAS;AAAA,IACvD,GAAGC;AAAA,EAAA;AACN,CACD;AACDe,EAAuB,cAAc;AAGrC,MAAME,IAAoBnB,EAAM,WAG9B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACgB;AAAAA,EAAA;AAAA,IACC,KAAAjB;AAAA,IACA,WAAWG,EAAGe,EAAA,GAAkBpB,CAAS;AAAA,IACxC,GAAGC;AAAA,EAAA;AACN,CACD;AACDiB,EAAkB,cAAc;AAEhC,MAAMG,IAAoBtB,EAAM,WAG9B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACgB;AAAAA,EAAA;AAAA,IACC,KAAAjB;AAAA,IACA,WAAWG;AAAA,MACTe,EAAe,EAAE,SAAS,WAAW;AAAA,MACrC;AAAA,MACApB;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDoB,EAAkB,cAAc;"}
+{"version":3,"file":"alert-dialog.js","sources":["../../../src/components/ui/alert-dialog.tsx"],"sourcesContent":["import * as React from 'react';\nimport { AlertDialog } from '@base-ui/react';\n\nimport { cn } from '@/lib/utils';\nimport { buttonVariants } from '@/components/ui/button';\n\n// AlertDialog.Root is the provider — re-export as the plain `AlertDialog` name\n// that callers expect (avoids naming collision with the namespace import above).\nconst AlertDialogRoot = AlertDialog.Root;\n\nconst AlertDialogTrigger = AlertDialog.Trigger;\n\nconst AlertDialogPortal = AlertDialog.Portal;\n\nconst AlertDialogOverlay = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<typeof AlertDialog.Backdrop>\n>(({ className, ...props }, ref) => (\n  <AlertDialog.Backdrop\n    ref={ref}\n    className={cn(\n      'fixed inset-0 z-50 bg-black/80 data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0',\n      className\n    )}\n    {...props}\n  />\n));\nAlertDialogOverlay.displayName = 'AlertDialogOverlay';\n\nconst AlertDialogContent = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<typeof AlertDialog.Popup> & {\n    portal?: boolean;\n  }\n>(({ className, portal = true, ...props }, ref) => {\n  const element = (\n    <>\n      <AlertDialogOverlay />\n      <AlertDialog.Popup\n        ref={ref}\n        className={cn(\n          'fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0 data-[closed]:zoom-out-95 data-[open]:zoom-in-95 data-[closed]:slide-out-to-left-1/2 data-[closed]:slide-out-to-top-dialog-offset data-[open]:slide-in-from-left-1/2 data-[open]:slide-in-from-top-dialog-offset sm:rounded-lg',\n          className\n        )}\n        {...props}\n      />\n    </>\n  );\n\n  return portal ? <AlertDialog.Portal>{element}</AlertDialog.Portal> : element;\n});\nAlertDialogContent.displayName = 'AlertDialogContent';\n\nconst AlertDialogHeader = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      'flex flex-col space-y-2 text-center sm:text-left',\n      className\n    )}\n    {...props}\n  />\n);\nAlertDialogHeader.displayName = 'AlertDialogHeader';\n\nconst AlertDialogFooter = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      'flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2',\n      className\n    )}\n    {...props}\n  />\n);\nAlertDialogFooter.displayName = 'AlertDialogFooter';\n\nconst AlertDialogTitle = React.forwardRef<\n  HTMLHeadingElement,\n  React.ComponentPropsWithoutRef<typeof AlertDialog.Title>\n>(({ className, ...props }, ref) => (\n  <AlertDialog.Title\n    ref={ref}\n    className={cn('text-lg font-semibold', className)}\n    {...props}\n  />\n));\nAlertDialogTitle.displayName = 'AlertDialogTitle';\n\nconst AlertDialogDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.ComponentPropsWithoutRef<typeof AlertDialog.Description>\n>(({ className, ...props }, ref) => (\n  <AlertDialog.Description\n    ref={ref}\n    className={cn('text-sm text-muted-foreground', className)}\n    {...props}\n  />\n));\nAlertDialogDescription.displayName = 'AlertDialogDescription';\n\n// Base UI has no dedicated Action/Cancel — both become styled Close buttons.\nconst AlertDialogAction = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentPropsWithoutRef<typeof AlertDialog.Close>\n>(({ className, ...props }, ref) => (\n  <AlertDialog.Close\n    ref={ref}\n    className={cn(buttonVariants(), className)}\n    {...props}\n  />\n));\nAlertDialogAction.displayName = 'AlertDialogAction';\n\nconst AlertDialogCancel = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentPropsWithoutRef<typeof AlertDialog.Close>\n>(({ className, ...props }, ref) => (\n  <AlertDialog.Close\n    ref={ref}\n    className={cn(\n      buttonVariants({ variant: 'outline' }),\n      'mt-2 sm:mt-0',\n      className\n    )}\n    {...props}\n  />\n));\nAlertDialogCancel.displayName = 'AlertDialogCancel';\n\nexport {\n  AlertDialogRoot as AlertDialog,\n  AlertDialogPortal,\n  AlertDialogOverlay,\n  AlertDialogTrigger,\n  AlertDialogContent,\n  AlertDialogHeader,\n  AlertDialogFooter,\n  AlertDialogTitle,\n  AlertDialogDescription,\n  AlertDialogAction,\n  AlertDialogCancel,\n};\n"],"names":["AlertDialogRoot","AlertDialog","AlertDialogTrigger","AlertDialogPortal","AlertDialogOverlay","React","className","props","ref","jsx","cn","AlertDialogContent","portal","element","jsxs","Fragment","AlertDialogHeader","AlertDialogFooter","AlertDialogTitle","AlertDialogDescription","AlertDialogAction","buttonVariants","AlertDialogCancel"],"mappings":";;;;;AAQA,MAAMA,IAAkBC,EAAY,MAE9BC,IAAqBD,EAAY,SAEjCE,IAAoBF,EAAY,QAEhCG,IAAqBC,EAAM,WAG/B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACR,EAAY;AAAA,EAAZ;AAAA,IACC,KAAAO;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAmB,cAAc;AAEjC,MAAMO,IAAqBN,EAAM,WAK/B,CAAC,EAAE,WAAAC,GAAW,QAAAM,IAAS,IAAM,GAAGL,EAAA,GAASC,MAAQ;AACjD,QAAMK,IACJ,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAN,EAACL,GAAA,EAAmB;AAAA,IACpB,gBAAAK;AAAA,MAACR,EAAY;AAAA,MAAZ;AAAA,QACC,KAAAO;AAAA,QACA,WAAWE;AAAA,UACT;AAAA,UACAJ;AAAA,QAAA;AAAA,QAED,GAAGC;AAAA,MAAA;AAAA,IAAA;AAAA,EACN,GACF;AAGF,SAAOK,IAAS,gBAAAH,EAACR,EAAY,QAAZ,EAAoB,aAAQ,IAAwBY;AACvE,CAAC;AACDF,EAAmB,cAAc;AAEjC,MAAMK,IAAoB,CAAC;AAAA,EACzB,WAAAV;AAAA,EACA,GAAGC;AACL,MACE,gBAAAE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN;AAEFS,EAAkB,cAAc;AAEhC,MAAMC,IAAoB,CAAC;AAAA,EACzB,WAAAX;AAAA,EACA,GAAGC;AACL,MACE,gBAAAE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN;AAEFU,EAAkB,cAAc;AAEhC,MAAMC,IAAmBb,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACR,EAAY;AAAA,EAAZ;AAAA,IACC,KAAAO;AAAA,IACA,WAAWE,EAAG,yBAAyBJ,CAAS;AAAA,IAC/C,GAAGC;AAAA,EAAA;AACN,CACD;AACDW,EAAiB,cAAc;AAE/B,MAAMC,IAAyBd,EAAM,WAGnC,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACR,EAAY;AAAA,EAAZ;AAAA,IACC,KAAAO;AAAA,IACA,WAAWE,EAAG,iCAAiCJ,CAAS;AAAA,IACvD,GAAGC;AAAA,EAAA;AACN,CACD;AACDY,EAAuB,cAAc;AAGrC,MAAMC,IAAoBf,EAAM,WAG9B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACR,EAAY;AAAA,EAAZ;AAAA,IACC,KAAAO;AAAA,IACA,WAAWE,EAAGW,EAAA,GAAkBf,CAAS;AAAA,IACxC,GAAGC;AAAA,EAAA;AACN,CACD;AACDa,EAAkB,cAAc;AAEhC,MAAME,IAAoBjB,EAAM,WAG9B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACR,EAAY;AAAA,EAAZ;AAAA,IACC,KAAAO;AAAA,IACA,WAAWE;AAAA,MACTW,EAAe,EAAE,SAAS,WAAW;AAAA,MACrC;AAAA,MACAf;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDe,EAAkB,cAAc;"}

package/dist/components/ui/alert.js

@@ -2,43 +2,72 @@ import { jsx as a } from "react/jsx-runtime";
 import * as o from "react";
 import { cva as c } from "../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
 import { cn as n } from "../../lib/utils.js";
-const s = c("relative w-full flex items-start border-b border-foreground/10", {
-  variants: {
-    variant: {
-      info: "bg-info text-info-foreground border-info-accent",
-      success: "bg-success text-success-foreground border-success-accent",
-      warning: "bg-warning text-warning-foreground border-warning-accent",
-      critical: "bg-critical text-critical-foreground border-critical-accent",
-      destructive: "bg-danger text-danger-foreground border-danger-accent",
-      ai: "bg-ai text-ai-foreground border-ai-accent",
-      neutral: "bg-neutral text-neutral-foreground border-neutral-accent"
+const s = c(
+  "relative w-full flex items-start border-b border-foreground/10",
+  {
+    variants: {
+      variant: {
+        info: "bg-info text-info-foreground border-info-accent",
+        success: "bg-success text-success-foreground border-success-accent",
+        warning: "bg-warning text-warning-foreground border-warning-accent",
+        critical: "bg-critical text-critical-foreground border-critical-accent",
+        destructive: "bg-danger text-danger-foreground border-danger-accent",
+        ai: "bg-ai text-ai-foreground border-ai-accent",
+        neutral: "bg-neutral text-neutral-foreground border-neutral-accent"
+      }
+    },
+    defaultVariants: {
+      variant: "info"
     }
-  },
-  defaultVariants: {
-    variant: "info"
   }
-}), l = o.forwardRef(({ className: e, variant: r, ...t }, i) => /* @__PURE__ */ a("div", { ref: i, role: "alert", className: n(s({ variant: r }), e), ...t }));
+), l = o.forwardRef(({ className: e, variant: r, ...t }, i) => /* @__PURE__ */ a(
+  "div",
+  {
+    ref: i,
+    role: "alert",
+    className: n(s({ variant: r }), e),
+    ...t
+  }
+));
 l.displayName = "Alert";
-const d = o.forwardRef(
-  ({ className: e, ...r }, t) => /* @__PURE__ */ a("div", { ref: t, className: n("flex items-start pl-6 pr-0 pt-3 pb-0", e), ...r })
-);
+const d = o.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ a(
+  "div",
+  {
+    ref: t,
+    className: n("flex items-start pl-6 pr-0 pt-3 pb-0", e),
+    ...r
+  }
+));
 d.displayName = "AlertIcon";
-const f = o.forwardRef(
-  ({ className: e, ...r }, t) => /* @__PURE__ */ a(
-    "div",
-    {
-      ref: t,
-      className: n("flex-1 flex flex-col items-start pl-4 pr-6 pt-2 pb-[7px] min-w-0", e),
-      ...r
-    }
-  )
-);
+const f = o.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ a(
+  "div",
+  {
+    ref: t,
+    className: n(
+      "flex-1 flex flex-col items-start pl-4 pr-6 pt-2 pb-[7px] min-w-0",
+      e
+    ),
+    ...r
+  }
+));
 f.displayName = "AlertContent";
-const m = o.forwardRef(
-  ({ className: e, ...r }, t) => /* @__PURE__ */ a("h5", { ref: t, className: n("font-semibold text-sm leading-6 mb-0", e), ...r })
-);
+const m = o.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ a(
+  "h5",
+  {
+    ref: t,
+    className: n("font-semibold text-sm leading-6 mb-0", e),
+    ...r
+  }
+));
 m.displayName = "AlertTitle";
-const g = o.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ a("div", { ref: t, className: n("text-sm leading-6 font-normal", e), ...r }));
+const g = o.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ a(
+  "div",
+  {
+    ref: t,
+    className: n("text-sm leading-6 font-normal", e),
+    ...r
+  }
+));
 g.displayName = "AlertDescription";
 export {
   l as Alert,