@customafk/lunas-ui 0.2.37 → 0.2.38

package/dist/ui/sheet.d.mts

@@ -1,4 +1,4 @@
-import * as react217 from "react";
+import * as react121 from "react";
 import { Dialog } from "radix-ui";
 
 //#region packages/components/ui/sheet.d.ts
@@ -23,15 +23,15 @@ import { Dialog } from "radix-ui";
  */
 declare function Sheet({
   ...props
-}: React.ComponentProps<typeof Dialog.Root>): react217.JSX.Element;
+}: React.ComponentProps<typeof Dialog.Root>): react121.JSX.Element;
 /** Button or element that opens the Sheet when interacted with. */
 declare function SheetTrigger({
   ...props
-}: React.ComponentProps<typeof Dialog.Trigger>): react217.JSX.Element;
+}: React.ComponentProps<typeof Dialog.Trigger>): react121.JSX.Element;
 /** Button that programmatically closes the Sheet. */
 declare function SheetClose({
   ...props
-}: React.ComponentProps<typeof Dialog.Close>): react217.JSX.Element;
+}: React.ComponentProps<typeof Dialog.Close>): react121.JSX.Element;
 /**
  * The sliding panel itself; renders on the specified `side` of the viewport and includes a built-in close button.
  */
@@ -43,27 +43,27 @@ declare function SheetContent({
 }: React.ComponentProps<typeof Dialog.Content> & {
   /** Edge of the viewport from which the sheet slides in. */
   side?: 'top' | 'right' | 'bottom' | 'left';
-}): react217.JSX.Element;
+}): react121.JSX.Element;
 /** Padded container for the Sheet title and description at the top of the panel. */
 declare function SheetHeader({
   className,
   ...props
-}: React.ComponentProps<'div'>): react217.JSX.Element;
+}: React.ComponentProps<'div'>): react121.JSX.Element;
 /** Sticky footer area at the bottom of the Sheet panel, typically used for action buttons. */
 declare function SheetFooter({
   className,
   ...props
-}: React.ComponentProps<'div'>): react217.JSX.Element;
+}: React.ComponentProps<'div'>): react121.JSX.Element;
 /** Accessible title element for the Sheet, announced by screen readers on open. */
 declare function SheetTitle({
   className,
   ...props
-}: React.ComponentProps<typeof Dialog.Title>): react217.JSX.Element;
+}: React.ComponentProps<typeof Dialog.Title>): react121.JSX.Element;
 /** Accessible description element for the Sheet, providing supplemental context to the title. */
 declare function SheetDescription({
   className,
   ...props
-}: React.ComponentProps<typeof Dialog.Description>): react217.JSX.Element;
+}: React.ComponentProps<typeof Dialog.Description>): react121.JSX.Element;
 //#endregion
 export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger };
 //# sourceMappingURL=sheet.d.mts.map

package/dist/ui/sheet.mjs

@@ -1 +1 @@
-"use client";import{a as e,c as t,i as n,n as r,o as i,r as a,s as o,t as s}from"../sheet-Cj8hoftE.mjs";export{s as Sheet,r as SheetClose,a as SheetContent,n as SheetDescription,e as SheetFooter,i as SheetHeader,o as SheetTitle,t as SheetTrigger};
+"use client";import{a as e,c as t,i as n,n as r,o as i,r as a,s as o,t as s}from"../sheet-BFlIfNaA.mjs";export{s as Sheet,r as SheetClose,a as SheetContent,n as SheetDescription,e as SheetFooter,i as SheetHeader,o as SheetTitle,t as SheetTrigger};

package/dist/ui/skeleton.cjs

@@ -1 +1 @@
-"use client";const e=require(`../skeleton-CHympz8k.cjs`);exports.Skeleton=e.t;
+"use client";const e=require(`../skeleton-CX1USu1w.cjs`);exports.Skeleton=e.t;

package/dist/ui/skeleton.d.cts

@@ -1,4 +1,4 @@
-import * as react162 from "react";
+import * as react284 from "react";
 
 //#region packages/components/ui/skeleton.d.ts
 
@@ -21,7 +21,7 @@ import * as react162 from "react";
 declare function Skeleton({
   className,
   ...props
-}: React.ComponentProps<'div'>): react162.JSX.Element;
+}: React.ComponentProps<'div'>): react284.JSX.Element;
 //#endregion
 export { Skeleton };
 //# sourceMappingURL=skeleton.d.cts.map

package/dist/ui/skeleton.d.mts

@@ -1,4 +1,4 @@
-import * as react48 from "react";
+import * as react176 from "react";
 
 //#region packages/components/ui/skeleton.d.ts
 
@@ -21,7 +21,7 @@ import * as react48 from "react";
 declare function Skeleton({
   className,
   ...props
-}: React.ComponentProps<'div'>): react48.JSX.Element;
+}: React.ComponentProps<'div'>): react176.JSX.Element;
 //#endregion
 export { Skeleton };
 //# sourceMappingURL=skeleton.d.mts.map

package/dist/ui/skeleton.mjs

@@ -1 +1 @@
-"use client";import{t as e}from"../skeleton-DupQ91XW.mjs";export{e as Skeleton};
+"use client";import{t as e}from"../skeleton-C51IdOfK.mjs";export{e as Skeleton};

package/dist/ui/slider.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../chunk-Bmb41Sf3.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-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;
 //# sourceMappingURL=slider.cjs.map

package/dist/ui/slider.d.cts

@@ -1,4 +1,4 @@
-import * as react190 from "react";
+import * as react200 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>): react190.JSX.Element;
+}: React.ComponentProps<typeof Slider$1.Root>): react200.JSX.Element;
 //#endregion
 export { Slider };
 //# sourceMappingURL=slider.d.cts.map

package/dist/ui/slider.d.mts

@@ -1,4 +1,4 @@
-import * as react135 from "react";
+import * as react202 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>): react135.JSX.Element;
+}: React.ComponentProps<typeof Slider$1.Root>): react202.JSX.Element;
 //#endregion
 export { Slider };
 //# sourceMappingURL=slider.d.mts.map

package/dist/ui/sonner.cjs

@@ -1,2 +1,2 @@
-"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,{richColors:!0,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`})},toastOptions:{classNames:{toast:`!text-white !border-none rounded-lg cursor-grab active:cursor-grabbing select-none z-99999`,icon:`!size-6`,title:`!text-sm !font-bold`,description:`!text-xs !font-semibold !text-white/80`,success:`!bg-success`,info:`!bg-blue-700`,loading:`!bg-slate-500`,warning:`!bg-warning`,error:`!bg-danger`,closeButton:`!text-gray-400 hover:!text-gray-500 !bg-neutral-50 hover:!bg-gray-100 !border-none !shadow`}},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-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;
 //# sourceMappingURL=sonner.cjs.map

package/dist/ui/sonner.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"sonner.cjs","names":["Sonner","LoaderIcon"],"sources":["../../packages/components/ui/sonner.tsx"],"sourcesContent":["'use client';\nimport { LoaderIcon } from 'lucide-react';\nimport { useTheme } from 'next-themes';\nimport { Toaster as Sonner, toast, type ToasterProps } from 'sonner';\n\n/**\n * Global toast notification container — mount once near the root of your app; use the exported `toast` helper to trigger toasts from anywhere.\n *\n * @example\n * ```tsx\n * import { Toaster, toast } from '@customafk/lunas-ui/ui/sonner';\n *\n * // In your app root:\n * <Toaster />\n *\n * // Anywhere in your code:\n * toast.success('Saved!');\n * toast.error('Something went wrong.');\n * ```\n */\nconst Toaster = () => {\n  const { theme = 'system' } = useTheme();\n\n  return (\n    <Sonner\n      richColors\n      theme={theme as ToasterProps['theme']}\n      expand={false}\n      visibleToasts={5}\n      closeButton={true}\n      position=\"bottom-right\"\n      swipeDirections={['left', 'right']}\n      icons={{\n        loading: <LoaderIcon size={16} className=\"animate-spin\" />,\n      }}\n      toastOptions={{\n        classNames: {\n          toast: '!text-white !border-none rounded-lg cursor-grab active:cursor-grabbing select-none z-99999',\n          icon: '!size-6',\n          title: '!text-sm !font-bold',\n          description: '!text-xs !font-semibold !text-white/80',\n          success: '!bg-success',\n          info: '!bg-blue-700',\n          loading: '!bg-slate-500',\n          warning: '!bg-warning',\n          error: '!bg-danger',\n          closeButton: '!text-gray-400 hover:!text-gray-500 !bg-neutral-50 hover:!bg-gray-100 !border-none !shadow',\n        },\n      }}\n      className=\"toaster group pointer-events-auto !z-999999\"\n    />\n  );\n};\n\nexport { Toaster, toast };\nexport default Toaster;\n"],"mappings":"uNAoBA,MAAM,MAAgB,CACpB,GAAM,CAAE,QAAQ,WAAA,EAAA,EAAA,WAAuB,CAEvC,OACE,EAAA,EAAA,KAACA,EAAAA,QAAAA,CACC,WAAA,GACO,QACP,OAAQ,GACR,cAAe,EACf,YAAa,GACb,SAAS,eACT,gBAAiB,CAAC,OAAQ,QAAQ,CAClC,MAAO,CACL,SAAS,EAAA,EAAA,KAACC,EAAAA,WAAAA,CAAW,KAAM,GAAI,UAAU,gBAAiB,CAC3D,CACD,aAAc,CACZ,WAAY,CACV,MAAO,6FACP,KAAM,UACN,MAAO,sBACP,YAAa,yCACb,QAAS,cACT,KAAM,eACN,QAAS,gBACT,QAAS,cACT,MAAO,aACP,YAAa,6FACd,CACF,CACD,UAAU,+CACV,EAKN,IAAA,EAAe"}
+{"version":3,"file":"sonner.cjs","names":["Sonner","LoaderIcon"],"sources":["../../packages/components/ui/sonner.tsx"],"sourcesContent":["'use client';\nimport { LoaderIcon } from 'lucide-react';\nimport { useTheme } from 'next-themes';\nimport { Toaster as Sonner, toast, type ToasterProps } from 'sonner';\n\n/**\n * Global toast notification container — mount once near the root of your app; use the exported `toast` helper to trigger toasts from anywhere.\n *\n * @example\n * ```tsx\n * import { Toaster, toast } from '@customafk/lunas-ui/ui/sonner';\n *\n * // In your app root:\n * <Toaster />\n *\n * // Anywhere in your code:\n * toast.success('Saved!');\n * toast.error('Something went wrong.');\n * ```\n */\nconst Toaster = () => {\n  const { theme = 'system' } = useTheme();\n\n  return (\n    <Sonner\n      theme={theme as ToasterProps['theme']}\n      expand={false}\n      visibleToasts={5}\n      closeButton={true}\n      position=\"bottom-right\"\n      swipeDirections={['left', 'right']}\n      icons={{\n        loading: <LoaderIcon size={16} className=\"animate-spin\" />,\n      }}\n      style={\n        {\n          '--normal-bg': 'rgb(124 58 237)',\n          '--normal-text': 'white',\n          '--normal-border': 'transparent',\n        } as React.CSSProperties\n      }\n      toastOptions={{\n        classNames: {\n          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',\n          icon: '!size-8 !rounded-full !bg-white/20 !shrink-0 [&>svg]:!size-4 !flex !items-center !justify-center',\n          title: '!text-sm !font-bold !leading-snug !text-white',\n          description: '!text-xs !font-medium !text-white/75 !leading-snug',\n          success: '!bg-success',\n          info: '!bg-blue-700',\n          loading: '!bg-slate-500',\n          warning: '!bg-warning',\n          error: '!bg-danger',\n          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',\n        },\n      }}\n      className=\"toaster group pointer-events-auto z-999999!\"\n    />\n  );\n};\n\nexport { Toaster, toast };\nexport default Toaster;\n"],"mappings":"uNAoBA,MAAM,MAAgB,CACpB,GAAM,CAAE,QAAQ,WAAA,EAAA,EAAA,WAAuB,CAEvC,OACE,EAAA,EAAA,KAACA,EAAAA,QAAAA,CACQ,QACP,OAAQ,GACR,cAAe,EACf,YAAa,GACb,SAAS,eACT,gBAAiB,CAAC,OAAQ,QAAQ,CAClC,MAAO,CACL,SAAS,EAAA,EAAA,KAACC,EAAAA,WAAAA,CAAW,KAAM,GAAI,UAAU,gBAAiB,CAC3D,CACD,MACE,CACE,cAAe,kBACf,gBAAiB,QACjB,kBAAmB,cACpB,CAEH,aAAc,CACZ,WAAY,CACV,MAAO,iIACP,KAAM,mGACN,MAAO,gDACP,YAAa,qDACb,QAAS,cACT,KAAM,eACN,QAAS,gBACT,QAAS,cACT,MAAO,aACP,YAAa,+HACd,CACF,CACD,UAAU,+CACV,EAKN,IAAA,EAAe"}

package/dist/ui/sonner.d.cts

@@ -1,4 +1,4 @@
-import * as react168 from "react";
+import * as react237 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: () => react168.JSX.Element;
+declare const Toaster: () => react237.JSX.Element;
 //#endregion
 export { Toaster, Toaster as default, toast };
 //# sourceMappingURL=sonner.d.cts.map

package/dist/ui/sonner.d.mts

@@ -1,4 +1,4 @@
-import * as react158 from "react";
+import * as react177 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: () => react158.JSX.Element;
+declare const Toaster: () => react177.JSX.Element;
 //#endregion
 export { Toaster, Toaster as default, toast };
 //# sourceMappingURL=sonner.d.mts.map

package/dist/ui/sonner.mjs

@@ -1,2 +1,2 @@
-"use client";import{LoaderIcon as e}from"lucide-react";import{jsx as t}from"react/jsx-runtime";import{Toaster as n,toast as r}from"sonner";import{useTheme as i}from"next-themes";const a=()=>{let{theme:r=`system`}=i();return t(n,{richColors:!0,theme:r,expand:!1,visibleToasts:5,closeButton:!0,position:`bottom-right`,swipeDirections:[`left`,`right`],icons:{loading:t(e,{size:16,className:`animate-spin`})},toastOptions:{classNames:{toast:`!text-white !border-none rounded-lg cursor-grab active:cursor-grabbing select-none z-99999`,icon:`!size-6`,title:`!text-sm !font-bold`,description:`!text-xs !font-semibold !text-white/80`,success:`!bg-success`,info:`!bg-blue-700`,loading:`!bg-slate-500`,warning:`!bg-warning`,error:`!bg-danger`,closeButton:`!text-gray-400 hover:!text-gray-500 !bg-neutral-50 hover:!bg-gray-100 !border-none !shadow`}},className:`toaster group pointer-events-auto !z-999999`})};var o=a;export{a as Toaster,o as default,r as toast};
+"use client";import{LoaderIcon as e}from"lucide-react";import{jsx as t}from"react/jsx-runtime";import{Toaster as n,toast as r}from"sonner";import{useTheme as i}from"next-themes";const a=()=>{let{theme:r=`system`}=i();return t(n,{theme:r,expand:!1,visibleToasts:5,closeButton:!0,position:`bottom-right`,swipeDirections:[`left`,`right`],icons:{loading:t(e,{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;export{a as Toaster,o as default,r as toast};
 //# sourceMappingURL=sonner.mjs.map

package/dist/ui/sonner.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"sonner.mjs","names":["Sonner"],"sources":["../../packages/components/ui/sonner.tsx"],"sourcesContent":["'use client';\nimport { LoaderIcon } from 'lucide-react';\nimport { useTheme } from 'next-themes';\nimport { Toaster as Sonner, toast, type ToasterProps } from 'sonner';\n\n/**\n * Global toast notification container — mount once near the root of your app; use the exported `toast` helper to trigger toasts from anywhere.\n *\n * @example\n * ```tsx\n * import { Toaster, toast } from '@customafk/lunas-ui/ui/sonner';\n *\n * // In your app root:\n * <Toaster />\n *\n * // Anywhere in your code:\n * toast.success('Saved!');\n * toast.error('Something went wrong.');\n * ```\n */\nconst Toaster = () => {\n  const { theme = 'system' } = useTheme();\n\n  return (\n    <Sonner\n      richColors\n      theme={theme as ToasterProps['theme']}\n      expand={false}\n      visibleToasts={5}\n      closeButton={true}\n      position=\"bottom-right\"\n      swipeDirections={['left', 'right']}\n      icons={{\n        loading: <LoaderIcon size={16} className=\"animate-spin\" />,\n      }}\n      toastOptions={{\n        classNames: {\n          toast: '!text-white !border-none rounded-lg cursor-grab active:cursor-grabbing select-none z-99999',\n          icon: '!size-6',\n          title: '!text-sm !font-bold',\n          description: '!text-xs !font-semibold !text-white/80',\n          success: '!bg-success',\n          info: '!bg-blue-700',\n          loading: '!bg-slate-500',\n          warning: '!bg-warning',\n          error: '!bg-danger',\n          closeButton: '!text-gray-400 hover:!text-gray-500 !bg-neutral-50 hover:!bg-gray-100 !border-none !shadow',\n        },\n      }}\n      className=\"toaster group pointer-events-auto !z-999999\"\n    />\n  );\n};\n\nexport { Toaster, toast };\nexport default Toaster;\n"],"mappings":"kLAoBA,MAAM,MAAgB,CACpB,GAAM,CAAE,QAAQ,UAAa,GAAU,CAEvC,OACE,EAACA,EAAAA,CACC,WAAA,GACO,QACP,OAAQ,GACR,cAAe,EACf,YAAa,GACb,SAAS,eACT,gBAAiB,CAAC,OAAQ,QAAQ,CAClC,MAAO,CACL,QAAS,EAAC,EAAA,CAAW,KAAM,GAAI,UAAU,gBAAiB,CAC3D,CACD,aAAc,CACZ,WAAY,CACV,MAAO,6FACP,KAAM,UACN,MAAO,sBACP,YAAa,yCACb,QAAS,cACT,KAAM,eACN,QAAS,gBACT,QAAS,cACT,MAAO,aACP,YAAa,6FACd,CACF,CACD,UAAU,+CACV,EAKN,IAAA,EAAe"}
+{"version":3,"file":"sonner.mjs","names":["Sonner"],"sources":["../../packages/components/ui/sonner.tsx"],"sourcesContent":["'use client';\nimport { LoaderIcon } from 'lucide-react';\nimport { useTheme } from 'next-themes';\nimport { Toaster as Sonner, toast, type ToasterProps } from 'sonner';\n\n/**\n * Global toast notification container — mount once near the root of your app; use the exported `toast` helper to trigger toasts from anywhere.\n *\n * @example\n * ```tsx\n * import { Toaster, toast } from '@customafk/lunas-ui/ui/sonner';\n *\n * // In your app root:\n * <Toaster />\n *\n * // Anywhere in your code:\n * toast.success('Saved!');\n * toast.error('Something went wrong.');\n * ```\n */\nconst Toaster = () => {\n  const { theme = 'system' } = useTheme();\n\n  return (\n    <Sonner\n      theme={theme as ToasterProps['theme']}\n      expand={false}\n      visibleToasts={5}\n      closeButton={true}\n      position=\"bottom-right\"\n      swipeDirections={['left', 'right']}\n      icons={{\n        loading: <LoaderIcon size={16} className=\"animate-spin\" />,\n      }}\n      style={\n        {\n          '--normal-bg': 'rgb(124 58 237)',\n          '--normal-text': 'white',\n          '--normal-border': 'transparent',\n        } as React.CSSProperties\n      }\n      toastOptions={{\n        classNames: {\n          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',\n          icon: '!size-8 !rounded-full !bg-white/20 !shrink-0 [&>svg]:!size-4 !flex !items-center !justify-center',\n          title: '!text-sm !font-bold !leading-snug !text-white',\n          description: '!text-xs !font-medium !text-white/75 !leading-snug',\n          success: '!bg-success',\n          info: '!bg-blue-700',\n          loading: '!bg-slate-500',\n          warning: '!bg-warning',\n          error: '!bg-danger',\n          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',\n        },\n      }}\n      className=\"toaster group pointer-events-auto z-999999!\"\n    />\n  );\n};\n\nexport { Toaster, toast };\nexport default Toaster;\n"],"mappings":"kLAoBA,MAAM,MAAgB,CACpB,GAAM,CAAE,QAAQ,UAAa,GAAU,CAEvC,OACE,EAACA,EAAAA,CACQ,QACP,OAAQ,GACR,cAAe,EACf,YAAa,GACb,SAAS,eACT,gBAAiB,CAAC,OAAQ,QAAQ,CAClC,MAAO,CACL,QAAS,EAAC,EAAA,CAAW,KAAM,GAAI,UAAU,gBAAiB,CAC3D,CACD,MACE,CACE,cAAe,kBACf,gBAAiB,QACjB,kBAAmB,cACpB,CAEH,aAAc,CACZ,WAAY,CACV,MAAO,iIACP,KAAM,mGACN,MAAO,gDACP,YAAa,qDACb,QAAS,cACT,KAAM,eACN,QAAS,gBACT,QAAS,cACT,MAAO,aACP,YAAa,+HACd,CACF,CACD,UAAU,+CACV,EAKN,IAAA,EAAe"}

package/dist/ui/spinner.cjs

@@ -1 +1 @@
-const e=require(`../spinner-Bdta7BMp.cjs`);exports.Spinner=e.t;
+const e=require(`../spinner-CFxorYEt.cjs`);exports.Spinner=e.t;

package/dist/ui/spinner.d.cts

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

package/dist/ui/spinner.d.mts

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

package/dist/ui/spinner.mjs

@@ -1 +1 @@
-import{t as e}from"../spinner-BCnPYF1H.mjs";export{e as Spinner};
+import{t as e}from"../spinner-eClTgHjk.mjs";export{e as Spinner};

package/dist/ui/switch.cjs

@@ -1 +1 @@
-"use client";const e=require(`../switch-Dbc77c_D.cjs`);exports.Switch=e.t;
+"use client";const e=require(`../switch-DVfOV7wP.cjs`);exports.Switch=e.t;

package/dist/ui/switch.d.cts

@@ -1,4 +1,4 @@
-import * as react243 from "react";
+import * as react238 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>): react243.JSX.Element;
+}: React.ComponentProps<typeof Switch$1.Root>): react238.JSX.Element;
 //#endregion
 export { Switch };
 //# sourceMappingURL=switch.d.cts.map

package/dist/ui/switch.d.mts

@@ -1,4 +1,4 @@
-import * as react302 from "react";
+import * as react182 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>): react302.JSX.Element;
+}: React.ComponentProps<typeof Switch$1.Root>): react182.JSX.Element;
 //#endregion
 export { Switch };
 //# sourceMappingURL=switch.d.mts.map

package/dist/ui/table.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../chunk-Bmb41Sf3.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-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;
 //# sourceMappingURL=table.cjs.map

package/dist/ui/table.d.cts

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

package/dist/ui/table.d.mts

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

package/dist/ui/tabs.cjs

@@ -1,2 +1,2 @@
-"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;
+"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;
 //# sourceMappingURL=tabs.cjs.map

package/dist/ui/tabs.d.cts

@@ -1,4 +1,4 @@
-import * as react246 from "react";
+import * as react289 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>): react246.JSX.Element;
+}: React.ComponentProps<typeof Tabs$1.Root>): react289.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>): react246.JSX.Element;
+}: React.ComponentProps<typeof Tabs$1.List>): react289.JSX.Element;
 /** Individual tab button that activates its associated `TabsContent` panel when clicked. */
 declare function TabsTrigger({
   className,
   ...props
-}: React.ComponentProps<typeof Tabs$1.Trigger>): react246.JSX.Element;
+}: React.ComponentProps<typeof Tabs$1.Trigger>): react289.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>): react246.JSX.Element;
+}: React.ComponentProps<typeof Tabs$1.Content>): react289.JSX.Element;
 //#endregion
 export { Tabs, TabsContent, TabsList, TabsTrigger };
 //# sourceMappingURL=tabs.d.cts.map

package/dist/ui/tabs.d.mts

@@ -1,4 +1,4 @@
-import * as react99 from "react";
+import * as react178 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>): react99.JSX.Element;
+}: React.ComponentProps<typeof Tabs$1.Root>): react178.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>): react99.JSX.Element;
+}: React.ComponentProps<typeof Tabs$1.List>): react178.JSX.Element;
 /** Individual tab button that activates its associated `TabsContent` panel when clicked. */
 declare function TabsTrigger({
   className,
   ...props
-}: React.ComponentProps<typeof Tabs$1.Trigger>): react99.JSX.Element;
+}: React.ComponentProps<typeof Tabs$1.Trigger>): react178.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>): react99.JSX.Element;
+}: React.ComponentProps<typeof Tabs$1.Content>): react178.JSX.Element;
 //#endregion
 export { Tabs, TabsContent, TabsList, TabsTrigger };
 //# sourceMappingURL=tabs.d.mts.map

package/dist/ui/textarea.cjs

@@ -1 +1 @@
-"use client";const e=require(`../textarea-Byo8E8oi.cjs`);exports.Textarea=e.t;
+"use client";const e=require(`../textarea-Cc9CF8wD.cjs`);exports.Textarea=e.t;

package/dist/ui/textarea.d.cts

@@ -1,4 +1,4 @@
-import * as react189 from "react";
+import * as react300 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;
-}): react189.JSX.Element;
+}): react300.JSX.Element;
 //#endregion
 export { Textarea };
 //# sourceMappingURL=textarea.d.cts.map

package/dist/ui/textarea.d.mts

@@ -1,4 +1,4 @@
-import * as react98 from "react";
+import * as react175 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;
-}): react98.JSX.Element;
+}): react175.JSX.Element;
 //#endregion
 export { Textarea };
 //# sourceMappingURL=textarea.d.mts.map

package/dist/ui/toggle-group.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../chunk-Bmb41Sf3.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-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;
 //# sourceMappingURL=toggle-group.cjs.map

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

@@ -1,5 +1,5 @@
 import { toggleVariants } from "./toggle.mjs";
-import * as react226 from "react";
+import * as react235 from "react";
 import { VariantProps } from "class-variance-authority";
 import { ToggleGroup as ToggleGroup$1 } from "radix-ui";
 
@@ -25,7 +25,7 @@ declare function ToggleGroup({
   size,
   children,
   ...props
-}: React.ComponentProps<typeof ToggleGroup$1.Root> & VariantProps<typeof toggleVariants>): react226.JSX.Element;
+}: React.ComponentProps<typeof ToggleGroup$1.Root> & VariantProps<typeof toggleVariants>): react235.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>): react226.JSX.Element;
+}: React.ComponentProps<typeof ToggleGroup$1.Item> & VariantProps<typeof toggleVariants>): react235.JSX.Element;
 //#endregion
 export { ToggleGroup, ToggleGroupItem };
 //# sourceMappingURL=toggle-group.d.mts.map

package/dist/ui/toggle.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../chunk-Bmb41Sf3.cjs`);let t=require(`@customafk/react-toolkit/utils`),n=require(`class-variance-authority`),r=require(`react/jsx-runtime`),i=require(`radix-ui`);const a=(0,n.cva)(`inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap`,{variants:{variant:{default:`bg-transparent`,outline:`border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground`},size:{default:`h-9 px-2 min-w-9`,sm:`h-8 px-1.5 min-w-8`,lg:`h-10 px-2.5 min-w-10`}},defaultVariants:{variant:`default`,size:`default`}});function o({className:e,variant:n,size:o,...s}){return(0,r.jsx)(i.Toggle.Root,{"data-slot":`toggle`,className:(0,t.cn)(a({variant:n,size:o,className:e})),...s})}exports.Toggle=o,exports.toggleVariants=a;
+"use client";const e=require(`../chunk-350yNsax.cjs`);let t=require(`@customafk/react-toolkit/utils`),n=require(`class-variance-authority`),r=require(`react/jsx-runtime`),i=require(`radix-ui`);const a=(0,n.cva)(`inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap`,{variants:{variant:{default:`bg-transparent`,outline:`border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground`},size:{default:`h-9 px-2 min-w-9`,sm:`h-8 px-1.5 min-w-8`,lg:`h-10 px-2.5 min-w-10`}},defaultVariants:{variant:`default`,size:`default`}});function o({className:e,variant:n,size:o,...s}){return(0,r.jsx)(i.Toggle.Root,{"data-slot":`toggle`,className:(0,t.cn)(a({variant:n,size:o,className:e})),...s})}exports.Toggle=o,exports.toggleVariants=a;
 //# sourceMappingURL=toggle.cjs.map