dgz-ui 1.4.12 → 1.4.13

package/dist/chunks/{button-BXJ2cCVi.cjs.js → button-CpKtD3qG.cjs.js}

@@ -1,2 +1,2 @@
-"use strict";const u=require("react/jsx-runtime"),m=require("./index-CMEUY8i_.cjs.js"),v=require("./index-BP8Me5c9.cjs.js"),g=require("react"),e=require("./utils-BWS4jvS6.cjs.js"),t=v.cva(e.cn("inline-flex border border-border-alpha-strong items-center justify-center gap-2 whitespace-nowrap font-medium","[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0","transition-colors disabled:pointer-events-none disabled:opacity-50 cursor-pointer","focus:ring-2 focus:ring-offset-2 focus:ring-offset-bg focus:ring-item-primary-focus"),{variants:{variant:{default:"bg-item-primary hover:bg-item-primary-hover active:bg-item-primary-active !text-white",destructive:"bg-item-destructive hover:bg-item-destructive-hover active:bg-item-destructive-active focus:ring-2 focus:ring-item-destructive-focus !text-white",secondary:"bg-item-secondary hover:bg-item-secondary-hover active:bg-item-secondary-active",tertiary:"bg-item-tertiary hover:bg-item-tertiary-hover active:bg-item-tertiary-active border-0",ghost:"bg-item-ghost hover:bg-item-ghost-hover active:bg-item-ghost-active border-0"},size:{lg:"h-12 px-4 text-body-sm-medium [&>svg]:size-5 rounded-5",default:"h-10 px-3 text-body-sm-medium [&>svg]:size-5  rounded-4",sm:"h-8 px-2.5 text-body-xs-medium [&>svg]:size-4 rounded-3",xs:"h-7 px-2 text-body-xs-medium [&>svg]:size-4 rounded-2",icon:"h-10 w-10 text-body-xs-medium [&>svg]:size-4 rounded-3"}},defaultVariants:{variant:"default",size:"default"}}),i=g.forwardRef(({className:r,variant:s,size:o,asChild:n=!1,...a},d)=>{const c=n?m.Slot:"button";return u.jsx(c,{className:e.cn(t({variant:s,size:o,className:r})),ref:d,...a})});i.displayName="Button";exports.Button=i;exports.buttonVariants=t;
-//# sourceMappingURL=button-BXJ2cCVi.cjs.js.map
+"use strict";const u=require("react/jsx-runtime"),m=require("./index-CMEUY8i_.cjs.js"),v=require("./index-x_Mxo00P.cjs.js"),g=require("react"),e=require("./utils-C4d7Ql9-.cjs.js"),t=v.cva(e.cn("inline-flex border border-border-alpha-strong items-center justify-center gap-2 whitespace-nowrap font-medium","[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0","transition-colors disabled:pointer-events-none disabled:opacity-50 cursor-pointer","focus:ring-2 focus:ring-offset-2 focus:ring-offset-bg focus:ring-item-primary-focus"),{variants:{variant:{default:"bg-item-primary hover:bg-item-primary-hover active:bg-item-primary-active !text-white",destructive:"bg-item-destructive hover:bg-item-destructive-hover active:bg-item-destructive-active focus:ring-2 focus:ring-item-destructive-focus !text-white",secondary:"bg-item-secondary hover:bg-item-secondary-hover active:bg-item-secondary-active",tertiary:"bg-item-tertiary hover:bg-item-tertiary-hover active:bg-item-tertiary-active border-0",ghost:"bg-item-ghost hover:bg-item-ghost-hover active:bg-item-ghost-active border-0"},size:{lg:"h-12 px-4 text-body-sm-medium [&>svg]:size-5 rounded-5",default:"h-10 px-3 text-body-sm-medium [&>svg]:size-5  rounded-4",sm:"h-8 px-2.5 text-body-xs-medium [&>svg]:size-4 rounded-3",xs:"h-7 px-2 text-body-xs-medium [&>svg]:size-4 rounded-2",icon:"h-10 w-10 text-body-xs-medium [&>svg]:size-4 rounded-3"}},defaultVariants:{variant:"default",size:"default"}}),i=g.forwardRef(({className:r,variant:s,size:o,asChild:n=!1,...a},d)=>{const c=n?m.Slot:"button";return u.jsx(c,{className:e.cn(t({variant:s,size:o,className:r})),ref:d,...a})});i.displayName="Button";exports.Button=i;exports.buttonVariants=t;
+//# sourceMappingURL=button-CpKtD3qG.cjs.js.map

package/dist/chunks/{button-BXJ2cCVi.cjs.js.map → button-CpKtD3qG.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"button-BXJ2cCVi.cjs.js","sources":["../../src/ui/button/button.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { forwardRef } from 'react';\nimport { cn } from '../../lib';\n\n/**\n * Button variants generated using class-variance-authority (CVA).\n * Used to define different styles and sizes for the `Button` component.\n *\n * @property {'default' | 'destructive' | 'secondary' | 'tertiary' | 'ghost'} variant - Controls visual appearance.\n * @property {'lg' | 'default' | 'sm' | 'xs' | 'icon'} size - Controls the height, padding, and font size of the button.\n */\nexport const buttonVariants = cva(\n  cn(\n    'inline-flex border border-border-alpha-strong items-center justify-center gap-2 whitespace-nowrap font-medium',\n    '[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',\n    'transition-colors disabled:pointer-events-none disabled:opacity-50 cursor-pointer',\n    'focus:ring-2 focus:ring-offset-2 focus:ring-offset-bg focus:ring-item-primary-focus'\n  ),\n  {\n    variants: {\n      variant: {\n        default:\n          'bg-item-primary hover:bg-item-primary-hover active:bg-item-primary-active !text-white',\n        destructive:\n          'bg-item-destructive hover:bg-item-destructive-hover active:bg-item-destructive-active focus:ring-2 focus:ring-item-destructive-focus !text-white',\n        secondary:\n          'bg-item-secondary hover:bg-item-secondary-hover active:bg-item-secondary-active',\n        tertiary:\n          'bg-item-tertiary hover:bg-item-tertiary-hover active:bg-item-tertiary-active border-0',\n        ghost:\n          'bg-item-ghost hover:bg-item-ghost-hover active:bg-item-ghost-active border-0',\n      },\n      size: {\n        lg: 'h-12 px-4 text-body-sm-medium [&>svg]:size-5 rounded-5',\n        default: 'h-10 px-3 text-body-sm-medium [&>svg]:size-5  rounded-4',\n        sm: 'h-8 px-2.5 text-body-xs-medium [&>svg]:size-4 rounded-3',\n        xs: 'h-7 px-2 text-body-xs-medium [&>svg]:size-4 rounded-2',\n        icon: 'h-10 w-10 text-body-xs-medium [&>svg]:size-4 rounded-3',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }\n);\n\n/**\n * Props for the Button component.\n * Extends the native HTML button attributes and supports CVA variant props.\n *\n * @property {boolean} [asChild=false] - If true, renders as a child component (useful for Radix Slot integration).\n */\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  asChild?: boolean;\n}\n\n/**\n * Button is a customizable and accessible component used for user actions.\n * It supports multiple visual variants and sizes, and can be rendered as a different element using `asChild`.\n *\n * @component\n * @param {ButtonProps} props - Button props to control appearance and behavior.\n * @param {string} [props.className] - Additional Tailwind CSS classes.\n * @param {'default' | 'destructive' | 'secondary' | 'tertiary' | 'ghost'} [props.variant] - Style variant.\n * @param {'lg' | 'default' | 'sm' | 'xs' | 'icon'} [props.size] - Button size.\n * @param {boolean} [props.asChild=false] - Whether to use `Slot` instead of `button` element.\n * @param {React.Ref<HTMLButtonElement>} ref - Forwarded ref for DOM access.\n * @returns {JSX.Element} Rendered button element.\n *\n * @example\n * ```tsx\n * <Button variant=\"destructive\" size=\"sm\">Delete</Button>\n * <Button asChild><a href=\"/next-step\">Continue</a></Button>\n * ```\n */\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant, size, asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : 'button';\n    return (\n      <Comp\n        className={cn(buttonVariants({ variant, size, className }))}\n        ref={ref}\n        {...props}\n      />\n    );\n  }\n);\n\nButton.displayName = 'Button';\n"],"names":["buttonVariants","cva","cn","Button","forwardRef","className","variant","size","asChild","props","ref","Comp","Slot","jsx"],"mappings":"oLAYaA,EAAiBC,EAAAA,IAC5BC,EAAAA,GACE,gHACA,8DACA,oFACA,qFAAA,EAEF,CACE,SAAU,CACR,QAAS,CACP,QACE,wFACF,YACE,mJACF,UACE,kFACF,SACE,wFACF,MACE,8EAAA,EAEJ,KAAM,CACJ,GAAI,yDACJ,QAAS,0DACT,GAAI,0DACJ,GAAI,wDACJ,KAAM,wDAAA,CACR,EAEF,gBAAiB,CACf,QAAS,UACT,KAAM,SAAA,CACR,CAEJ,EAiCaC,EAASC,EAAAA,WACpB,CAAC,CAAE,UAAAC,EAAW,QAAAC,EAAS,KAAAC,EAAM,QAAAC,EAAU,GAAO,GAAGC,CAAA,EAASC,IAAQ,CAChE,MAAMC,EAAOH,EAAUI,EAAAA,KAAO,SAC9B,OACEC,EAAAA,IAACF,EAAA,CACC,UAAWT,EAAAA,GAAGF,EAAe,CAAE,QAAAM,EAAS,KAAAC,EAAM,UAAAF,CAAA,CAAW,CAAC,EAC1D,IAAAK,EACC,GAAGD,CAAA,CAAA,CAGV,CACF,EAEAN,EAAO,YAAc"}
+{"version":3,"file":"button-CpKtD3qG.cjs.js","sources":["../../src/ui/button/button.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { forwardRef } from 'react';\nimport { cn } from '../../lib';\n\n/**\n * Button variants generated using class-variance-authority (CVA).\n * Used to define different styles and sizes for the `Button` component.\n *\n * @property {'default' | 'destructive' | 'secondary' | 'tertiary' | 'ghost'} variant - Controls visual appearance.\n * @property {'lg' | 'default' | 'sm' | 'xs' | 'icon'} size - Controls the height, padding, and font size of the button.\n */\nexport const buttonVariants = cva(\n  cn(\n    'inline-flex border border-border-alpha-strong items-center justify-center gap-2 whitespace-nowrap font-medium',\n    '[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',\n    'transition-colors disabled:pointer-events-none disabled:opacity-50 cursor-pointer',\n    'focus:ring-2 focus:ring-offset-2 focus:ring-offset-bg focus:ring-item-primary-focus'\n  ),\n  {\n    variants: {\n      variant: {\n        default:\n          'bg-item-primary hover:bg-item-primary-hover active:bg-item-primary-active !text-white',\n        destructive:\n          'bg-item-destructive hover:bg-item-destructive-hover active:bg-item-destructive-active focus:ring-2 focus:ring-item-destructive-focus !text-white',\n        secondary:\n          'bg-item-secondary hover:bg-item-secondary-hover active:bg-item-secondary-active',\n        tertiary:\n          'bg-item-tertiary hover:bg-item-tertiary-hover active:bg-item-tertiary-active border-0',\n        ghost:\n          'bg-item-ghost hover:bg-item-ghost-hover active:bg-item-ghost-active border-0',\n      },\n      size: {\n        lg: 'h-12 px-4 text-body-sm-medium [&>svg]:size-5 rounded-5',\n        default: 'h-10 px-3 text-body-sm-medium [&>svg]:size-5  rounded-4',\n        sm: 'h-8 px-2.5 text-body-xs-medium [&>svg]:size-4 rounded-3',\n        xs: 'h-7 px-2 text-body-xs-medium [&>svg]:size-4 rounded-2',\n        icon: 'h-10 w-10 text-body-xs-medium [&>svg]:size-4 rounded-3',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }\n);\n\n/**\n * Props for the Button component.\n * Extends the native HTML button attributes and supports CVA variant props.\n *\n * @property {boolean} [asChild=false] - If true, renders as a child component (useful for Radix Slot integration).\n */\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  asChild?: boolean;\n}\n\n/**\n * Button is a customizable and accessible component used for user actions.\n * It supports multiple visual variants and sizes, and can be rendered as a different element using `asChild`.\n *\n * @component\n * @param {ButtonProps} props - Button props to control appearance and behavior.\n * @param {string} [props.className] - Additional Tailwind CSS classes.\n * @param {'default' | 'destructive' | 'secondary' | 'tertiary' | 'ghost'} [props.variant] - Style variant.\n * @param {'lg' | 'default' | 'sm' | 'xs' | 'icon'} [props.size] - Button size.\n * @param {boolean} [props.asChild=false] - Whether to use `Slot` instead of `button` element.\n * @param {React.Ref<HTMLButtonElement>} ref - Forwarded ref for DOM access.\n * @returns {JSX.Element} Rendered button element.\n *\n * @example\n * ```tsx\n * <Button variant=\"destructive\" size=\"sm\">Delete</Button>\n * <Button asChild><a href=\"/next-step\">Continue</a></Button>\n * ```\n */\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant, size, asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : 'button';\n    return (\n      <Comp\n        className={cn(buttonVariants({ variant, size, className }))}\n        ref={ref}\n        {...props}\n      />\n    );\n  }\n);\n\nButton.displayName = 'Button';\n"],"names":["buttonVariants","cva","cn","Button","forwardRef","className","variant","size","asChild","props","ref","Comp","Slot","jsx"],"mappings":"oLAYaA,EAAiBC,EAAAA,IAC5BC,EAAAA,GACE,gHACA,8DACA,oFACA,qFAAA,EAEF,CACE,SAAU,CACR,QAAS,CACP,QACE,wFACF,YACE,mJACF,UACE,kFACF,SACE,wFACF,MACE,8EAAA,EAEJ,KAAM,CACJ,GAAI,yDACJ,QAAS,0DACT,GAAI,0DACJ,GAAI,wDACJ,KAAM,wDAAA,CACR,EAEF,gBAAiB,CACf,QAAS,UACT,KAAM,SAAA,CACR,CAEJ,EAiCaC,EAASC,EAAAA,WACpB,CAAC,CAAE,UAAAC,EAAW,QAAAC,EAAS,KAAAC,EAAM,QAAAC,EAAU,GAAO,GAAGC,CAAA,EAASC,IAAQ,CAChE,MAAMC,EAAOH,EAAUI,EAAAA,KAAO,SAC9B,OACEC,EAAAA,IAACF,EAAA,CACC,UAAWT,EAAAA,GAAGF,EAAe,CAAE,QAAAM,EAAS,KAAAC,EAAM,UAAAF,CAAA,CAAW,CAAC,EAC1D,IAAAK,EACC,GAAGD,CAAA,CAAA,CAGV,CACF,EAEAN,EAAO,YAAc"}

package/dist/chunks/{button-C7Gcg6zZ.es.js → button-DTRIYqDb.es.js}

@@ -1,8 +1,8 @@
 import { jsx as m } from "react/jsx-runtime";
 import { S as n } from "./index-DvGm4EwH.es.js";
-import { c as d } from "./index-DcN2zBOn.es.js";
+import { c as d } from "./index-xA4mlFw5.es.js";
 import { forwardRef as c } from "react";
-import { c as e } from "./utils-D6dQK9i-.es.js";
+import { c as e } from "./utils-CnvKSirc.es.js";
 const v = d(
   e(
     "inline-flex border border-border-alpha-strong items-center justify-center gap-2 whitespace-nowrap font-medium",
@@ -47,4 +47,4 @@ export {
   g as B,
   v as b
 };
-//# sourceMappingURL=button-C7Gcg6zZ.es.js.map
+//# sourceMappingURL=button-DTRIYqDb.es.js.map

package/dist/chunks/{button-C7Gcg6zZ.es.js.map → button-DTRIYqDb.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"button-C7Gcg6zZ.es.js","sources":["../../src/ui/button/button.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { forwardRef } from 'react';\nimport { cn } from '../../lib';\n\n/**\n * Button variants generated using class-variance-authority (CVA).\n * Used to define different styles and sizes for the `Button` component.\n *\n * @property {'default' | 'destructive' | 'secondary' | 'tertiary' | 'ghost'} variant - Controls visual appearance.\n * @property {'lg' | 'default' | 'sm' | 'xs' | 'icon'} size - Controls the height, padding, and font size of the button.\n */\nexport const buttonVariants = cva(\n  cn(\n    'inline-flex border border-border-alpha-strong items-center justify-center gap-2 whitespace-nowrap font-medium',\n    '[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',\n    'transition-colors disabled:pointer-events-none disabled:opacity-50 cursor-pointer',\n    'focus:ring-2 focus:ring-offset-2 focus:ring-offset-bg focus:ring-item-primary-focus'\n  ),\n  {\n    variants: {\n      variant: {\n        default:\n          'bg-item-primary hover:bg-item-primary-hover active:bg-item-primary-active !text-white',\n        destructive:\n          'bg-item-destructive hover:bg-item-destructive-hover active:bg-item-destructive-active focus:ring-2 focus:ring-item-destructive-focus !text-white',\n        secondary:\n          'bg-item-secondary hover:bg-item-secondary-hover active:bg-item-secondary-active',\n        tertiary:\n          'bg-item-tertiary hover:bg-item-tertiary-hover active:bg-item-tertiary-active border-0',\n        ghost:\n          'bg-item-ghost hover:bg-item-ghost-hover active:bg-item-ghost-active border-0',\n      },\n      size: {\n        lg: 'h-12 px-4 text-body-sm-medium [&>svg]:size-5 rounded-5',\n        default: 'h-10 px-3 text-body-sm-medium [&>svg]:size-5  rounded-4',\n        sm: 'h-8 px-2.5 text-body-xs-medium [&>svg]:size-4 rounded-3',\n        xs: 'h-7 px-2 text-body-xs-medium [&>svg]:size-4 rounded-2',\n        icon: 'h-10 w-10 text-body-xs-medium [&>svg]:size-4 rounded-3',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }\n);\n\n/**\n * Props for the Button component.\n * Extends the native HTML button attributes and supports CVA variant props.\n *\n * @property {boolean} [asChild=false] - If true, renders as a child component (useful for Radix Slot integration).\n */\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  asChild?: boolean;\n}\n\n/**\n * Button is a customizable and accessible component used for user actions.\n * It supports multiple visual variants and sizes, and can be rendered as a different element using `asChild`.\n *\n * @component\n * @param {ButtonProps} props - Button props to control appearance and behavior.\n * @param {string} [props.className] - Additional Tailwind CSS classes.\n * @param {'default' | 'destructive' | 'secondary' | 'tertiary' | 'ghost'} [props.variant] - Style variant.\n * @param {'lg' | 'default' | 'sm' | 'xs' | 'icon'} [props.size] - Button size.\n * @param {boolean} [props.asChild=false] - Whether to use `Slot` instead of `button` element.\n * @param {React.Ref<HTMLButtonElement>} ref - Forwarded ref for DOM access.\n * @returns {JSX.Element} Rendered button element.\n *\n * @example\n * ```tsx\n * <Button variant=\"destructive\" size=\"sm\">Delete</Button>\n * <Button asChild><a href=\"/next-step\">Continue</a></Button>\n * ```\n */\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant, size, asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : 'button';\n    return (\n      <Comp\n        className={cn(buttonVariants({ variant, size, className }))}\n        ref={ref}\n        {...props}\n      />\n    );\n  }\n);\n\nButton.displayName = 'Button';\n"],"names":["buttonVariants","cva","cn","Button","forwardRef","className","variant","size","asChild","props","ref","jsx","Slot"],"mappings":";;;;;AAYO,MAAMA,IAAiBC;AAAA,EAC5BC;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAAA,EAEF;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,aACE;AAAA,QACF,WACE;AAAA,QACF,UACE;AAAA,QACF,OACE;AAAA,MAAA;AAAA,MAEJ,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ,GAiCaC,IAASC;AAAA,EACpB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,MAAAC,GAAM,SAAAC,IAAU,IAAO,GAAGC,EAAA,GAASC,MAGtD,gBAAAC;AAAA,IAFWH,IAAUI,IAAO;AAAA,IAE3B;AAAA,MACC,WAAWV,EAAGF,EAAe,EAAE,SAAAM,GAAS,MAAAC,GAAM,WAAAF,EAAA,CAAW,CAAC;AAAA,MAC1D,KAAAK;AAAA,MACC,GAAGD;AAAA,IAAA;AAAA,EAAA;AAIZ;AAEAN,EAAO,cAAc;"}
+{"version":3,"file":"button-DTRIYqDb.es.js","sources":["../../src/ui/button/button.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { forwardRef } from 'react';\nimport { cn } from '../../lib';\n\n/**\n * Button variants generated using class-variance-authority (CVA).\n * Used to define different styles and sizes for the `Button` component.\n *\n * @property {'default' | 'destructive' | 'secondary' | 'tertiary' | 'ghost'} variant - Controls visual appearance.\n * @property {'lg' | 'default' | 'sm' | 'xs' | 'icon'} size - Controls the height, padding, and font size of the button.\n */\nexport const buttonVariants = cva(\n  cn(\n    'inline-flex border border-border-alpha-strong items-center justify-center gap-2 whitespace-nowrap font-medium',\n    '[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',\n    'transition-colors disabled:pointer-events-none disabled:opacity-50 cursor-pointer',\n    'focus:ring-2 focus:ring-offset-2 focus:ring-offset-bg focus:ring-item-primary-focus'\n  ),\n  {\n    variants: {\n      variant: {\n        default:\n          'bg-item-primary hover:bg-item-primary-hover active:bg-item-primary-active !text-white',\n        destructive:\n          'bg-item-destructive hover:bg-item-destructive-hover active:bg-item-destructive-active focus:ring-2 focus:ring-item-destructive-focus !text-white',\n        secondary:\n          'bg-item-secondary hover:bg-item-secondary-hover active:bg-item-secondary-active',\n        tertiary:\n          'bg-item-tertiary hover:bg-item-tertiary-hover active:bg-item-tertiary-active border-0',\n        ghost:\n          'bg-item-ghost hover:bg-item-ghost-hover active:bg-item-ghost-active border-0',\n      },\n      size: {\n        lg: 'h-12 px-4 text-body-sm-medium [&>svg]:size-5 rounded-5',\n        default: 'h-10 px-3 text-body-sm-medium [&>svg]:size-5  rounded-4',\n        sm: 'h-8 px-2.5 text-body-xs-medium [&>svg]:size-4 rounded-3',\n        xs: 'h-7 px-2 text-body-xs-medium [&>svg]:size-4 rounded-2',\n        icon: 'h-10 w-10 text-body-xs-medium [&>svg]:size-4 rounded-3',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }\n);\n\n/**\n * Props for the Button component.\n * Extends the native HTML button attributes and supports CVA variant props.\n *\n * @property {boolean} [asChild=false] - If true, renders as a child component (useful for Radix Slot integration).\n */\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  asChild?: boolean;\n}\n\n/**\n * Button is a customizable and accessible component used for user actions.\n * It supports multiple visual variants and sizes, and can be rendered as a different element using `asChild`.\n *\n * @component\n * @param {ButtonProps} props - Button props to control appearance and behavior.\n * @param {string} [props.className] - Additional Tailwind CSS classes.\n * @param {'default' | 'destructive' | 'secondary' | 'tertiary' | 'ghost'} [props.variant] - Style variant.\n * @param {'lg' | 'default' | 'sm' | 'xs' | 'icon'} [props.size] - Button size.\n * @param {boolean} [props.asChild=false] - Whether to use `Slot` instead of `button` element.\n * @param {React.Ref<HTMLButtonElement>} ref - Forwarded ref for DOM access.\n * @returns {JSX.Element} Rendered button element.\n *\n * @example\n * ```tsx\n * <Button variant=\"destructive\" size=\"sm\">Delete</Button>\n * <Button asChild><a href=\"/next-step\">Continue</a></Button>\n * ```\n */\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant, size, asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : 'button';\n    return (\n      <Comp\n        className={cn(buttonVariants({ variant, size, className }))}\n        ref={ref}\n        {...props}\n      />\n    );\n  }\n);\n\nButton.displayName = 'Button';\n"],"names":["buttonVariants","cva","cn","Button","forwardRef","className","variant","size","asChild","props","ref","jsx","Slot"],"mappings":";;;;;AAYO,MAAMA,IAAiBC;AAAA,EAC5BC;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAAA,EAEF;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,aACE;AAAA,QACF,WACE;AAAA,QACF,UACE;AAAA,QACF,OACE;AAAA,MAAA;AAAA,MAEJ,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ,GAiCaC,IAASC;AAAA,EACpB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,MAAAC,GAAM,SAAAC,IAAU,IAAO,GAAGC,EAAA,GAASC,MAGtD,gBAAAC;AAAA,IAFWH,IAAUI,IAAO;AAAA,IAE3B;AAAA,MACC,WAAWV,EAAGF,EAAe,EAAE,SAAAM,GAAS,MAAAC,GAAM,WAAAF,EAAA,CAAW,CAAC;AAAA,MAC1D,KAAAK;AAAA,MACC,GAAGD;AAAA,IAAA;AAAA,EAAA;AAIZ;AAEAN,EAAO,cAAc;"}

package/dist/chunks/{button-group-CRBe0_eB.es.js → button-group-B4h4-5eB.es.js}

@@ -1,8 +1,8 @@
 import { jsx as a } from "react/jsx-runtime";
 import { S as n } from "./index-DvGm4EwH.es.js";
-import { c as s } from "./index-DcN2zBOn.es.js";
-import { c as e } from "./utils-D6dQK9i-.es.js";
-import { S as i } from "./separator-57fHPAAv.es.js";
+import { c as s } from "./index-xA4mlFw5.es.js";
+import { c as e } from "./utils-CnvKSirc.es.js";
+import { S as i } from "./separator-CgP4OHOF.es.js";
 const l = s(
   "flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2 [&>*]:focus-visible:relative [&>*]:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1",
   {
@@ -73,4 +73,4 @@ export {
   g as b,
   l as c
 };
-//# sourceMappingURL=button-group-CRBe0_eB.es.js.map
+//# sourceMappingURL=button-group-B4h4-5eB.es.js.map

package/dist/chunks/{button-group-CRBe0_eB.es.js.map → button-group-B4h4-5eB.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"button-group-CRBe0_eB.es.js","sources":["../../src/ui/button/button-group.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../lib';\nimport { Separator } from '../separator';\n\n/**\n * Variants for the ButtonGroup component.\n * Defines styles for horizontal and vertical orientations.\n */\nconst buttonGroupVariants = cva(\n  \"flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2 [&>*]:focus-visible:relative [&>*]:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1\",\n  {\n    variants: {\n      orientation: {\n        horizontal:\n          '[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none',\n        vertical:\n          'flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none',\n      },\n    },\n    defaultVariants: {\n      orientation: 'horizontal',\n    },\n  }\n);\n\n/**\n * A container component that groups buttons together.\n * Supports horizontal (default) and vertical orientations.\n *\n * @param {object} props - The component props.\n * @param {string} [props.className] - Additional class names to apply.\n * @param {\"horizontal\" | \"vertical\"} [props.orientation] - The orientation of the button group.\n * @returns {JSX.Element} The rendered ButtonGroup component.\n */\nfunction ButtonGroup({\n  className,\n  orientation,\n  ...props\n}: React.ComponentProps<'div'> & VariantProps<typeof buttonGroupVariants>) {\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"button-group\"\n      data-orientation={orientation}\n      className={cn(buttonGroupVariants({ orientation }), className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * A text component designed to be used within a ButtonGroup.\n * It provides consistent styling for text elements alongside buttons.\n *\n * @param {object} props - The component props.\n * @param {string} [props.className] - Additional class names to apply.\n * @param {boolean} [props.asChild=false] - Whether to render as a child element.\n * @returns {JSX.Element} The rendered ButtonGroupText component.\n */\nfunction ButtonGroupText({\n  className,\n  asChild = false,\n  ...props\n}: React.ComponentProps<'div'> & {\n  asChild?: boolean;\n}) {\n  const Comp = asChild ? Slot : 'div';\n\n  return (\n    <Comp\n      className={cn(\n        \"flex items-center gap-2 rounded-md border border-neutral-200 bg-neutral-100 px-4 text-sm font-medium shadow-xs dark:border-neutral-800 dark:bg-neutral-800 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * A separator component for use within a ButtonGroup.\n * It provides a visual divider between items in the group.\n *\n * @param {object} props - The component props.\n * @param {string} [props.className] - Additional class names to apply.\n * @param {\"horizontal\" | \"vertical\"} [props.orientation=\"vertical\"] - The orientation of the separator. Defaults to \"vertical\".\n * @returns {JSX.Element} The rendered ButtonGroupSeparator component.\n */\nfunction ButtonGroupSeparator({\n  className,\n  orientation = 'vertical',\n  ...props\n}: React.ComponentProps<typeof Separator>) {\n  return (\n    <Separator\n      data-slot=\"button-group-separator\"\n      orientation={orientation}\n      className={cn(\n        'relative !m-0 self-stretch bg-neutral-200 data-[orientation=vertical]:h-auto dark:bg-neutral-800',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  ButtonGroup,\n  ButtonGroupSeparator,\n  ButtonGroupText,\n  buttonGroupVariants,\n};\n"],"names":["buttonGroupVariants","cva","ButtonGroup","className","orientation","props","jsx","cn","ButtonGroupText","asChild","Slot","ButtonGroupSeparator","Separator"],"mappings":";;;;;AASA,MAAMA,IAAsBC;AAAA,EAC1B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,aAAa;AAAA,QACX,YACE;AAAA,QACF,UACE;AAAA,MAAA;AAAA,IACJ;AAAA,IAEF,iBAAiB;AAAA,MACf,aAAa;AAAA,IAAA;AAAA,EACf;AAEJ;AAWA,SAASC,EAAY;AAAA,EACnB,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,GAAGC;AACL,GAA2E;AACzE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,aAAU;AAAA,MACV,oBAAkBF;AAAA,MAClB,WAAWG,EAAGP,EAAoB,EAAE,aAAAI,EAAA,CAAa,GAAGD,CAAS;AAAA,MAC5D,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAWA,SAASG,EAAgB;AAAA,EACvB,WAAAL;AAAA,EACA,SAAAM,IAAU;AAAA,EACV,GAAGJ;AACL,GAEG;AAGD,SACE,gBAAAC;AAAA,IAHWG,IAAUC,IAAO;AAAA,IAG3B;AAAA,MACC,WAAWH;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAWA,SAASM,EAAqB;AAAA,EAC5B,WAAAR;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,GAAGC;AACL,GAA2C;AACzC,SACE,gBAAAC;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,aAAAR;AAAA,MACA,WAAWG;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"button-group-B4h4-5eB.es.js","sources":["../../src/ui/button/button-group.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../lib';\nimport { Separator } from '../separator';\n\n/**\n * Variants for the ButtonGroup component.\n * Defines styles for horizontal and vertical orientations.\n */\nconst buttonGroupVariants = cva(\n  \"flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2 [&>*]:focus-visible:relative [&>*]:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1\",\n  {\n    variants: {\n      orientation: {\n        horizontal:\n          '[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none',\n        vertical:\n          'flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none',\n      },\n    },\n    defaultVariants: {\n      orientation: 'horizontal',\n    },\n  }\n);\n\n/**\n * A container component that groups buttons together.\n * Supports horizontal (default) and vertical orientations.\n *\n * @param {object} props - The component props.\n * @param {string} [props.className] - Additional class names to apply.\n * @param {\"horizontal\" | \"vertical\"} [props.orientation] - The orientation of the button group.\n * @returns {JSX.Element} The rendered ButtonGroup component.\n */\nfunction ButtonGroup({\n  className,\n  orientation,\n  ...props\n}: React.ComponentProps<'div'> & VariantProps<typeof buttonGroupVariants>) {\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"button-group\"\n      data-orientation={orientation}\n      className={cn(buttonGroupVariants({ orientation }), className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * A text component designed to be used within a ButtonGroup.\n * It provides consistent styling for text elements alongside buttons.\n *\n * @param {object} props - The component props.\n * @param {string} [props.className] - Additional class names to apply.\n * @param {boolean} [props.asChild=false] - Whether to render as a child element.\n * @returns {JSX.Element} The rendered ButtonGroupText component.\n */\nfunction ButtonGroupText({\n  className,\n  asChild = false,\n  ...props\n}: React.ComponentProps<'div'> & {\n  asChild?: boolean;\n}) {\n  const Comp = asChild ? Slot : 'div';\n\n  return (\n    <Comp\n      className={cn(\n        \"flex items-center gap-2 rounded-md border border-neutral-200 bg-neutral-100 px-4 text-sm font-medium shadow-xs dark:border-neutral-800 dark:bg-neutral-800 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * A separator component for use within a ButtonGroup.\n * It provides a visual divider between items in the group.\n *\n * @param {object} props - The component props.\n * @param {string} [props.className] - Additional class names to apply.\n * @param {\"horizontal\" | \"vertical\"} [props.orientation=\"vertical\"] - The orientation of the separator. Defaults to \"vertical\".\n * @returns {JSX.Element} The rendered ButtonGroupSeparator component.\n */\nfunction ButtonGroupSeparator({\n  className,\n  orientation = 'vertical',\n  ...props\n}: React.ComponentProps<typeof Separator>) {\n  return (\n    <Separator\n      data-slot=\"button-group-separator\"\n      orientation={orientation}\n      className={cn(\n        'relative !m-0 self-stretch bg-neutral-200 data-[orientation=vertical]:h-auto dark:bg-neutral-800',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  ButtonGroup,\n  ButtonGroupSeparator,\n  ButtonGroupText,\n  buttonGroupVariants,\n};\n"],"names":["buttonGroupVariants","cva","ButtonGroup","className","orientation","props","jsx","cn","ButtonGroupText","asChild","Slot","ButtonGroupSeparator","Separator"],"mappings":";;;;;AASA,MAAMA,IAAsBC;AAAA,EAC1B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,aAAa;AAAA,QACX,YACE;AAAA,QACF,UACE;AAAA,MAAA;AAAA,IACJ;AAAA,IAEF,iBAAiB;AAAA,MACf,aAAa;AAAA,IAAA;AAAA,EACf;AAEJ;AAWA,SAASC,EAAY;AAAA,EACnB,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,GAAGC;AACL,GAA2E;AACzE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,aAAU;AAAA,MACV,oBAAkBF;AAAA,MAClB,WAAWG,EAAGP,EAAoB,EAAE,aAAAI,EAAA,CAAa,GAAGD,CAAS;AAAA,MAC5D,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAWA,SAASG,EAAgB;AAAA,EACvB,WAAAL;AAAA,EACA,SAAAM,IAAU;AAAA,EACV,GAAGJ;AACL,GAEG;AAGD,SACE,gBAAAC;AAAA,IAHWG,IAAUC,IAAO;AAAA,IAG3B;AAAA,MACC,WAAWH;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAWA,SAASM,EAAqB;AAAA,EAC5B,WAAAR;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,GAAGC;AACL,GAA2C;AACzC,SACE,gBAAAC;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,aAAAR;AAAA,MACA,WAAWG;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/chunks/{button-group-BpjA8AOm.cjs.js → button-group-CaFYso6b.cjs.js}

@@ -1,2 +1,2 @@
-"use strict";const o=require("react/jsx-runtime"),i=require("./index-CMEUY8i_.cjs.js"),u=require("./index-BP8Me5c9.cjs.js"),n=require("./utils-BWS4jvS6.cjs.js"),l=require("./separator-BGecc9_9.cjs.js"),a=u.cva("flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2 [&>*]:focus-visible:relative [&>*]:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1",{variants:{orientation:{horizontal:"[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",vertical:"flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none"}},defaultVariants:{orientation:"horizontal"}});function d({className:r,orientation:t,...e}){return o.jsx("div",{role:"group","data-slot":"button-group","data-orientation":t,className:n.cn(a({orientation:t}),r),...e})}function c({className:r,asChild:t=!1,...e}){const s=t?i.Slot:"div";return o.jsx(s,{className:n.cn("flex items-center gap-2 rounded-md border border-neutral-200 bg-neutral-100 px-4 text-sm font-medium shadow-xs dark:border-neutral-800 dark:bg-neutral-800 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",r),...e})}function p({className:r,orientation:t="vertical",...e}){return o.jsx(l.Separator,{"data-slot":"button-group-separator",orientation:t,className:n.cn("relative !m-0 self-stretch bg-neutral-200 data-[orientation=vertical]:h-auto dark:bg-neutral-800",r),...e})}exports.ButtonGroup=d;exports.ButtonGroupSeparator=p;exports.ButtonGroupText=c;exports.buttonGroupVariants=a;
-//# sourceMappingURL=button-group-BpjA8AOm.cjs.js.map
+"use strict";const o=require("react/jsx-runtime"),i=require("./index-CMEUY8i_.cjs.js"),u=require("./index-x_Mxo00P.cjs.js"),n=require("./utils-C4d7Ql9-.cjs.js"),l=require("./separator-CGvV-BlI.cjs.js"),a=u.cva("flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2 [&>*]:focus-visible:relative [&>*]:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1",{variants:{orientation:{horizontal:"[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",vertical:"flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none"}},defaultVariants:{orientation:"horizontal"}});function d({className:r,orientation:t,...e}){return o.jsx("div",{role:"group","data-slot":"button-group","data-orientation":t,className:n.cn(a({orientation:t}),r),...e})}function c({className:r,asChild:t=!1,...e}){const s=t?i.Slot:"div";return o.jsx(s,{className:n.cn("flex items-center gap-2 rounded-md border border-neutral-200 bg-neutral-100 px-4 text-sm font-medium shadow-xs dark:border-neutral-800 dark:bg-neutral-800 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",r),...e})}function p({className:r,orientation:t="vertical",...e}){return o.jsx(l.Separator,{"data-slot":"button-group-separator",orientation:t,className:n.cn("relative !m-0 self-stretch bg-neutral-200 data-[orientation=vertical]:h-auto dark:bg-neutral-800",r),...e})}exports.ButtonGroup=d;exports.ButtonGroupSeparator=p;exports.ButtonGroupText=c;exports.buttonGroupVariants=a;
+//# sourceMappingURL=button-group-CaFYso6b.cjs.js.map

package/dist/chunks/{button-group-BpjA8AOm.cjs.js.map → button-group-CaFYso6b.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"button-group-BpjA8AOm.cjs.js","sources":["../../src/ui/button/button-group.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../lib';\nimport { Separator } from '../separator';\n\n/**\n * Variants for the ButtonGroup component.\n * Defines styles for horizontal and vertical orientations.\n */\nconst buttonGroupVariants = cva(\n  \"flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2 [&>*]:focus-visible:relative [&>*]:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1\",\n  {\n    variants: {\n      orientation: {\n        horizontal:\n          '[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none',\n        vertical:\n          'flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none',\n      },\n    },\n    defaultVariants: {\n      orientation: 'horizontal',\n    },\n  }\n);\n\n/**\n * A container component that groups buttons together.\n * Supports horizontal (default) and vertical orientations.\n *\n * @param {object} props - The component props.\n * @param {string} [props.className] - Additional class names to apply.\n * @param {\"horizontal\" | \"vertical\"} [props.orientation] - The orientation of the button group.\n * @returns {JSX.Element} The rendered ButtonGroup component.\n */\nfunction ButtonGroup({\n  className,\n  orientation,\n  ...props\n}: React.ComponentProps<'div'> & VariantProps<typeof buttonGroupVariants>) {\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"button-group\"\n      data-orientation={orientation}\n      className={cn(buttonGroupVariants({ orientation }), className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * A text component designed to be used within a ButtonGroup.\n * It provides consistent styling for text elements alongside buttons.\n *\n * @param {object} props - The component props.\n * @param {string} [props.className] - Additional class names to apply.\n * @param {boolean} [props.asChild=false] - Whether to render as a child element.\n * @returns {JSX.Element} The rendered ButtonGroupText component.\n */\nfunction ButtonGroupText({\n  className,\n  asChild = false,\n  ...props\n}: React.ComponentProps<'div'> & {\n  asChild?: boolean;\n}) {\n  const Comp = asChild ? Slot : 'div';\n\n  return (\n    <Comp\n      className={cn(\n        \"flex items-center gap-2 rounded-md border border-neutral-200 bg-neutral-100 px-4 text-sm font-medium shadow-xs dark:border-neutral-800 dark:bg-neutral-800 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * A separator component for use within a ButtonGroup.\n * It provides a visual divider between items in the group.\n *\n * @param {object} props - The component props.\n * @param {string} [props.className] - Additional class names to apply.\n * @param {\"horizontal\" | \"vertical\"} [props.orientation=\"vertical\"] - The orientation of the separator. Defaults to \"vertical\".\n * @returns {JSX.Element} The rendered ButtonGroupSeparator component.\n */\nfunction ButtonGroupSeparator({\n  className,\n  orientation = 'vertical',\n  ...props\n}: React.ComponentProps<typeof Separator>) {\n  return (\n    <Separator\n      data-slot=\"button-group-separator\"\n      orientation={orientation}\n      className={cn(\n        'relative !m-0 self-stretch bg-neutral-200 data-[orientation=vertical]:h-auto dark:bg-neutral-800',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  ButtonGroup,\n  ButtonGroupSeparator,\n  ButtonGroupText,\n  buttonGroupVariants,\n};\n"],"names":["buttonGroupVariants","cva","ButtonGroup","className","orientation","props","jsx","cn","ButtonGroupText","asChild","Comp","Slot","ButtonGroupSeparator","Separator"],"mappings":"0MASMA,EAAsBC,EAAAA,IAC1B,mSACA,CACE,SAAU,CACR,YAAa,CACX,WACE,kHACF,SACE,0HAAA,CACJ,EAEF,gBAAiB,CACf,YAAa,YAAA,CACf,CAEJ,EAWA,SAASC,EAAY,CACnB,UAAAC,EACA,YAAAC,EACA,GAAGC,CACL,EAA2E,CACzE,OACEC,EAAAA,IAAC,MAAA,CACC,KAAK,QACL,YAAU,eACV,mBAAkBF,EAClB,UAAWG,EAAAA,GAAGP,EAAoB,CAAE,YAAAI,CAAA,CAAa,EAAGD,CAAS,EAC5D,GAAGE,CAAA,CAAA,CAGV,CAWA,SAASG,EAAgB,CACvB,UAAAL,EACA,QAAAM,EAAU,GACV,GAAGJ,CACL,EAEG,CACD,MAAMK,EAAOD,EAAUE,EAAAA,KAAO,MAE9B,OACEL,EAAAA,IAACI,EAAA,CACC,UAAWH,EAAAA,GACT,8NACAJ,CAAA,EAED,GAAGE,CAAA,CAAA,CAGV,CAWA,SAASO,EAAqB,CAC5B,UAAAT,EACA,YAAAC,EAAc,WACd,GAAGC,CACL,EAA2C,CACzC,OACEC,EAAAA,IAACO,EAAAA,UAAA,CACC,YAAU,yBACV,YAAAT,EACA,UAAWG,EAAAA,GACT,mGACAJ,CAAA,EAED,GAAGE,CAAA,CAAA,CAGV"}
+{"version":3,"file":"button-group-CaFYso6b.cjs.js","sources":["../../src/ui/button/button-group.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../lib';\nimport { Separator } from '../separator';\n\n/**\n * Variants for the ButtonGroup component.\n * Defines styles for horizontal and vertical orientations.\n */\nconst buttonGroupVariants = cva(\n  \"flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2 [&>*]:focus-visible:relative [&>*]:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1\",\n  {\n    variants: {\n      orientation: {\n        horizontal:\n          '[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none',\n        vertical:\n          'flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none',\n      },\n    },\n    defaultVariants: {\n      orientation: 'horizontal',\n    },\n  }\n);\n\n/**\n * A container component that groups buttons together.\n * Supports horizontal (default) and vertical orientations.\n *\n * @param {object} props - The component props.\n * @param {string} [props.className] - Additional class names to apply.\n * @param {\"horizontal\" | \"vertical\"} [props.orientation] - The orientation of the button group.\n * @returns {JSX.Element} The rendered ButtonGroup component.\n */\nfunction ButtonGroup({\n  className,\n  orientation,\n  ...props\n}: React.ComponentProps<'div'> & VariantProps<typeof buttonGroupVariants>) {\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"button-group\"\n      data-orientation={orientation}\n      className={cn(buttonGroupVariants({ orientation }), className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * A text component designed to be used within a ButtonGroup.\n * It provides consistent styling for text elements alongside buttons.\n *\n * @param {object} props - The component props.\n * @param {string} [props.className] - Additional class names to apply.\n * @param {boolean} [props.asChild=false] - Whether to render as a child element.\n * @returns {JSX.Element} The rendered ButtonGroupText component.\n */\nfunction ButtonGroupText({\n  className,\n  asChild = false,\n  ...props\n}: React.ComponentProps<'div'> & {\n  asChild?: boolean;\n}) {\n  const Comp = asChild ? Slot : 'div';\n\n  return (\n    <Comp\n      className={cn(\n        \"flex items-center gap-2 rounded-md border border-neutral-200 bg-neutral-100 px-4 text-sm font-medium shadow-xs dark:border-neutral-800 dark:bg-neutral-800 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * A separator component for use within a ButtonGroup.\n * It provides a visual divider between items in the group.\n *\n * @param {object} props - The component props.\n * @param {string} [props.className] - Additional class names to apply.\n * @param {\"horizontal\" | \"vertical\"} [props.orientation=\"vertical\"] - The orientation of the separator. Defaults to \"vertical\".\n * @returns {JSX.Element} The rendered ButtonGroupSeparator component.\n */\nfunction ButtonGroupSeparator({\n  className,\n  orientation = 'vertical',\n  ...props\n}: React.ComponentProps<typeof Separator>) {\n  return (\n    <Separator\n      data-slot=\"button-group-separator\"\n      orientation={orientation}\n      className={cn(\n        'relative !m-0 self-stretch bg-neutral-200 data-[orientation=vertical]:h-auto dark:bg-neutral-800',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  ButtonGroup,\n  ButtonGroupSeparator,\n  ButtonGroupText,\n  buttonGroupVariants,\n};\n"],"names":["buttonGroupVariants","cva","ButtonGroup","className","orientation","props","jsx","cn","ButtonGroupText","asChild","Comp","Slot","ButtonGroupSeparator","Separator"],"mappings":"0MASMA,EAAsBC,EAAAA,IAC1B,mSACA,CACE,SAAU,CACR,YAAa,CACX,WACE,kHACF,SACE,0HAAA,CACJ,EAEF,gBAAiB,CACf,YAAa,YAAA,CACf,CAEJ,EAWA,SAASC,EAAY,CACnB,UAAAC,EACA,YAAAC,EACA,GAAGC,CACL,EAA2E,CACzE,OACEC,EAAAA,IAAC,MAAA,CACC,KAAK,QACL,YAAU,eACV,mBAAkBF,EAClB,UAAWG,EAAAA,GAAGP,EAAoB,CAAE,YAAAI,CAAA,CAAa,EAAGD,CAAS,EAC5D,GAAGE,CAAA,CAAA,CAGV,CAWA,SAASG,EAAgB,CACvB,UAAAL,EACA,QAAAM,EAAU,GACV,GAAGJ,CACL,EAEG,CACD,MAAMK,EAAOD,EAAUE,EAAAA,KAAO,MAE9B,OACEL,EAAAA,IAACI,EAAA,CACC,UAAWH,EAAAA,GACT,8NACAJ,CAAA,EAED,GAAGE,CAAA,CAAA,CAGV,CAWA,SAASO,EAAqB,CAC5B,UAAAT,EACA,YAAAC,EAAc,WACd,GAAGC,CACL,EAA2C,CACzC,OACEC,EAAAA,IAACO,EAAAA,UAAA,CACC,YAAU,yBACV,YAAAT,EACA,UAAWG,EAAAA,GACT,mGACAJ,CAAA,EAED,GAAGE,CAAA,CAAA,CAGV"}

package/dist/chunks/{card-ClxRfnoC.cjs.js → card-B1sx5mON.cjs.js}

@@ -1,2 +1,2 @@
-"use strict";const a=require("react/jsx-runtime"),p=require("react"),s=require("./utils-BWS4jvS6.cjs.js");function u(e){if(e&&e.__esModule)return e;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const d=u(p),n=d.forwardRef(({className:e,...t},r)=>a.jsx("div",{ref:r,className:s.cn("rounded-4 border-border-alpha-light bg-bg-background border shadow-xs",e),...t}));n.displayName="Card";const c=d.forwardRef(({className:e,...t},r)=>a.jsx("div",{ref:r,className:s.cn("flex flex-col space-y-1.5 p-3",e),...t}));c.displayName="CardHeader";const i=d.forwardRef(({className:e,...t},r)=>a.jsx("div",{ref:r,className:s.cn("text-body-md-medium flex items-center justify-between gap-2 [&>div>svg]:size-5 [&>svg]:size-5",e),...t}));i.displayName="CardTitle";const l=d.forwardRef(({className:e,...t},r)=>a.jsx("span",{ref:r,className:s.cn("text-body-sm-regular text-secondary",e),...t}));l.displayName="CardDescription";const f=d.forwardRef(({className:e,...t},r)=>a.jsx("div",{ref:r,className:s.cn("text-body-sm-regular p-3 pt-0",e),...t}));f.displayName="CardContent";const m=d.forwardRef(({className:e,...t},r)=>a.jsx("div",{ref:r,className:s.cn("text-body-sm-regular flex items-center p-3 pt-0",e),...t}));m.displayName="CardFooter";exports.Card=n;exports.CardContent=f;exports.CardDescription=l;exports.CardFooter=m;exports.CardHeader=c;exports.CardTitle=i;
-//# sourceMappingURL=card-ClxRfnoC.cjs.js.map
+"use strict";const a=require("react/jsx-runtime"),p=require("react"),s=require("./utils-C4d7Ql9-.cjs.js");function u(e){if(e&&e.__esModule)return e;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const d=u(p),n=d.forwardRef(({className:e,...t},r)=>a.jsx("div",{ref:r,className:s.cn("rounded-4 border-border-alpha-light bg-bg-background border shadow-xs",e),...t}));n.displayName="Card";const c=d.forwardRef(({className:e,...t},r)=>a.jsx("div",{ref:r,className:s.cn("flex flex-col space-y-1.5 p-3",e),...t}));c.displayName="CardHeader";const i=d.forwardRef(({className:e,...t},r)=>a.jsx("div",{ref:r,className:s.cn("text-body-md-medium flex items-center justify-between gap-2 [&>div>svg]:size-5 [&>svg]:size-5",e),...t}));i.displayName="CardTitle";const l=d.forwardRef(({className:e,...t},r)=>a.jsx("span",{ref:r,className:s.cn("text-body-sm-regular text-secondary",e),...t}));l.displayName="CardDescription";const f=d.forwardRef(({className:e,...t},r)=>a.jsx("div",{ref:r,className:s.cn("text-body-sm-regular p-3 pt-0",e),...t}));f.displayName="CardContent";const m=d.forwardRef(({className:e,...t},r)=>a.jsx("div",{ref:r,className:s.cn("text-body-sm-regular flex items-center p-3 pt-0",e),...t}));m.displayName="CardFooter";exports.Card=n;exports.CardContent=f;exports.CardDescription=l;exports.CardFooter=m;exports.CardHeader=c;exports.CardTitle=i;
+//# sourceMappingURL=card-B1sx5mON.cjs.js.map

package/dist/chunks/{card-ClxRfnoC.cjs.js.map → card-B1sx5mON.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"card-ClxRfnoC.cjs.js","sources":["../../src/ui/card/card.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '../../lib';\n\n/**\n * CardProps - Native div attributes for the Card container.\n * @property {string} [className] - Additional CSS classes to apply to the card.\n * @property {React.ReactNode} [children] - The content of the card.\n */\nexport type CardProps = React.HTMLAttributes<HTMLDivElement>;\n\n/**\n * Card - A surface component to group related content.\n * @returns {JSX.Element} The rendered Card component.\n */\nconst Card = React.forwardRef<HTMLDivElement, CardProps>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\n        'rounded-4 border-border-alpha-light bg-bg-background border shadow-xs',\n        className\n      )}\n      {...props}\n    />\n  )\n);\nCard.displayName = 'Card';\n\n/**\n * CardHeader - Top section typically containing the title and actions.\n * @returns {JSX.Element} The rendered CardHeader component.\n */\nconst CardHeader = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('flex flex-col space-y-1.5 p-3', className)}\n    {...props}\n  />\n));\nCardHeader.displayName = 'CardHeader';\n\n/**\n * CardTitle - Title area inside the header.\n * @returns {JSX.Element} The rendered CardTitle component.\n */\nconst CardTitle = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\n      'text-body-md-medium flex items-center justify-between gap-2 [&>div>svg]:size-5 [&>svg]:size-5',\n      className\n    )}\n    {...props}\n  />\n));\nCardTitle.displayName = 'CardTitle';\n\n/**\n * CardDescription - Secondary text under the title.\n * @returns {JSX.Element} The rendered CardDescription component.\n */\nconst CardDescription = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLSpanElement>\n>(({ className, ...props }, ref) => (\n  <span\n    ref={ref}\n    className={cn('text-body-sm-regular text-secondary', className)}\n    {...props}\n  />\n));\nCardDescription.displayName = 'CardDescription';\n\n/**\n * CardContent - Main content area of the card.\n * @returns {JSX.Element} The rendered CardContent component.\n */\nconst CardContent = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('text-body-sm-regular p-3 pt-0', className)}\n    {...props}\n  />\n));\nCardContent.displayName = 'CardContent';\n\n/**\n * CardFooter - Bottom area for actions or summary.\n * @returns {JSX.Element} The rendered CardFooter component.\n */\nconst CardFooter = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('text-body-sm-regular flex items-center p-3 pt-0', className)}\n    {...props}\n  />\n));\nCardFooter.displayName = 'CardFooter';\n\nexport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardFooter,\n  CardHeader,\n  CardTitle,\n};\n"],"names":["Card","React","className","props","ref","jsx","cn","CardHeader","CardTitle","CardDescription","CardContent","CardFooter"],"mappings":"gaAcMA,EAAOC,EAAM,WACjB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IACxBC,EAAAA,IAAC,MAAA,CACC,IAAAD,EACA,UAAWE,EAAAA,GACT,wEACAJ,CAAA,EAED,GAAGC,CAAA,CAAA,CAGV,EACAH,EAAK,YAAc,OAMnB,MAAMO,EAAaN,EAAM,WAGvB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BC,EAAAA,IAAC,MAAA,CACC,IAAAD,EACA,UAAWE,EAAAA,GAAG,gCAAiCJ,CAAS,EACvD,GAAGC,CAAA,CACN,CACD,EACDI,EAAW,YAAc,aAMzB,MAAMC,EAAYP,EAAM,WAGtB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BC,EAAAA,IAAC,MAAA,CACC,IAAAD,EACA,UAAWE,EAAAA,GACT,gGACAJ,CAAA,EAED,GAAGC,CAAA,CACN,CACD,EACDK,EAAU,YAAc,YAMxB,MAAMC,EAAkBR,EAAM,WAG5B,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BC,EAAAA,IAAC,OAAA,CACC,IAAAD,EACA,UAAWE,EAAAA,GAAG,sCAAuCJ,CAAS,EAC7D,GAAGC,CAAA,CACN,CACD,EACDM,EAAgB,YAAc,kBAM9B,MAAMC,EAAcT,EAAM,WAGxB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BC,EAAAA,IAAC,MAAA,CACC,IAAAD,EACA,UAAWE,EAAAA,GAAG,gCAAiCJ,CAAS,EACvD,GAAGC,CAAA,CACN,CACD,EACDO,EAAY,YAAc,cAM1B,MAAMC,EAAaV,EAAM,WAGvB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BC,EAAAA,IAAC,MAAA,CACC,IAAAD,EACA,UAAWE,EAAAA,GAAG,kDAAmDJ,CAAS,EACzE,GAAGC,CAAA,CACN,CACD,EACDQ,EAAW,YAAc"}
+{"version":3,"file":"card-B1sx5mON.cjs.js","sources":["../../src/ui/card/card.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '../../lib';\n\n/**\n * CardProps - Native div attributes for the Card container.\n * @property {string} [className] - Additional CSS classes to apply to the card.\n * @property {React.ReactNode} [children] - The content of the card.\n */\nexport type CardProps = React.HTMLAttributes<HTMLDivElement>;\n\n/**\n * Card - A surface component to group related content.\n * @returns {JSX.Element} The rendered Card component.\n */\nconst Card = React.forwardRef<HTMLDivElement, CardProps>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\n        'rounded-4 border-border-alpha-light bg-bg-background border shadow-xs',\n        className\n      )}\n      {...props}\n    />\n  )\n);\nCard.displayName = 'Card';\n\n/**\n * CardHeader - Top section typically containing the title and actions.\n * @returns {JSX.Element} The rendered CardHeader component.\n */\nconst CardHeader = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('flex flex-col space-y-1.5 p-3', className)}\n    {...props}\n  />\n));\nCardHeader.displayName = 'CardHeader';\n\n/**\n * CardTitle - Title area inside the header.\n * @returns {JSX.Element} The rendered CardTitle component.\n */\nconst CardTitle = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\n      'text-body-md-medium flex items-center justify-between gap-2 [&>div>svg]:size-5 [&>svg]:size-5',\n      className\n    )}\n    {...props}\n  />\n));\nCardTitle.displayName = 'CardTitle';\n\n/**\n * CardDescription - Secondary text under the title.\n * @returns {JSX.Element} The rendered CardDescription component.\n */\nconst CardDescription = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLSpanElement>\n>(({ className, ...props }, ref) => (\n  <span\n    ref={ref}\n    className={cn('text-body-sm-regular text-secondary', className)}\n    {...props}\n  />\n));\nCardDescription.displayName = 'CardDescription';\n\n/**\n * CardContent - Main content area of the card.\n * @returns {JSX.Element} The rendered CardContent component.\n */\nconst CardContent = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('text-body-sm-regular p-3 pt-0', className)}\n    {...props}\n  />\n));\nCardContent.displayName = 'CardContent';\n\n/**\n * CardFooter - Bottom area for actions or summary.\n * @returns {JSX.Element} The rendered CardFooter component.\n */\nconst CardFooter = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('text-body-sm-regular flex items-center p-3 pt-0', className)}\n    {...props}\n  />\n));\nCardFooter.displayName = 'CardFooter';\n\nexport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardFooter,\n  CardHeader,\n  CardTitle,\n};\n"],"names":["Card","React","className","props","ref","jsx","cn","CardHeader","CardTitle","CardDescription","CardContent","CardFooter"],"mappings":"gaAcMA,EAAOC,EAAM,WACjB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IACxBC,EAAAA,IAAC,MAAA,CACC,IAAAD,EACA,UAAWE,EAAAA,GACT,wEACAJ,CAAA,EAED,GAAGC,CAAA,CAAA,CAGV,EACAH,EAAK,YAAc,OAMnB,MAAMO,EAAaN,EAAM,WAGvB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BC,EAAAA,IAAC,MAAA,CACC,IAAAD,EACA,UAAWE,EAAAA,GAAG,gCAAiCJ,CAAS,EACvD,GAAGC,CAAA,CACN,CACD,EACDI,EAAW,YAAc,aAMzB,MAAMC,EAAYP,EAAM,WAGtB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BC,EAAAA,IAAC,MAAA,CACC,IAAAD,EACA,UAAWE,EAAAA,GACT,gGACAJ,CAAA,EAED,GAAGC,CAAA,CACN,CACD,EACDK,EAAU,YAAc,YAMxB,MAAMC,EAAkBR,EAAM,WAG5B,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BC,EAAAA,IAAC,OAAA,CACC,IAAAD,EACA,UAAWE,EAAAA,GAAG,sCAAuCJ,CAAS,EAC7D,GAAGC,CAAA,CACN,CACD,EACDM,EAAgB,YAAc,kBAM9B,MAAMC,EAAcT,EAAM,WAGxB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BC,EAAAA,IAAC,MAAA,CACC,IAAAD,EACA,UAAWE,EAAAA,GAAG,gCAAiCJ,CAAS,EACvD,GAAGC,CAAA,CACN,CACD,EACDO,EAAY,YAAc,cAM1B,MAAMC,EAAaV,EAAM,WAGvB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BC,EAAAA,IAAC,MAAA,CACC,IAAAD,EACA,UAAWE,EAAAA,GAAG,kDAAmDJ,CAAS,EACzE,GAAGC,CAAA,CACN,CACD,EACDQ,EAAW,YAAc"}

package/dist/chunks/{card-DI87w6OJ.es.js → card-BJ0eqFqO.es.js}

@@ -1,6 +1,6 @@
 import { jsx as s } from "react/jsx-runtime";
 import * as d from "react";
-import { c as t } from "./utils-D6dQK9i-.es.js";
+import { c as t } from "./utils-CnvKSirc.es.js";
 const o = d.forwardRef(
   ({ className: a, ...e }, r) => /* @__PURE__ */ s(
     "div",
@@ -71,4 +71,4 @@ export {
   i as d,
   m as e
 };
-//# sourceMappingURL=card-DI87w6OJ.es.js.map
+//# sourceMappingURL=card-BJ0eqFqO.es.js.map

package/dist/chunks/{card-DI87w6OJ.es.js.map → card-BJ0eqFqO.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"card-DI87w6OJ.es.js","sources":["../../src/ui/card/card.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '../../lib';\n\n/**\n * CardProps - Native div attributes for the Card container.\n * @property {string} [className] - Additional CSS classes to apply to the card.\n * @property {React.ReactNode} [children] - The content of the card.\n */\nexport type CardProps = React.HTMLAttributes<HTMLDivElement>;\n\n/**\n * Card - A surface component to group related content.\n * @returns {JSX.Element} The rendered Card component.\n */\nconst Card = React.forwardRef<HTMLDivElement, CardProps>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\n        'rounded-4 border-border-alpha-light bg-bg-background border shadow-xs',\n        className\n      )}\n      {...props}\n    />\n  )\n);\nCard.displayName = 'Card';\n\n/**\n * CardHeader - Top section typically containing the title and actions.\n * @returns {JSX.Element} The rendered CardHeader component.\n */\nconst CardHeader = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('flex flex-col space-y-1.5 p-3', className)}\n    {...props}\n  />\n));\nCardHeader.displayName = 'CardHeader';\n\n/**\n * CardTitle - Title area inside the header.\n * @returns {JSX.Element} The rendered CardTitle component.\n */\nconst CardTitle = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\n      'text-body-md-medium flex items-center justify-between gap-2 [&>div>svg]:size-5 [&>svg]:size-5',\n      className\n    )}\n    {...props}\n  />\n));\nCardTitle.displayName = 'CardTitle';\n\n/**\n * CardDescription - Secondary text under the title.\n * @returns {JSX.Element} The rendered CardDescription component.\n */\nconst CardDescription = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLSpanElement>\n>(({ className, ...props }, ref) => (\n  <span\n    ref={ref}\n    className={cn('text-body-sm-regular text-secondary', className)}\n    {...props}\n  />\n));\nCardDescription.displayName = 'CardDescription';\n\n/**\n * CardContent - Main content area of the card.\n * @returns {JSX.Element} The rendered CardContent component.\n */\nconst CardContent = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('text-body-sm-regular p-3 pt-0', className)}\n    {...props}\n  />\n));\nCardContent.displayName = 'CardContent';\n\n/**\n * CardFooter - Bottom area for actions or summary.\n * @returns {JSX.Element} The rendered CardFooter component.\n */\nconst CardFooter = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('text-body-sm-regular flex items-center p-3 pt-0', className)}\n    {...props}\n  />\n));\nCardFooter.displayName = 'CardFooter';\n\nexport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardFooter,\n  CardHeader,\n  CardTitle,\n};\n"],"names":["Card","React","className","props","ref","jsx","cn","CardHeader","CardTitle","CardDescription","CardContent","CardFooter"],"mappings":";;;AAcA,MAAMA,IAAOC,EAAM;AAAA,EACjB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MACxB,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,WAAWE;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AACAH,EAAK,cAAc;AAMnB,MAAMO,IAAaN,EAAM,WAGvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAG,iCAAiCJ,CAAS;AAAA,IACvD,GAAGC;AAAA,EAAA;AACN,CACD;AACDI,EAAW,cAAc;AAMzB,MAAMC,IAAYP,EAAM,WAGtB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDK,EAAU,cAAc;AAMxB,MAAMC,IAAkBR,EAAM,WAG5B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAG,uCAAuCJ,CAAS;AAAA,IAC7D,GAAGC;AAAA,EAAA;AACN,CACD;AACDM,EAAgB,cAAc;AAM9B,MAAMC,IAAcT,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAG,iCAAiCJ,CAAS;AAAA,IACvD,GAAGC;AAAA,EAAA;AACN,CACD;AACDO,EAAY,cAAc;AAM1B,MAAMC,IAAaV,EAAM,WAGvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAG,mDAAmDJ,CAAS;AAAA,IACzE,GAAGC;AAAA,EAAA;AACN,CACD;AACDQ,EAAW,cAAc;"}
+{"version":3,"file":"card-BJ0eqFqO.es.js","sources":["../../src/ui/card/card.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cn } from '../../lib';\n\n/**\n * CardProps - Native div attributes for the Card container.\n * @property {string} [className] - Additional CSS classes to apply to the card.\n * @property {React.ReactNode} [children] - The content of the card.\n */\nexport type CardProps = React.HTMLAttributes<HTMLDivElement>;\n\n/**\n * Card - A surface component to group related content.\n * @returns {JSX.Element} The rendered Card component.\n */\nconst Card = React.forwardRef<HTMLDivElement, CardProps>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\n        'rounded-4 border-border-alpha-light bg-bg-background border shadow-xs',\n        className\n      )}\n      {...props}\n    />\n  )\n);\nCard.displayName = 'Card';\n\n/**\n * CardHeader - Top section typically containing the title and actions.\n * @returns {JSX.Element} The rendered CardHeader component.\n */\nconst CardHeader = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('flex flex-col space-y-1.5 p-3', className)}\n    {...props}\n  />\n));\nCardHeader.displayName = 'CardHeader';\n\n/**\n * CardTitle - Title area inside the header.\n * @returns {JSX.Element} The rendered CardTitle component.\n */\nconst CardTitle = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\n      'text-body-md-medium flex items-center justify-between gap-2 [&>div>svg]:size-5 [&>svg]:size-5',\n      className\n    )}\n    {...props}\n  />\n));\nCardTitle.displayName = 'CardTitle';\n\n/**\n * CardDescription - Secondary text under the title.\n * @returns {JSX.Element} The rendered CardDescription component.\n */\nconst CardDescription = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLSpanElement>\n>(({ className, ...props }, ref) => (\n  <span\n    ref={ref}\n    className={cn('text-body-sm-regular text-secondary', className)}\n    {...props}\n  />\n));\nCardDescription.displayName = 'CardDescription';\n\n/**\n * CardContent - Main content area of the card.\n * @returns {JSX.Element} The rendered CardContent component.\n */\nconst CardContent = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('text-body-sm-regular p-3 pt-0', className)}\n    {...props}\n  />\n));\nCardContent.displayName = 'CardContent';\n\n/**\n * CardFooter - Bottom area for actions or summary.\n * @returns {JSX.Element} The rendered CardFooter component.\n */\nconst CardFooter = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('text-body-sm-regular flex items-center p-3 pt-0', className)}\n    {...props}\n  />\n));\nCardFooter.displayName = 'CardFooter';\n\nexport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardFooter,\n  CardHeader,\n  CardTitle,\n};\n"],"names":["Card","React","className","props","ref","jsx","cn","CardHeader","CardTitle","CardDescription","CardContent","CardFooter"],"mappings":";;;AAcA,MAAMA,IAAOC,EAAM;AAAA,EACjB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MACxB,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,WAAWE;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AACAH,EAAK,cAAc;AAMnB,MAAMO,IAAaN,EAAM,WAGvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAG,iCAAiCJ,CAAS;AAAA,IACvD,GAAGC;AAAA,EAAA;AACN,CACD;AACDI,EAAW,cAAc;AAMzB,MAAMC,IAAYP,EAAM,WAGtB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDK,EAAU,cAAc;AAMxB,MAAMC,IAAkBR,EAAM,WAG5B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAG,uCAAuCJ,CAAS;AAAA,IAC7D,GAAGC;AAAA,EAAA;AACN,CACD;AACDM,EAAgB,cAAc;AAM9B,MAAMC,IAAcT,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAG,iCAAiCJ,CAAS;AAAA,IACvD,GAAGC;AAAA,EAAA;AACN,CACD;AACDO,EAAY,cAAc;AAM1B,MAAMC,IAAaV,EAAM,WAGvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,WAAWE,EAAG,mDAAmDJ,CAAS;AAAA,IACzE,GAAGC;AAAA,EAAA;AACN,CACD;AACDQ,EAAW,cAAc;"}

package/dist/chunks/{dialog-ztKmNTXl.cjs.js → dialog-BWF5BkHj.cjs.js}

@@ -1,2 +1,2 @@
-"use strict";const s=require("react/jsx-runtime"),a=require("./index-CtCzh8NB.cjs.js"),D=require("react"),y=require("react-i18next"),n=require("./utils-BWS4jvS6.cjs.js"),N=require("./x-Ev63aQi_.cjs.js");function j(e){if(e&&e.__esModule)return e;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const i=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,i.get?i:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const l=j(D),b=a.Root,v=a.Trigger,d=a.Portal,w=a.Close,r=l.forwardRef(({className:e,...t},o)=>s.jsx(a.Overlay,{ref:o,className:n.cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80",e),...t}));r.displayName=a.Overlay.displayName;const c=l.forwardRef(({className:e,children:t,hasCloseButton:o,...i},p)=>{const{t:x}=y.useTranslation();return s.jsxs(d,{children:[s.jsx(r,{}),s.jsxs(a.Content,{ref:p,className:n.cn("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] fixed top-[50%] left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border p-6 shadow-lg duration-200 sm:rounded-lg",e),...i,children:[t,o&&s.jsxs(a.Close,{className:"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-none disabled:pointer-events-none",children:[s.jsx(N.X,{className:"size-4"}),s.jsx("span",{className:"sr-only",children:x("Close")})]})]})]})});c.displayName=a.Content.displayName;const g=({className:e,...t})=>s.jsx("div",{className:n.cn("flex flex-col space-y-1.5 text-center sm:text-left",e),...t});g.displayName="DialogHeader";const f=({className:e,...t})=>s.jsx("div",{className:n.cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",e),...t});f.displayName="DialogFooter";const u=l.forwardRef(({className:e,...t},o)=>s.jsx(a.Title,{ref:o,className:n.cn("text-lg leading-none font-semibold tracking-tight",e),...t}));u.displayName=a.Title.displayName;const m=l.forwardRef(({className:e,...t},o)=>s.jsx(a.Description,{ref:o,className:n.cn("text-muted-foreground text-sm",e),...t}));m.displayName=a.Description.displayName;exports.Dialog=b;exports.DialogClose=w;exports.DialogContent=c;exports.DialogDescription=m;exports.DialogFooter=f;exports.DialogHeader=g;exports.DialogOverlay=r;exports.DialogPortal=d;exports.DialogTitle=u;exports.DialogTrigger=v;
-//# sourceMappingURL=dialog-ztKmNTXl.cjs.js.map
+"use strict";const s=require("react/jsx-runtime"),a=require("./index-CtCzh8NB.cjs.js"),D=require("react"),y=require("react-i18next"),n=require("./utils-C4d7Ql9-.cjs.js"),N=require("./x-Ev63aQi_.cjs.js");function j(e){if(e&&e.__esModule)return e;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const i=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,i.get?i:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const l=j(D),b=a.Root,v=a.Trigger,d=a.Portal,w=a.Close,r=l.forwardRef(({className:e,...t},o)=>s.jsx(a.Overlay,{ref:o,className:n.cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80",e),...t}));r.displayName=a.Overlay.displayName;const c=l.forwardRef(({className:e,children:t,hasCloseButton:o,...i},p)=>{const{t:x}=y.useTranslation();return s.jsxs(d,{children:[s.jsx(r,{}),s.jsxs(a.Content,{ref:p,className:n.cn("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] fixed top-[50%] left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border p-6 shadow-lg duration-200 sm:rounded-lg",e),...i,children:[t,o&&s.jsxs(a.Close,{className:"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-none disabled:pointer-events-none",children:[s.jsx(N.X,{className:"size-4"}),s.jsx("span",{className:"sr-only",children:x("Close")})]})]})]})});c.displayName=a.Content.displayName;const g=({className:e,...t})=>s.jsx("div",{className:n.cn("flex flex-col space-y-1.5 text-center sm:text-left",e),...t});g.displayName="DialogHeader";const f=({className:e,...t})=>s.jsx("div",{className:n.cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",e),...t});f.displayName="DialogFooter";const u=l.forwardRef(({className:e,...t},o)=>s.jsx(a.Title,{ref:o,className:n.cn("text-lg leading-none font-semibold tracking-tight",e),...t}));u.displayName=a.Title.displayName;const m=l.forwardRef(({className:e,...t},o)=>s.jsx(a.Description,{ref:o,className:n.cn("text-muted-foreground text-sm",e),...t}));m.displayName=a.Description.displayName;exports.Dialog=b;exports.DialogClose=w;exports.DialogContent=c;exports.DialogDescription=m;exports.DialogFooter=f;exports.DialogHeader=g;exports.DialogOverlay=r;exports.DialogPortal=d;exports.DialogTitle=u;exports.DialogTrigger=v;
+//# sourceMappingURL=dialog-BWF5BkHj.cjs.js.map

package/dist/chunks/{dialog-ztKmNTXl.cjs.js.map → dialog-BWF5BkHj.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"dialog-ztKmNTXl.cjs.js","sources":["../../src/ui/dialog/dialog.tsx"],"sourcesContent":["import * as DialogPrimitive from '@radix-ui/react-dialog';\nimport { X } from 'lucide-react';\nimport * as React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { cn } from '../../lib';\nimport type { ElementDataType } from '../../types';\n\n/**\n * Dialog primitives for building modal dialogs.\n * Use Dialog as the root, DialogTrigger to open, and DialogContent for the modal body.\n */\nconst Dialog = DialogPrimitive.Root;\n\nconst DialogTrigger = DialogPrimitive.Trigger;\n\nconst DialogPortal = DialogPrimitive.Portal;\n\nconst DialogClose = DialogPrimitive.Close;\n\n/**\n * Full-screen overlay that appears behind the dialog content.\n * @returns {JSX.Element} The rendered DialogOverlay component.\n */\nconst DialogOverlay = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Overlay\n    ref={ref}\n    className={cn(\n      'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80',\n      className\n    )}\n    {...props}\n  />\n));\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName;\n\nexport type DialogContentProps = React.ComponentPropsWithoutRef<\n  typeof DialogPrimitive.Content\n> & {\n  /**\n   * If true, a close button will be rendered inside the dialog content.\n   */\n  hasCloseButton?: true;\n};\n\n/**\n * The main dialog content container positioned in the viewport center.\n * @returns {JSX.Element} The rendered DialogContent component.\n */\nconst DialogContent = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Content>,\n  DialogContentProps\n>(({ className, children, hasCloseButton, ...props }, ref) => {\n  const { t } = useTranslation();\n  return (\n    <DialogPortal>\n      <DialogOverlay />\n      <DialogPrimitive.Content\n        ref={ref}\n        className={cn(\n          'bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] fixed top-[50%] left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border p-6 shadow-lg duration-200 sm:rounded-lg',\n          className\n        )}\n        {...props}\n      >\n        {children}\n        {hasCloseButton && (\n          <DialogPrimitive.Close className=\"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-none disabled:pointer-events-none\">\n            <X className=\"size-4\" />\n            <span className=\"sr-only\">{t('Close')}</span>\n          </DialogPrimitive.Close>\n        )}\n      </DialogPrimitive.Content>\n    </DialogPortal>\n  );\n});\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\n/**\n * Container for dialog header content (title, actions).\n * @returns {JSX.Element} The rendered DialogHeader component.\n */\nconst DialogHeader = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      'flex flex-col space-y-1.5 text-center sm:text-left',\n      className\n    )}\n    {...props}\n  />\n);\nDialogHeader.displayName = 'DialogHeader';\n\n/**\n * Container for dialog footer actions.\n * @returns {JSX.Element} The rendered DialogFooter component.\n */\nconst DialogFooter = ({\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);\nDialogFooter.displayName = 'DialogFooter';\n\n/**\n * DialogTitle - The accessible dialog title.\n * @returns {JSX.Element} The rendered DialogTitle component.\n */\nconst DialogTitle = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Title\n    ref={ref}\n    className={cn(\n      'text-lg leading-none font-semibold tracking-tight',\n      className\n    )}\n    {...props}\n  />\n));\nDialogTitle.displayName = DialogPrimitive.Title.displayName;\n\n/**\n * DialogDescription - Additional descriptive text for the dialog.\n * @returns {JSX.Element} The rendered DialogDescription component.\n */\nconst DialogDescription = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Description\n    ref={ref}\n    className={cn('text-muted-foreground text-sm', className)}\n    {...props}\n  />\n));\nDialogDescription.displayName = DialogPrimitive.Description.displayName;\n\n/**\n * Props aggregation for components that wrap Dialog primitives.\n * Useful for high-level components needing to forward props to specific Dialog parts.\n */\n/**\n * Props aggregation for components that wrap Dialog primitives.\n * Useful for high-level components needing to forward props to specific Dialog parts.\n * @property {React.ComponentPropsWithoutRef<typeof DialogTrigger> & ElementDataType} [triggerProps] - Props for the DialogTrigger component.\n * @property {React.ComponentPropsWithoutRef<typeof DialogContent> & ElementDataType} [contentProps] - Props for the DialogContent component.\n * @property {React.ComponentPropsWithoutRef<typeof DialogClose> & ElementDataType} [closeProps] - Props for the DialogClose component.\n */\ninterface DialogContainerProps {\n  triggerProps?: React.ComponentPropsWithoutRef<typeof DialogTrigger> &\n    ElementDataType;\n  contentProps?: React.ComponentPropsWithoutRef<typeof DialogContent> &\n    ElementDataType;\n  closeProps?: React.ComponentPropsWithoutRef<typeof DialogClose> &\n    ElementDataType;\n}\n\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n  type DialogContainerProps,\n};\n"],"names":["Dialog","DialogPrimitive.Root","DialogTrigger","DialogPrimitive.Trigger","DialogPortal","DialogPrimitive.Portal","DialogClose","DialogPrimitive.Close","DialogOverlay","React","className","props","ref","jsx","DialogPrimitive.Overlay","cn","DialogContent","children","hasCloseButton","t","useTranslation","jsxs","DialogPrimitive.Content","X","DialogHeader","DialogFooter","DialogTitle","DialogPrimitive.Title","DialogDescription","DialogPrimitive.Description"],"mappings":"igBAWMA,EAASC,EAAAA,KAETC,EAAgBC,EAAAA,QAEhBC,EAAeC,EAAAA,OAEfC,EAAcC,EAAAA,MAMdC,EAAgBC,EAAM,WAG1B,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BC,EAAAA,IAACC,EAAAA,QAAA,CACC,IAAAF,EACA,UAAWG,EAAAA,GACT,yJACAL,CAAA,EAED,GAAGC,CAAA,CACN,CACD,EACDH,EAAc,YAAcM,EAAAA,QAAwB,YAepD,MAAME,EAAgBP,EAAM,WAG1B,CAAC,CAAE,UAAAC,EAAW,SAAAO,EAAU,eAAAC,EAAgB,GAAGP,CAAA,EAASC,IAAQ,CAC5D,KAAM,CAAE,EAAAO,CAAA,EAAMC,iBAAA,EACd,cACGhB,EAAA,CACC,SAAA,CAAAS,EAAAA,IAACL,EAAA,EAAc,EACfa,EAAAA,KAACC,EAAAA,QAAA,CACC,IAAAV,EACA,UAAWG,EAAAA,GACT,8fACAL,CAAA,EAED,GAAGC,EAEH,SAAA,CAAAM,EACAC,GACCG,EAAAA,KAACd,EAAAA,MAAA,CAAsB,UAAU,gRAC/B,SAAA,CAAAM,EAAAA,IAACU,EAAAA,EAAA,CAAE,UAAU,QAAA,CAAS,QACrB,OAAA,CAAK,UAAU,UAAW,SAAAJ,EAAE,OAAO,CAAA,CAAE,CAAA,CAAA,CACxC,CAAA,CAAA,CAAA,CAEJ,EACF,CAEJ,CAAC,EACDH,EAAc,YAAcM,EAAAA,QAAwB,YAMpD,MAAME,EAAe,CAAC,CACpB,UAAAd,EACA,GAAGC,CACL,IACEE,EAAAA,IAAC,MAAA,CACC,UAAWE,EAAAA,GACT,qDACAL,CAAA,EAED,GAAGC,CAAA,CACN,EAEFa,EAAa,YAAc,eAM3B,MAAMC,EAAe,CAAC,CACpB,UAAAf,EACA,GAAGC,CACL,IACEE,EAAAA,IAAC,MAAA,CACC,UAAWE,EAAAA,GACT,gEACAL,CAAA,EAED,GAAGC,CAAA,CACN,EAEFc,EAAa,YAAc,eAM3B,MAAMC,EAAcjB,EAAM,WAGxB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BC,EAAAA,IAACc,EAAAA,MAAA,CACC,IAAAf,EACA,UAAWG,EAAAA,GACT,oDACAL,CAAA,EAED,GAAGC,CAAA,CACN,CACD,EACDe,EAAY,YAAcC,EAAAA,MAAsB,YAMhD,MAAMC,EAAoBnB,EAAM,WAG9B,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BC,EAAAA,IAACgB,EAAAA,YAAA,CACC,IAAAjB,EACA,UAAWG,EAAAA,GAAG,gCAAiCL,CAAS,EACvD,GAAGC,CAAA,CACN,CACD,EACDiB,EAAkB,YAAcC,EAAAA,YAA4B"}
+{"version":3,"file":"dialog-BWF5BkHj.cjs.js","sources":["../../src/ui/dialog/dialog.tsx"],"sourcesContent":["import * as DialogPrimitive from '@radix-ui/react-dialog';\nimport { X } from 'lucide-react';\nimport * as React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { cn } from '../../lib';\nimport type { ElementDataType } from '../../types';\n\n/**\n * Dialog primitives for building modal dialogs.\n * Use Dialog as the root, DialogTrigger to open, and DialogContent for the modal body.\n */\nconst Dialog = DialogPrimitive.Root;\n\nconst DialogTrigger = DialogPrimitive.Trigger;\n\nconst DialogPortal = DialogPrimitive.Portal;\n\nconst DialogClose = DialogPrimitive.Close;\n\n/**\n * Full-screen overlay that appears behind the dialog content.\n * @returns {JSX.Element} The rendered DialogOverlay component.\n */\nconst DialogOverlay = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Overlay\n    ref={ref}\n    className={cn(\n      'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80',\n      className\n    )}\n    {...props}\n  />\n));\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName;\n\nexport type DialogContentProps = React.ComponentPropsWithoutRef<\n  typeof DialogPrimitive.Content\n> & {\n  /**\n   * If true, a close button will be rendered inside the dialog content.\n   */\n  hasCloseButton?: true;\n};\n\n/**\n * The main dialog content container positioned in the viewport center.\n * @returns {JSX.Element} The rendered DialogContent component.\n */\nconst DialogContent = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Content>,\n  DialogContentProps\n>(({ className, children, hasCloseButton, ...props }, ref) => {\n  const { t } = useTranslation();\n  return (\n    <DialogPortal>\n      <DialogOverlay />\n      <DialogPrimitive.Content\n        ref={ref}\n        className={cn(\n          'bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] fixed top-[50%] left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border p-6 shadow-lg duration-200 sm:rounded-lg',\n          className\n        )}\n        {...props}\n      >\n        {children}\n        {hasCloseButton && (\n          <DialogPrimitive.Close className=\"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-none disabled:pointer-events-none\">\n            <X className=\"size-4\" />\n            <span className=\"sr-only\">{t('Close')}</span>\n          </DialogPrimitive.Close>\n        )}\n      </DialogPrimitive.Content>\n    </DialogPortal>\n  );\n});\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\n/**\n * Container for dialog header content (title, actions).\n * @returns {JSX.Element} The rendered DialogHeader component.\n */\nconst DialogHeader = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      'flex flex-col space-y-1.5 text-center sm:text-left',\n      className\n    )}\n    {...props}\n  />\n);\nDialogHeader.displayName = 'DialogHeader';\n\n/**\n * Container for dialog footer actions.\n * @returns {JSX.Element} The rendered DialogFooter component.\n */\nconst DialogFooter = ({\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);\nDialogFooter.displayName = 'DialogFooter';\n\n/**\n * DialogTitle - The accessible dialog title.\n * @returns {JSX.Element} The rendered DialogTitle component.\n */\nconst DialogTitle = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Title\n    ref={ref}\n    className={cn(\n      'text-lg leading-none font-semibold tracking-tight',\n      className\n    )}\n    {...props}\n  />\n));\nDialogTitle.displayName = DialogPrimitive.Title.displayName;\n\n/**\n * DialogDescription - Additional descriptive text for the dialog.\n * @returns {JSX.Element} The rendered DialogDescription component.\n */\nconst DialogDescription = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Description\n    ref={ref}\n    className={cn('text-muted-foreground text-sm', className)}\n    {...props}\n  />\n));\nDialogDescription.displayName = DialogPrimitive.Description.displayName;\n\n/**\n * Props aggregation for components that wrap Dialog primitives.\n * Useful for high-level components needing to forward props to specific Dialog parts.\n */\n/**\n * Props aggregation for components that wrap Dialog primitives.\n * Useful for high-level components needing to forward props to specific Dialog parts.\n * @property {React.ComponentPropsWithoutRef<typeof DialogTrigger> & ElementDataType} [triggerProps] - Props for the DialogTrigger component.\n * @property {React.ComponentPropsWithoutRef<typeof DialogContent> & ElementDataType} [contentProps] - Props for the DialogContent component.\n * @property {React.ComponentPropsWithoutRef<typeof DialogClose> & ElementDataType} [closeProps] - Props for the DialogClose component.\n */\ninterface DialogContainerProps {\n  triggerProps?: React.ComponentPropsWithoutRef<typeof DialogTrigger> &\n    ElementDataType;\n  contentProps?: React.ComponentPropsWithoutRef<typeof DialogContent> &\n    ElementDataType;\n  closeProps?: React.ComponentPropsWithoutRef<typeof DialogClose> &\n    ElementDataType;\n}\n\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n  type DialogContainerProps,\n};\n"],"names":["Dialog","DialogPrimitive.Root","DialogTrigger","DialogPrimitive.Trigger","DialogPortal","DialogPrimitive.Portal","DialogClose","DialogPrimitive.Close","DialogOverlay","React","className","props","ref","jsx","DialogPrimitive.Overlay","cn","DialogContent","children","hasCloseButton","t","useTranslation","jsxs","DialogPrimitive.Content","X","DialogHeader","DialogFooter","DialogTitle","DialogPrimitive.Title","DialogDescription","DialogPrimitive.Description"],"mappings":"igBAWMA,EAASC,EAAAA,KAETC,EAAgBC,EAAAA,QAEhBC,EAAeC,EAAAA,OAEfC,EAAcC,EAAAA,MAMdC,EAAgBC,EAAM,WAG1B,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BC,EAAAA,IAACC,EAAAA,QAAA,CACC,IAAAF,EACA,UAAWG,EAAAA,GACT,yJACAL,CAAA,EAED,GAAGC,CAAA,CACN,CACD,EACDH,EAAc,YAAcM,EAAAA,QAAwB,YAepD,MAAME,EAAgBP,EAAM,WAG1B,CAAC,CAAE,UAAAC,EAAW,SAAAO,EAAU,eAAAC,EAAgB,GAAGP,CAAA,EAASC,IAAQ,CAC5D,KAAM,CAAE,EAAAO,CAAA,EAAMC,iBAAA,EACd,cACGhB,EAAA,CACC,SAAA,CAAAS,EAAAA,IAACL,EAAA,EAAc,EACfa,EAAAA,KAACC,EAAAA,QAAA,CACC,IAAAV,EACA,UAAWG,EAAAA,GACT,8fACAL,CAAA,EAED,GAAGC,EAEH,SAAA,CAAAM,EACAC,GACCG,EAAAA,KAACd,EAAAA,MAAA,CAAsB,UAAU,gRAC/B,SAAA,CAAAM,EAAAA,IAACU,EAAAA,EAAA,CAAE,UAAU,QAAA,CAAS,QACrB,OAAA,CAAK,UAAU,UAAW,SAAAJ,EAAE,OAAO,CAAA,CAAE,CAAA,CAAA,CACxC,CAAA,CAAA,CAAA,CAEJ,EACF,CAEJ,CAAC,EACDH,EAAc,YAAcM,EAAAA,QAAwB,YAMpD,MAAME,EAAe,CAAC,CACpB,UAAAd,EACA,GAAGC,CACL,IACEE,EAAAA,IAAC,MAAA,CACC,UAAWE,EAAAA,GACT,qDACAL,CAAA,EAED,GAAGC,CAAA,CACN,EAEFa,EAAa,YAAc,eAM3B,MAAMC,EAAe,CAAC,CACpB,UAAAf,EACA,GAAGC,CACL,IACEE,EAAAA,IAAC,MAAA,CACC,UAAWE,EAAAA,GACT,gEACAL,CAAA,EAED,GAAGC,CAAA,CACN,EAEFc,EAAa,YAAc,eAM3B,MAAMC,EAAcjB,EAAM,WAGxB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BC,EAAAA,IAACc,EAAAA,MAAA,CACC,IAAAf,EACA,UAAWG,EAAAA,GACT,oDACAL,CAAA,EAED,GAAGC,CAAA,CACN,CACD,EACDe,EAAY,YAAcC,EAAAA,MAAsB,YAMhD,MAAMC,EAAoBnB,EAAM,WAG9B,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BC,EAAAA,IAACgB,EAAAA,YAAA,CACC,IAAAjB,EACA,UAAWG,EAAAA,GAAG,gCAAiCL,CAAS,EACvD,GAAGC,CAAA,CACN,CACD,EACDiB,EAAkB,YAAcC,EAAAA,YAA4B"}

package/dist/chunks/{dialog-C5H9YueP.es.js → dialog-D9BMBoAJ.es.js}

@@ -2,7 +2,7 @@ import { jsxs as l, jsx as t } from "react/jsx-runtime";
 import { R as x, C as n, P as y, T as N, a as d, D as r, O as c, b as m } from "./index-xl-szYFX.es.js";
 import * as i from "react";
 import { useTranslation as D } from "react-i18next";
-import { c as s } from "./utils-D6dQK9i-.es.js";
+import { c as s } from "./utils-CnvKSirc.es.js";
 import { X as b } from "./x-8d8XBbXN.es.js";
 const F = x, H = N, h = y, X = n, f = i.forwardRef(({ className: a, ...e }, o) => /* @__PURE__ */ t(
   c,
@@ -102,4 +102,4 @@ export {
   R as h,
   H as i
 };
-//# sourceMappingURL=dialog-C5H9YueP.es.js.map
+//# sourceMappingURL=dialog-D9BMBoAJ.es.js.map

package/dist/chunks/{dialog-C5H9YueP.es.js.map → dialog-D9BMBoAJ.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"dialog-C5H9YueP.es.js","sources":["../../src/ui/dialog/dialog.tsx"],"sourcesContent":["import * as DialogPrimitive from '@radix-ui/react-dialog';\nimport { X } from 'lucide-react';\nimport * as React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { cn } from '../../lib';\nimport type { ElementDataType } from '../../types';\n\n/**\n * Dialog primitives for building modal dialogs.\n * Use Dialog as the root, DialogTrigger to open, and DialogContent for the modal body.\n */\nconst Dialog = DialogPrimitive.Root;\n\nconst DialogTrigger = DialogPrimitive.Trigger;\n\nconst DialogPortal = DialogPrimitive.Portal;\n\nconst DialogClose = DialogPrimitive.Close;\n\n/**\n * Full-screen overlay that appears behind the dialog content.\n * @returns {JSX.Element} The rendered DialogOverlay component.\n */\nconst DialogOverlay = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Overlay\n    ref={ref}\n    className={cn(\n      'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80',\n      className\n    )}\n    {...props}\n  />\n));\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName;\n\nexport type DialogContentProps = React.ComponentPropsWithoutRef<\n  typeof DialogPrimitive.Content\n> & {\n  /**\n   * If true, a close button will be rendered inside the dialog content.\n   */\n  hasCloseButton?: true;\n};\n\n/**\n * The main dialog content container positioned in the viewport center.\n * @returns {JSX.Element} The rendered DialogContent component.\n */\nconst DialogContent = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Content>,\n  DialogContentProps\n>(({ className, children, hasCloseButton, ...props }, ref) => {\n  const { t } = useTranslation();\n  return (\n    <DialogPortal>\n      <DialogOverlay />\n      <DialogPrimitive.Content\n        ref={ref}\n        className={cn(\n          'bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] fixed top-[50%] left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border p-6 shadow-lg duration-200 sm:rounded-lg',\n          className\n        )}\n        {...props}\n      >\n        {children}\n        {hasCloseButton && (\n          <DialogPrimitive.Close className=\"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-none disabled:pointer-events-none\">\n            <X className=\"size-4\" />\n            <span className=\"sr-only\">{t('Close')}</span>\n          </DialogPrimitive.Close>\n        )}\n      </DialogPrimitive.Content>\n    </DialogPortal>\n  );\n});\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\n/**\n * Container for dialog header content (title, actions).\n * @returns {JSX.Element} The rendered DialogHeader component.\n */\nconst DialogHeader = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      'flex flex-col space-y-1.5 text-center sm:text-left',\n      className\n    )}\n    {...props}\n  />\n);\nDialogHeader.displayName = 'DialogHeader';\n\n/**\n * Container for dialog footer actions.\n * @returns {JSX.Element} The rendered DialogFooter component.\n */\nconst DialogFooter = ({\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);\nDialogFooter.displayName = 'DialogFooter';\n\n/**\n * DialogTitle - The accessible dialog title.\n * @returns {JSX.Element} The rendered DialogTitle component.\n */\nconst DialogTitle = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Title\n    ref={ref}\n    className={cn(\n      'text-lg leading-none font-semibold tracking-tight',\n      className\n    )}\n    {...props}\n  />\n));\nDialogTitle.displayName = DialogPrimitive.Title.displayName;\n\n/**\n * DialogDescription - Additional descriptive text for the dialog.\n * @returns {JSX.Element} The rendered DialogDescription component.\n */\nconst DialogDescription = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Description\n    ref={ref}\n    className={cn('text-muted-foreground text-sm', className)}\n    {...props}\n  />\n));\nDialogDescription.displayName = DialogPrimitive.Description.displayName;\n\n/**\n * Props aggregation for components that wrap Dialog primitives.\n * Useful for high-level components needing to forward props to specific Dialog parts.\n */\n/**\n * Props aggregation for components that wrap Dialog primitives.\n * Useful for high-level components needing to forward props to specific Dialog parts.\n * @property {React.ComponentPropsWithoutRef<typeof DialogTrigger> & ElementDataType} [triggerProps] - Props for the DialogTrigger component.\n * @property {React.ComponentPropsWithoutRef<typeof DialogContent> & ElementDataType} [contentProps] - Props for the DialogContent component.\n * @property {React.ComponentPropsWithoutRef<typeof DialogClose> & ElementDataType} [closeProps] - Props for the DialogClose component.\n */\ninterface DialogContainerProps {\n  triggerProps?: React.ComponentPropsWithoutRef<typeof DialogTrigger> &\n    ElementDataType;\n  contentProps?: React.ComponentPropsWithoutRef<typeof DialogContent> &\n    ElementDataType;\n  closeProps?: React.ComponentPropsWithoutRef<typeof DialogClose> &\n    ElementDataType;\n}\n\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n  type DialogContainerProps,\n};\n"],"names":["Dialog","DialogPrimitive.Root","DialogTrigger","DialogPrimitive.Trigger","DialogPortal","DialogPrimitive.Portal","DialogClose","DialogPrimitive.Close","DialogOverlay","React","className","props","ref","jsx","DialogPrimitive.Overlay","cn","DialogContent","children","hasCloseButton","t","useTranslation","jsxs","DialogPrimitive.Content","X","DialogHeader","DialogFooter","DialogTitle","DialogPrimitive.Title","DialogDescription","DialogPrimitive.Description"],"mappings":";;;;;;AAWA,MAAMA,IAASC,GAETC,IAAgBC,GAEhBC,IAAeC,GAEfC,IAAcC,GAMdC,IAAgBC,EAAM,WAG1B,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,EAAc,cAAcM,EAAwB;AAepD,MAAME,IAAgBP,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,UAAAO,GAAU,gBAAAC,GAAgB,GAAGP,EAAA,GAASC,MAAQ;AAC5D,QAAM,EAAE,GAAAO,EAAA,IAAMC,EAAA;AACd,2BACGhB,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAS,EAACL,GAAA,EAAc;AAAA,IACf,gBAAAa;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,KAAAV;AAAA,QACA,WAAWG;AAAA,UACT;AAAA,UACAL;AAAA,QAAA;AAAA,QAED,GAAGC;AAAA,QAEH,UAAA;AAAA,UAAAM;AAAA,UACAC,KACC,gBAAAG,EAACd,GAAA,EAAsB,WAAU,iRAC/B,UAAA;AAAA,YAAA,gBAAAM,EAACU,GAAA,EAAE,WAAU,SAAA,CAAS;AAAA,8BACrB,QAAA,EAAK,WAAU,WAAW,UAAAJ,EAAE,OAAO,EAAA,CAAE;AAAA,UAAA,EAAA,CACxC;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ,GACF;AAEJ,CAAC;AACDH,EAAc,cAAcM,EAAwB;AAMpD,MAAME,IAAe,CAAC;AAAA,EACpB,WAAAd;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;AAEFa,EAAa,cAAc;AAM3B,MAAMC,IAAe,CAAC;AAAA,EACpB,WAAAf;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;AAEFc,EAAa,cAAc;AAM3B,MAAMC,IAAcjB,EAAM,WAGxB,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;AACDe,EAAY,cAAcC,EAAsB;AAMhD,MAAMC,IAAoBnB,EAAM,WAG9B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACgB;AAAAA,EAAA;AAAA,IACC,KAAAjB;AAAA,IACA,WAAWG,EAAG,iCAAiCL,CAAS;AAAA,IACvD,GAAGC;AAAA,EAAA;AACN,CACD;AACDiB,EAAkB,cAAcC,EAA4B;"}
+{"version":3,"file":"dialog-D9BMBoAJ.es.js","sources":["../../src/ui/dialog/dialog.tsx"],"sourcesContent":["import * as DialogPrimitive from '@radix-ui/react-dialog';\nimport { X } from 'lucide-react';\nimport * as React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { cn } from '../../lib';\nimport type { ElementDataType } from '../../types';\n\n/**\n * Dialog primitives for building modal dialogs.\n * Use Dialog as the root, DialogTrigger to open, and DialogContent for the modal body.\n */\nconst Dialog = DialogPrimitive.Root;\n\nconst DialogTrigger = DialogPrimitive.Trigger;\n\nconst DialogPortal = DialogPrimitive.Portal;\n\nconst DialogClose = DialogPrimitive.Close;\n\n/**\n * Full-screen overlay that appears behind the dialog content.\n * @returns {JSX.Element} The rendered DialogOverlay component.\n */\nconst DialogOverlay = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Overlay\n    ref={ref}\n    className={cn(\n      'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80',\n      className\n    )}\n    {...props}\n  />\n));\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName;\n\nexport type DialogContentProps = React.ComponentPropsWithoutRef<\n  typeof DialogPrimitive.Content\n> & {\n  /**\n   * If true, a close button will be rendered inside the dialog content.\n   */\n  hasCloseButton?: true;\n};\n\n/**\n * The main dialog content container positioned in the viewport center.\n * @returns {JSX.Element} The rendered DialogContent component.\n */\nconst DialogContent = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Content>,\n  DialogContentProps\n>(({ className, children, hasCloseButton, ...props }, ref) => {\n  const { t } = useTranslation();\n  return (\n    <DialogPortal>\n      <DialogOverlay />\n      <DialogPrimitive.Content\n        ref={ref}\n        className={cn(\n          'bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] fixed top-[50%] left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border p-6 shadow-lg duration-200 sm:rounded-lg',\n          className\n        )}\n        {...props}\n      >\n        {children}\n        {hasCloseButton && (\n          <DialogPrimitive.Close className=\"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-none disabled:pointer-events-none\">\n            <X className=\"size-4\" />\n            <span className=\"sr-only\">{t('Close')}</span>\n          </DialogPrimitive.Close>\n        )}\n      </DialogPrimitive.Content>\n    </DialogPortal>\n  );\n});\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\n/**\n * Container for dialog header content (title, actions).\n * @returns {JSX.Element} The rendered DialogHeader component.\n */\nconst DialogHeader = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      'flex flex-col space-y-1.5 text-center sm:text-left',\n      className\n    )}\n    {...props}\n  />\n);\nDialogHeader.displayName = 'DialogHeader';\n\n/**\n * Container for dialog footer actions.\n * @returns {JSX.Element} The rendered DialogFooter component.\n */\nconst DialogFooter = ({\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);\nDialogFooter.displayName = 'DialogFooter';\n\n/**\n * DialogTitle - The accessible dialog title.\n * @returns {JSX.Element} The rendered DialogTitle component.\n */\nconst DialogTitle = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Title\n    ref={ref}\n    className={cn(\n      'text-lg leading-none font-semibold tracking-tight',\n      className\n    )}\n    {...props}\n  />\n));\nDialogTitle.displayName = DialogPrimitive.Title.displayName;\n\n/**\n * DialogDescription - Additional descriptive text for the dialog.\n * @returns {JSX.Element} The rendered DialogDescription component.\n */\nconst DialogDescription = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Description\n    ref={ref}\n    className={cn('text-muted-foreground text-sm', className)}\n    {...props}\n  />\n));\nDialogDescription.displayName = DialogPrimitive.Description.displayName;\n\n/**\n * Props aggregation for components that wrap Dialog primitives.\n * Useful for high-level components needing to forward props to specific Dialog parts.\n */\n/**\n * Props aggregation for components that wrap Dialog primitives.\n * Useful for high-level components needing to forward props to specific Dialog parts.\n * @property {React.ComponentPropsWithoutRef<typeof DialogTrigger> & ElementDataType} [triggerProps] - Props for the DialogTrigger component.\n * @property {React.ComponentPropsWithoutRef<typeof DialogContent> & ElementDataType} [contentProps] - Props for the DialogContent component.\n * @property {React.ComponentPropsWithoutRef<typeof DialogClose> & ElementDataType} [closeProps] - Props for the DialogClose component.\n */\ninterface DialogContainerProps {\n  triggerProps?: React.ComponentPropsWithoutRef<typeof DialogTrigger> &\n    ElementDataType;\n  contentProps?: React.ComponentPropsWithoutRef<typeof DialogContent> &\n    ElementDataType;\n  closeProps?: React.ComponentPropsWithoutRef<typeof DialogClose> &\n    ElementDataType;\n}\n\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n  type DialogContainerProps,\n};\n"],"names":["Dialog","DialogPrimitive.Root","DialogTrigger","DialogPrimitive.Trigger","DialogPortal","DialogPrimitive.Portal","DialogClose","DialogPrimitive.Close","DialogOverlay","React","className","props","ref","jsx","DialogPrimitive.Overlay","cn","DialogContent","children","hasCloseButton","t","useTranslation","jsxs","DialogPrimitive.Content","X","DialogHeader","DialogFooter","DialogTitle","DialogPrimitive.Title","DialogDescription","DialogPrimitive.Description"],"mappings":";;;;;;AAWA,MAAMA,IAASC,GAETC,IAAgBC,GAEhBC,IAAeC,GAEfC,IAAcC,GAMdC,IAAgBC,EAAM,WAG1B,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,EAAc,cAAcM,EAAwB;AAepD,MAAME,IAAgBP,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,UAAAO,GAAU,gBAAAC,GAAgB,GAAGP,EAAA,GAASC,MAAQ;AAC5D,QAAM,EAAE,GAAAO,EAAA,IAAMC,EAAA;AACd,2BACGhB,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAS,EAACL,GAAA,EAAc;AAAA,IACf,gBAAAa;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,KAAAV;AAAA,QACA,WAAWG;AAAA,UACT;AAAA,UACAL;AAAA,QAAA;AAAA,QAED,GAAGC;AAAA,QAEH,UAAA;AAAA,UAAAM;AAAA,UACAC,KACC,gBAAAG,EAACd,GAAA,EAAsB,WAAU,iRAC/B,UAAA;AAAA,YAAA,gBAAAM,EAACU,GAAA,EAAE,WAAU,SAAA,CAAS;AAAA,8BACrB,QAAA,EAAK,WAAU,WAAW,UAAAJ,EAAE,OAAO,EAAA,CAAE;AAAA,UAAA,EAAA,CACxC;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ,GACF;AAEJ,CAAC;AACDH,EAAc,cAAcM,EAAwB;AAMpD,MAAME,IAAe,CAAC;AAAA,EACpB,WAAAd;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;AAEFa,EAAa,cAAc;AAM3B,MAAMC,IAAe,CAAC;AAAA,EACpB,WAAAf;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;AAEFc,EAAa,cAAc;AAM3B,MAAMC,IAAcjB,EAAM,WAGxB,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;AACDe,EAAY,cAAcC,EAAsB;AAMhD,MAAMC,IAAoBnB,EAAM,WAG9B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACgB;AAAAA,EAAA;AAAA,IACC,KAAAjB;AAAA,IACA,WAAWG,EAAG,iCAAiCL,CAAS;AAAA,IACvD,GAAGC;AAAA,EAAA;AACN,CACD;AACDiB,EAAkB,cAAcC,EAA4B;"}

package/dist/chunks/{dropdown-menu-CHTYlgbi.es.js → dropdown-menu-BUaCITEG.es.js}

@@ -10,7 +10,7 @@ import { P as Ln, h as Gn, u as Fn, R as Kn, F as $n } from "./index-BKZjW6I1.es
 import { R as be, A as Un, c as De, C as Bn, a as Vn } from "./index-Bli6ZByj.es.js";
 import { c as Se, I as jn, R as Wn } from "./index-DNQZbZsM.es.js";
 import { u as se } from "./index-DwYXX2sM.es.js";
-import { c as b } from "./utils-D6dQK9i-.es.js";
+import { c as b } from "./utils-CnvKSirc.es.js";
 import { C as zn, a as Xn } from "./circle-BOF8KzMM.es.js";
 import { C as Yn } from "./chevron-right-BNG-Ugyb.es.js";
 // @__NO_SIDE_EFFECTS__
@@ -976,4 +976,4 @@ export {
   pt as m,
   Lt as n
 };
-//# sourceMappingURL=dropdown-menu-CHTYlgbi.es.js.map
+//# sourceMappingURL=dropdown-menu-BUaCITEG.es.js.map