@customafk/lunas-ui 0.1.0 → 0.1.2

package/dist/ui/toggle-group-DFc1i329.d.ts

@@ -0,0 +1,23 @@
+import { n as toggleVariants } from "../toggle-Cly-xwkw.js";
+import * as react_jsx_runtime260 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import { ToggleGroup as ToggleGroup$1 } from "radix-ui";
+
+//#region packages/components/ui/toggle-group.d.ts
+declare function ToggleGroup({
+  className,
+  variant,
+  size,
+  children,
+  ...props
+}: React.ComponentProps<typeof ToggleGroup$1.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime260.JSX.Element;
+declare function ToggleGroupItem({
+  className,
+  children,
+  variant,
+  size,
+  ...props
+}: React.ComponentProps<typeof ToggleGroup$1.Item> & VariantProps<typeof toggleVariants>): react_jsx_runtime260.JSX.Element;
+//#endregion
+export { ToggleGroup, ToggleGroupItem };
+//# sourceMappingURL=toggle-group-DFc1i329.d.ts.map

package/dist/ui/toggle-group.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../chunk-DjWAcSYV.cjs`),t=require(`../toggle-B4tN-0IO.cjs`);let n=require(`@customafk/react-toolkit/utils`);n=e.t(n);let r=require(`react`);r=e.t(r);let i=require(`react/jsx-runtime`);i=e.t(i);let a=require(`class-variance-authority`);a=e.t(a);let o=require(`radix-ui`);o=e.t(o);const s=(0,r.createContext)({size:`default`,variant:`default`});function c({className:e,variant:t,size:r,children:a,...c}){return(0,i.jsx)(o.ToggleGroup.Root,{"data-slot":`toggle-group`,"data-variant":t,"data-size":r,className:(0,n.cn)(`group/toggle-group flex w-fit items-center rounded-md data-[variant=outline]:shadow-xs`,e),...c,children:(0,i.jsx)(s.Provider,{value:{variant:t,size:r},children:a})})}function l({className:e,children:a,variant:c,size:l,...u}){let d=(0,r.useContext)(s);return(0,i.jsx)(o.ToggleGroup.Item,{"data-slot":`toggle-group-item`,"data-variant":d.variant||c,"data-size":d.size||l,className:(0,n.cn)(t.n({variant:d.variant||c,size:d.size||l}),`min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-l-md last:rounded-r-md focus:z-10 focus-visible:z-10 data-[variant=outline]:border-l-0 data-[variant=outline]:first:border-l`,e),...u,children:a})}exports.ToggleGroup=c,exports.ToggleGroupItem=l;
+"use client";const e=require(`../chunk-Bmb41Sf3.cjs`),t=require(`../toggle-CvwbDli7.cjs`);let n=require(`react`),r=require(`@customafk/react-toolkit/utils`),i=require(`react/jsx-runtime`),a=require(`radix-ui`);const o=(0,n.createContext)({size:`default`,variant:`default`});function s({className:e,variant:t,size:n,children:s,...c}){return(0,i.jsx)(a.ToggleGroup.Root,{"data-slot":`toggle-group`,"data-variant":t,"data-size":n,className:(0,r.cn)(`group/toggle-group flex w-fit items-center rounded-md data-[variant=outline]:shadow-xs`,e),...c,children:(0,i.jsx)(o.Provider,{value:{variant:t,size:n},children:s})})}function c({className:e,children:s,variant:c,size:l,...u}){let d=(0,n.use)(o);return(0,i.jsx)(a.ToggleGroup.Item,{"data-slot":`toggle-group-item`,"data-variant":d.variant||c,"data-size":d.size||l,className:(0,r.cn)(t.n({variant:d.variant||c,size:d.size||l}),`min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-l-md last:rounded-r-md focus:z-10 focus-visible:z-10 data-[variant=outline]:border-l-0 data-[variant=outline]:first:border-l`,e),...u,children:s})}exports.ToggleGroup=s,exports.ToggleGroupItem=c;
 //# sourceMappingURL=toggle-group.cjs.map

package/dist/ui/toggle-group.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-group.cjs","names":["ToggleGroupPrimitive","toggleVariants"],"sources":["../../packages/components/ui/toggle-group.tsx"],"sourcesContent":["'use client';\nimport { createContext, useContext } from 'react';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { toggleVariants } from '@/components/ui/toggle';\n\nimport { type VariantProps } from 'class-variance-authority';\nimport { ToggleGroup as ToggleGroupPrimitive } from 'radix-ui';\n\nconst ToggleGroupContext = createContext<VariantProps<typeof toggleVariants>>({\n  size: 'default',\n  variant: 'default',\n});\n\nfunction ToggleGroup({\n  className,\n  variant,\n  size,\n  children,\n  ...props\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants>) {\n  return (\n    <ToggleGroupPrimitive.Root\n      data-slot=\"toggle-group\"\n      data-variant={variant}\n      data-size={size}\n      className={cn('group/toggle-group flex w-fit items-center rounded-md data-[variant=outline]:shadow-xs', className)}\n      {...props}\n    >\n      <ToggleGroupContext.Provider value={{ variant, size }}>{children}</ToggleGroupContext.Provider>\n    </ToggleGroupPrimitive.Root>\n  );\n}\n\nfunction ToggleGroupItem({\n  className,\n  children,\n  variant,\n  size,\n  ...props\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>) {\n  const context = useContext(ToggleGroupContext);\n\n  return (\n    <ToggleGroupPrimitive.Item\n      data-slot=\"toggle-group-item\"\n      data-variant={context.variant || variant}\n      data-size={context.size || size}\n      className={cn(\n        toggleVariants({\n          variant: context.variant || variant,\n          size: context.size || size,\n        }),\n        'min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-l-md last:rounded-r-md focus:z-10 focus-visible:z-10 data-[variant=outline]:border-l-0 data-[variant=outline]:first:border-l',\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </ToggleGroupPrimitive.Item>\n  );\n}\n\nexport { ToggleGroup, ToggleGroupItem };\n"],"mappings":"qTASA,MAAM,GAAA,EAAA,EAAA,eAAwE,CAC5E,KAAM,UACN,QAAS,UACV,CAAC,CAEF,SAAS,EAAY,CACnB,YACA,UACA,OACA,WACA,GAAG,GAC4F,CAC/F,OACE,EAAA,EAAA,KAACA,EAAAA,YAAqB,KAAA,CACpB,YAAU,eACV,eAAc,EACd,YAAW,EACX,WAAA,EAAA,EAAA,IAAc,yFAA0F,EAAU,CAClH,GAAI,YAEJ,EAAA,EAAA,KAAC,EAAmB,SAAA,CAAS,MAAO,CAAE,UAAS,OAAM,CAAG,YAAuC,EACrE,CAIhC,SAAS,EAAgB,CACvB,YACA,WACA,UACA,OACA,GAAG,GAC4F,CAC/F,IAAM,GAAA,EAAA,EAAA,YAAqB,EAAmB,CAE9C,OACE,EAAA,EAAA,KAACA,EAAAA,YAAqB,KAAA,CACpB,YAAU,oBACV,eAAc,EAAQ,SAAW,EACjC,YAAW,EAAQ,MAAQ,EAC3B,WAAA,EAAA,EAAA,IACEC,EAAAA,EAAe,CACb,QAAS,EAAQ,SAAW,EAC5B,KAAM,EAAQ,MAAQ,EACvB,CAAC,CACF,8LACA,EACD,CACD,GAAI,EAEH,YACyB"}
+{"version":3,"file":"toggle-group.cjs","names":["ToggleGroupPrimitive","toggleVariants"],"sources":["../../packages/components/ui/toggle-group.tsx"],"sourcesContent":["'use client';\nimport { createContext, use } from 'react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport type { VariantProps } from 'class-variance-authority';\nimport { ToggleGroup as ToggleGroupPrimitive } from 'radix-ui';\nimport { toggleVariants } from '@/components/ui/toggle';\n\nconst ToggleGroupContext = createContext<VariantProps<typeof toggleVariants>>({\n  size: 'default',\n  variant: 'default',\n});\n\nfunction ToggleGroup({\n  className,\n  variant,\n  size,\n  children,\n  ...props\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants>) {\n  return (\n    <ToggleGroupPrimitive.Root\n      data-slot=\"toggle-group\"\n      data-variant={variant}\n      data-size={size}\n      className={cn('group/toggle-group flex w-fit items-center rounded-md data-[variant=outline]:shadow-xs', className)}\n      {...props}\n    >\n      <ToggleGroupContext.Provider value={{ variant, size }}>{children}</ToggleGroupContext.Provider>\n    </ToggleGroupPrimitive.Root>\n  );\n}\n\nfunction ToggleGroupItem({\n  className,\n  children,\n  variant,\n  size,\n  ...props\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>) {\n  const context = use(ToggleGroupContext);\n\n  return (\n    <ToggleGroupPrimitive.Item\n      data-slot=\"toggle-group-item\"\n      data-variant={context.variant || variant}\n      data-size={context.size || size}\n      className={cn(\n        toggleVariants({\n          variant: context.variant || variant,\n          size: context.size || size,\n        }),\n        'min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-l-md last:rounded-r-md focus:z-10 focus-visible:z-10 data-[variant=outline]:border-l-0 data-[variant=outline]:first:border-l',\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </ToggleGroupPrimitive.Item>\n  );\n}\n\nexport { ToggleGroup, ToggleGroupItem };\n"],"mappings":"kNASA,MAAM,GAAA,EAAA,EAAA,eAAwE,CAC5E,KAAM,UACN,QAAS,UACV,CAAC,CAEF,SAAS,EAAY,CACnB,YACA,UACA,OACA,WACA,GAAG,GAC4F,CAC/F,OACE,EAAA,EAAA,KAACA,EAAAA,YAAqB,KAAA,CACpB,YAAU,eACV,eAAc,EACd,YAAW,EACX,WAAA,EAAA,EAAA,IAAc,yFAA0F,EAAU,CAClH,GAAI,YAEJ,EAAA,EAAA,KAAC,EAAmB,SAAA,CAAS,MAAO,CAAE,UAAS,OAAM,CAAG,YAAuC,EACrE,CAIhC,SAAS,EAAgB,CACvB,YACA,WACA,UACA,OACA,GAAG,GAC4F,CAC/F,IAAM,GAAA,EAAA,EAAA,KAAc,EAAmB,CAEvC,OACE,EAAA,EAAA,KAACA,EAAAA,YAAqB,KAAA,CACpB,YAAU,oBACV,eAAc,EAAQ,SAAW,EACjC,YAAW,EAAQ,MAAQ,EAC3B,WAAA,EAAA,EAAA,IACEC,EAAAA,EAAe,CACb,QAAS,EAAQ,SAAW,EAC5B,KAAM,EAAQ,MAAQ,EACvB,CAAC,CACF,8LACA,EACD,CACD,GAAI,EAEH,YACyB"}

package/dist/ui/toggle-group.js

@@ -1,2 +1,2 @@
-"use client";import{n as e}from"../toggle-BFGMDMh6.js";import{cn as t}from"@customafk/react-toolkit/utils";import{createContext as n,useContext as r}from"react";import{jsx as i}from"react/jsx-runtime";import"class-variance-authority";import{ToggleGroup as a}from"radix-ui";const o=n({size:`default`,variant:`default`});function s({className:e,variant:n,size:r,children:s,...c}){return i(a.Root,{"data-slot":`toggle-group`,"data-variant":n,"data-size":r,className:t(`group/toggle-group flex w-fit items-center rounded-md data-[variant=outline]:shadow-xs`,e),...c,children:i(o.Provider,{value:{variant:n,size:r},children:s})})}function c({className:n,children:s,variant:c,size:l,...u}){let d=r(o);return i(a.Item,{"data-slot":`toggle-group-item`,"data-variant":d.variant||c,"data-size":d.size||l,className:t(e({variant:d.variant||c,size:d.size||l}),`min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-l-md last:rounded-r-md focus:z-10 focus-visible:z-10 data-[variant=outline]:border-l-0 data-[variant=outline]:first:border-l`,n),...u,children:s})}export{s as ToggleGroup,c as ToggleGroupItem};
+"use client";import{n as e}from"../toggle-BzWSt1Ml.js";import{createContext as t,use as n}from"react";import{cn as r}from"@customafk/react-toolkit/utils";import{jsx as i}from"react/jsx-runtime";import{ToggleGroup as a}from"radix-ui";const o=t({size:`default`,variant:`default`});function s({className:e,variant:t,size:n,children:s,...c}){return i(a.Root,{"data-slot":`toggle-group`,"data-variant":t,"data-size":n,className:r(`group/toggle-group flex w-fit items-center rounded-md data-[variant=outline]:shadow-xs`,e),...c,children:i(o.Provider,{value:{variant:t,size:n},children:s})})}function c({className:t,children:s,variant:c,size:l,...u}){let d=n(o);return i(a.Item,{"data-slot":`toggle-group-item`,"data-variant":d.variant||c,"data-size":d.size||l,className:r(e({variant:d.variant||c,size:d.size||l}),`min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-l-md last:rounded-r-md focus:z-10 focus-visible:z-10 data-[variant=outline]:border-l-0 data-[variant=outline]:first:border-l`,t),...u,children:s})}export{s as ToggleGroup,c as ToggleGroupItem};
 //# sourceMappingURL=toggle-group.js.map

package/dist/ui/toggle-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-group.js","names":["ToggleGroupPrimitive"],"sources":["../../packages/components/ui/toggle-group.tsx"],"sourcesContent":["'use client';\nimport { createContext, useContext } from 'react';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { toggleVariants } from '@/components/ui/toggle';\n\nimport { type VariantProps } from 'class-variance-authority';\nimport { ToggleGroup as ToggleGroupPrimitive } from 'radix-ui';\n\nconst ToggleGroupContext = createContext<VariantProps<typeof toggleVariants>>({\n  size: 'default',\n  variant: 'default',\n});\n\nfunction ToggleGroup({\n  className,\n  variant,\n  size,\n  children,\n  ...props\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants>) {\n  return (\n    <ToggleGroupPrimitive.Root\n      data-slot=\"toggle-group\"\n      data-variant={variant}\n      data-size={size}\n      className={cn('group/toggle-group flex w-fit items-center rounded-md data-[variant=outline]:shadow-xs', className)}\n      {...props}\n    >\n      <ToggleGroupContext.Provider value={{ variant, size }}>{children}</ToggleGroupContext.Provider>\n    </ToggleGroupPrimitive.Root>\n  );\n}\n\nfunction ToggleGroupItem({\n  className,\n  children,\n  variant,\n  size,\n  ...props\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>) {\n  const context = useContext(ToggleGroupContext);\n\n  return (\n    <ToggleGroupPrimitive.Item\n      data-slot=\"toggle-group-item\"\n      data-variant={context.variant || variant}\n      data-size={context.size || size}\n      className={cn(\n        toggleVariants({\n          variant: context.variant || variant,\n          size: context.size || size,\n        }),\n        'min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-l-md last:rounded-r-md focus:z-10 focus-visible:z-10 data-[variant=outline]:border-l-0 data-[variant=outline]:first:border-l',\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </ToggleGroupPrimitive.Item>\n  );\n}\n\nexport { ToggleGroup, ToggleGroupItem };\n"],"mappings":"iRASA,MAAM,EAAqB,EAAmD,CAC5E,KAAM,UACN,QAAS,UACV,CAAC,CAEF,SAAS,EAAY,CACnB,YACA,UACA,OACA,WACA,GAAG,GAC4F,CAC/F,OACE,EAACA,EAAqB,KAAA,CACpB,YAAU,eACV,eAAc,EACd,YAAW,EACX,UAAW,EAAG,yFAA0F,EAAU,CAClH,GAAI,WAEJ,EAAC,EAAmB,SAAA,CAAS,MAAO,CAAE,UAAS,OAAM,CAAG,YAAuC,EACrE,CAIhC,SAAS,EAAgB,CACvB,YACA,WACA,UACA,OACA,GAAG,GAC4F,CAC/F,IAAM,EAAU,EAAW,EAAmB,CAE9C,OACE,EAACA,EAAqB,KAAA,CACpB,YAAU,oBACV,eAAc,EAAQ,SAAW,EACjC,YAAW,EAAQ,MAAQ,EAC3B,UAAW,EACT,EAAe,CACb,QAAS,EAAQ,SAAW,EAC5B,KAAM,EAAQ,MAAQ,EACvB,CAAC,CACF,8LACA,EACD,CACD,GAAI,EAEH,YACyB"}
+{"version":3,"file":"toggle-group.js","names":["ToggleGroupPrimitive"],"sources":["../../packages/components/ui/toggle-group.tsx"],"sourcesContent":["'use client';\nimport { createContext, use } from 'react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport type { VariantProps } from 'class-variance-authority';\nimport { ToggleGroup as ToggleGroupPrimitive } from 'radix-ui';\nimport { toggleVariants } from '@/components/ui/toggle';\n\nconst ToggleGroupContext = createContext<VariantProps<typeof toggleVariants>>({\n  size: 'default',\n  variant: 'default',\n});\n\nfunction ToggleGroup({\n  className,\n  variant,\n  size,\n  children,\n  ...props\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants>) {\n  return (\n    <ToggleGroupPrimitive.Root\n      data-slot=\"toggle-group\"\n      data-variant={variant}\n      data-size={size}\n      className={cn('group/toggle-group flex w-fit items-center rounded-md data-[variant=outline]:shadow-xs', className)}\n      {...props}\n    >\n      <ToggleGroupContext.Provider value={{ variant, size }}>{children}</ToggleGroupContext.Provider>\n    </ToggleGroupPrimitive.Root>\n  );\n}\n\nfunction ToggleGroupItem({\n  className,\n  children,\n  variant,\n  size,\n  ...props\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>) {\n  const context = use(ToggleGroupContext);\n\n  return (\n    <ToggleGroupPrimitive.Item\n      data-slot=\"toggle-group-item\"\n      data-variant={context.variant || variant}\n      data-size={context.size || size}\n      className={cn(\n        toggleVariants({\n          variant: context.variant || variant,\n          size: context.size || size,\n        }),\n        'min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-l-md last:rounded-r-md focus:z-10 focus-visible:z-10 data-[variant=outline]:border-l-0 data-[variant=outline]:first:border-l',\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </ToggleGroupPrimitive.Item>\n  );\n}\n\nexport { ToggleGroup, ToggleGroupItem };\n"],"mappings":"yOASA,MAAM,EAAqB,EAAmD,CAC5E,KAAM,UACN,QAAS,UACV,CAAC,CAEF,SAAS,EAAY,CACnB,YACA,UACA,OACA,WACA,GAAG,GAC4F,CAC/F,OACE,EAACA,EAAqB,KAAA,CACpB,YAAU,eACV,eAAc,EACd,YAAW,EACX,UAAW,EAAG,yFAA0F,EAAU,CAClH,GAAI,WAEJ,EAAC,EAAmB,SAAA,CAAS,MAAO,CAAE,UAAS,OAAM,CAAG,YAAuC,EACrE,CAIhC,SAAS,EAAgB,CACvB,YACA,WACA,UACA,OACA,GAAG,GAC4F,CAC/F,IAAM,EAAU,EAAI,EAAmB,CAEvC,OACE,EAACA,EAAqB,KAAA,CACpB,YAAU,oBACV,eAAc,EAAQ,SAAW,EACjC,YAAW,EAAQ,MAAQ,EAC3B,UAAW,EACT,EAAe,CACb,QAAS,EAAQ,SAAW,EAC5B,KAAM,EAAQ,MAAQ,EACvB,CAAC,CACF,8LACA,EACD,CACD,GAAI,EAEH,YACyB"}

package/dist/ui/toggle.cjs

@@ -1 +1 @@
-"use client";const e=require(`../toggle-B4tN-0IO.cjs`);exports.Toggle=e.t,exports.toggleVariants=e.n;
+"use client";const e=require(`../toggle-CvwbDli7.cjs`);exports.Toggle=e.t,exports.toggleVariants=e.n;

package/dist/ui/toggle.js

@@ -1 +1 @@
-"use client";import{n as e,t}from"../toggle-BFGMDMh6.js";export{t as Toggle,e as toggleVariants};
+"use client";import{n as e,t}from"../toggle-BzWSt1Ml.js";export{t as Toggle,e as toggleVariants};

package/dist/ui/tooltip-BxDA-RoN.d.cts

@@ -0,0 +1,2 @@
+import { i as TooltipTrigger, n as TooltipContent, r as TooltipProvider, t as Tooltip } from "../tooltip-YQwaK8l3.cjs";
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/dist/ui/tooltip-o_RsYlUY.d.ts

@@ -0,0 +1,2 @@
+import { i as TooltipTrigger, n as TooltipContent, r as TooltipProvider, t as Tooltip } from "../tooltip-DR6y2b7P.js";
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/dist/ui/tooltip.cjs

@@ -1 +1 @@
-"use client";const e=require(`../tooltip-GiGkjS_8.cjs`);exports.Tooltip=e.t,exports.TooltipContent=e.n,exports.TooltipProvider=e.r,exports.TooltipTrigger=e.i;
+"use client";const e=require(`../tooltip-zYWazsY5.cjs`);exports.Tooltip=e.t,exports.TooltipContent=e.n,exports.TooltipProvider=e.r,exports.TooltipTrigger=e.i;

package/dist/ui/tooltip.js

@@ -1 +1 @@
-"use client";import{i as e,n as t,r as n,t as r}from"../tooltip-Ci4vGJVw.js";export{r as Tooltip,t as TooltipContent,n as TooltipProvider,e as TooltipTrigger};
+"use client";import{i as e,n as t,r as n,t as r}from"../tooltip-ceiBtqIu.js";export{r as Tooltip,t as TooltipContent,n as TooltipProvider,e as TooltipTrigger};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@customafk/lunas-ui",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "UI library for Lunas Enterprise",
   "type": "module",
   "author": {
@@ -459,11 +459,15 @@
     "build-storybook": "storybook build"
   },
   "peerDependencies": {
-    "@customafk/react-toolkit": "0.0.10",
+    "@customafk/react-toolkit": "0.0.19",
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/modifiers": "^9.0.0",
+    "@dnd-kit/sortable": "^10.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
     "@hookform/error-message": "^2.0.0",
     "@react-oauth/google": "^0.12.0",
     "@tailwindcss/vite": "^4.1.0",
-    "@tanstack/react-form": "^1.23.7",
+    "@tanstack/react-form": "^1.26.0",
     "@tanstack/react-table": "^8.21.0",
     "@tanstack/react-virtual": "^3.13.12",
     "class-variance-authority": "^0.7.0",
@@ -471,6 +475,7 @@
     "embla-carousel-react": "^8.6.0",
     "input-otp": "^1.4.0",
     "lucide-react": "^0.541.0",
+    "nanoid": "^5.1.6",
     "next-themes": "^0.4.6",
     "radix-ui": "^1.4.0",
     "react": "^19.2.0",
@@ -484,16 +489,16 @@
     "tailwind-merge": "^3.3.0",
     "tailwindcss": "^4.1.0",
     "tw-animate-css": "^1.3.0",
-    "zod": "^3.25.0 || ^4.0.0",
+    "zod": "^4.1.3",
     "vaul": "^1.1.2"
   },
   "devDependencies": {
-    "@biomejs/biome": "^2.2.6",
-    "@storybook/addon-a11y": "^9.1.3",
-    "@storybook/addon-docs": "^9.1.3",
-    "@storybook/addon-onboarding": "^9.1.3",
-    "@storybook/addon-themes": "^9.1.3",
-    "@storybook/react-vite": "^9.1.3",
+    "@biomejs/biome": "^2.3.7",
+    "@storybook/addon-a11y": "^10.1.0-alpha.0",
+    "@storybook/addon-docs": "^10.1.0-alpha.0",
+    "@storybook/addon-onboarding": "^10.1.0-alpha.0",
+    "@storybook/addon-themes": "^10.1.0-alpha.0",
+    "@storybook/react-vite": "^10.1.0-alpha.0",
     "@types/react": "*",
     "@types/react-dom": "*",
     "@vitejs/plugin-react": "^4.4.1",

package/styles/base.css

@@ -16,9 +16,6 @@
     -moz-osx-font-smoothing: grayscale;
   }
   /* Custom scrollbar styling. Thanks @pranathiperii. */
-  ::-webkit-scrollbar {
-    width: 0.375rem;
-  }
   ::-webkit-scrollbar-track {
     background: transparent;
   }

package/styles/theme.css

@@ -14,52 +14,64 @@
   --primary-weak: oklch(0.81 0.1 294); /* --color-violet-300 */
   --primary-strong: oklch(0.49 0.24 293); /* --color-violet-700 */
   --primary-intense: oklch(0.38 0.18 294); /* --color-violet-900 */
-  --primary-bg-subtle: oklch(0.94 0.03 295); /* --color-violet-100 */
+  --primary-bg-subtle: oklch(0.97 0.02 294); /* --color-violet-50 */
   --primary-border-subtle: oklch(0.81 0.10 294); /* --color-zinc-300 */
 
   --secondary: oklch(0.55 0.02 264); /* --color-gray-500 */
   --secondary-muted: oklch(0.97 0 265); /* --color-gray-100 */
   --secondary-weak: oklch(0.87 0.01 258); /* --color-gray-300 */
-  --secondary-strong: oklch(0.28 0.03 257); /* --color-gray-800 */
+  --secondary-strong: oklch(0.37 0.03 260); /* --color-gray-700 */
   --secondary-intense: oklch(0.13 0.03 262); /* --color-gray-950 */
-  --secondary-bg-subtle: oklch(0.97 0 265); /* --color-gray-100 */
+  --secondary-bg-subtle: oklch(0.98 0.00 248); /* --color-gray-50 */
   --secondary-border-subtle: oklch(0.87 0.01 258); /* --color-gray-300 */
 
   --muted: oklch(0.55 0.01 286); /* --color-zinc-500 */
-  --muted-muted: oklch(0.97 0 286); /* --color-zinc-100 */
+  --muted-muted: oklch(0.97 0.00 286); /* --color-zinc-100 */
   --muted-weak: oklch(0.87 0.01 286); /* --color-zinc-300 */
   --muted-strong: oklch(0.37 0.01 286); /* --color-zinc-700 */
   --muted-intense: oklch(0.21 0.01 286); /* --color-zinc-900 */
+  --muted-bg-subtle: oklch(0.99 0.00 0); /* --color-zinc-50 */
+  --muted-border-subtle: oklch(0.87 0.01 286); /* --color-zinc-300 */
 
   --accent: oklch(0.55 0.04 257); /* --color-slate-500 */
   --accent-muted: oklch(0.97 0.01 248); /* --color-slate-100 */
   --accent-weak: oklch(0.87 0.02 253); /* --color-slate-300 */
   --accent-strong: oklch(0.37 0.04 257); /* --color-slate-700 */
   --accent-intense: oklch(0.21 0.04 266); /* --color-slate-900 */
+  --accent-bg-subtle: oklch(0.98 0.00 248); /* --color-slate-50 */
+  --accent-border-subtle: oklch(0.87 0.02 253); /* --color-slate-300 */
 
   --info: oklch(0.62 0.19 260); /* --color-blue-500 */
   --info-muted: oklch(0.93 0.03 256); /* --color-blue-100 */
   --info-weak: oklch(0.81 0.1 252); /* --color-blue-300 */
   --info-strong: oklch(0.49 0.22 264); /* --color-blue-700 */
   --info-intense: oklch(0.38 0.14 266); /* --color-blue-900 */
+  --info-bg-subtle: oklch(0.97 0.01 255); /* --color-blue-50 */
+  --info-border-subtle: oklch(0.81 0.10 252); /* --color-blue-300 */
 
   --success: oklch(0.72 0.19 150); /* --color-green-500 */
   --success-muted: oklch(0.96 0.04 157); /* --color-green-100 */
-  --success-weak: oklch(0.8 0.18 152); /* --color-green-400 */
-  --success-strong: oklch(0.63 0.17 149); /* --color-green-600 */
-  --success-intense: oklch(0.53 0.14 150); /* --color-green-750 */
+  --success-weak: oklch(0.87 0.14 154); /* --color-green-300 */
+  --success-strong: oklch(0.53 0.14 150); /* --color-green-700 */
+  --success-intense: oklch(0.39 0.09 153); /* --color-green-900 */
+  --success-bg-subtle: oklch(0.98 0.02 156); /* --color-green-50 */
+  --success-border-subtle: oklch(0.87 0.14 154); /* --color-green-300 */
 
   --warning: oklch(0.77 0.16 70); /* --color-amber-500 */
   --warning-muted: oklch(0.96 0.06 96); /* --color-amber-100 */
-  --warning-weak: oklch(0.84 0.16 84); /* --color-amber-400 */
-  --warning-strong: oklch(0.67 0.16 58); /* --color-amber-600 */
-  --warning-intense: oklch(0.56 0.15 49); /* --color-amber-700 */
+  --warning-weak: oklch(0.88 0.15 92); /* --color-amber-300 */
+  --warning-strong: oklch(0.56 0.15 49); /* --color-amber-700 */
+  --warning-intense: oklch(0.41 0.11 46); /* --color-amber-900 */
+  --warning-bg-subtle: oklch(0.99 0.02 95); /* --color-amber-50 */
+  --warning-border-subtle: oklch(0.88 0.15 92); /* --color-amber-300 */
 
   --danger: oklch(0.64 0.21 25); /* --color-red-500 */
   --danger-muted: oklch(0.94 0.03 18); /* --color-red-100 */
-  --danger-weak: oklch(0.81 0.10 20); /* --color-red-400 */
-  --danger-strong: oklch(0.58 0.22 27); /* --color-red-600 */
-  --danger-intense: oklch(0.51 0.19 28); /* --color-red-700 */
+  --danger-weak: oklch(0.81 0.10 20); /* --color-red-300 */
+  --danger-strong: oklch(0.51 0.19 28); /* --color-red-700 */
+  --danger-intense: oklch(0.40 0.13 26); /* --color-red-900 */
+  --danger-bg-subtle: oklch(0.97 0.01 17); /* --color-red-50 */
+  --danger-border-subtle: oklch(0.81 0.10 20); /* --color-red-300 */
 
   --text-positive: oklch(0.37 0.01 286); /* --color-zinc-700 */
   --text-positive-muted: oklch(0.87 0.01 286); /* --color-zinc-300 */

package/dist/add-new-Ba_59G-R.cjs

@@ -1,2 +0,0 @@
-const e=require(`./chunk-DjWAcSYV.cjs`),t=require(`./button-BKgDCyHZ.cjs`),n=require(`./paragraph-Dh4JbICu.cjs`);let r=require(`lucide-react`);r=e.t(r);let i=require(`react/jsx-runtime`);i=e.t(i);const a=({onClick:e=()=>{}})=>(0,i.jsxs)(t.t,{"aria-label":`Tạo mới`,variant:`outline`,color:`muted`,className:`outline-border-weak max-sm:aspect-square max-sm:size-9 max-sm:p-0`,onClick:e,children:[(0,i.jsx)(r.PlusIcon,{className:`opacity-60 sm:-ms-1`,size:16,"aria-hidden":`true`}),(0,i.jsx)(n.t,{variant:`sm`,className:`max-sm:sr-only`,children:`Create`})]});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
-//# sourceMappingURL=add-new-Ba_59G-R.cjs.map

package/dist/add-new-Ba_59G-R.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"add-new-Ba_59G-R.cjs","names":["AddNewBtn: React.FC<React.PropsWithChildren<Props>>","Button","PlusIcon","Paragraph"],"sources":["../packages/components/ui/buttons/add-new.tsx"],"sourcesContent":["import { PlusIcon } from 'lucide-react';\n\nimport { Paragraph } from '@/components/typography/paragraph';\n\nimport { Button } from '../button';\n\ntype Props = {\n  onClick?: () => void;\n};\nexport const AddNewBtn: React.FC<React.PropsWithChildren<Props>> = ({ onClick = () => {} }) => {\n  return (\n    <Button\n      aria-label=\"Tạo mới\"\n      variant=\"outline\"\n      color=\"muted\"\n      className=\"outline-border-weak max-sm:aspect-square max-sm:size-9 max-sm:p-0\"\n      onClick={onClick}\n    >\n      <PlusIcon className=\"opacity-60 sm:-ms-1\" size={16} aria-hidden=\"true\" />\n      <Paragraph variant=\"sm\" className=\"max-sm:sr-only\">\n        Create\n      </Paragraph>\n    </Button>\n  );\n};\n"],"mappings":"oMASA,MAAaA,GAAuD,CAAE,cAAgB,OAElF,EAAA,EAAA,MAACC,EAAAA,EAAAA,CACC,aAAW,UACX,QAAQ,UACR,MAAM,QACN,UAAU,oEACD,qBAET,EAAA,EAAA,KAACC,EAAAA,SAAAA,CAAS,UAAU,sBAAsB,KAAM,GAAI,cAAY,QAAS,EACzE,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAU,QAAQ,KAAK,UAAU,0BAAiB,UAEvC,CAAA,EACL"}

package/dist/add-new-D1tUIn0B.js

@@ -1,2 +0,0 @@
-import{t as e}from"./button-dQ8MuLKP.js";import{t}from"./paragraph-2PTh7dL2.js";import{PlusIcon as n}from"lucide-react";import{jsx as r,jsxs as i}from"react/jsx-runtime";const a=({onClick:a=()=>{}})=>i(e,{"aria-label":`Tạo mới`,variant:`outline`,color:`muted`,className:`outline-border-weak max-sm:aspect-square max-sm:size-9 max-sm:p-0`,onClick:a,children:[r(n,{className:`opacity-60 sm:-ms-1`,size:16,"aria-hidden":`true`}),r(t,{variant:`sm`,className:`max-sm:sr-only`,children:`Create`})]});export{a as t};
-//# sourceMappingURL=add-new-D1tUIn0B.js.map

package/dist/add-new-D1tUIn0B.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"add-new-D1tUIn0B.js","names":["AddNewBtn: React.FC<React.PropsWithChildren<Props>>"],"sources":["../packages/components/ui/buttons/add-new.tsx"],"sourcesContent":["import { PlusIcon } from 'lucide-react';\n\nimport { Paragraph } from '@/components/typography/paragraph';\n\nimport { Button } from '../button';\n\ntype Props = {\n  onClick?: () => void;\n};\nexport const AddNewBtn: React.FC<React.PropsWithChildren<Props>> = ({ onClick = () => {} }) => {\n  return (\n    <Button\n      aria-label=\"Tạo mới\"\n      variant=\"outline\"\n      color=\"muted\"\n      className=\"outline-border-weak max-sm:aspect-square max-sm:size-9 max-sm:p-0\"\n      onClick={onClick}\n    >\n      <PlusIcon className=\"opacity-60 sm:-ms-1\" size={16} aria-hidden=\"true\" />\n      <Paragraph variant=\"sm\" className=\"max-sm:sr-only\">\n        Create\n      </Paragraph>\n    </Button>\n  );\n};\n"],"mappings":"0KASA,MAAaA,GAAuD,CAAE,cAAgB,MAElF,EAAC,EAAA,CACC,aAAW,UACX,QAAQ,UACR,MAAM,QACN,UAAU,oEACD,oBAET,EAAC,EAAA,CAAS,UAAU,sBAAsB,KAAM,GAAI,cAAY,QAAS,CACzE,EAAC,EAAA,CAAU,QAAQ,KAAK,UAAU,0BAAiB,UAEvC,CAAA,EACL"}

package/dist/alert-dialog-Cblv2aDd.js

@@ -1,2 +0,0 @@
-import{t as e}from"./button-variants-D1PJJEST.js";import{cn as t}from"@customafk/react-toolkit/utils";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{AlertDialog as i}from"radix-ui";function a({...e}){return n(i.Root,{"data-slot":`alert-dialog`,...e})}function o({...e}){return n(i.Trigger,{"data-slot":`alert-dialog-trigger`,...e})}function s({...e}){return n(i.Portal,{"data-slot":`alert-dialog-portal`,...e})}function c({className:e,...r}){return n(i.Overlay,{"data-slot":`alert-dialog-overlay`,style:{pointerEvents:`none`},className:t(`fixed inset-0 z-50 bg-black/50`,`data-[state=open]:animate-in`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0`,`data-[state=open]:fade-in-0`,e),...r})}function l({className:e,...a}){return r(s,{children:[n(c,{}),n(i.Content,{"data-slot":`alert-dialog-content`,className:t(`bg-background`,`fixed z-50`,`top-1/2 left-1/2 -translate-1/2`,`grid w-full max-w-[calc(100%-2rem)] sm:max-w-lg`,`gap-4 rounded-lg p-6 shadow-lg duration-200`,`data-[state=open]:animate-in`,`data-[state=open]:fade-in-0`,`data-[state=open]:zoom-in-95`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0`,`data-[state=closed]:zoom-out-95`,e),...a})]})}function u({className:e,...r}){return n(`div`,{"data-slot":`alert-dialog-header`,className:t(`flex flex-col gap-2 text-center sm:text-left`,e),...r})}function d({className:e,...r}){return n(`div`,{"data-slot":`alert-dialog-footer`,className:t(`flex flex-col-reverse gap-2 sm:flex-row sm:justify-end`,e),...r})}function f({className:e,...r}){return n(i.Title,{"data-slot":`alert-dialog-title`,className:t(`text-text-positive-strong text-lg font-semibold`,e),...r})}function p({className:e,...r}){return n(i.Description,{"data-slot":`alert-dialog-description`,className:t(`text-text-positive-weak text-sm`,e),...r})}function m({className:r,...a}){return n(i.Action,{className:t(e(),`min-w-24`,r),...a,autoFocus:!0,tabIndex:1})}function h({className:r,...a}){return n(i.Cancel,{className:t(e({variant:`outline`,color:`muted`}),`min-w-24`,r),...a})}export{p as a,c,o as d,l as i,s as l,m as n,d as o,h as r,u as s,a as t,f as u};
-//# sourceMappingURL=alert-dialog-Cblv2aDd.js.map

package/dist/alert-dialog-Cblv2aDd.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"alert-dialog-Cblv2aDd.js","names":["AlertDialog","AlertDialogPrimitive"],"sources":["../packages/components/ui/alert-dialog.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { AlertDialog as AlertDialogPrimitive } from 'radix-ui';\nimport { buttonVariants } from './button-variants';\n\nfunction AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>) {\n  return <AlertDialogPrimitive.Root data-slot=\"alert-dialog\" {...props} />;\n}\n\nfunction AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>) {\n  return <AlertDialogPrimitive.Trigger data-slot=\"alert-dialog-trigger\" {...props} />;\n}\n\nfunction AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>) {\n  return <AlertDialogPrimitive.Portal data-slot=\"alert-dialog-portal\" {...props} />;\n}\n\nfunction AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>) {\n  return (\n    <AlertDialogPrimitive.Overlay\n      data-slot=\"alert-dialog-overlay\"\n      style={{ pointerEvents: 'none' }}\n      className={cn(\n        'fixed inset-0 z-50 bg-black/50',\n        'data-[state=open]:animate-in',\n        'data-[state=closed]:animate-out',\n        'data-[state=closed]:fade-out-0',\n        'data-[state=open]:fade-in-0',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDialogContent({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Content>) {\n  return (\n    <AlertDialogPortal>\n      <AlertDialogOverlay />\n      <AlertDialogPrimitive.Content\n        data-slot=\"alert-dialog-content\"\n        className={cn(\n          'bg-background',\n          'fixed z-50',\n          'top-1/2 left-1/2 -translate-1/2',\n          'grid w-full max-w-[calc(100%-2rem)] sm:max-w-lg',\n          'gap-4 rounded-lg p-6 shadow-lg duration-200',\n          'data-[state=open]:animate-in',\n          'data-[state=open]:fade-in-0',\n          'data-[state=open]:zoom-in-95',\n          'data-[state=closed]:animate-out',\n          'data-[state=closed]:fade-out-0',\n          'data-[state=closed]:zoom-out-95',\n          className\n        )}\n        {...props}\n      />\n    </AlertDialogPortal>\n  );\n}\n\nfunction AlertDialogHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"alert-dialog-header\" className={cn('flex flex-col gap-2 text-center sm:text-left', className)} {...props} />;\n}\n\nfunction AlertDialogFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"alert-dialog-footer\" className={cn('flex flex-col-reverse gap-2 sm:flex-row sm:justify-end', className)} {...props} />;\n}\n\nfunction AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>) {\n  return <AlertDialogPrimitive.Title data-slot=\"alert-dialog-title\" className={cn('text-text-positive-strong text-lg font-semibold', className)} {...props} />;\n}\n\nfunction AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>) {\n  return <AlertDialogPrimitive.Description data-slot=\"alert-dialog-description\" className={cn('text-text-positive-weak text-sm', className)} {...props} />;\n}\n\nfunction AlertDialogAction({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Action>) {\n  return <AlertDialogPrimitive.Action className={cn(buttonVariants(), 'min-w-24', className)} {...props} autoFocus tabIndex={1} />;\n}\n\nfunction AlertDialogCancel({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>) {\n  return <AlertDialogPrimitive.Cancel className={cn(buttonVariants({ variant: 'outline', color: 'muted' }), 'min-w-24', className)} {...props} />;\n}\n\nexport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogOverlay,\n  AlertDialogPortal,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n};\n"],"mappings":"+LAOA,SAASA,EAAY,CAAE,GAAG,GAAiE,CACzF,OAAO,EAACC,EAAqB,KAAA,CAAK,YAAU,eAAe,GAAI,GAAS,CAG1E,SAAS,EAAmB,CAAE,GAAG,GAAoE,CACnG,OAAO,EAACA,EAAqB,QAAA,CAAQ,YAAU,uBAAuB,GAAI,GAAS,CAGrF,SAAS,EAAkB,CAAE,GAAG,GAAmE,CACjG,OAAO,EAACA,EAAqB,OAAA,CAAO,YAAU,sBAAsB,GAAI,GAAS,CAGnF,SAAS,EAAmB,CAAE,YAAW,GAAG,GAAoE,CAC9G,OACE,EAACA,EAAqB,QAAA,CACpB,YAAU,uBACV,MAAO,CAAE,cAAe,OAAQ,CAChC,UAAW,EACT,iCACA,+BACA,kCACA,iCACA,8BACA,EACD,CACD,GAAI,GACJ,CAIN,SAAS,EAAmB,CAAE,YAAW,GAAG,GAAoE,CAC9G,OACE,EAAC,EAAA,CAAA,SAAA,CACC,EAAC,EAAA,EAAA,CAAqB,CACtB,EAACA,EAAqB,QAAA,CACpB,YAAU,uBACV,UAAW,EACT,gBACA,aACA,kCACA,kDACA,8CACA,+BACA,8BACA,+BACA,kCACA,iCACA,kCACA,EACD,CACD,GAAI,GACJ,CAAA,CAAA,CACgB,CAIxB,SAAS,EAAkB,CAAE,YAAW,GAAG,GAAsC,CAC/E,OAAO,EAAC,MAAA,CAAI,YAAU,sBAAsB,UAAW,EAAG,+CAAgD,EAAU,CAAE,GAAI,GAAS,CAGrI,SAAS,EAAkB,CAAE,YAAW,GAAG,GAAsC,CAC/E,OAAO,EAAC,MAAA,CAAI,YAAU,sBAAsB,UAAW,EAAG,yDAA0D,EAAU,CAAE,GAAI,GAAS,CAG/I,SAAS,EAAiB,CAAE,YAAW,GAAG,GAAkE,CAC1G,OAAO,EAACA,EAAqB,MAAA,CAAM,YAAU,qBAAqB,UAAW,EAAG,kDAAmD,EAAU,CAAE,GAAI,GAAS,CAG9J,SAAS,EAAuB,CAAE,YAAW,GAAG,GAAwE,CACtH,OAAO,EAACA,EAAqB,YAAA,CAAY,YAAU,2BAA2B,UAAW,EAAG,kCAAmC,EAAU,CAAE,GAAI,GAAS,CAG1J,SAAS,EAAkB,CAAE,YAAW,GAAG,GAAmE,CAC5G,OAAO,EAACA,EAAqB,OAAA,CAAO,UAAW,EAAG,GAAgB,CAAE,WAAY,EAAU,CAAE,GAAI,EAAO,UAAA,GAAU,SAAU,GAAK,CAGlI,SAAS,EAAkB,CAAE,YAAW,GAAG,GAAmE,CAC5G,OAAO,EAACA,EAAqB,OAAA,CAAO,UAAW,EAAG,EAAe,CAAE,QAAS,UAAW,MAAO,QAAS,CAAC,CAAE,WAAY,EAAU,CAAE,GAAI,GAAS"}

package/dist/alert-dialog-G8BofEhu.cjs

@@ -1,2 +0,0 @@
-const e=require(`./chunk-DjWAcSYV.cjs`),t=require(`./button-variants-BebiEdiS.cjs`);let n=require(`@customafk/react-toolkit/utils`);n=e.t(n);let r=require(`react/jsx-runtime`);r=e.t(r);let i=require(`radix-ui`);i=e.t(i);function a({...e}){return(0,r.jsx)(i.AlertDialog.Root,{"data-slot":`alert-dialog`,...e})}function o({...e}){return(0,r.jsx)(i.AlertDialog.Trigger,{"data-slot":`alert-dialog-trigger`,...e})}function s({...e}){return(0,r.jsx)(i.AlertDialog.Portal,{"data-slot":`alert-dialog-portal`,...e})}function c({className:e,...t}){return(0,r.jsx)(i.AlertDialog.Overlay,{"data-slot":`alert-dialog-overlay`,style:{pointerEvents:`none`},className:(0,n.cn)(`fixed inset-0 z-50 bg-black/50`,`data-[state=open]:animate-in`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0`,`data-[state=open]:fade-in-0`,e),...t})}function l({className:e,...t}){return(0,r.jsxs)(s,{children:[(0,r.jsx)(c,{}),(0,r.jsx)(i.AlertDialog.Content,{"data-slot":`alert-dialog-content`,className:(0,n.cn)(`bg-background`,`fixed z-50`,`top-1/2 left-1/2 -translate-1/2`,`grid w-full max-w-[calc(100%-2rem)] sm:max-w-lg`,`gap-4 rounded-lg p-6 shadow-lg duration-200`,`data-[state=open]:animate-in`,`data-[state=open]:fade-in-0`,`data-[state=open]:zoom-in-95`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0`,`data-[state=closed]:zoom-out-95`,e),...t})]})}function u({className:e,...t}){return(0,r.jsx)(`div`,{"data-slot":`alert-dialog-header`,className:(0,n.cn)(`flex flex-col gap-2 text-center sm:text-left`,e),...t})}function d({className:e,...t}){return(0,r.jsx)(`div`,{"data-slot":`alert-dialog-footer`,className:(0,n.cn)(`flex flex-col-reverse gap-2 sm:flex-row sm:justify-end`,e),...t})}function f({className:e,...t}){return(0,r.jsx)(i.AlertDialog.Title,{"data-slot":`alert-dialog-title`,className:(0,n.cn)(`text-text-positive-strong text-lg font-semibold`,e),...t})}function p({className:e,...t}){return(0,r.jsx)(i.AlertDialog.Description,{"data-slot":`alert-dialog-description`,className:(0,n.cn)(`text-text-positive-weak text-sm`,e),...t})}function m({className:e,...a}){return(0,r.jsx)(i.AlertDialog.Action,{className:(0,n.cn)(t.t(),`min-w-24`,e),...a,autoFocus:!0,tabIndex:1})}function h({className:e,...a}){return(0,r.jsx)(i.AlertDialog.Cancel,{className:(0,n.cn)(t.t({variant:`outline`,color:`muted`}),`min-w-24`,e),...a})}Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`d`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`u`,{enumerable:!0,get:function(){return f}});
-//# sourceMappingURL=alert-dialog-G8BofEhu.cjs.map

package/dist/alert-dialog-G8BofEhu.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"alert-dialog-G8BofEhu.cjs","names":["AlertDialogPrimitive","buttonVariants"],"sources":["../packages/components/ui/alert-dialog.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { AlertDialog as AlertDialogPrimitive } from 'radix-ui';\nimport { buttonVariants } from './button-variants';\n\nfunction AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>) {\n  return <AlertDialogPrimitive.Root data-slot=\"alert-dialog\" {...props} />;\n}\n\nfunction AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>) {\n  return <AlertDialogPrimitive.Trigger data-slot=\"alert-dialog-trigger\" {...props} />;\n}\n\nfunction AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>) {\n  return <AlertDialogPrimitive.Portal data-slot=\"alert-dialog-portal\" {...props} />;\n}\n\nfunction AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>) {\n  return (\n    <AlertDialogPrimitive.Overlay\n      data-slot=\"alert-dialog-overlay\"\n      style={{ pointerEvents: 'none' }}\n      className={cn(\n        'fixed inset-0 z-50 bg-black/50',\n        'data-[state=open]:animate-in',\n        'data-[state=closed]:animate-out',\n        'data-[state=closed]:fade-out-0',\n        'data-[state=open]:fade-in-0',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AlertDialogContent({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Content>) {\n  return (\n    <AlertDialogPortal>\n      <AlertDialogOverlay />\n      <AlertDialogPrimitive.Content\n        data-slot=\"alert-dialog-content\"\n        className={cn(\n          'bg-background',\n          'fixed z-50',\n          'top-1/2 left-1/2 -translate-1/2',\n          'grid w-full max-w-[calc(100%-2rem)] sm:max-w-lg',\n          'gap-4 rounded-lg p-6 shadow-lg duration-200',\n          'data-[state=open]:animate-in',\n          'data-[state=open]:fade-in-0',\n          'data-[state=open]:zoom-in-95',\n          'data-[state=closed]:animate-out',\n          'data-[state=closed]:fade-out-0',\n          'data-[state=closed]:zoom-out-95',\n          className\n        )}\n        {...props}\n      />\n    </AlertDialogPortal>\n  );\n}\n\nfunction AlertDialogHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"alert-dialog-header\" className={cn('flex flex-col gap-2 text-center sm:text-left', className)} {...props} />;\n}\n\nfunction AlertDialogFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"alert-dialog-footer\" className={cn('flex flex-col-reverse gap-2 sm:flex-row sm:justify-end', className)} {...props} />;\n}\n\nfunction AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>) {\n  return <AlertDialogPrimitive.Title data-slot=\"alert-dialog-title\" className={cn('text-text-positive-strong text-lg font-semibold', className)} {...props} />;\n}\n\nfunction AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>) {\n  return <AlertDialogPrimitive.Description data-slot=\"alert-dialog-description\" className={cn('text-text-positive-weak text-sm', className)} {...props} />;\n}\n\nfunction AlertDialogAction({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Action>) {\n  return <AlertDialogPrimitive.Action className={cn(buttonVariants(), 'min-w-24', className)} {...props} autoFocus tabIndex={1} />;\n}\n\nfunction AlertDialogCancel({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>) {\n  return <AlertDialogPrimitive.Cancel className={cn(buttonVariants({ variant: 'outline', color: 'muted' }), 'min-w-24', className)} {...props} />;\n}\n\nexport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogOverlay,\n  AlertDialogPortal,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n};\n"],"mappings":"4NAOA,SAAS,EAAY,CAAE,GAAG,GAAiE,CACzF,OAAO,EAAA,EAAA,KAACA,EAAAA,YAAqB,KAAA,CAAK,YAAU,eAAe,GAAI,GAAS,CAG1E,SAAS,EAAmB,CAAE,GAAG,GAAoE,CACnG,OAAO,EAAA,EAAA,KAACA,EAAAA,YAAqB,QAAA,CAAQ,YAAU,uBAAuB,GAAI,GAAS,CAGrF,SAAS,EAAkB,CAAE,GAAG,GAAmE,CACjG,OAAO,EAAA,EAAA,KAACA,EAAAA,YAAqB,OAAA,CAAO,YAAU,sBAAsB,GAAI,GAAS,CAGnF,SAAS,EAAmB,CAAE,YAAW,GAAG,GAAoE,CAC9G,OACE,EAAA,EAAA,KAACA,EAAAA,YAAqB,QAAA,CACpB,YAAU,uBACV,MAAO,CAAE,cAAe,OAAQ,CAChC,WAAA,EAAA,EAAA,IACE,iCACA,+BACA,kCACA,iCACA,8BACA,EACD,CACD,GAAI,GACJ,CAIN,SAAS,EAAmB,CAAE,YAAW,GAAG,GAAoE,CAC9G,OACE,EAAA,EAAA,MAAC,EAAA,CAAA,SAAA,EACC,EAAA,EAAA,KAAC,EAAA,EAAA,CAAqB,EACtB,EAAA,EAAA,KAACA,EAAAA,YAAqB,QAAA,CACpB,YAAU,uBACV,WAAA,EAAA,EAAA,IACE,gBACA,aACA,kCACA,kDACA,8CACA,+BACA,8BACA,+BACA,kCACA,iCACA,kCACA,EACD,CACD,GAAI,GACJ,CAAA,CAAA,CACgB,CAIxB,SAAS,EAAkB,CAAE,YAAW,GAAG,GAAsC,CAC/E,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,sBAAsB,WAAA,EAAA,EAAA,IAAc,+CAAgD,EAAU,CAAE,GAAI,GAAS,CAGrI,SAAS,EAAkB,CAAE,YAAW,GAAG,GAAsC,CAC/E,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,YAAU,sBAAsB,WAAA,EAAA,EAAA,IAAc,yDAA0D,EAAU,CAAE,GAAI,GAAS,CAG/I,SAAS,EAAiB,CAAE,YAAW,GAAG,GAAkE,CAC1G,OAAO,EAAA,EAAA,KAACA,EAAAA,YAAqB,MAAA,CAAM,YAAU,qBAAqB,WAAA,EAAA,EAAA,IAAc,kDAAmD,EAAU,CAAE,GAAI,GAAS,CAG9J,SAAS,EAAuB,CAAE,YAAW,GAAG,GAAwE,CACtH,OAAO,EAAA,EAAA,KAACA,EAAAA,YAAqB,YAAA,CAAY,YAAU,2BAA2B,WAAA,EAAA,EAAA,IAAc,kCAAmC,EAAU,CAAE,GAAI,GAAS,CAG1J,SAAS,EAAkB,CAAE,YAAW,GAAG,GAAmE,CAC5G,OAAO,EAAA,EAAA,KAACA,EAAAA,YAAqB,OAAA,CAAO,WAAA,EAAA,EAAA,IAAcC,EAAAA,GAAgB,CAAE,WAAY,EAAU,CAAE,GAAI,EAAO,UAAA,GAAU,SAAU,GAAK,CAGlI,SAAS,EAAkB,CAAE,YAAW,GAAG,GAAmE,CAC5G,OAAO,EAAA,EAAA,KAACD,EAAAA,YAAqB,OAAA,CAAO,WAAA,EAAA,EAAA,IAAcC,EAAAA,EAAe,CAAE,QAAS,UAAW,MAAO,QAAS,CAAC,CAAE,WAAY,EAAU,CAAE,GAAI,GAAS"}

package/dist/avatar-COzsr2Pm.js

@@ -1,2 +0,0 @@
-import{cn as e}from"@customafk/react-toolkit/utils";import{jsx as t}from"react/jsx-runtime";import{Avatar as n}from"radix-ui";function r({className:r,...i}){return t(n.Root,{"data-slot":`avatar`,className:e(`relative flex size-8 shrink-0 overflow-hidden rounded-full`,r),...i})}function i({className:r,...i}){return t(n.Image,{"data-slot":`avatar-image`,className:e(`aspect-square size-full`,r),...i})}function a({className:r,...i}){return t(n.Fallback,{"data-slot":`avatar-fallback`,className:e(`bg-muted flex size-full items-center justify-center rounded-full`,r),...i})}export{a as n,i as r,r as t};
-//# sourceMappingURL=avatar-COzsr2Pm.js.map

package/dist/avatar-COzsr2Pm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"avatar-COzsr2Pm.js","names":["Avatar","AvatarPrimitive"],"sources":["../packages/components/ui/avatar.tsx"],"sourcesContent":["'use client';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Avatar as AvatarPrimitive } from 'radix-ui';\n\nfunction Avatar({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Root>) {\n  return <AvatarPrimitive.Root data-slot=\"avatar\" className={cn('relative flex size-8 shrink-0 overflow-hidden rounded-full', className)} {...props} />;\n}\n\nfunction AvatarImage({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>) {\n  return <AvatarPrimitive.Image data-slot=\"avatar-image\" className={cn('aspect-square size-full', className)} {...props} />;\n}\n\nfunction AvatarFallback({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Fallback>) {\n  return (\n    <AvatarPrimitive.Fallback\n      data-slot=\"avatar-fallback\"\n      className={cn('bg-muted flex size-full items-center justify-center rounded-full', className)}\n      {...props}\n    />\n  );\n}\n\nexport { Avatar, AvatarFallback, AvatarImage };\n"],"mappings":"8HAKA,SAASA,EAAO,CAAE,YAAW,GAAG,GAA4D,CAC1F,OAAO,EAACC,EAAgB,KAAA,CAAK,YAAU,SAAS,UAAW,EAAG,6DAA8D,EAAU,CAAE,GAAI,GAAS,CAGvJ,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OAAO,EAACA,EAAgB,MAAA,CAAM,YAAU,eAAe,UAAW,EAAG,0BAA2B,EAAU,CAAE,GAAI,GAAS,CAG3H,SAAS,EAAe,CAAE,YAAW,GAAG,GAAgE,CACtG,OACE,EAACA,EAAgB,SAAA,CACf,YAAU,kBACV,UAAW,EAAG,mEAAoE,EAAU,CAC5F,GAAI,GACJ"}

package/dist/avatar-CssLCe-L.cjs

@@ -1,2 +0,0 @@
-const e=require(`./chunk-DjWAcSYV.cjs`);let t=require(`@customafk/react-toolkit/utils`);t=e.t(t);let n=require(`react/jsx-runtime`);n=e.t(n);let r=require(`radix-ui`);r=e.t(r);function i({className:e,...i}){return(0,n.jsx)(r.Avatar.Root,{"data-slot":`avatar`,className:(0,t.cn)(`relative flex size-8 shrink-0 overflow-hidden rounded-full`,e),...i})}function a({className:e,...i}){return(0,n.jsx)(r.Avatar.Image,{"data-slot":`avatar-image`,className:(0,t.cn)(`aspect-square size-full`,e),...i})}function o({className:e,...i}){return(0,n.jsx)(r.Avatar.Fallback,{"data-slot":`avatar-fallback`,className:(0,t.cn)(`bg-muted flex size-full items-center justify-center rounded-full`,e),...i})}Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
-//# sourceMappingURL=avatar-CssLCe-L.cjs.map

package/dist/avatar-CssLCe-L.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"avatar-CssLCe-L.cjs","names":["AvatarPrimitive"],"sources":["../packages/components/ui/avatar.tsx"],"sourcesContent":["'use client';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Avatar as AvatarPrimitive } from 'radix-ui';\n\nfunction Avatar({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Root>) {\n  return <AvatarPrimitive.Root data-slot=\"avatar\" className={cn('relative flex size-8 shrink-0 overflow-hidden rounded-full', className)} {...props} />;\n}\n\nfunction AvatarImage({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>) {\n  return <AvatarPrimitive.Image data-slot=\"avatar-image\" className={cn('aspect-square size-full', className)} {...props} />;\n}\n\nfunction AvatarFallback({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Fallback>) {\n  return (\n    <AvatarPrimitive.Fallback\n      data-slot=\"avatar-fallback\"\n      className={cn('bg-muted flex size-full items-center justify-center rounded-full', className)}\n      {...props}\n    />\n  );\n}\n\nexport { Avatar, AvatarFallback, AvatarImage };\n"],"mappings":"gLAKA,SAAS,EAAO,CAAE,YAAW,GAAG,GAA4D,CAC1F,OAAO,EAAA,EAAA,KAACA,EAAAA,OAAgB,KAAA,CAAK,YAAU,SAAS,WAAA,EAAA,EAAA,IAAc,6DAA8D,EAAU,CAAE,GAAI,GAAS,CAGvJ,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OAAO,EAAA,EAAA,KAACA,EAAAA,OAAgB,MAAA,CAAM,YAAU,eAAe,WAAA,EAAA,EAAA,IAAc,0BAA2B,EAAU,CAAE,GAAI,GAAS,CAG3H,SAAS,EAAe,CAAE,YAAW,GAAG,GAAgE,CACtG,OACE,EAAA,EAAA,KAACA,EAAAA,OAAgB,SAAA,CACf,YAAU,kBACV,WAAA,EAAA,EAAA,IAAc,mEAAoE,EAAU,CAC5F,GAAI,GACJ"}

package/dist/badge-MFLqzjPS.cjs

@@ -1,2 +0,0 @@
-const e=require(`./chunk-DjWAcSYV.cjs`);let t=require(`@customafk/react-toolkit/utils`);t=e.t(t);let n=require(`react/jsx-runtime`);n=e.t(n);let r=require(`class-variance-authority`);r=e.t(r);const i=(0,r.cva)(`focus:ring-ring rounded-sm inline-flex items-center px-2.5 py-0.5 font-semibold text-white shadow-sm transition-colors focus:ring-2 focus:ring-offset-2 focus:outline-hidden forced-colors:outline`,{variants:{color:{red:`bg-red-500 text-white`,orange:`bg-orange-500 text-white`,amber:`bg-amber-500 text-white`,yellow:`bg-yellow-500 text-white`,lime:`bg-lime-500 text-white`,green:`bg-green-500 text-white`,emerald:`bg-emerald-500 text-white`,teal:`bg-teal-500 text-white`,cyan:`bg-cyan-500 text-white`,sky:`bg-sky-500 text-white`,blue:`bg-blue-500 text-white`,indigo:`bg-indigo-500 text-white`,violet:`bg-violet-500 text-white`,purple:`bg-purple-500 text-white`,fuchsia:`bg-fuchsia-500 text-white`,pink:`bg-pink-500 text-white`,rose:`bg-rose-500 text-white`,zinc:`bg-zinc-500 text-white`},size:{xs:`text-[8px]/3 px-1 py-0.5 gap-1`,sm:`text-[10px]/3 px-1.5 py-1 gap-1`,md:`text-xs px-2 py-1 gap-1`,lg:`text-sm px-2 py-1 gap-1.5`,xl:`text-base px-2.5 py-1 gap-1.5`},pill:{true:`rounded-full`}},defaultVariants:{color:`zinc`,size:`md`,pill:!0}});function a({className:e,color:r,size:a,pill:o,...s}){return(0,n.jsx)(`div`,{className:(0,t.cn)(i({color:r,pill:o,size:a}),e),...s})}Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
-//# sourceMappingURL=badge-MFLqzjPS.cjs.map

package/dist/badge-MFLqzjPS.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"badge-MFLqzjPS.cjs","names":[],"sources":["../packages/components/ui/badge.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nconst badgeVariants = cva(\n  'focus:ring-ring rounded-sm inline-flex items-center px-2.5 py-0.5 font-semibold text-white shadow-sm transition-colors focus:ring-2 focus:ring-offset-2 focus:outline-hidden forced-colors:outline',\n  {\n    variants: {\n      color: {\n        red: 'bg-red-500 text-white',\n        orange: 'bg-orange-500 text-white',\n        amber: 'bg-amber-500 text-white',\n        yellow: 'bg-yellow-500 text-white',\n        lime: 'bg-lime-500 text-white',\n        green: 'bg-green-500 text-white',\n        emerald: 'bg-emerald-500 text-white',\n        teal: 'bg-teal-500 text-white',\n        cyan: 'bg-cyan-500 text-white',\n        sky: 'bg-sky-500 text-white',\n        blue: 'bg-blue-500 text-white',\n        indigo: 'bg-indigo-500 text-white',\n        violet: 'bg-violet-500 text-white',\n        purple: 'bg-purple-500 text-white',\n        fuchsia: 'bg-fuchsia-500 text-white',\n        pink: 'bg-pink-500 text-white',\n        rose: 'bg-rose-500 text-white',\n        zinc: 'bg-zinc-500 text-white',\n      },\n      size: {\n        xs: 'text-[8px]/3 px-1 py-0.5 gap-1',\n        sm: 'text-[10px]/3 px-1.5 py-1 gap-1',\n        md: 'text-xs px-2 py-1 gap-1',\n        lg: 'text-sm px-2 py-1 gap-1.5',\n        xl: 'text-base px-2.5 py-1 gap-1.5',\n      },\n      pill: {\n        true: 'rounded-full',\n      },\n    },\n    defaultVariants: {\n      color: 'zinc',\n      size: 'md',\n      pill: true,\n    },\n  }\n);\n\nexport type BadgeProps = VariantProps<typeof badgeVariants> & React.ComponentPropsWithoutRef<'div'>;\n\nfunction Badge({ className, color, size, pill, ...props }: BadgeProps) {\n  return <div className={cn(badgeVariants({ color, pill, size }), className)} {...props} />;\n}\n\n// eslint-disable-next-line react-refresh/only-export-components\nexport { Badge, badgeVariants };\n"],"mappings":"gMAMA,MAAM,GAAA,EAAA,EAAA,KACJ,qMACA,CACE,SAAU,CACR,MAAO,CACL,IAAK,wBACL,OAAQ,2BACR,MAAO,0BACP,OAAQ,2BACR,KAAM,yBACN,MAAO,0BACP,QAAS,4BACT,KAAM,yBACN,KAAM,yBACN,IAAK,wBACL,KAAM,yBACN,OAAQ,2BACR,OAAQ,2BACR,OAAQ,2BACR,QAAS,4BACT,KAAM,yBACN,KAAM,yBACN,KAAM,yBACP,CACD,KAAM,CACJ,GAAI,iCACJ,GAAI,kCACJ,GAAI,0BACJ,GAAI,4BACJ,GAAI,gCACL,CACD,KAAM,CACJ,KAAM,eACP,CACF,CACD,gBAAiB,CACf,MAAO,OACP,KAAM,KACN,KAAM,GACP,CACF,CACF,CAID,SAAS,EAAM,CAAE,YAAW,QAAO,OAAM,OAAM,GAAG,GAAqB,CACrE,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,WAAA,EAAA,EAAA,IAAc,EAAc,CAAE,QAAO,OAAM,OAAM,CAAC,CAAE,EAAU,CAAE,GAAI,GAAS"}

package/dist/badge-Zf7wUKPD.js

@@ -1,2 +0,0 @@
-import{cn as e}from"@customafk/react-toolkit/utils";import{jsx as t}from"react/jsx-runtime";import{cva as n}from"class-variance-authority";const r=n(`focus:ring-ring rounded-sm inline-flex items-center px-2.5 py-0.5 font-semibold text-white shadow-sm transition-colors focus:ring-2 focus:ring-offset-2 focus:outline-hidden forced-colors:outline`,{variants:{color:{red:`bg-red-500 text-white`,orange:`bg-orange-500 text-white`,amber:`bg-amber-500 text-white`,yellow:`bg-yellow-500 text-white`,lime:`bg-lime-500 text-white`,green:`bg-green-500 text-white`,emerald:`bg-emerald-500 text-white`,teal:`bg-teal-500 text-white`,cyan:`bg-cyan-500 text-white`,sky:`bg-sky-500 text-white`,blue:`bg-blue-500 text-white`,indigo:`bg-indigo-500 text-white`,violet:`bg-violet-500 text-white`,purple:`bg-purple-500 text-white`,fuchsia:`bg-fuchsia-500 text-white`,pink:`bg-pink-500 text-white`,rose:`bg-rose-500 text-white`,zinc:`bg-zinc-500 text-white`},size:{xs:`text-[8px]/3 px-1 py-0.5 gap-1`,sm:`text-[10px]/3 px-1.5 py-1 gap-1`,md:`text-xs px-2 py-1 gap-1`,lg:`text-sm px-2 py-1 gap-1.5`,xl:`text-base px-2.5 py-1 gap-1.5`},pill:{true:`rounded-full`}},defaultVariants:{color:`zinc`,size:`md`,pill:!0}});function i({className:n,color:i,size:a,pill:o,...s}){return t(`div`,{className:e(r({color:i,pill:o,size:a}),n),...s})}export{r as n,i as t};
-//# sourceMappingURL=badge-Zf7wUKPD.js.map

package/dist/badge-Zf7wUKPD.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"badge-Zf7wUKPD.js","names":[],"sources":["../packages/components/ui/badge.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nconst badgeVariants = cva(\n  'focus:ring-ring rounded-sm inline-flex items-center px-2.5 py-0.5 font-semibold text-white shadow-sm transition-colors focus:ring-2 focus:ring-offset-2 focus:outline-hidden forced-colors:outline',\n  {\n    variants: {\n      color: {\n        red: 'bg-red-500 text-white',\n        orange: 'bg-orange-500 text-white',\n        amber: 'bg-amber-500 text-white',\n        yellow: 'bg-yellow-500 text-white',\n        lime: 'bg-lime-500 text-white',\n        green: 'bg-green-500 text-white',\n        emerald: 'bg-emerald-500 text-white',\n        teal: 'bg-teal-500 text-white',\n        cyan: 'bg-cyan-500 text-white',\n        sky: 'bg-sky-500 text-white',\n        blue: 'bg-blue-500 text-white',\n        indigo: 'bg-indigo-500 text-white',\n        violet: 'bg-violet-500 text-white',\n        purple: 'bg-purple-500 text-white',\n        fuchsia: 'bg-fuchsia-500 text-white',\n        pink: 'bg-pink-500 text-white',\n        rose: 'bg-rose-500 text-white',\n        zinc: 'bg-zinc-500 text-white',\n      },\n      size: {\n        xs: 'text-[8px]/3 px-1 py-0.5 gap-1',\n        sm: 'text-[10px]/3 px-1.5 py-1 gap-1',\n        md: 'text-xs px-2 py-1 gap-1',\n        lg: 'text-sm px-2 py-1 gap-1.5',\n        xl: 'text-base px-2.5 py-1 gap-1.5',\n      },\n      pill: {\n        true: 'rounded-full',\n      },\n    },\n    defaultVariants: {\n      color: 'zinc',\n      size: 'md',\n      pill: true,\n    },\n  }\n);\n\nexport type BadgeProps = VariantProps<typeof badgeVariants> & React.ComponentPropsWithoutRef<'div'>;\n\nfunction Badge({ className, color, size, pill, ...props }: BadgeProps) {\n  return <div className={cn(badgeVariants({ color, pill, size }), className)} {...props} />;\n}\n\n// eslint-disable-next-line react-refresh/only-export-components\nexport { Badge, badgeVariants };\n"],"mappings":"2IAMA,MAAM,EAAgB,EACpB,qMACA,CACE,SAAU,CACR,MAAO,CACL,IAAK,wBACL,OAAQ,2BACR,MAAO,0BACP,OAAQ,2BACR,KAAM,yBACN,MAAO,0BACP,QAAS,4BACT,KAAM,yBACN,KAAM,yBACN,IAAK,wBACL,KAAM,yBACN,OAAQ,2BACR,OAAQ,2BACR,OAAQ,2BACR,QAAS,4BACT,KAAM,yBACN,KAAM,yBACN,KAAM,yBACP,CACD,KAAM,CACJ,GAAI,iCACJ,GAAI,kCACJ,GAAI,0BACJ,GAAI,4BACJ,GAAI,gCACL,CACD,KAAM,CACJ,KAAM,eACP,CACF,CACD,gBAAiB,CACf,MAAO,OACP,KAAM,KACN,KAAM,GACP,CACF,CACF,CAID,SAAS,EAAM,CAAE,YAAW,QAAO,OAAM,OAAM,GAAG,GAAqB,CACrE,OAAO,EAAC,MAAA,CAAI,UAAW,EAAG,EAAc,CAAE,QAAO,OAAM,OAAM,CAAC,CAAE,EAAU,CAAE,GAAI,GAAS"}

package/dist/button-BKgDCyHZ.cjs

@@ -1,2 +0,0 @@
-const e=require(`./chunk-DjWAcSYV.cjs`),t=require(`./dist-BdSAGFCS.cjs`),n=require(`./button-variants-BebiEdiS.cjs`);let r=require(`@customafk/react-toolkit/utils`);r=e.t(r);let i=require(`react/jsx-runtime`);i=e.t(i);function a({className:e,variant:a,size:o,color:s,asChild:c=!1,isLoading:l=!1,children:u,disabled:d,type:f=`button`,...p}){let m=c?t.t:`button`,h=d||l;return(0,i.jsxs)(m,{type:f,"data-slot":`button`,"data-state":l?`loading`:void 0,className:(0,r.cn)(n.t({variant:a,size:o,color:s,className:e})),disabled:h,"aria-disabled":h?!0:void 0,...p,children:[(0,i.jsx)(`span`,{className:(0,r.cn)(`flex items-center justify-center gap-2 text-nowrap`,l&&`opacity-0`),children:u}),l&&(0,i.jsx)(`span`,{className:`absolute inset-0 flex items-center justify-center`,"aria-hidden":`true`,children:(0,i.jsx)(`div`,{className:`loader-spinner text-current`})})]})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
-//# sourceMappingURL=button-BKgDCyHZ.cjs.map

package/dist/button-BKgDCyHZ.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"button-BKgDCyHZ.cjs","names":["Slot","buttonVariants"],"sources":["../packages/components/ui/button.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Slot } from '@radix-ui/react-slot';\nimport { type ButtonVariantProps, buttonVariants } from './button-variants';\n\nexport interface ButtonProps extends Omit<React.ComponentProps<'button'>, 'color'> {\n  /**\n   * When true, the button will render its children without wrapping them\n   */\n  asChild?: boolean;\n  /**\n   * Shows a loading spinner when true\n   */\n  isLoading?: boolean;\n  /**\n   * Visual style variant\n   */\n  variant?: ButtonVariantProps['variant'];\n  /**\n   * Color theme of the button\n   */\n  color?: ButtonVariantProps['color'];\n  /**\n   * Size of the button\n   */\n  size?: ButtonVariantProps['size'];\n}\n\n/**\n * Button component with variants, loading state and composition support\n */\nfunction Button({ className, variant, size, color, asChild = false, isLoading = false, children, disabled, type = 'button', ...props }: ButtonProps) {\n  const Comp = asChild ? Slot : 'button';\n  const isDisabled = disabled || isLoading;\n\n  return (\n    <Comp\n      type={type}\n      data-slot=\"button\"\n      data-state={isLoading ? 'loading' : undefined}\n      className={cn(\n        buttonVariants({\n          variant,\n          size,\n          color: color as ButtonVariantProps['color'],\n          className,\n        })\n      )}\n      disabled={isDisabled}\n      aria-disabled={isDisabled ? true : undefined}\n      {...props}\n    >\n      <span className={cn('flex items-center justify-center gap-2 text-nowrap', isLoading && 'opacity-0')}>{children}</span>\n      {isLoading && (\n        <span className=\"absolute inset-0 flex items-center justify-center\" aria-hidden=\"true\">\n          <div className=\"loader-spinner text-current\" />\n        </span>\n      )}\n    </Comp>\n  );\n}\n\nexport { Button };\n"],"mappings":"0NAiCA,SAAS,EAAO,CAAE,YAAW,UAAS,OAAM,QAAO,UAAU,GAAO,YAAY,GAAO,WAAU,WAAU,OAAO,SAAU,GAAG,GAAsB,CACnJ,IAAM,EAAO,EAAUA,EAAAA,EAAO,SACxB,EAAa,GAAY,EAE/B,OACE,EAAA,EAAA,MAAC,EAAA,CACO,OACN,YAAU,SACV,aAAY,EAAY,UAAY,IAAA,GACpC,WAAA,EAAA,EAAA,IACEC,EAAAA,EAAe,CACb,UACA,OACO,QACP,YACD,CAAC,CACH,CACD,SAAU,EACV,gBAAe,EAAa,GAAO,IAAA,GACnC,GAAI,aAEJ,EAAA,EAAA,KAAC,OAAA,CAAK,WAAA,EAAA,EAAA,IAAc,qDAAsD,GAAa,YAAY,CAAG,YAAgB,CACrH,IACC,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,oDAAoD,cAAY,iBAC9E,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,8BAAA,CAAgC,EAC1C,CAAA,EAEJ"}

package/dist/button-DT2zgZfZ.d.cts

@@ -1,56 +0,0 @@
-import * as react_jsx_runtime9 from "react/jsx-runtime";
-import * as class_variance_authority_types13 from "class-variance-authority/types";
-import { VariantProps } from "class-variance-authority";
-
-//#region packages/components/ui/button-variants.d.ts
-/**
- * Button variants definition for styling using class-variance-authority
- */
-declare const buttonVariants: (props?: ({
-  variant?: "link" | "default" | "outline" | "ghost" | null | undefined;
-  color?: "muted" | "warning" | "success" | "info" | "primary" | "secondary" | "important" | "danger" | null | undefined;
-  size?: "sm" | "lg" | "default" | "icon" | null | undefined;
-} & class_variance_authority_types13.ClassProp) | undefined) => string;
-type ButtonVariantProps = VariantProps<typeof buttonVariants>;
-//#endregion
-//#region packages/components/ui/button.d.ts
-interface ButtonProps extends Omit<React.ComponentProps<'button'>, 'color'> {
-  /**
-   * When true, the button will render its children without wrapping them
-   */
-  asChild?: boolean;
-  /**
-   * Shows a loading spinner when true
-   */
-  isLoading?: boolean;
-  /**
-   * Visual style variant
-   */
-  variant?: ButtonVariantProps['variant'];
-  /**
-   * Color theme of the button
-   */
-  color?: ButtonVariantProps['color'];
-  /**
-   * Size of the button
-   */
-  size?: ButtonVariantProps['size'];
-}
-/**
- * Button component with variants, loading state and composition support
- */
-declare function Button({
-  className,
-  variant,
-  size,
-  color,
-  asChild,
-  isLoading,
-  children,
-  disabled,
-  type,
-  ...props
-}: ButtonProps): react_jsx_runtime9.JSX.Element;
-//#endregion
-export { ButtonProps as n, Button as t };
-//# sourceMappingURL=button-DT2zgZfZ.d.cts.map

package/dist/button-dQ8MuLKP.js

@@ -1,2 +0,0 @@
-import{t as e}from"./dist-B3j6PslN.js";import{t}from"./button-variants-D1PJJEST.js";import{cn as n}from"@customafk/react-toolkit/utils";import{jsx as r,jsxs as i}from"react/jsx-runtime";function a({className:a,variant:o,size:s,color:c,asChild:l=!1,isLoading:u=!1,children:d,disabled:f,type:p=`button`,...m}){let h=l?e:`button`,g=f||u;return i(h,{type:p,"data-slot":`button`,"data-state":u?`loading`:void 0,className:n(t({variant:o,size:s,color:c,className:a})),disabled:g,"aria-disabled":g?!0:void 0,...m,children:[r(`span`,{className:n(`flex items-center justify-center gap-2 text-nowrap`,u&&`opacity-0`),children:d}),u&&r(`span`,{className:`absolute inset-0 flex items-center justify-center`,"aria-hidden":`true`,children:r(`div`,{className:`loader-spinner text-current`})})]})}export{a as t};
-//# sourceMappingURL=button-dQ8MuLKP.js.map

package/dist/button-dQ8MuLKP.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"button-dQ8MuLKP.js","names":[],"sources":["../packages/components/ui/button.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Slot } from '@radix-ui/react-slot';\nimport { type ButtonVariantProps, buttonVariants } from './button-variants';\n\nexport interface ButtonProps extends Omit<React.ComponentProps<'button'>, 'color'> {\n  /**\n   * When true, the button will render its children without wrapping them\n   */\n  asChild?: boolean;\n  /**\n   * Shows a loading spinner when true\n   */\n  isLoading?: boolean;\n  /**\n   * Visual style variant\n   */\n  variant?: ButtonVariantProps['variant'];\n  /**\n   * Color theme of the button\n   */\n  color?: ButtonVariantProps['color'];\n  /**\n   * Size of the button\n   */\n  size?: ButtonVariantProps['size'];\n}\n\n/**\n * Button component with variants, loading state and composition support\n */\nfunction Button({ className, variant, size, color, asChild = false, isLoading = false, children, disabled, type = 'button', ...props }: ButtonProps) {\n  const Comp = asChild ? Slot : 'button';\n  const isDisabled = disabled || isLoading;\n\n  return (\n    <Comp\n      type={type}\n      data-slot=\"button\"\n      data-state={isLoading ? 'loading' : undefined}\n      className={cn(\n        buttonVariants({\n          variant,\n          size,\n          color: color as ButtonVariantProps['color'],\n          className,\n        })\n      )}\n      disabled={isDisabled}\n      aria-disabled={isDisabled ? true : undefined}\n      {...props}\n    >\n      <span className={cn('flex items-center justify-center gap-2 text-nowrap', isLoading && 'opacity-0')}>{children}</span>\n      {isLoading && (\n        <span className=\"absolute inset-0 flex items-center justify-center\" aria-hidden=\"true\">\n          <div className=\"loader-spinner text-current\" />\n        </span>\n      )}\n    </Comp>\n  );\n}\n\nexport { Button };\n"],"mappings":"0LAiCA,SAAS,EAAO,CAAE,YAAW,UAAS,OAAM,QAAO,UAAU,GAAO,YAAY,GAAO,WAAU,WAAU,OAAO,SAAU,GAAG,GAAsB,CACnJ,IAAM,EAAO,EAAU,EAAO,SACxB,EAAa,GAAY,EAE/B,OACE,EAAC,EAAA,CACO,OACN,YAAU,SACV,aAAY,EAAY,UAAY,IAAA,GACpC,UAAW,EACT,EAAe,CACb,UACA,OACO,QACP,YACD,CAAC,CACH,CACD,SAAU,EACV,gBAAe,EAAa,GAAO,IAAA,GACnC,GAAI,YAEJ,EAAC,OAAA,CAAK,UAAW,EAAG,qDAAsD,GAAa,YAAY,CAAG,YAAgB,CACrH,GACC,EAAC,OAAA,CAAK,UAAU,oDAAoD,cAAY,gBAC9E,EAAC,MAAA,CAAI,UAAU,8BAAA,CAAgC,EAC1C,CAAA,EAEJ"}

package/dist/button-tUVN-gcp.d.ts

@@ -1,56 +0,0 @@
-import * as react_jsx_runtime105 from "react/jsx-runtime";
-import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types12 from "class-variance-authority/types";
-
-//#region packages/components/ui/button-variants.d.ts
-/**
- * Button variants definition for styling using class-variance-authority
- */
-declare const buttonVariants: (props?: ({
-  variant?: "link" | "default" | "outline" | "ghost" | null | undefined;
-  color?: "muted" | "warning" | "success" | "info" | "primary" | "secondary" | "important" | "danger" | null | undefined;
-  size?: "sm" | "lg" | "default" | "icon" | null | undefined;
-} & class_variance_authority_types12.ClassProp) | undefined) => string;
-type ButtonVariantProps = VariantProps<typeof buttonVariants>;
-//#endregion
-//#region packages/components/ui/button.d.ts
-interface ButtonProps extends Omit<React.ComponentProps<'button'>, 'color'> {
-  /**
-   * When true, the button will render its children without wrapping them
-   */
-  asChild?: boolean;
-  /**
-   * Shows a loading spinner when true
-   */
-  isLoading?: boolean;
-  /**
-   * Visual style variant
-   */
-  variant?: ButtonVariantProps['variant'];
-  /**
-   * Color theme of the button
-   */
-  color?: ButtonVariantProps['color'];
-  /**
-   * Size of the button
-   */
-  size?: ButtonVariantProps['size'];
-}
-/**
- * Button component with variants, loading state and composition support
- */
-declare function Button({
-  className,
-  variant,
-  size,
-  color,
-  asChild,
-  isLoading,
-  children,
-  disabled,
-  type,
-  ...props
-}: ButtonProps): react_jsx_runtime105.JSX.Element;
-//#endregion
-export { ButtonProps as n, Button as t };
-//# sourceMappingURL=button-tUVN-gcp.d.ts.map

package/dist/button-variants-BebiEdiS.cjs

@@ -1,2 +0,0 @@
-const e=require(`./chunk-DjWAcSYV.cjs`);let t=require(`class-variance-authority`);t=e.t(t);const n=(0,t.cva)([`relative shrink-0 cursor-pointer rounded-md font-medium whitespace-normal transition-all h-fit`,`hover:shadow-md`,`inline-flex items-center justify-center`,`[&_svg]:pointer-events-none`,`[&_svg]:shrink-0`,`[&_svg:not([class*='size-'])]:size-4`,`disabled:pointer-events-none`,`disabled:cursor-default disabled:opacity-50`,`focus:outline-none focus-visible:ring-2`,`ring-offset-background`],{variants:{variant:{default:`-outline-offset-1 outline-1 text-text-negative-strong`,outline:`-outline-offset-1 outline-1 text-text-positive hover:text-text-positive-strong focus:text-text-positive-strong active:text-text-positive-strong`,ghost:`outline-0 shadow-none hover:shadow-none`,link:``},color:{primary:`hover:shadow-primary-weak`,secondary:`hover:shadow-secondary-weak`,muted:`hover:shadow-border-weak`,success:`hover:shadow-success-weak`,important:`hover:shadow-important-weak`,info:`hover:shadow-info-weak`,warning:`hover:shadow-warning-weak`,danger:`hover:shadow-danger-weak`},size:{sm:`px-2 py-1.5 gap-1 text-xs focus:ring-4 has-[>svg]:px-2.5`,default:`px-2.5 py-2 gap-1 text-sm focus:ring-4 has-[>svg]:px-3`,lg:`px-3 py-2.5 gap-1 text-base focus:ring-6 has-[>svg]:px-4`,icon:`size-8 focus:ring-2`}},defaultVariants:{variant:`default`,color:`primary`,size:`default`},compoundVariants:[{variant:`default`,color:`primary`,className:`outline-primary-strong bg-primary focus:ring-primary-border-subtle focus:outline-primary-intense focus:bg-primary-strong active:bg-primary-strong`},{variant:`default`,color:`secondary`,className:`outline-secondary-strong bg-secondary focus:ring-secondary-border-subtle focus:outline-secondary-intense focus:bg-secondary-strong active:bg-secondary-strong`},{variant:`default`,color:`success`,className:`outline-success-strong bg-success focus:ring-success-weak focus:outline-success-intense focus:bg-success-strong active:bg-success-strong`},{variant:`default`,color:`important`,className:`outline-important-strong bg-important focus:ring-important-weak focus:outline-important-intense focus:bg-important-strong active:bg-important-strong`},{variant:`default`,color:`info`,className:`outline-info-strong bg-info focus:ring-info-weak focus:outline-info-intense focus:bg-info-strong active:bg-info-strong`},{variant:`default`,color:`warning`,className:`outline-warning-strong bg-warning focus:ring-warning-weak focus:outline-warning-intense focus:bg-warning-strong active:bg-warning-strong`},{variant:`default`,color:`danger`,className:`outline-danger-strong bg-danger focus:ring-danger-weak focus:outline-danger-intense focus:bg-danger-strong active:bg-danger-strong`},{variant:`outline`,color:`muted`,className:`outline-border bg-background focus:ring-border-weak focus:outline-border-strong focus:bg-border-muted active:bg-border-muted`},{variant:`outline`,color:`primary`,className:`outline-primary-strong bg-background focus:ring-primary-weak focus:outline-primary-intense focus:bg-primary-muted active:bg-primary-muted`},{variant:`outline`,color:`secondary`,className:`outline-secondary-strong bg-background focus:ring-secondary-weak focus:outline-secondary-intense focus:bg-secondary-muted active:bg-secondary-muted`},{variant:`outline`,color:`success`,className:`outline-success-strong bg-background focus:ring-success-weak focus:outline-success-intense focus:bg-success-muted active:bg-success-muted`},{variant:`outline`,color:`important`,className:`outline-important-strong bg-background focus:ring-important-weak focus:outline-important-intense focus:bg-important-muted active:bg-important-muted`},{variant:`outline`,color:`info`,className:`outline-info-strong bg-background focus:ring-info-weak focus:outline-info-intense focus:bg-info-muted active:bg-info-muted`},{variant:`outline`,color:`warning`,className:`outline-warning-strong bg-background focus:ring-warning-weak focus:outline-warning-intense focus:bg-warning-muted active:bg-warning-muted`},{variant:`outline`,color:`danger`,className:`outline-danger-strong bg-background focus:ring-danger-weak focus:outline-danger-intense focus:bg-danger-muted active:bg-danger-muted`},{variant:`ghost`,color:`primary`,className:`text-primary-strong hover:bg-primary-muted focus:ring-primary-weak focus:bg-primary/10 active:bg-primary/10`},{variant:`ghost`,color:`secondary`,className:`text-secondary-strong hover:bg-secondary-muted focus:ring-secondary-weak focus:bg-secondary/10 active:bg-secondary/10`},{variant:`ghost`,color:`muted`,className:`text-text-positive hover:bg-border-muted focus:ring-border-weak focus:bg-border/10 active:bg-border/10`},{variant:`ghost`,color:`success`,className:`text-success-strong hover:bg-success-muted focus:ring-success-weak focus:bg-success/10 active:bg-success/10`},{variant:`ghost`,color:`important`,className:`text-important-strong hover:bg-important-muted focus:ring-important-weak focus:bg-important/10 active:bg-important/10`},{variant:`ghost`,color:`info`,className:`text-info-strong hover:bg-info-muted focus:ring-info-weak focus:bg-info/10 active:bg-info/10`},{variant:`ghost`,color:`warning`,className:`text-warning-strong hover:bg-warning-muted focus:ring-warning-weak focus:bg-warning/10 active:bg-warning/10`},{variant:`ghost`,color:`danger`,className:`text-danger-strong hover:bg-danger-muted focus:ring-danger-weak focus:bg-danger/10 active:bg-danger/10`}]});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return n}});
-//# sourceMappingURL=button-variants-BebiEdiS.cjs.map

package/dist/button-variants-BebiEdiS.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"button-variants-BebiEdiS.cjs","names":[],"sources":["../packages/components/ui/button-variants.ts"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\n\n/**\n * Button variants definition for styling using class-variance-authority\n */\nexport const buttonVariants = cva(\n  [\n    'relative shrink-0 cursor-pointer rounded-md font-medium whitespace-normal transition-all h-fit',\n    'hover:shadow-md',\n    'inline-flex items-center justify-center',\n    '[&_svg]:pointer-events-none',\n    '[&_svg]:shrink-0',\n    \"[&_svg:not([class*='size-'])]:size-4\",\n    'disabled:pointer-events-none',\n    'disabled:cursor-default disabled:opacity-50',\n    'focus:outline-none focus-visible:ring-2',\n    'ring-offset-background',\n  ],\n  {\n    variants: {\n      variant: {\n        default: '-outline-offset-1 outline-1 text-text-negative-strong',\n        outline:\n          '-outline-offset-1 outline-1 text-text-positive hover:text-text-positive-strong focus:text-text-positive-strong active:text-text-positive-strong',\n        ghost: 'outline-0 shadow-none hover:shadow-none',\n        link: '',\n      },\n      color: {\n        primary: 'hover:shadow-primary-weak',\n        secondary: 'hover:shadow-secondary-weak',\n        muted: 'hover:shadow-border-weak',\n        success: 'hover:shadow-success-weak',\n        important: 'hover:shadow-important-weak',\n        info: 'hover:shadow-info-weak',\n        warning: 'hover:shadow-warning-weak',\n        danger: 'hover:shadow-danger-weak',\n      },\n      size: {\n        sm: 'px-2 py-1.5 gap-1 text-xs focus:ring-4 has-[>svg]:px-2.5',\n        default: 'px-2.5 py-2 gap-1 text-sm focus:ring-4 has-[>svg]:px-3',\n        lg: 'px-3 py-2.5 gap-1 text-base focus:ring-6 has-[>svg]:px-4',\n        icon: 'size-8 focus:ring-2',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      color: 'primary',\n      size: 'default',\n    },\n    compoundVariants: [\n      {\n        variant: 'default',\n        color: 'primary',\n        className:\n          'outline-primary-strong bg-primary focus:ring-primary-border-subtle focus:outline-primary-intense focus:bg-primary-strong active:bg-primary-strong',\n      },\n      {\n        variant: 'default',\n        color: 'secondary',\n        className:\n          'outline-secondary-strong bg-secondary focus:ring-secondary-border-subtle focus:outline-secondary-intense focus:bg-secondary-strong active:bg-secondary-strong',\n      },\n      {\n        variant: 'default',\n        color: 'success',\n        className: 'outline-success-strong bg-success focus:ring-success-weak focus:outline-success-intense focus:bg-success-strong active:bg-success-strong',\n      },\n      {\n        variant: 'default',\n        color: 'important',\n        className:\n          'outline-important-strong bg-important focus:ring-important-weak focus:outline-important-intense focus:bg-important-strong active:bg-important-strong',\n      },\n      {\n        variant: 'default',\n        color: 'info',\n        className: 'outline-info-strong bg-info focus:ring-info-weak focus:outline-info-intense focus:bg-info-strong active:bg-info-strong',\n      },\n      {\n        variant: 'default',\n        color: 'warning',\n        className: 'outline-warning-strong bg-warning focus:ring-warning-weak focus:outline-warning-intense focus:bg-warning-strong active:bg-warning-strong',\n      },\n      {\n        variant: 'default',\n        color: 'danger',\n        className: 'outline-danger-strong bg-danger focus:ring-danger-weak focus:outline-danger-intense focus:bg-danger-strong active:bg-danger-strong',\n      },\n      {\n        variant: 'outline',\n        color: 'muted',\n        className: 'outline-border bg-background focus:ring-border-weak focus:outline-border-strong focus:bg-border-muted active:bg-border-muted',\n      },\n      {\n        variant: 'outline',\n        color: 'primary',\n        className: 'outline-primary-strong bg-background focus:ring-primary-weak focus:outline-primary-intense focus:bg-primary-muted active:bg-primary-muted',\n      },\n      {\n        variant: 'outline',\n        color: 'secondary',\n        className:\n          'outline-secondary-strong bg-background focus:ring-secondary-weak focus:outline-secondary-intense focus:bg-secondary-muted active:bg-secondary-muted',\n      },\n      {\n        variant: 'outline',\n        color: 'success',\n        className: 'outline-success-strong bg-background focus:ring-success-weak focus:outline-success-intense focus:bg-success-muted active:bg-success-muted',\n      },\n      {\n        variant: 'outline',\n        color: 'important',\n        className:\n          'outline-important-strong bg-background focus:ring-important-weak focus:outline-important-intense focus:bg-important-muted active:bg-important-muted',\n      },\n      {\n        variant: 'outline',\n        color: 'info',\n        className: 'outline-info-strong bg-background focus:ring-info-weak focus:outline-info-intense focus:bg-info-muted active:bg-info-muted',\n      },\n      {\n        variant: 'outline',\n        color: 'warning',\n        className: 'outline-warning-strong bg-background focus:ring-warning-weak focus:outline-warning-intense focus:bg-warning-muted active:bg-warning-muted',\n      },\n      {\n        variant: 'outline',\n        color: 'danger',\n        className: 'outline-danger-strong bg-background focus:ring-danger-weak focus:outline-danger-intense focus:bg-danger-muted active:bg-danger-muted',\n      },\n      {\n        variant: 'ghost',\n        color: 'primary',\n        className: 'text-primary-strong hover:bg-primary-muted focus:ring-primary-weak focus:bg-primary/10 active:bg-primary/10',\n      },\n      {\n        variant: 'ghost',\n        color: 'secondary',\n        className: 'text-secondary-strong hover:bg-secondary-muted focus:ring-secondary-weak focus:bg-secondary/10 active:bg-secondary/10',\n      },\n      {\n        variant: 'ghost',\n        color: 'muted',\n        className: 'text-text-positive hover:bg-border-muted focus:ring-border-weak focus:bg-border/10 active:bg-border/10',\n      },\n      {\n        variant: 'ghost',\n        color: 'success',\n        className: 'text-success-strong hover:bg-success-muted focus:ring-success-weak focus:bg-success/10 active:bg-success/10',\n      },\n      {\n        variant: 'ghost',\n        color: 'important',\n        className: 'text-important-strong hover:bg-important-muted focus:ring-important-weak focus:bg-important/10 active:bg-important/10',\n      },\n      {\n        variant: 'ghost',\n        color: 'info',\n        className: 'text-info-strong hover:bg-info-muted focus:ring-info-weak focus:bg-info/10 active:bg-info/10',\n      },\n      {\n        variant: 'ghost',\n        color: 'warning',\n        className: 'text-warning-strong hover:bg-warning-muted focus:ring-warning-weak focus:bg-warning/10 active:bg-warning/10',\n      },\n      {\n        variant: 'ghost',\n        color: 'danger',\n        className: 'text-danger-strong hover:bg-danger-muted focus:ring-danger-weak focus:bg-danger/10 active:bg-danger/10',\n      },\n    ],\n  }\n);\n\nexport type ButtonVariantProps = VariantProps<typeof buttonVariants>;\n"],"mappings":"2FAKA,MAAa,GAAA,EAAA,EAAA,KACX,CACE,iGACA,kBACA,0CACA,8BACA,mBACA,uCACA,+BACA,8CACA,0CACA,yBACD,CACD,CACE,SAAU,CACR,QAAS,CACP,QAAS,wDACT,QACE,kJACF,MAAO,0CACP,KAAM,GACP,CACD,MAAO,CACL,QAAS,4BACT,UAAW,8BACX,MAAO,2BACP,QAAS,4BACT,UAAW,8BACX,KAAM,yBACN,QAAS,4BACT,OAAQ,2BACT,CACD,KAAM,CACJ,GAAI,2DACJ,QAAS,yDACT,GAAI,2DACJ,KAAM,sBACP,CACF,CACD,gBAAiB,CACf,QAAS,UACT,MAAO,UACP,KAAM,UACP,CACD,iBAAkB,CAChB,CACE,QAAS,UACT,MAAO,UACP,UACE,oJACH,CACD,CACE,QAAS,UACT,MAAO,YACP,UACE,gKACH,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,2IACZ,CACD,CACE,QAAS,UACT,MAAO,YACP,UACE,uJACH,CACD,CACE,QAAS,UACT,MAAO,OACP,UAAW,yHACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,2IACZ,CACD,CACE,QAAS,UACT,MAAO,SACP,UAAW,qIACZ,CACD,CACE,QAAS,UACT,MAAO,QACP,UAAW,+HACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,4IACZ,CACD,CACE,QAAS,UACT,MAAO,YACP,UACE,sJACH,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,4IACZ,CACD,CACE,QAAS,UACT,MAAO,YACP,UACE,sJACH,CACD,CACE,QAAS,UACT,MAAO,OACP,UAAW,6HACZ,CACD,CACE,QAAS,UACT,MAAO,UACP,UAAW,4IACZ,CACD,CACE,QAAS,UACT,MAAO,SACP,UAAW,uIACZ,CACD,CACE,QAAS,QACT,MAAO,UACP,UAAW,8GACZ,CACD,CACE,QAAS,QACT,MAAO,YACP,UAAW,wHACZ,CACD,CACE,QAAS,QACT,MAAO,QACP,UAAW,yGACZ,CACD,CACE,QAAS,QACT,MAAO,UACP,UAAW,8GACZ,CACD,CACE,QAAS,QACT,MAAO,YACP,UAAW,wHACZ,CACD,CACE,QAAS,QACT,MAAO,OACP,UAAW,+FACZ,CACD,CACE,QAAS,QACT,MAAO,UACP,UAAW,8GACZ,CACD,CACE,QAAS,QACT,MAAO,SACP,UAAW,yGACZ,CACF,CACF,CACF"}

package/dist/button-variants-D1PJJEST.js

@@ -1,2 +0,0 @@
-import{cva as e}from"class-variance-authority";const t=e([`relative shrink-0 cursor-pointer rounded-md font-medium whitespace-normal transition-all h-fit`,`hover:shadow-md`,`inline-flex items-center justify-center`,`[&_svg]:pointer-events-none`,`[&_svg]:shrink-0`,`[&_svg:not([class*='size-'])]:size-4`,`disabled:pointer-events-none`,`disabled:cursor-default disabled:opacity-50`,`focus:outline-none focus-visible:ring-2`,`ring-offset-background`],{variants:{variant:{default:`-outline-offset-1 outline-1 text-text-negative-strong`,outline:`-outline-offset-1 outline-1 text-text-positive hover:text-text-positive-strong focus:text-text-positive-strong active:text-text-positive-strong`,ghost:`outline-0 shadow-none hover:shadow-none`,link:``},color:{primary:`hover:shadow-primary-weak`,secondary:`hover:shadow-secondary-weak`,muted:`hover:shadow-border-weak`,success:`hover:shadow-success-weak`,important:`hover:shadow-important-weak`,info:`hover:shadow-info-weak`,warning:`hover:shadow-warning-weak`,danger:`hover:shadow-danger-weak`},size:{sm:`px-2 py-1.5 gap-1 text-xs focus:ring-4 has-[>svg]:px-2.5`,default:`px-2.5 py-2 gap-1 text-sm focus:ring-4 has-[>svg]:px-3`,lg:`px-3 py-2.5 gap-1 text-base focus:ring-6 has-[>svg]:px-4`,icon:`size-8 focus:ring-2`}},defaultVariants:{variant:`default`,color:`primary`,size:`default`},compoundVariants:[{variant:`default`,color:`primary`,className:`outline-primary-strong bg-primary focus:ring-primary-border-subtle focus:outline-primary-intense focus:bg-primary-strong active:bg-primary-strong`},{variant:`default`,color:`secondary`,className:`outline-secondary-strong bg-secondary focus:ring-secondary-border-subtle focus:outline-secondary-intense focus:bg-secondary-strong active:bg-secondary-strong`},{variant:`default`,color:`success`,className:`outline-success-strong bg-success focus:ring-success-weak focus:outline-success-intense focus:bg-success-strong active:bg-success-strong`},{variant:`default`,color:`important`,className:`outline-important-strong bg-important focus:ring-important-weak focus:outline-important-intense focus:bg-important-strong active:bg-important-strong`},{variant:`default`,color:`info`,className:`outline-info-strong bg-info focus:ring-info-weak focus:outline-info-intense focus:bg-info-strong active:bg-info-strong`},{variant:`default`,color:`warning`,className:`outline-warning-strong bg-warning focus:ring-warning-weak focus:outline-warning-intense focus:bg-warning-strong active:bg-warning-strong`},{variant:`default`,color:`danger`,className:`outline-danger-strong bg-danger focus:ring-danger-weak focus:outline-danger-intense focus:bg-danger-strong active:bg-danger-strong`},{variant:`outline`,color:`muted`,className:`outline-border bg-background focus:ring-border-weak focus:outline-border-strong focus:bg-border-muted active:bg-border-muted`},{variant:`outline`,color:`primary`,className:`outline-primary-strong bg-background focus:ring-primary-weak focus:outline-primary-intense focus:bg-primary-muted active:bg-primary-muted`},{variant:`outline`,color:`secondary`,className:`outline-secondary-strong bg-background focus:ring-secondary-weak focus:outline-secondary-intense focus:bg-secondary-muted active:bg-secondary-muted`},{variant:`outline`,color:`success`,className:`outline-success-strong bg-background focus:ring-success-weak focus:outline-success-intense focus:bg-success-muted active:bg-success-muted`},{variant:`outline`,color:`important`,className:`outline-important-strong bg-background focus:ring-important-weak focus:outline-important-intense focus:bg-important-muted active:bg-important-muted`},{variant:`outline`,color:`info`,className:`outline-info-strong bg-background focus:ring-info-weak focus:outline-info-intense focus:bg-info-muted active:bg-info-muted`},{variant:`outline`,color:`warning`,className:`outline-warning-strong bg-background focus:ring-warning-weak focus:outline-warning-intense focus:bg-warning-muted active:bg-warning-muted`},{variant:`outline`,color:`danger`,className:`outline-danger-strong bg-background focus:ring-danger-weak focus:outline-danger-intense focus:bg-danger-muted active:bg-danger-muted`},{variant:`ghost`,color:`primary`,className:`text-primary-strong hover:bg-primary-muted focus:ring-primary-weak focus:bg-primary/10 active:bg-primary/10`},{variant:`ghost`,color:`secondary`,className:`text-secondary-strong hover:bg-secondary-muted focus:ring-secondary-weak focus:bg-secondary/10 active:bg-secondary/10`},{variant:`ghost`,color:`muted`,className:`text-text-positive hover:bg-border-muted focus:ring-border-weak focus:bg-border/10 active:bg-border/10`},{variant:`ghost`,color:`success`,className:`text-success-strong hover:bg-success-muted focus:ring-success-weak focus:bg-success/10 active:bg-success/10`},{variant:`ghost`,color:`important`,className:`text-important-strong hover:bg-important-muted focus:ring-important-weak focus:bg-important/10 active:bg-important/10`},{variant:`ghost`,color:`info`,className:`text-info-strong hover:bg-info-muted focus:ring-info-weak focus:bg-info/10 active:bg-info/10`},{variant:`ghost`,color:`warning`,className:`text-warning-strong hover:bg-warning-muted focus:ring-warning-weak focus:bg-warning/10 active:bg-warning/10`},{variant:`ghost`,color:`danger`,className:`text-danger-strong hover:bg-danger-muted focus:ring-danger-weak focus:bg-danger/10 active:bg-danger/10`}]});export{t};
-//# sourceMappingURL=button-variants-D1PJJEST.js.map