@customafk/lunas-ui 0.2.38 → 0.2.39

package/dist/ui/{select.d.mts → select.d.ts}

@@ -1,4 +1,4 @@
-import * as react271 from "react";
+import * as react255 from "react";
 import { Select as Select$1 } from "radix-ui";
 
 //#region packages/components/ui/select.d.ts
@@ -26,15 +26,15 @@ import { Select as Select$1 } from "radix-ui";
  */
 declare function Select({
   ...props
-}: React.ComponentProps<typeof Select$1.Root>): react271.JSX.Element;
+}: React.ComponentProps<typeof Select$1.Root>): react255.JSX.Element;
 /** Groups related `SelectItem` elements with an optional `SelectLabel` header. */
 declare function SelectGroup({
   ...props
-}: React.ComponentProps<typeof Select$1.Group>): react271.JSX.Element;
+}: React.ComponentProps<typeof Select$1.Group>): react255.JSX.Element;
 /** Renders the currently selected value (or a placeholder) inside `SelectTrigger`. */
 declare function SelectValue({
   ...props
-}: React.ComponentProps<typeof Select$1.Value>): react271.JSX.Element;
+}: React.ComponentProps<typeof Select$1.Value>): react255.JSX.Element;
 /**
  * The button that opens the select dropdown; renders the current value and a chevron icon.
  *
@@ -48,30 +48,30 @@ declare function SelectTrigger({
 }: React.ComponentProps<typeof Select$1.Trigger> & {
   /** Controls the trigger's padding — `'default'` or `'sm'`. */
   size?: 'sm' | 'default';
-}): react271.JSX.Element;
+}): react255.JSX.Element;
 /** Floating dropdown panel that renders inside a portal with enter/exit animations. */
 declare function SelectContent({
   className,
   children,
   position,
   ...props
-}: React.ComponentProps<typeof Select$1.Content>): react271.JSX.Element;
+}: React.ComponentProps<typeof Select$1.Content>): react255.JSX.Element;
 /** Non-interactive label displayed above a `SelectGroup` to describe its options. */
 declare function SelectLabel({
   className,
   ...props
-}: React.ComponentProps<typeof Select$1.Label>): react271.JSX.Element;
+}: React.ComponentProps<typeof Select$1.Label>): react255.JSX.Element;
 /** A selectable option within `SelectContent`; shows a check icon when chosen. */
 declare function SelectItem({
   className,
   children,
   ...props
-}: React.ComponentProps<typeof Select$1.Item>): react271.JSX.Element;
+}: React.ComponentProps<typeof Select$1.Item>): react255.JSX.Element;
 /** Thin horizontal rule used to visually separate groups of `SelectItem` elements. */
 declare function SelectSeparator({
   className,
   ...props
-}: React.ComponentProps<typeof Select$1.Separator>): react271.JSX.Element;
+}: React.ComponentProps<typeof Select$1.Separator>): react255.JSX.Element;
 //#endregion
 export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue };
-//# sourceMappingURL=select.d.mts.map
+//# sourceMappingURL=select.d.ts.map

package/dist/ui/select.js

@@ -0,0 +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"../select-CryLzZA0.js";export{s as Select,r as SelectContent,a as SelectGroup,n as SelectItem,e as SelectLabel,i as SelectSeparator,o as SelectTrigger,t as SelectValue};

package/dist/ui/separator.d.cts

@@ -1,4 +1,4 @@
-import * as react285 from "react";
+import * as react128 from "react";
 import { Separator as Separator$1 } from "radix-ui";
 
 //#region packages/components/ui/separator.d.ts
@@ -28,7 +28,7 @@ declare function Separator({
   orientation,
   decorative,
   ...props
-}: React.ComponentProps<typeof Separator$1.Root>): react285.JSX.Element;
+}: React.ComponentProps<typeof Separator$1.Root>): react128.JSX.Element;
 //#endregion
 export { Separator };
 //# sourceMappingURL=separator.d.cts.map

package/dist/ui/{separator.d.mts → separator.d.ts}

@@ -1,4 +1,4 @@
-import * as react245 from "react";
+import * as react272 from "react";
 import { Separator as Separator$1 } from "radix-ui";
 
 //#region packages/components/ui/separator.d.ts
@@ -28,7 +28,7 @@ declare function Separator({
   orientation,
   decorative,
   ...props
-}: React.ComponentProps<typeof Separator$1.Root>): react245.JSX.Element;
+}: React.ComponentProps<typeof Separator$1.Root>): react272.JSX.Element;
 //#endregion
 export { Separator };
-//# sourceMappingURL=separator.d.mts.map
+//# sourceMappingURL=separator.d.ts.map

package/dist/ui/separator.js

@@ -0,0 +1 @@
+"use client";import{t as e}from"../separator-BM8hA4DP.js";export{e as Separator};

package/dist/ui/sheet.d.cts

@@ -1,4 +1,4 @@
-import * as react221 from "react";
+import * as react246 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>): react221.JSX.Element;
+}: React.ComponentProps<typeof Dialog.Root>): react246.JSX.Element;
 /** Button or element that opens the Sheet when interacted with. */
 declare function SheetTrigger({
   ...props
-}: React.ComponentProps<typeof Dialog.Trigger>): react221.JSX.Element;
+}: React.ComponentProps<typeof Dialog.Trigger>): react246.JSX.Element;
 /** Button that programmatically closes the Sheet. */
 declare function SheetClose({
   ...props
-}: React.ComponentProps<typeof Dialog.Close>): react221.JSX.Element;
+}: React.ComponentProps<typeof Dialog.Close>): react246.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';
-}): react221.JSX.Element;
+}): react246.JSX.Element;
 /** Padded container for the Sheet title and description at the top of the panel. */
 declare function SheetHeader({
   className,
   ...props
-}: React.ComponentProps<'div'>): react221.JSX.Element;
+}: React.ComponentProps<'div'>): react246.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'>): react221.JSX.Element;
+}: React.ComponentProps<'div'>): react246.JSX.Element;
 /** Accessible title element for the Sheet, announced by screen readers on open. */
 declare function SheetTitle({
   className,
   ...props
-}: React.ComponentProps<typeof Dialog.Title>): react221.JSX.Element;
+}: React.ComponentProps<typeof Dialog.Title>): react246.JSX.Element;
 /** Accessible description element for the Sheet, providing supplemental context to the title. */
 declare function SheetDescription({
   className,
   ...props
-}: React.ComponentProps<typeof Dialog.Description>): react221.JSX.Element;
+}: React.ComponentProps<typeof Dialog.Description>): react246.JSX.Element;
 //#endregion
 export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger };
 //# sourceMappingURL=sheet.d.cts.map

package/dist/ui/{sheet.d.mts → sheet.d.ts}

@@ -1,4 +1,4 @@
-import * as react121 from "react";
+import * as react264 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>): react121.JSX.Element;
+}: React.ComponentProps<typeof Dialog.Root>): react264.JSX.Element;
 /** Button or element that opens the Sheet when interacted with. */
 declare function SheetTrigger({
   ...props
-}: React.ComponentProps<typeof Dialog.Trigger>): react121.JSX.Element;
+}: React.ComponentProps<typeof Dialog.Trigger>): react264.JSX.Element;
 /** Button that programmatically closes the Sheet. */
 declare function SheetClose({
   ...props
-}: React.ComponentProps<typeof Dialog.Close>): react121.JSX.Element;
+}: React.ComponentProps<typeof Dialog.Close>): react264.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';
-}): react121.JSX.Element;
+}): react264.JSX.Element;
 /** Padded container for the Sheet title and description at the top of the panel. */
 declare function SheetHeader({
   className,
   ...props
-}: React.ComponentProps<'div'>): react121.JSX.Element;
+}: React.ComponentProps<'div'>): react264.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'>): react121.JSX.Element;
+}: React.ComponentProps<'div'>): react264.JSX.Element;
 /** Accessible title element for the Sheet, announced by screen readers on open. */
 declare function SheetTitle({
   className,
   ...props
-}: React.ComponentProps<typeof Dialog.Title>): react121.JSX.Element;
+}: React.ComponentProps<typeof Dialog.Title>): react264.JSX.Element;
 /** Accessible description element for the Sheet, providing supplemental context to the title. */
 declare function SheetDescription({
   className,
   ...props
-}: React.ComponentProps<typeof Dialog.Description>): react121.JSX.Element;
+}: React.ComponentProps<typeof Dialog.Description>): react264.JSX.Element;
 //#endregion
 export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger };
-//# sourceMappingURL=sheet.d.mts.map
+//# sourceMappingURL=sheet.d.ts.map

package/dist/ui/sheet.js

@@ -0,0 +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-DGXXYgWB.js";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.d.cts

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

package/dist/ui/{skeleton.d.mts → skeleton.d.ts}

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

package/dist/ui/skeleton.js

@@ -0,0 +1 @@
+"use client";import{t as e}from"../skeleton-DlRDNM97.js";export{e as Skeleton};

package/dist/ui/slider.d.cts

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

package/dist/ui/{slider.d.mts → slider.d.ts}

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

package/dist/ui/{slider.mjs → 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};
-//# sourceMappingURL=slider.mjs.map
+//# sourceMappingURL=slider.js.map

package/dist/ui/slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.js","names":["SliderPrimitive"],"sources":["../../packages/components/ui/slider.tsx"],"sourcesContent":["'use client';\nimport { useMemo } from 'react';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Slider as SliderPrimitive } from 'radix-ui';\n\n/**\n * An accessible range slider supporting single-thumb, multi-thumb, and vertical orientations.\n *\n * @example\n * ```tsx\n * import { Slider } from '@customafk/lunas-ui/ui/slider';\n *\n * <Slider defaultValue={[40]} min={0} max={100} step={5} />\n * ```\n */\nfunction Slider({ className, defaultValue, value, min = 0, max = 100, ...props }: React.ComponentProps<typeof SliderPrimitive.Root>) {\n  const _values = useMemo(() => (Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max]), [value, defaultValue, min, max]);\n\n  return (\n    <SliderPrimitive.Root\n      data-slot=\"slider\"\n      defaultValue={defaultValue}\n      value={value}\n      min={min}\n      max={max}\n      className={cn(\n        'relative flex w-full touch-none items-center select-none',\n        'data-[disabled]:opacity-50',\n        'data-[orientation=vertical]:h-full',\n        'data-[orientation=vertical]:min-h-44',\n        'data-[orientation=vertical]:w-auto',\n        'data-[orientation=vertical]:flex-col',\n        className\n      )}\n      {...props}\n    >\n      <SliderPrimitive.Track\n        data-slot=\"slider-track\"\n        className={cn(\n          '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'\n        )}\n      >\n        <SliderPrimitive.Range\n          data-slot=\"slider-range\"\n          className={cn('bg-primary absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full')}\n        />\n      </SliderPrimitive.Track>\n      {Array.from({ length: _values.length }, (_, index) => (\n        <SliderPrimitive.Thumb\n          data-slot=\"slider-thumb\"\n          key={index}\n          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        />\n      ))}\n    </SliderPrimitive.Root>\n  );\n}\n\nexport { Slider };\n"],"mappings":"qLAgBA,SAAS,EAAO,CAAE,YAAW,eAAc,QAAO,MAAM,EAAG,MAAM,IAAK,GAAG,GAA4D,CACnI,IAAM,EAAU,MAAe,MAAM,QAAQ,EAAM,CAAG,EAAQ,MAAM,QAAQ,EAAa,CAAG,EAAe,CAAC,EAAK,EAAI,CAAG,CAAC,EAAO,EAAc,EAAK,EAAI,CAAC,CAExJ,OACE,EAACA,EAAgB,KAAA,CACf,YAAU,SACI,eACP,QACF,MACA,MACL,UAAW,EACT,2DACA,6BACA,qCACA,uCACA,qCACA,uCACA,EACD,CACD,GAAI,YAEJ,EAACA,EAAgB,MAAA,CACf,YAAU,eACV,UAAW,EACT,oMACD,UAED,EAACA,EAAgB,MAAA,CACf,YAAU,eACV,UAAW,EAAG,8FAA8F,EAC5G,EACoB,CACvB,MAAM,KAAK,CAAE,OAAQ,EAAQ,OAAQ,EAAG,EAAG,IAC1C,EAACA,EAAgB,MAAA,CACf,YAAU,eAEV,UAAU,+OADL,EAEL,CACF,CAAA,EACmB"}

package/dist/ui/sonner.d.cts

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

package/dist/ui/{sonner.d.mts → sonner.d.ts}

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

package/dist/ui/{sonner.mjs → sonner.js}

@@ -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,{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
+//# sourceMappingURL=sonner.js.map

package/dist/ui/sonner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sonner.js","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.d.cts

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

package/dist/ui/{spinner.d.mts → spinner.d.ts}

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

package/dist/ui/spinner.js

@@ -0,0 +1 @@
+import{t as e}from"../spinner-C1eamx3w.js";export{e as Spinner};

package/dist/ui/switch.d.cts

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

package/dist/ui/{switch.d.mts → switch.d.ts}

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

package/dist/ui/switch.js

@@ -0,0 +1 @@
+"use client";import{t as e}from"../switch-BLHmdRq2.js";export{e as Switch};

package/dist/ui/table.d.cts

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

package/dist/ui/{table.d.mts → table.d.ts}

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

package/dist/ui/{table.mjs → 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};
-//# sourceMappingURL=table.mjs.map
+//# sourceMappingURL=table.js.map

package/dist/ui/table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.js","names":[],"sources":["../../packages/components/ui/table.tsx"],"sourcesContent":["'use client';\n\nimport { memo } from 'react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\n/**\n * Full-width semantic table with caption-bottom layout, intended to be composed with TableHeader, TableBody, and related sub-components.\n *\n * @example\n * ```tsx\n * import {\n *   Table, TableHeader, TableBody, TableRow,\n *   TableHead, TableCell, TableCaption,\n * } from '@customafk/lunas-ui/ui/table';\n *\n * <Table>\n *   <TableCaption>Invoice list</TableCaption>\n *   <TableHeader>\n *     <TableRow>\n *       <TableHead>Name</TableHead>\n *       <TableHead>Amount</TableHead>\n *     </TableRow>\n *   </TableHeader>\n *   <TableBody>\n *     <TableRow>\n *       <TableCell>Acme Corp</TableCell>\n *       <TableCell>$1,200</TableCell>\n *     </TableRow>\n *   </TableBody>\n * </Table>\n * ```\n */\nconst Table = memo(({ className, ...props }: React.ComponentProps<'table'>) => {\n  return <table data-slot=\"table\" className={cn('w-full caption-bottom text-sm', className)} {...props} />;\n});\nTable.displayName = 'Table';\n\n/** The `<thead>` element containing one or more header rows. */\nconst TableHeader = memo(({ className, ...props }: React.ComponentProps<'thead'>) => {\n  return <thead data-slot=\"table-header\" className={cn('[&_tr:not(:last-child)_td]:border-b', className)} {...props} />;\n});\nTableHeader.displayName = 'TableHeader';\n\n/** The `<tbody>` element containing data rows with hover and selection styling. */\nconst TableBody = memo(({ className, ...props }: React.ComponentProps<'tbody'>) => {\n  return (\n    <tbody\n      data-slot=\"table-body\"\n      className={cn(\n        '[&_tr:last-child]:border-0',\n        '[&_tr]:hover:bg-muted-muted/50',\n        '[&_tr]:active:bg-muted-muted',\n        '[&_tr]:data-[state=selected]:bg-muted',\n        '[&_tr]:border-border-weak',\n        '[&_tr]:border-b',\n        '[&_tr]:transition-colors',\n        className\n      )}\n      {...props}\n    />\n  );\n});\nTableBody.displayName = 'TableBody';\n\n/** The `<tfoot>` element for summary or aggregate rows at the bottom of the table. */\nconst TableFooter = memo(({ className, ...props }: React.ComponentProps<'tfoot'>) => {\n  return <tfoot data-slot=\"table-footer\" className={cn('border-border-weak border-t font-medium [&>tr]:last:border-b-0', className)} {...props} />;\n});\nTableFooter.displayName = 'TableFooter';\n\n/** A single `<tr>` row used inside TableHeader, TableBody, or TableFooter. */\nconst TableRow = memo(({ className, ...props }: React.ComponentProps<'tr'>) => {\n  return <tr data-slot=\"table-row\" className={className} {...props} />;\n});\nTableRow.displayName = 'TableRow';\n\n/** A `<th>` column header cell with medium-weight text and left alignment. */\nconst TableHead = memo(({ className, ...props }: React.ComponentProps<'th'>) => {\n  return (\n    <th\n      data-slot=\"table-head\"\n      className={cn(\n        'text-text-positive-weak',\n        'h-10 whitespace-nowrap px-2 text-left align-middle font-medium',\n        '[&:has([role=checkbox])]:pr-0',\n        '[&>[role=checkbox]]:translate-y-0.5',\n        className\n      )}\n      {...props}\n    />\n  );\n});\nTableHead.displayName = 'TableHead';\n\n/** A standard `<td>` data cell used inside a TableRow. */\nconst TableCell = memo(({ className, ...props }: React.ComponentProps<'td'>) => {\n  return <td data-slot=\"table-cell\" className={className} {...props} />;\n});\nTableCell.displayName = 'TableCell';\n\n/** An accessible `<caption>` element displayed below the table. */\nconst TableCaption = memo(({ className, ...props }: React.ComponentProps<'caption'>) => {\n  return <caption data-slot=\"table-caption\" className={cn('text-text-positive-muted mt-4 text-sm', className)} {...props} />;\n});\nTableCaption.displayName = 'TableCaption';\n\nexport { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };\n"],"mappings":"sIAiCA,MAAM,EAAQ,GAAM,CAAE,YAAW,GAAG,KAC3B,EAAC,QAAA,CAAM,YAAU,QAAQ,UAAW,EAAG,gCAAiC,EAAU,CAAE,GAAI,GAAS,CACxG,CACF,EAAM,YAAc,QAGpB,MAAM,EAAc,GAAM,CAAE,YAAW,GAAG,KACjC,EAAC,QAAA,CAAM,YAAU,eAAe,UAAW,EAAG,sCAAuC,EAAU,CAAE,GAAI,GAAS,CACrH,CACF,EAAY,YAAc,cAG1B,MAAM,EAAY,GAAM,CAAE,YAAW,GAAG,KAEpC,EAAC,QAAA,CACC,YAAU,aACV,UAAW,EACT,6BACA,iCACA,+BACA,wCACA,4BACA,kBACA,2BACA,EACD,CACD,GAAI,GACJ,CAEJ,CACF,EAAU,YAAc,YAGxB,MAAM,EAAc,GAAM,CAAE,YAAW,GAAG,KACjC,EAAC,QAAA,CAAM,YAAU,eAAe,UAAW,EAAG,iEAAkE,EAAU,CAAE,GAAI,GAAS,CAChJ,CACF,EAAY,YAAc,cAG1B,MAAM,EAAW,GAAM,CAAE,YAAW,GAAG,KAC9B,EAAC,KAAA,CAAG,YAAU,YAAuB,YAAW,GAAI,GAAS,CACpE,CACF,EAAS,YAAc,WAGvB,MAAM,EAAY,GAAM,CAAE,YAAW,GAAG,KAEpC,EAAC,KAAA,CACC,YAAU,aACV,UAAW,EACT,0BACA,iEACA,gCACA,sCACA,EACD,CACD,GAAI,GACJ,CAEJ,CACF,EAAU,YAAc,YAGxB,MAAM,EAAY,GAAM,CAAE,YAAW,GAAG,KAC/B,EAAC,KAAA,CAAG,YAAU,aAAwB,YAAW,GAAI,GAAS,CACrE,CACF,EAAU,YAAc,YAGxB,MAAM,EAAe,GAAM,CAAE,YAAW,GAAG,KAClC,EAAC,UAAA,CAAQ,YAAU,gBAAgB,UAAW,EAAG,wCAAyC,EAAU,CAAE,GAAI,GAAS,CAC1H,CACF,EAAa,YAAc"}

package/dist/ui/tabs.d.cts

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