@customafk/lunas-ui 0.2.40 → 0.2.41

package/dist/ui/slider.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../chunk-350yNsax.cjs`);let t=require(`react`),n=require(`@customafk/react-toolkit/utils`),r=require(`react/jsx-runtime`),i=require(`radix-ui`);function a({className:e,defaultValue:a,value:o,min:s=0,max:c=100,...l}){let u=(0,t.useMemo)(()=>Array.isArray(o)?o:Array.isArray(a)?a:[s,c],[o,a,s,c]);return(0,r.jsxs)(i.Slider.Root,{"data-slot":`slider`,defaultValue:a,value:o,min:s,max:c,className:(0,n.cn)(`relative flex w-full touch-none items-center select-none`,`data-[disabled]:opacity-50`,`data-[orientation=vertical]:h-full`,`data-[orientation=vertical]:min-h-44`,`data-[orientation=vertical]:w-auto`,`data-[orientation=vertical]:flex-col`,e),...l,children:[(0,r.jsx)(i.Slider.Track,{"data-slot":`slider-track`,className:(0,n.cn)(`bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5`),children:(0,r.jsx)(i.Slider.Range,{"data-slot":`slider-range`,className:(0,n.cn)(`bg-primary absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full`)})}),Array.from({length:u.length},(e,t)=>(0,r.jsx)(i.Slider.Thumb,{"data-slot":`slider-thumb`,className:`border-primary bg-background ring-ring/50 block size-4 shrink-0 rounded-full border shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50`},t))]})}exports.Slider=a;
+"use client";const e=require(`../chunk-Bmb41Sf3.cjs`);let t=require(`@customafk/react-toolkit/utils`),n=require(`react/jsx-runtime`),r=require(`react`),i=require(`radix-ui`);function a({className:e,defaultValue:a,value:o,min:s=0,max:c=100,...l}){let u=(0,r.useMemo)(()=>Array.isArray(o)?o:Array.isArray(a)?a:[s,c],[o,a,s,c]);return(0,n.jsxs)(i.Slider.Root,{"data-slot":`slider`,defaultValue:a,value:o,min:s,max:c,className:(0,t.cn)(`relative flex w-full touch-none items-center select-none`,`data-[disabled]:opacity-50`,`data-[orientation=vertical]:h-full`,`data-[orientation=vertical]:min-h-44`,`data-[orientation=vertical]:w-auto`,`data-[orientation=vertical]:flex-col`,e),...l,children:[(0,n.jsx)(i.Slider.Track,{"data-slot":`slider-track`,className:(0,t.cn)(`bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5`),children:(0,n.jsx)(i.Slider.Range,{"data-slot":`slider-range`,className:(0,t.cn)(`bg-primary absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full`)})}),Array.from({length:u.length},(e,t)=>(0,n.jsx)(i.Slider.Thumb,{"data-slot":`slider-thumb`,className:`border-primary bg-background ring-ring/50 block size-4 shrink-0 rounded-full border shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50`},t))]})}exports.Slider=a;
 //# sourceMappingURL=slider.cjs.map

package/dist/ui/slider.d.cts

@@ -1,4 +1,4 @@
-import * as react169 from "react";
+import * as react209 from "react";
 import { Slider as Slider$1 } from "radix-ui";
 
 //#region packages/components/ui/slider.d.ts
@@ -20,7 +20,7 @@ declare function Slider({
   min,
   max,
   ...props
-}: React.ComponentProps<typeof Slider$1.Root>): react169.JSX.Element;
+}: React.ComponentProps<typeof Slider$1.Root>): react209.JSX.Element;
 //#endregion
 export { Slider };
 //# sourceMappingURL=slider.d.cts.map

package/dist/ui/slider.d.ts

@@ -1,4 +1,4 @@
-import * as react184 from "react";
+import * as react265 from "react";
 import { Slider as Slider$1 } from "radix-ui";
 
 //#region packages/components/ui/slider.d.ts
@@ -20,7 +20,7 @@ declare function Slider({
   min,
   max,
   ...props
-}: React.ComponentProps<typeof Slider$1.Root>): react184.JSX.Element;
+}: React.ComponentProps<typeof Slider$1.Root>): react265.JSX.Element;
 //#endregion
 export { Slider };
 //# sourceMappingURL=slider.d.ts.map

package/dist/ui/slider.js

@@ -1,2 +1,2 @@
-"use client";import{useMemo as e}from"react";import{cn as t}from"@customafk/react-toolkit/utils";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{Slider as i}from"radix-ui";function a({className:a,defaultValue:o,value:s,min:c=0,max:l=100,...u}){let d=e(()=>Array.isArray(s)?s:Array.isArray(o)?o:[c,l],[s,o,c,l]);return r(i.Root,{"data-slot":`slider`,defaultValue:o,value:s,min:c,max:l,className:t(`relative flex w-full touch-none items-center select-none`,`data-[disabled]:opacity-50`,`data-[orientation=vertical]:h-full`,`data-[orientation=vertical]:min-h-44`,`data-[orientation=vertical]:w-auto`,`data-[orientation=vertical]:flex-col`,a),...u,children:[n(i.Track,{"data-slot":`slider-track`,className:t(`bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5`),children:n(i.Range,{"data-slot":`slider-range`,className:t(`bg-primary absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full`)})}),Array.from({length:d.length},(e,t)=>n(i.Thumb,{"data-slot":`slider-thumb`,className:`border-primary bg-background ring-ring/50 block size-4 shrink-0 rounded-full border shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50`},t))]})}export{a as Slider};
+"use client";import{cn as e}from"@customafk/react-toolkit/utils";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{useMemo as r}from"react";import{Slider as i}from"radix-ui";function a({className:a,defaultValue:o,value:s,min:c=0,max:l=100,...u}){let d=r(()=>Array.isArray(s)?s:Array.isArray(o)?o:[c,l],[s,o,c,l]);return n(i.Root,{"data-slot":`slider`,defaultValue:o,value:s,min:c,max:l,className:e(`relative flex w-full touch-none items-center select-none`,`data-[disabled]:opacity-50`,`data-[orientation=vertical]:h-full`,`data-[orientation=vertical]:min-h-44`,`data-[orientation=vertical]:w-auto`,`data-[orientation=vertical]:flex-col`,a),...u,children:[t(i.Track,{"data-slot":`slider-track`,className:e(`bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5`),children:t(i.Range,{"data-slot":`slider-range`,className:e(`bg-primary absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full`)})}),Array.from({length:d.length},(e,n)=>t(i.Thumb,{"data-slot":`slider-thumb`,className:`border-primary bg-background ring-ring/50 block size-4 shrink-0 rounded-full border shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50`},n))]})}export{a as Slider};
 //# sourceMappingURL=slider.js.map

package/dist/ui/sonner.cjs

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,`__esModule`,{value:!0});const e=require(`../chunk-350yNsax.cjs`);let t=require(`lucide-react`),n=require(`react/jsx-runtime`),r=require(`sonner`),i=require(`next-themes`);const a=()=>{let{theme:e=`system`}=(0,i.useTheme)();return(0,n.jsx)(r.Toaster,{theme:e,expand:!1,visibleToasts:5,closeButton:!0,position:`bottom-right`,swipeDirections:[`left`,`right`],icons:{loading:(0,n.jsx)(t.LoaderIcon,{size:16,className:`animate-spin`})},style:{"--normal-bg":`rgb(124 58 237)`,"--normal-text":`white`,"--normal-border":`transparent`},toastOptions:{classNames:{toast:`!text-white !border-none !rounded-xl cursor-grab active:cursor-grabbing select-none z-99999 !px-4 !py-3.5 !gap-3 !items-center`,icon:`!size-8 !rounded-full !bg-white/20 !shrink-0 [&>svg]:!size-4 !flex !items-center !justify-center`,title:`!text-sm !font-bold !leading-snug !text-white`,description:`!text-xs !font-medium !text-white/75 !leading-snug`,success:`!bg-success`,info:`!bg-blue-700`,loading:`!bg-slate-500`,warning:`!bg-warning`,error:`!bg-danger`,closeButton:`!text-white/60 hover:!text-white !bg-white/10 hover:!bg-white/20 !border-none !top-1/2 !-translate-y-1/2 !right-3 !left-auto`}},className:`toaster group pointer-events-auto z-999999!`})};var o=a;exports.Toaster=a,exports.default=o,exports.toast=r.toast;
+"use client";Object.defineProperty(exports,`__esModule`,{value:!0});const e=require(`../chunk-Bmb41Sf3.cjs`);let t=require(`lucide-react`),n=require(`react/jsx-runtime`),r=require(`sonner`),i=require(`next-themes`);const a=()=>{let{theme:e=`system`}=(0,i.useTheme)();return(0,n.jsx)(r.Toaster,{theme:e,expand:!1,visibleToasts:5,closeButton:!0,position:`bottom-right`,swipeDirections:[`left`,`right`],icons:{loading:(0,n.jsx)(t.LoaderIcon,{size:16,className:`animate-spin`})},style:{"--normal-bg":`rgb(124 58 237)`,"--normal-text":`white`,"--normal-border":`transparent`},toastOptions:{classNames:{toast:`!text-white !border-none !rounded-xl cursor-grab active:cursor-grabbing select-none z-99999 !px-4 !py-3.5 !gap-3 !items-center`,icon:`!size-8 !rounded-full !bg-white/20 !shrink-0 [&>svg]:!size-4 !flex !items-center !justify-center`,title:`!text-sm !font-bold !leading-snug !text-white`,description:`!text-xs !font-medium !text-white/75 !leading-snug`,success:`!bg-success`,info:`!bg-blue-700`,loading:`!bg-slate-500`,warning:`!bg-warning`,error:`!bg-danger`,closeButton:`!text-white/60 hover:!text-white !bg-white/10 hover:!bg-white/20 !border-none !top-1/2 !-translate-y-1/2 !right-3 !left-auto`}},className:`toaster group pointer-events-auto z-999999!`})};var o=a;exports.Toaster=a,exports.default=o,exports.toast=r.toast;
 //# sourceMappingURL=sonner.cjs.map

package/dist/ui/sonner.d.cts

@@ -1,4 +1,4 @@
-import * as react202 from "react";
+import * as react100 from "react";
 import { toast } from "sonner";
 
 //#region packages/components/ui/sonner.d.ts
@@ -18,7 +18,7 @@ import { toast } from "sonner";
  * toast.error('Something went wrong.');
  * ```
  */
-declare const Toaster: () => react202.JSX.Element;
+declare const Toaster: () => react100.JSX.Element;
 //#endregion
 export { Toaster, Toaster as default, toast };
 //# sourceMappingURL=sonner.d.cts.map

package/dist/ui/sonner.d.ts

@@ -1,4 +1,4 @@
-import * as react155 from "react";
+import * as react262 from "react";
 import { toast } from "sonner";
 
 //#region packages/components/ui/sonner.d.ts
@@ -18,7 +18,7 @@ import { toast } from "sonner";
  * toast.error('Something went wrong.');
  * ```
  */
-declare const Toaster: () => react155.JSX.Element;
+declare const Toaster: () => react262.JSX.Element;
 //#endregion
 export { Toaster, Toaster as default, toast };
 //# sourceMappingURL=sonner.d.ts.map

package/dist/ui/spinner.cjs

@@ -1 +1,2 @@
-const e=require(`../spinner-CFxorYEt.cjs`);exports.Spinner=e.t;
+const e=require(`../chunk-Bmb41Sf3.cjs`);let t=require(`lucide-react`),n=require(`@customafk/react-toolkit/utils`),r=require(`react/jsx-runtime`);function i({className:e,...i}){return(0,r.jsx)(t.Loader2Icon,{role:`status`,"aria-label":`Loading`,className:(0,n.cn)(`size-4 animate-spin`,e),...i})}exports.Spinner=i;
+//# sourceMappingURL=spinner.cjs.map

package/dist/ui/spinner.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.cjs","names":["Loader2Icon"],"sources":["../../packages/components/ui/spinner.tsx"],"sourcesContent":["import { Loader2Icon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\n/**\n * Spinning loading indicator rendered as an animated `Loader2Icon` SVG with an accessible `role=\"status\"` and `aria-label`.\n *\n * @example\n * ```tsx\n * import { Spinner } from '@customafk/lunas-ui/ui/spinner';\n *\n * <Spinner className=\"size-6 text-primary\" />\n *\n * <Button disabled>\n *   <Spinner /> Saving…\n * </Button>\n * ```\n */\nfunction Spinner({ className, ...props }: React.ComponentProps<'svg'>) {\n  return <Loader2Icon role=\"status\" aria-label=\"Loading\" className={cn('size-4 animate-spin', className)} {...props} />;\n}\n\nexport { Spinner };\n"],"mappings":"kJAkBA,SAAS,EAAQ,CAAE,YAAW,GAAG,GAAsC,CACrE,OAAO,EAAA,EAAA,KAACA,EAAAA,YAAAA,CAAY,KAAK,SAAS,aAAW,UAAU,WAAA,EAAA,EAAA,IAAc,sBAAuB,EAAU,CAAE,GAAI,GAAS"}

package/dist/ui/spinner.d.cts

@@ -1,4 +1,4 @@
-import * as react279 from "react";
+import * as react208 from "react";
 
 //#region packages/components/ui/spinner.d.ts
 
@@ -19,7 +19,7 @@ import * as react279 from "react";
 declare function Spinner({
   className,
   ...props
-}: React.ComponentProps<'svg'>): react279.JSX.Element;
+}: React.ComponentProps<'svg'>): react208.JSX.Element;
 //#endregion
 export { Spinner };
 //# sourceMappingURL=spinner.d.cts.map

package/dist/ui/spinner.d.ts

@@ -1,4 +1,4 @@
-import * as react144 from "react";
+import * as react264 from "react";
 
 //#region packages/components/ui/spinner.d.ts
 
@@ -19,7 +19,7 @@ import * as react144 from "react";
 declare function Spinner({
   className,
   ...props
-}: React.ComponentProps<'svg'>): react144.JSX.Element;
+}: React.ComponentProps<'svg'>): react264.JSX.Element;
 //#endregion
 export { Spinner };
 //# sourceMappingURL=spinner.d.ts.map

package/dist/ui/spinner.js

@@ -1 +1,2 @@
-import{t as e}from"../spinner-C1eamx3w.js";export{e as Spinner};
+import{Loader2Icon as e}from"lucide-react";import{cn as t}from"@customafk/react-toolkit/utils";import{jsx as n}from"react/jsx-runtime";function r({className:r,...i}){return n(e,{role:`status`,"aria-label":`Loading`,className:t(`size-4 animate-spin`,r),...i})}export{r as Spinner};
+//# sourceMappingURL=spinner.js.map

package/dist/ui/spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.js","names":[],"sources":["../../packages/components/ui/spinner.tsx"],"sourcesContent":["import { Loader2Icon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\n/**\n * Spinning loading indicator rendered as an animated `Loader2Icon` SVG with an accessible `role=\"status\"` and `aria-label`.\n *\n * @example\n * ```tsx\n * import { Spinner } from '@customafk/lunas-ui/ui/spinner';\n *\n * <Spinner className=\"size-6 text-primary\" />\n *\n * <Button disabled>\n *   <Spinner /> Saving…\n * </Button>\n * ```\n */\nfunction Spinner({ className, ...props }: React.ComponentProps<'svg'>) {\n  return <Loader2Icon role=\"status\" aria-label=\"Loading\" className={cn('size-4 animate-spin', className)} {...props} />;\n}\n\nexport { Spinner };\n"],"mappings":"uIAkBA,SAAS,EAAQ,CAAE,YAAW,GAAG,GAAsC,CACrE,OAAO,EAAC,EAAA,CAAY,KAAK,SAAS,aAAW,UAAU,UAAW,EAAG,sBAAuB,EAAU,CAAE,GAAI,GAAS"}

package/dist/ui/switch.cjs

@@ -1 +1,2 @@
-"use client";const e=require(`../switch-DVfOV7wP.cjs`);exports.Switch=e.t;
+"use client";const e=require(`../chunk-Bmb41Sf3.cjs`);let t=require(`@customafk/react-toolkit/utils`),n=require(`react/jsx-runtime`),r=require(`radix-ui`);function i({className:e,...i}){return(0,n.jsx)(r.Switch.Root,{"data-slot":`switch`,className:(0,t.cn)(`peer`,`w-8 shrink-0 cursor-pointer items-center rounded-full border border-transparent shadow-xs outline-none transition-all`,`inline-flex h-5`,`data-[state=checked]:bg-primary`,`data-[state=unchecked]:bg-border-muted`,`focus-visible:border-primary-strong`,`focus-visible:ring-primary-weak`,`focus-visible:ring-4`,`disabled:cursor-not-allowed`,`disabled:opacity-50`,`data-[state=unchecked]:border-border-weak`,`data-[state=unchecked]:[&_span]:bg-accent-weak`,`data-[state=unchecked]:bg-transparent`,`data-[state=unchecked]:[&_span]:size-4`,`data-[state=unchecked]:[&_span]:translate-x-0.5`,`data-[state=unchecked]:[&_span]:shadow-none`,`data-[state=unchecked]:[&_span]:rtl:-translate-x-0.5`,e),...i,children:(0,n.jsx)(r.Switch.Thumb,{"data-slot":`switch-thumb`,className:(0,t.cn)(`bg-background`,`pointer-events-none block size-4 rounded-full ring-0 transition-transform`,`data-[state=checked]:translate-x-[calc(100%-3px)]`,`data-[state=unchecked]:translate-x-0`)})})}exports.Switch=i;
+//# sourceMappingURL=switch.cjs.map

package/dist/ui/switch.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.cjs","names":["SwitchPrimitive"],"sources":["../../packages/components/ui/switch.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Switch as SwitchPrimitive } from 'radix-ui';\n\n/**\n * Accessible toggle switch built on Radix UI's Switch primitive, with animated thumb and primary/muted color states.\n *\n * @example\n * ```tsx\n * import { Switch } from '@customafk/lunas-ui/ui/switch';\n * import { Label } from '@customafk/lunas-ui/ui/label';\n *\n * <div className=\"flex items-center gap-2\">\n *   <Switch id=\"notifications\" />\n *   <Label htmlFor=\"notifications\">Enable notifications</Label>\n * </div>\n * ```\n */\nfunction Switch({ className, ...props }: React.ComponentProps<typeof SwitchPrimitive.Root>) {\n  return (\n    <SwitchPrimitive.Root\n      data-slot=\"switch\"\n      className={cn(\n        'peer',\n        'w-8 shrink-0 cursor-pointer items-center rounded-full border border-transparent shadow-xs outline-none transition-all',\n        'inline-flex h-5',\n        'data-[state=checked]:bg-primary',\n        'data-[state=unchecked]:bg-border-muted',\n        'focus-visible:border-primary-strong',\n        'focus-visible:ring-primary-weak',\n        'focus-visible:ring-4',\n        'disabled:cursor-not-allowed',\n        'disabled:opacity-50',\n        'data-[state=unchecked]:border-border-weak',\n        'data-[state=unchecked]:[&_span]:bg-accent-weak',\n        'data-[state=unchecked]:bg-transparent',\n        'data-[state=unchecked]:[&_span]:size-4',\n        'data-[state=unchecked]:[&_span]:translate-x-0.5',\n        'data-[state=unchecked]:[&_span]:shadow-none',\n        'data-[state=unchecked]:[&_span]:rtl:-translate-x-0.5',\n        className\n      )}\n      {...props}\n    >\n      <SwitchPrimitive.Thumb\n        data-slot=\"switch-thumb\"\n        className={cn(\n          'bg-background',\n          'pointer-events-none block size-4 rounded-full ring-0 transition-transform',\n          'data-[state=checked]:translate-x-[calc(100%-3px)]',\n          'data-[state=unchecked]:translate-x-0'\n        )}\n      />\n    </SwitchPrimitive.Root>\n  );\n}\n\nexport { Switch };\n"],"mappings":"2JAoBA,SAAS,EAAO,CAAE,YAAW,GAAG,GAA4D,CAC1F,OACE,EAAA,EAAA,KAACA,EAAAA,OAAgB,KAAA,CACf,YAAU,SACV,WAAA,EAAA,EAAA,IACE,OACA,wHACA,kBACA,kCACA,yCACA,sCACA,kCACA,uBACA,8BACA,sBACA,4CACA,iDACA,wCACA,yCACA,kDACA,8CACA,uDACA,EACD,CACD,GAAI,YAEJ,EAAA,EAAA,KAACA,EAAAA,OAAgB,MAAA,CACf,YAAU,eACV,WAAA,EAAA,EAAA,IACE,gBACA,4EACA,oDACA,uCACD,EACD,EACmB"}

package/dist/ui/switch.d.cts

@@ -1,4 +1,4 @@
-import * as react204 from "react";
+import * as react252 from "react";
 import { Switch as Switch$1 } from "radix-ui";
 
 //#region packages/components/ui/switch.d.ts
@@ -20,7 +20,7 @@ import { Switch as Switch$1 } from "radix-ui";
 declare function Switch({
   className,
   ...props
-}: React.ComponentProps<typeof Switch$1.Root>): react204.JSX.Element;
+}: React.ComponentProps<typeof Switch$1.Root>): react252.JSX.Element;
 //#endregion
 export { Switch };
 //# sourceMappingURL=switch.d.cts.map

package/dist/ui/switch.d.ts

@@ -1,4 +1,4 @@
-import * as react157 from "react";
+import * as react286 from "react";
 import { Switch as Switch$1 } from "radix-ui";
 
 //#region packages/components/ui/switch.d.ts
@@ -20,7 +20,7 @@ import { Switch as Switch$1 } from "radix-ui";
 declare function Switch({
   className,
   ...props
-}: React.ComponentProps<typeof Switch$1.Root>): react157.JSX.Element;
+}: React.ComponentProps<typeof Switch$1.Root>): react286.JSX.Element;
 //#endregion
 export { Switch };
 //# sourceMappingURL=switch.d.ts.map

package/dist/ui/switch.js

@@ -1 +1,2 @@
-"use client";import{t as e}from"../switch-BLHmdRq2.js";export{e as Switch};
+"use client";import{cn as e}from"@customafk/react-toolkit/utils";import{jsx as t}from"react/jsx-runtime";import{Switch as n}from"radix-ui";function r({className:r,...i}){return t(n.Root,{"data-slot":`switch`,className:e(`peer`,`w-8 shrink-0 cursor-pointer items-center rounded-full border border-transparent shadow-xs outline-none transition-all`,`inline-flex h-5`,`data-[state=checked]:bg-primary`,`data-[state=unchecked]:bg-border-muted`,`focus-visible:border-primary-strong`,`focus-visible:ring-primary-weak`,`focus-visible:ring-4`,`disabled:cursor-not-allowed`,`disabled:opacity-50`,`data-[state=unchecked]:border-border-weak`,`data-[state=unchecked]:[&_span]:bg-accent-weak`,`data-[state=unchecked]:bg-transparent`,`data-[state=unchecked]:[&_span]:size-4`,`data-[state=unchecked]:[&_span]:translate-x-0.5`,`data-[state=unchecked]:[&_span]:shadow-none`,`data-[state=unchecked]:[&_span]:rtl:-translate-x-0.5`,r),...i,children:t(n.Thumb,{"data-slot":`switch-thumb`,className:e(`bg-background`,`pointer-events-none block size-4 rounded-full ring-0 transition-transform`,`data-[state=checked]:translate-x-[calc(100%-3px)]`,`data-[state=unchecked]:translate-x-0`)})})}export{r as Switch};
+//# sourceMappingURL=switch.js.map

package/dist/ui/switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.js","names":["SwitchPrimitive"],"sources":["../../packages/components/ui/switch.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Switch as SwitchPrimitive } from 'radix-ui';\n\n/**\n * Accessible toggle switch built on Radix UI's Switch primitive, with animated thumb and primary/muted color states.\n *\n * @example\n * ```tsx\n * import { Switch } from '@customafk/lunas-ui/ui/switch';\n * import { Label } from '@customafk/lunas-ui/ui/label';\n *\n * <div className=\"flex items-center gap-2\">\n *   <Switch id=\"notifications\" />\n *   <Label htmlFor=\"notifications\">Enable notifications</Label>\n * </div>\n * ```\n */\nfunction Switch({ className, ...props }: React.ComponentProps<typeof SwitchPrimitive.Root>) {\n  return (\n    <SwitchPrimitive.Root\n      data-slot=\"switch\"\n      className={cn(\n        'peer',\n        'w-8 shrink-0 cursor-pointer items-center rounded-full border border-transparent shadow-xs outline-none transition-all',\n        'inline-flex h-5',\n        'data-[state=checked]:bg-primary',\n        'data-[state=unchecked]:bg-border-muted',\n        'focus-visible:border-primary-strong',\n        'focus-visible:ring-primary-weak',\n        'focus-visible:ring-4',\n        'disabled:cursor-not-allowed',\n        'disabled:opacity-50',\n        'data-[state=unchecked]:border-border-weak',\n        'data-[state=unchecked]:[&_span]:bg-accent-weak',\n        'data-[state=unchecked]:bg-transparent',\n        'data-[state=unchecked]:[&_span]:size-4',\n        'data-[state=unchecked]:[&_span]:translate-x-0.5',\n        'data-[state=unchecked]:[&_span]:shadow-none',\n        'data-[state=unchecked]:[&_span]:rtl:-translate-x-0.5',\n        className\n      )}\n      {...props}\n    >\n      <SwitchPrimitive.Thumb\n        data-slot=\"switch-thumb\"\n        className={cn(\n          'bg-background',\n          'pointer-events-none block size-4 rounded-full ring-0 transition-transform',\n          'data-[state=checked]:translate-x-[calc(100%-3px)]',\n          'data-[state=unchecked]:translate-x-0'\n        )}\n      />\n    </SwitchPrimitive.Root>\n  );\n}\n\nexport { Switch };\n"],"mappings":"2IAoBA,SAAS,EAAO,CAAE,YAAW,GAAG,GAA4D,CAC1F,OACE,EAACA,EAAgB,KAAA,CACf,YAAU,SACV,UAAW,EACT,OACA,wHACA,kBACA,kCACA,yCACA,sCACA,kCACA,uBACA,8BACA,sBACA,4CACA,iDACA,wCACA,yCACA,kDACA,8CACA,uDACA,EACD,CACD,GAAI,WAEJ,EAACA,EAAgB,MAAA,CACf,YAAU,eACV,UAAW,EACT,gBACA,4EACA,oDACA,uCACD,EACD,EACmB"}

package/dist/ui/table.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../chunk-350yNsax.cjs`);let t=require(`react`),n=require(`@customafk/react-toolkit/utils`),r=require(`react/jsx-runtime`);const i=(0,t.memo)(({className:e,...t})=>(0,r.jsx)(`table`,{"data-slot":`table`,className:(0,n.cn)(`w-full caption-bottom text-sm`,e),...t}));i.displayName=`Table`;const a=(0,t.memo)(({className:e,...t})=>(0,r.jsx)(`thead`,{"data-slot":`table-header`,className:(0,n.cn)(`[&_tr:not(:last-child)_td]:border-b`,e),...t}));a.displayName=`TableHeader`;const o=(0,t.memo)(({className:e,...t})=>(0,r.jsx)(`tbody`,{"data-slot":`table-body`,className:(0,n.cn)(`[&_tr:last-child]:border-0`,`[&_tr]:hover:bg-muted-muted/50`,`[&_tr]:active:bg-muted-muted`,`[&_tr]:data-[state=selected]:bg-muted`,`[&_tr]:border-border-weak`,`[&_tr]:border-b`,`[&_tr]:transition-colors`,e),...t}));o.displayName=`TableBody`;const s=(0,t.memo)(({className:e,...t})=>(0,r.jsx)(`tfoot`,{"data-slot":`table-footer`,className:(0,n.cn)(`border-border-weak border-t font-medium [&>tr]:last:border-b-0`,e),...t}));s.displayName=`TableFooter`;const c=(0,t.memo)(({className:e,...t})=>(0,r.jsx)(`tr`,{"data-slot":`table-row`,className:e,...t}));c.displayName=`TableRow`;const l=(0,t.memo)(({className:e,...t})=>(0,r.jsx)(`th`,{"data-slot":`table-head`,className:(0,n.cn)(`text-text-positive-weak`,`h-10 whitespace-nowrap px-2 text-left align-middle font-medium`,`[&:has([role=checkbox])]:pr-0`,`[&>[role=checkbox]]:translate-y-0.5`,e),...t}));l.displayName=`TableHead`;const u=(0,t.memo)(({className:e,...t})=>(0,r.jsx)(`td`,{"data-slot":`table-cell`,className:e,...t}));u.displayName=`TableCell`;const d=(0,t.memo)(({className:e,...t})=>(0,r.jsx)(`caption`,{"data-slot":`table-caption`,className:(0,n.cn)(`text-text-positive-muted mt-4 text-sm`,e),...t}));d.displayName=`TableCaption`,exports.Table=i,exports.TableBody=o,exports.TableCaption=d,exports.TableCell=u,exports.TableFooter=s,exports.TableHead=l,exports.TableHeader=a,exports.TableRow=c;
+"use client";const e=require(`../chunk-Bmb41Sf3.cjs`);let t=require(`@customafk/react-toolkit/utils`),n=require(`react/jsx-runtime`),r=require(`react`);const i=(0,r.memo)(({className:e,...r})=>(0,n.jsx)(`table`,{"data-slot":`table`,className:(0,t.cn)(`w-full caption-bottom text-sm`,e),...r}));i.displayName=`Table`;const a=(0,r.memo)(({className:e,...r})=>(0,n.jsx)(`thead`,{"data-slot":`table-header`,className:(0,t.cn)(`[&_tr:not(:last-child)_td]:border-b`,e),...r}));a.displayName=`TableHeader`;const o=(0,r.memo)(({className:e,...r})=>(0,n.jsx)(`tbody`,{"data-slot":`table-body`,className:(0,t.cn)(`[&_tr:last-child]:border-0`,`[&_tr]:hover:bg-muted-muted/50`,`[&_tr]:active:bg-muted-muted`,`[&_tr]:data-[state=selected]:bg-muted`,`[&_tr]:border-border-weak`,`[&_tr]:border-b`,`[&_tr]:transition-colors`,e),...r}));o.displayName=`TableBody`;const s=(0,r.memo)(({className:e,...r})=>(0,n.jsx)(`tfoot`,{"data-slot":`table-footer`,className:(0,t.cn)(`border-border-weak border-t font-medium [&>tr]:last:border-b-0`,e),...r}));s.displayName=`TableFooter`;const c=(0,r.memo)(({className:e,...t})=>(0,n.jsx)(`tr`,{"data-slot":`table-row`,className:e,...t}));c.displayName=`TableRow`;const l=(0,r.memo)(({className:e,...r})=>(0,n.jsx)(`th`,{"data-slot":`table-head`,className:(0,t.cn)(`text-text-positive-weak`,`h-10 whitespace-nowrap px-2 text-left align-middle font-medium`,`[&:has([role=checkbox])]:pr-0`,`[&>[role=checkbox]]:translate-y-0.5`,e),...r}));l.displayName=`TableHead`;const u=(0,r.memo)(({className:e,...t})=>(0,n.jsx)(`td`,{"data-slot":`table-cell`,className:e,...t}));u.displayName=`TableCell`;const d=(0,r.memo)(({className:e,...r})=>(0,n.jsx)(`caption`,{"data-slot":`table-caption`,className:(0,t.cn)(`text-text-positive-muted mt-4 text-sm`,e),...r}));d.displayName=`TableCaption`,exports.Table=i,exports.TableBody=o,exports.TableCaption=d,exports.TableCell=u,exports.TableFooter=s,exports.TableHead=l,exports.TableHeader=a,exports.TableRow=c;
 //# sourceMappingURL=table.cjs.map

package/dist/ui/table.d.cts

@@ -1,4 +1,4 @@
-import * as react252 from "react";
+import * as react271 from "react";
 
 //#region packages/components/ui/table.d.ts
 
@@ -29,45 +29,45 @@ import * as react252 from "react";
  * </Table>
  * ```
  */
-declare const Table: react252.MemoExoticComponent<({
+declare const Table: react271.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"table">) => react252.JSX.Element>;
+}: React.ComponentProps<"table">) => react271.JSX.Element>;
 /** The `<thead>` element containing one or more header rows. */
-declare const TableHeader: react252.MemoExoticComponent<({
+declare const TableHeader: react271.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"thead">) => react252.JSX.Element>;
+}: React.ComponentProps<"thead">) => react271.JSX.Element>;
 /** The `<tbody>` element containing data rows with hover and selection styling. */
-declare const TableBody: react252.MemoExoticComponent<({
+declare const TableBody: react271.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"tbody">) => react252.JSX.Element>;
+}: React.ComponentProps<"tbody">) => react271.JSX.Element>;
 /** The `<tfoot>` element for summary or aggregate rows at the bottom of the table. */
-declare const TableFooter: react252.MemoExoticComponent<({
+declare const TableFooter: react271.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"tfoot">) => react252.JSX.Element>;
+}: React.ComponentProps<"tfoot">) => react271.JSX.Element>;
 /** A single `<tr>` row used inside TableHeader, TableBody, or TableFooter. */
-declare const TableRow: react252.MemoExoticComponent<({
+declare const TableRow: react271.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"tr">) => react252.JSX.Element>;
+}: React.ComponentProps<"tr">) => react271.JSX.Element>;
 /** A `<th>` column header cell with medium-weight text and left alignment. */
-declare const TableHead: react252.MemoExoticComponent<({
+declare const TableHead: react271.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"th">) => react252.JSX.Element>;
+}: React.ComponentProps<"th">) => react271.JSX.Element>;
 /** A standard `<td>` data cell used inside a TableRow. */
-declare const TableCell: react252.MemoExoticComponent<({
+declare const TableCell: react271.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"td">) => react252.JSX.Element>;
+}: React.ComponentProps<"td">) => react271.JSX.Element>;
 /** An accessible `<caption>` element displayed below the table. */
-declare const TableCaption: react252.MemoExoticComponent<({
+declare const TableCaption: react271.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"caption">) => react252.JSX.Element>;
+}: React.ComponentProps<"caption">) => react271.JSX.Element>;
 //#endregion
 export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };
 //# sourceMappingURL=table.d.cts.map

package/dist/ui/table.d.ts

@@ -1,4 +1,4 @@
-import * as react166 from "react";
+import * as react270 from "react";
 
 //#region packages/components/ui/table.d.ts
 
@@ -29,45 +29,45 @@ import * as react166 from "react";
  * </Table>
  * ```
  */
-declare const Table: react166.MemoExoticComponent<({
+declare const Table: react270.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"table">) => react166.JSX.Element>;
+}: React.ComponentProps<"table">) => react270.JSX.Element>;
 /** The `<thead>` element containing one or more header rows. */
-declare const TableHeader: react166.MemoExoticComponent<({
+declare const TableHeader: react270.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"thead">) => react166.JSX.Element>;
+}: React.ComponentProps<"thead">) => react270.JSX.Element>;
 /** The `<tbody>` element containing data rows with hover and selection styling. */
-declare const TableBody: react166.MemoExoticComponent<({
+declare const TableBody: react270.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"tbody">) => react166.JSX.Element>;
+}: React.ComponentProps<"tbody">) => react270.JSX.Element>;
 /** The `<tfoot>` element for summary or aggregate rows at the bottom of the table. */
-declare const TableFooter: react166.MemoExoticComponent<({
+declare const TableFooter: react270.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"tfoot">) => react166.JSX.Element>;
+}: React.ComponentProps<"tfoot">) => react270.JSX.Element>;
 /** A single `<tr>` row used inside TableHeader, TableBody, or TableFooter. */
-declare const TableRow: react166.MemoExoticComponent<({
+declare const TableRow: react270.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"tr">) => react166.JSX.Element>;
+}: React.ComponentProps<"tr">) => react270.JSX.Element>;
 /** A `<th>` column header cell with medium-weight text and left alignment. */
-declare const TableHead: react166.MemoExoticComponent<({
+declare const TableHead: react270.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"th">) => react166.JSX.Element>;
+}: React.ComponentProps<"th">) => react270.JSX.Element>;
 /** A standard `<td>` data cell used inside a TableRow. */
-declare const TableCell: react166.MemoExoticComponent<({
+declare const TableCell: react270.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"td">) => react166.JSX.Element>;
+}: React.ComponentProps<"td">) => react270.JSX.Element>;
 /** An accessible `<caption>` element displayed below the table. */
-declare const TableCaption: react166.MemoExoticComponent<({
+declare const TableCaption: react270.MemoExoticComponent<({
   className,
   ...props
-}: React.ComponentProps<"caption">) => react166.JSX.Element>;
+}: React.ComponentProps<"caption">) => react270.JSX.Element>;
 //#endregion
 export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };
 //# sourceMappingURL=table.d.ts.map

package/dist/ui/table.js

@@ -1,2 +1,2 @@
-"use client";import{memo as e}from"react";import{cn as t}from"@customafk/react-toolkit/utils";import{jsx as n}from"react/jsx-runtime";const r=e(({className:e,...r})=>n(`table`,{"data-slot":`table`,className:t(`w-full caption-bottom text-sm`,e),...r}));r.displayName=`Table`;const i=e(({className:e,...r})=>n(`thead`,{"data-slot":`table-header`,className:t(`[&_tr:not(:last-child)_td]:border-b`,e),...r}));i.displayName=`TableHeader`;const a=e(({className:e,...r})=>n(`tbody`,{"data-slot":`table-body`,className:t(`[&_tr:last-child]:border-0`,`[&_tr]:hover:bg-muted-muted/50`,`[&_tr]:active:bg-muted-muted`,`[&_tr]:data-[state=selected]:bg-muted`,`[&_tr]:border-border-weak`,`[&_tr]:border-b`,`[&_tr]:transition-colors`,e),...r}));a.displayName=`TableBody`;const o=e(({className:e,...r})=>n(`tfoot`,{"data-slot":`table-footer`,className:t(`border-border-weak border-t font-medium [&>tr]:last:border-b-0`,e),...r}));o.displayName=`TableFooter`;const s=e(({className:e,...t})=>n(`tr`,{"data-slot":`table-row`,className:e,...t}));s.displayName=`TableRow`;const c=e(({className:e,...r})=>n(`th`,{"data-slot":`table-head`,className:t(`text-text-positive-weak`,`h-10 whitespace-nowrap px-2 text-left align-middle font-medium`,`[&:has([role=checkbox])]:pr-0`,`[&>[role=checkbox]]:translate-y-0.5`,e),...r}));c.displayName=`TableHead`;const l=e(({className:e,...t})=>n(`td`,{"data-slot":`table-cell`,className:e,...t}));l.displayName=`TableCell`;const u=e(({className:e,...r})=>n(`caption`,{"data-slot":`table-caption`,className:t(`text-text-positive-muted mt-4 text-sm`,e),...r}));u.displayName=`TableCaption`;export{r as Table,a as TableBody,u as TableCaption,l as TableCell,o as TableFooter,c as TableHead,i as TableHeader,s as TableRow};
+"use client";import{cn as e}from"@customafk/react-toolkit/utils";import{jsx as t}from"react/jsx-runtime";import{memo as n}from"react";const r=n(({className:n,...r})=>t(`table`,{"data-slot":`table`,className:e(`w-full caption-bottom text-sm`,n),...r}));r.displayName=`Table`;const i=n(({className:n,...r})=>t(`thead`,{"data-slot":`table-header`,className:e(`[&_tr:not(:last-child)_td]:border-b`,n),...r}));i.displayName=`TableHeader`;const a=n(({className:n,...r})=>t(`tbody`,{"data-slot":`table-body`,className:e(`[&_tr:last-child]:border-0`,`[&_tr]:hover:bg-muted-muted/50`,`[&_tr]:active:bg-muted-muted`,`[&_tr]:data-[state=selected]:bg-muted`,`[&_tr]:border-border-weak`,`[&_tr]:border-b`,`[&_tr]:transition-colors`,n),...r}));a.displayName=`TableBody`;const o=n(({className:n,...r})=>t(`tfoot`,{"data-slot":`table-footer`,className:e(`border-border-weak border-t font-medium [&>tr]:last:border-b-0`,n),...r}));o.displayName=`TableFooter`;const s=n(({className:e,...n})=>t(`tr`,{"data-slot":`table-row`,className:e,...n}));s.displayName=`TableRow`;const c=n(({className:n,...r})=>t(`th`,{"data-slot":`table-head`,className:e(`text-text-positive-weak`,`h-10 whitespace-nowrap px-2 text-left align-middle font-medium`,`[&:has([role=checkbox])]:pr-0`,`[&>[role=checkbox]]:translate-y-0.5`,n),...r}));c.displayName=`TableHead`;const l=n(({className:e,...n})=>t(`td`,{"data-slot":`table-cell`,className:e,...n}));l.displayName=`TableCell`;const u=n(({className:n,...r})=>t(`caption`,{"data-slot":`table-caption`,className:e(`text-text-positive-muted mt-4 text-sm`,n),...r}));u.displayName=`TableCaption`;export{r as Table,a as TableBody,u as TableCaption,l as TableCell,o as TableFooter,c as TableHead,i as TableHeader,s as TableRow};
 //# sourceMappingURL=table.js.map

package/dist/ui/tabs.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../chunk-350yNsax.cjs`);let t=require(`@customafk/react-toolkit/utils`),n=require(`react/jsx-runtime`),r=require(`radix-ui`);function i({className:e,...i}){return(0,n.jsx)(r.Tabs.Root,{"data-slot":`tabs`,className:(0,t.cn)(`flex flex-col gap-2`,e),...i})}function a({className:e,...i}){return(0,n.jsx)(r.Tabs.List,{"data-slot":`tabs-list`,className:(0,t.cn)(`inline-flex h-9 w-fit items-center justify-center gap-x-1 rounded-sm bg-muted-muted p-1`,e),...i})}function o({className:e,...i}){return(0,n.jsx)(r.Tabs.Trigger,{"data-slot":`tabs-trigger`,className:(0,t.cn)(`text-text-positive-weak`,`inline-flex h-[calc(100%-1px)] min-w-32 flex-1 cursor-pointer items-center justify-center gap-1.5`,`rounded-sm`,`whitespace-nowrap border border-transparent px-2 py-1 font-medium text-sm transition`,`data-[state=active]:shadow-card`,`data-[state=active]:bg-background`,`disabled:opacity-50`,`disabled:pointer-events-none`,`focus-visible:border-primary`,`focus-visible:ring-4`,`focus-visible:ring-primary-weak`,`focus-visible:outline-1`,`focus-visible:outline-primary`,`[&_svg]:pointer-events-none`,`[&_svg]:shrink-0`,`[&_svg:not([class*='size-'])]:size-4`,e),...i})}function s({className:e,...i}){return(0,n.jsx)(r.Tabs.Content,{"data-slot":`tabs-content`,className:(0,t.cn)(`flex-1 outline-none`,e),...i})}exports.Tabs=i,exports.TabsContent=s,exports.TabsList=a,exports.TabsTrigger=o;
+"use client";const e=require(`../chunk-Bmb41Sf3.cjs`);let t=require(`@customafk/react-toolkit/utils`),n=require(`react/jsx-runtime`),r=require(`radix-ui`);function i({className:e,...i}){return(0,n.jsx)(r.Tabs.Root,{"data-slot":`tabs`,className:(0,t.cn)(`flex flex-col gap-2`,e),...i})}function a({className:e,...i}){return(0,n.jsx)(r.Tabs.List,{"data-slot":`tabs-list`,className:(0,t.cn)(`inline-flex h-9 w-fit items-center justify-center gap-x-1 rounded-sm bg-muted-muted p-1`,e),...i})}function o({className:e,...i}){return(0,n.jsx)(r.Tabs.Trigger,{"data-slot":`tabs-trigger`,className:(0,t.cn)(`text-text-positive-weak`,`inline-flex h-[calc(100%-1px)] min-w-32 flex-1 cursor-pointer items-center justify-center gap-1.5`,`rounded-sm`,`whitespace-nowrap border border-transparent px-2 py-1 font-medium text-sm transition`,`data-[state=active]:shadow-card`,`data-[state=active]:bg-background`,`disabled:opacity-50`,`disabled:pointer-events-none`,`focus-visible:border-primary`,`focus-visible:ring-4`,`focus-visible:ring-primary-weak`,`focus-visible:outline-1`,`focus-visible:outline-primary`,`[&_svg]:pointer-events-none`,`[&_svg]:shrink-0`,`[&_svg:not([class*='size-'])]:size-4`,e),...i})}function s({className:e,...i}){return(0,n.jsx)(r.Tabs.Content,{"data-slot":`tabs-content`,className:(0,t.cn)(`flex-1 outline-none`,e),...i})}exports.Tabs=i,exports.TabsContent=s,exports.TabsList=a,exports.TabsTrigger=o;
 //# sourceMappingURL=tabs.cjs.map

package/dist/ui/tabs.d.cts

@@ -1,4 +1,4 @@
-import * as react136 from "react";
+import * as react287 from "react";
 import { Tabs as Tabs$1 } from "radix-ui";
 
 //#region packages/components/ui/tabs.d.ts
@@ -23,22 +23,22 @@ import { Tabs as Tabs$1 } from "radix-ui";
 declare function Tabs({
   className,
   ...props
-}: React.ComponentProps<typeof Tabs$1.Root>): react136.JSX.Element;
+}: React.ComponentProps<typeof Tabs$1.Root>): react287.JSX.Element;
 /** Container that holds the row of `TabsTrigger` buttons with a muted background pill style. */
 declare function TabsList({
   className,
   ...props
-}: React.ComponentProps<typeof Tabs$1.List>): react136.JSX.Element;
+}: React.ComponentProps<typeof Tabs$1.List>): react287.JSX.Element;
 /** Individual tab button that activates its associated `TabsContent` panel when clicked. */
 declare function TabsTrigger({
   className,
   ...props
-}: React.ComponentProps<typeof Tabs$1.Trigger>): react136.JSX.Element;
+}: React.ComponentProps<typeof Tabs$1.Trigger>): react287.JSX.Element;
 /** Panel whose visibility is controlled by the active `TabsTrigger`; each panel must have a matching `value`. */
 declare function TabsContent({
   className,
   ...props
-}: React.ComponentProps<typeof Tabs$1.Content>): react136.JSX.Element;
+}: React.ComponentProps<typeof Tabs$1.Content>): react287.JSX.Element;
 //#endregion
 export { Tabs, TabsContent, TabsList, TabsTrigger };
 //# sourceMappingURL=tabs.d.cts.map

package/dist/ui/tabs.d.ts

@@ -1,4 +1,4 @@
-import * as react159 from "react";
+import * as react266 from "react";
 import { Tabs as Tabs$1 } from "radix-ui";
 
 //#region packages/components/ui/tabs.d.ts
@@ -23,22 +23,22 @@ import { Tabs as Tabs$1 } from "radix-ui";
 declare function Tabs({
   className,
   ...props
-}: React.ComponentProps<typeof Tabs$1.Root>): react159.JSX.Element;
+}: React.ComponentProps<typeof Tabs$1.Root>): react266.JSX.Element;
 /** Container that holds the row of `TabsTrigger` buttons with a muted background pill style. */
 declare function TabsList({
   className,
   ...props
-}: React.ComponentProps<typeof Tabs$1.List>): react159.JSX.Element;
+}: React.ComponentProps<typeof Tabs$1.List>): react266.JSX.Element;
 /** Individual tab button that activates its associated `TabsContent` panel when clicked. */
 declare function TabsTrigger({
   className,
   ...props
-}: React.ComponentProps<typeof Tabs$1.Trigger>): react159.JSX.Element;
+}: React.ComponentProps<typeof Tabs$1.Trigger>): react266.JSX.Element;
 /** Panel whose visibility is controlled by the active `TabsTrigger`; each panel must have a matching `value`. */
 declare function TabsContent({
   className,
   ...props
-}: React.ComponentProps<typeof Tabs$1.Content>): react159.JSX.Element;
+}: React.ComponentProps<typeof Tabs$1.Content>): react266.JSX.Element;
 //#endregion
 export { Tabs, TabsContent, TabsList, TabsTrigger };
 //# sourceMappingURL=tabs.d.ts.map

package/dist/ui/textarea.cjs

@@ -1 +1,2 @@
-"use client";const e=require(`../textarea-Cc9CF8wD.cjs`);exports.Textarea=e.t;
+"use client";const e=require(`../chunk-Bmb41Sf3.cjs`);let t=require(`@customafk/react-toolkit/utils`),n=require(`react/jsx-runtime`),r=require(`react`);function i({className:e,onChange:i,onValueChange:a,...o}){let s=(0,r.useCallback)(e=>{i?.(e),a?.(e.target.value)},[i,a]);return(0,n.jsx)(`textarea`,{"data-slot":`textarea`,className:(0,t.cn)(`flex min-h-24 w-full bg-transparent px-3 py-2`,`rounded shadow-input transition-[color,box-shadow] duration-200`,`resize-y text-sm text-text-positive-weak tabular-nums caret-primary`,`-outline-offset-1 outline-1 outline-border`,`placeholder:text-text-positive-muted`,`focus:text-text-positive focus:outline-primary-strong focus:ring-4 focus:ring-primary-weak`,`read-only:pointer-events-none read-only:bg-muted-muted read-only:placeholder:text-text-positive-weak`,`aria-invalid:bg-danger-bg-subtle`,`aria-invalid:outline-danger`,`aria-invalid:ring-danger-weak`,`aria-invalid:focus:outline-danger-strong`,`aria-invalid:focus:ring-4`,`aria-invalid:placeholder:text-text-positive-weak`,`disabled:cursor-not-allowed disabled:opacity-50`,`disabled:pointer-events-none`,`disabled:border-border-weak/50 disabled:bg-secondary-muted/10`,e),...o,onChange:s})}exports.Textarea=i;
+//# sourceMappingURL=textarea.cjs.map

package/dist/ui/textarea.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.cjs","names":[],"sources":["../../packages/components/ui/textarea.tsx"],"sourcesContent":["'use client';\nimport { useCallback } from 'react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\n/**\n * Styled multi-line text area built on the native `<textarea>` element with resize, focus, and validation state styles.\n *\n * @example\n * ```tsx\n * import { Textarea } from '@customafk/lunas-ui/ui/textarea';\n *\n * <Textarea\n *   placeholder=\"Write a description…\"\n *   rows={4}\n *   onValueChange={(value) => console.log(value)}\n * />\n * ```\n */\nfunction Textarea({\n  className,\n  onChange,\n  onValueChange,\n  ...props\n}: React.ComponentProps<'textarea'> & {\n  /** Convenience callback that receives the raw string value on every change, bypassing the synthetic event. */\n  onValueChange?: (value: string) => void;\n}) {\n  const handleChange = useCallback(\n    (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n      onChange?.(e);\n      onValueChange?.(e.target.value);\n    },\n    [onChange, onValueChange]\n  );\n  return (\n    <textarea\n      data-slot=\"textarea\"\n      className={cn(\n        // Base styles\n        'flex min-h-24 w-full bg-transparent px-3 py-2',\n        'rounded shadow-input transition-[color,box-shadow] duration-200',\n        'resize-y text-sm text-text-positive-weak tabular-nums caret-primary',\n\n        // Border and shadow styles\n        '-outline-offset-1 outline-1 outline-border',\n\n        // Placeholder styling\n        'placeholder:text-text-positive-muted',\n\n        // State styles\n        'focus:text-text-positive focus:outline-primary-strong focus:ring-4 focus:ring-primary-weak',\n\n        // Read-only state\n        'read-only:pointer-events-none read-only:bg-muted-muted read-only:placeholder:text-text-positive-weak',\n\n        // Invalid state\n        'aria-invalid:bg-danger-bg-subtle',\n        'aria-invalid:outline-danger',\n        'aria-invalid:ring-danger-weak',\n        'aria-invalid:focus:outline-danger-strong',\n        'aria-invalid:focus:ring-4',\n        'aria-invalid:placeholder:text-text-positive-weak',\n\n        // Disabled state\n        'disabled:cursor-not-allowed disabled:opacity-50',\n        'disabled:pointer-events-none',\n        'disabled:border-border-weak/50 disabled:bg-secondary-muted/10',\n\n        // Additional custom styling\n        className\n      )}\n      {...props}\n      onChange={handleChange}\n    />\n  );\n}\n\nexport { Textarea };\n"],"mappings":"wJAmBA,SAAS,EAAS,CAChB,YACA,WACA,gBACA,GAAG,GAIF,CACD,IAAM,GAAA,EAAA,EAAA,aACH,GAA8C,CAC7C,IAAW,EAAE,CACb,IAAgB,EAAE,OAAO,MAAM,EAEjC,CAAC,EAAU,EAAc,CAC1B,CACD,OACE,EAAA,EAAA,KAAC,WAAA,CACC,YAAU,WACV,WAAA,EAAA,EAAA,IAEE,gDACA,kEACA,sEAGA,6CAGA,uCAGA,6FAGA,uGAGA,mCACA,8BACA,gCACA,2CACA,4BACA,mDAGA,kDACA,+BACA,gEAGA,EACD,CACD,GAAI,EACJ,SAAU,GACV"}

package/dist/ui/textarea.d.cts

@@ -1,4 +1,4 @@
-import * as react268 from "react";
+import * as react185 from "react";
 
 //#region packages/components/ui/textarea.d.ts
 
@@ -24,7 +24,7 @@ declare function Textarea({
 }: React.ComponentProps<'textarea'> & {
   /** Convenience callback that receives the raw string value on every change, bypassing the synthetic event. */
   onValueChange?: (value: string) => void;
-}): react268.JSX.Element;
+}): react185.JSX.Element;
 //#endregion
 export { Textarea };
 //# sourceMappingURL=textarea.d.cts.map

package/dist/ui/textarea.d.ts

@@ -1,4 +1,4 @@
-import * as react156 from "react";
+import * as react289 from "react";
 
 //#region packages/components/ui/textarea.d.ts
 
@@ -24,7 +24,7 @@ declare function Textarea({
 }: React.ComponentProps<'textarea'> & {
   /** Convenience callback that receives the raw string value on every change, bypassing the synthetic event. */
   onValueChange?: (value: string) => void;
-}): react156.JSX.Element;
+}): react289.JSX.Element;
 //#endregion
 export { Textarea };
 //# sourceMappingURL=textarea.d.ts.map

package/dist/ui/textarea.js

@@ -1 +1,2 @@
-"use client";import{t as e}from"../textarea-Bp6VvhiA.js";export{e as Textarea};
+"use client";import{cn as e}from"@customafk/react-toolkit/utils";import{jsx as t}from"react/jsx-runtime";import{useCallback as n}from"react";function r({className:r,onChange:i,onValueChange:a,...o}){let s=n(e=>{i?.(e),a?.(e.target.value)},[i,a]);return t(`textarea`,{"data-slot":`textarea`,className:e(`flex min-h-24 w-full bg-transparent px-3 py-2`,`rounded shadow-input transition-[color,box-shadow] duration-200`,`resize-y text-sm text-text-positive-weak tabular-nums caret-primary`,`-outline-offset-1 outline-1 outline-border`,`placeholder:text-text-positive-muted`,`focus:text-text-positive focus:outline-primary-strong focus:ring-4 focus:ring-primary-weak`,`read-only:pointer-events-none read-only:bg-muted-muted read-only:placeholder:text-text-positive-weak`,`aria-invalid:bg-danger-bg-subtle`,`aria-invalid:outline-danger`,`aria-invalid:ring-danger-weak`,`aria-invalid:focus:outline-danger-strong`,`aria-invalid:focus:ring-4`,`aria-invalid:placeholder:text-text-positive-weak`,`disabled:cursor-not-allowed disabled:opacity-50`,`disabled:pointer-events-none`,`disabled:border-border-weak/50 disabled:bg-secondary-muted/10`,r),...o,onChange:s})}export{r as Textarea};
+//# sourceMappingURL=textarea.js.map

package/dist/ui/textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.js","names":[],"sources":["../../packages/components/ui/textarea.tsx"],"sourcesContent":["'use client';\nimport { useCallback } from 'react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\n/**\n * Styled multi-line text area built on the native `<textarea>` element with resize, focus, and validation state styles.\n *\n * @example\n * ```tsx\n * import { Textarea } from '@customafk/lunas-ui/ui/textarea';\n *\n * <Textarea\n *   placeholder=\"Write a description…\"\n *   rows={4}\n *   onValueChange={(value) => console.log(value)}\n * />\n * ```\n */\nfunction Textarea({\n  className,\n  onChange,\n  onValueChange,\n  ...props\n}: React.ComponentProps<'textarea'> & {\n  /** Convenience callback that receives the raw string value on every change, bypassing the synthetic event. */\n  onValueChange?: (value: string) => void;\n}) {\n  const handleChange = useCallback(\n    (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n      onChange?.(e);\n      onValueChange?.(e.target.value);\n    },\n    [onChange, onValueChange]\n  );\n  return (\n    <textarea\n      data-slot=\"textarea\"\n      className={cn(\n        // Base styles\n        'flex min-h-24 w-full bg-transparent px-3 py-2',\n        'rounded shadow-input transition-[color,box-shadow] duration-200',\n        'resize-y text-sm text-text-positive-weak tabular-nums caret-primary',\n\n        // Border and shadow styles\n        '-outline-offset-1 outline-1 outline-border',\n\n        // Placeholder styling\n        'placeholder:text-text-positive-muted',\n\n        // State styles\n        'focus:text-text-positive focus:outline-primary-strong focus:ring-4 focus:ring-primary-weak',\n\n        // Read-only state\n        'read-only:pointer-events-none read-only:bg-muted-muted read-only:placeholder:text-text-positive-weak',\n\n        // Invalid state\n        'aria-invalid:bg-danger-bg-subtle',\n        'aria-invalid:outline-danger',\n        'aria-invalid:ring-danger-weak',\n        'aria-invalid:focus:outline-danger-strong',\n        'aria-invalid:focus:ring-4',\n        'aria-invalid:placeholder:text-text-positive-weak',\n\n        // Disabled state\n        'disabled:cursor-not-allowed disabled:opacity-50',\n        'disabled:pointer-events-none',\n        'disabled:border-border-weak/50 disabled:bg-secondary-muted/10',\n\n        // Additional custom styling\n        className\n      )}\n      {...props}\n      onChange={handleChange}\n    />\n  );\n}\n\nexport { Textarea };\n"],"mappings":"6IAmBA,SAAS,EAAS,CAChB,YACA,WACA,gBACA,GAAG,GAIF,CACD,IAAM,EAAe,EAClB,GAA8C,CAC7C,IAAW,EAAE,CACb,IAAgB,EAAE,OAAO,MAAM,EAEjC,CAAC,EAAU,EAAc,CAC1B,CACD,OACE,EAAC,WAAA,CACC,YAAU,WACV,UAAW,EAET,gDACA,kEACA,sEAGA,6CAGA,uCAGA,6FAGA,uGAGA,mCACA,8BACA,gCACA,2CACA,4BACA,mDAGA,kDACA,+BACA,gEAGA,EACD,CACD,GAAI,EACJ,SAAU,GACV"}

package/dist/ui/toggle-group.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../chunk-350yNsax.cjs`),t=require(`./toggle.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.toggleVariants({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;
+"use client";const e=require(`../chunk-Bmb41Sf3.cjs`);let t=require(`@customafk/react-toolkit/utils`),n=require(`react/jsx-runtime`),r=require(`react`),i=require(`radix-ui`),a=require(`@/components/ui/toggle`);const o=(0,r.createContext)({size:`default`,variant:`default`});function s({className:e,variant:r,size:a,children:s,...c}){return(0,n.jsx)(i.ToggleGroup.Root,{"data-slot":`toggle-group`,"data-variant":r,"data-size":a,className:(0,t.cn)(`group/toggle-group flex w-fit items-center rounded-md data-[variant=outline]:shadow-xs`,e),...c,children:(0,n.jsx)(o.Provider,{value:{variant:r,size:a},children:s})})}function c({className:e,children:s,variant:c,size:l,...u}){let d=(0,r.use)(o);return(0,n.jsx)(i.ToggleGroup.Item,{"data-slot":`toggle-group-item`,"data-variant":d.variant||c,"data-size":d.size||l,className:(0,t.cn)((0,a.toggleVariants)({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, 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\n/**\n * A group of connected Toggle buttons where one or multiple items can be active at a time.\n *\n * @example\n * ```tsx\n * import { ToggleGroup, ToggleGroupItem } from '@customafk/lunas-ui/ui/toggle-group';\n *\n * <ToggleGroup type=\"single\" variant=\"outline\">\n *   <ToggleGroupItem value=\"left\">Left</ToggleGroupItem>\n *   <ToggleGroupItem value=\"center\">Center</ToggleGroupItem>\n *   <ToggleGroupItem value=\"right\">Right</ToggleGroupItem>\n * </ToggleGroup>\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\n/** A single item/button within a ToggleGroup that inherits the group's variant and size. */\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":"wMASA,MAAM,GAAA,EAAA,EAAA,eAAwE,CAC5E,KAAM,UACN,QAAS,UACV,CAAC,CAgBF,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,CAKhC,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"}
+{"version":3,"file":"toggle-group.cjs","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\n/**\n * A group of connected Toggle buttons where one or multiple items can be active at a time.\n *\n * @example\n * ```tsx\n * import { ToggleGroup, ToggleGroupItem } from '@customafk/lunas-ui/ui/toggle-group';\n *\n * <ToggleGroup type=\"single\" variant=\"outline\">\n *   <ToggleGroupItem value=\"left\">Left</ToggleGroupItem>\n *   <ToggleGroupItem value=\"center\">Center</ToggleGroupItem>\n *   <ToggleGroupItem value=\"right\">Right</ToggleGroupItem>\n * </ToggleGroup>\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\n/** A single item/button within a ToggleGroup that inherits the group's variant and size. */\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,CAgBF,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,CAKhC,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,KAAA,EAAA,EAAA,gBACiB,CACb,QAAS,EAAQ,SAAW,EAC5B,KAAM,EAAQ,MAAQ,EACvB,CAAC,CACF,8LACA,EACD,CACD,GAAI,EAEH,YACyB"}

package/dist/ui/toggle-group.d.cts

@@ -1,7 +1,7 @@
-import { toggleVariants } from "./toggle.cjs";
-import * as react214 from "react";
+import * as react224 from "react";
 import { VariantProps } from "class-variance-authority";
 import { ToggleGroup as ToggleGroup$1 } from "radix-ui";
+import { toggleVariants } from "@/components/ui/toggle";
 
 //#region packages/components/ui/toggle-group.d.ts
 
@@ -25,7 +25,7 @@ declare function ToggleGroup({
   size,
   children,
   ...props
-}: React.ComponentProps<typeof ToggleGroup$1.Root> & VariantProps<typeof toggleVariants>): react214.JSX.Element;
+}: React.ComponentProps<typeof ToggleGroup$1.Root> & VariantProps<typeof toggleVariants>): react224.JSX.Element;
 /** A single item/button within a ToggleGroup that inherits the group's variant and size. */
 declare function ToggleGroupItem({
   className,
@@ -33,7 +33,7 @@ declare function ToggleGroupItem({
   variant,
   size,
   ...props
-}: React.ComponentProps<typeof ToggleGroup$1.Item> & VariantProps<typeof toggleVariants>): react214.JSX.Element;
+}: React.ComponentProps<typeof ToggleGroup$1.Item> & VariantProps<typeof toggleVariants>): react224.JSX.Element;
 //#endregion
 export { ToggleGroup, ToggleGroupItem };
 //# sourceMappingURL=toggle-group.d.cts.map