@customafk/lunas-ui 0.2.53 → 0.2.55

package/dist/ui/skeleton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.mjs","names":[],"sources":["../../packages/components/ui/skeleton.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\n/**\n * Animated pulse placeholder used to indicate loading state for text, images, or other UI elements.\n *\n * @example\n * ```tsx\n * import { Skeleton } from '@customafk/lunas-ui/ui/skeleton';\n *\n * <div className=\"flex items-center gap-4\">\n *   <Skeleton className=\"size-10 rounded-full\" />\n *   <div className=\"space-y-2\">\n *     <Skeleton className=\"h-4 w-40\" />\n *     <Skeleton className=\"h-4 w-24\" />\n *   </div>\n * </div>\n * ```\n */\nfunction Skeleton({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"skeleton\" className={cn('animate-pulse rounded-md bg-muted-muted', className)} {...props} />;\n}\n\nexport { Skeleton };\n"],"mappings":"yGAoBA,SAAS,EAAS,CAAE,YAAW,GAAG,GAAsC,CACtE,OAAO,EAAC,MAAD,CAAK,YAAU,WAAW,UAAW,EAAG,0CAA2C,CAAS,EAAG,GAAI,CAAQ,CAAA,CACpH"}

package/dist/ui/slider.cjs

@@ -1 +1,2 @@
-"use client";const e=require(`../slider-CPRW5ByY.cjs`);exports.Slider=e.t;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("react"),t=require("@customafk/react-toolkit/utils"),n=require("react/jsx-runtime"),r=require("radix-ui");function i({className:i,defaultValue:a,value:o,min:s=0,max:c=100,...l}){let u=(0,e.useMemo)(()=>Array.isArray(o)?o:Array.isArray(a)?a:[s,c],[o,a,s,c]);return(0,n.jsxs)(r.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`,i),...l,children:[(0,n.jsx)(r.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)(r.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)(r.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=i;
+//# sourceMappingURL=slider.cjs.map

package/dist/ui/slider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.cjs","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":"wMAgBA,SAAS,EAAO,CAAE,YAAW,eAAc,QAAO,MAAM,EAAG,MAAM,IAAK,GAAG,GAA4D,CACnI,IAAM,GAAA,EAAA,EAAA,QAAA,KAAyB,MAAM,QAAQ,CAAK,EAAI,EAAQ,MAAM,QAAQ,CAAY,EAAI,EAAe,CAAC,EAAK,CAAG,EAAI,CAAC,EAAO,EAAc,EAAK,CAAG,CAAC,EAEvJ,OACE,EAAA,EAAA,KAAA,CAACA,EAAAA,OAAgB,KAAjB,CACE,YAAU,SACI,eACP,QACF,MACA,MACL,WAAA,EAAA,EAAA,GAAA,CACE,2DACA,6BACA,qCACA,uCACA,qCACA,uCACA,CACF,EACA,GAAI,WAfN,EAiBE,EAAA,EAAA,IAAA,CAACA,EAAAA,OAAgB,MAAjB,CACE,YAAU,eACV,WAAA,EAAA,EAAA,GAAA,CACE,mMACF,YAEA,EAAA,EAAA,IAAA,CAACA,EAAAA,OAAgB,MAAjB,CACE,YAAU,eACV,WAAA,EAAA,EAAA,GAAA,CAAc,6FAA6F,CAC5G,CAAA,CACoB,CAAA,EACtB,MAAM,KAAK,CAAE,OAAQ,EAAQ,MAAO,GAAI,EAAG,KAC1C,EAAA,EAAA,IAAA,CAACA,EAAAA,OAAgB,MAAjB,CACE,YAAU,eAEV,UAAU,6OACX,EAFM,CAEN,CACF,CACmB,GAE1B"}

package/dist/ui/slider.d.cts

@@ -1,2 +1,24 @@
-import { t as Slider } from "../slider-CsNzhp4K.cjs";
-export { Slider };
+import { Slider as Slider$1 } from "radix-ui";
+
+//#region packages/components/ui/slider.d.ts
+/**
+ * An accessible range slider supporting single-thumb, multi-thumb, and vertical orientations.
+ *
+ * @example
+ * ```tsx
+ * import { Slider } from '@customafk/lunas-ui/ui/slider';
+ *
+ * <Slider defaultValue={[40]} min={0} max={100} step={5} />
+ * ```
+ */
+declare function Slider({
+  className,
+  defaultValue,
+  value,
+  min,
+  max,
+  ...props
+}: React.ComponentProps<typeof Slider$1.Root>): import("react").JSX.Element;
+//#endregion
+export { Slider };
+//# sourceMappingURL=slider.d.cts.map

package/dist/ui/slider.d.mts

@@ -1,2 +1,24 @@
-import { t as Slider } from "../slider-axR5n-iU.mjs";
-export { Slider };
+import { Slider as Slider$1 } from "radix-ui";
+
+//#region packages/components/ui/slider.d.ts
+/**
+ * An accessible range slider supporting single-thumb, multi-thumb, and vertical orientations.
+ *
+ * @example
+ * ```tsx
+ * import { Slider } from '@customafk/lunas-ui/ui/slider';
+ *
+ * <Slider defaultValue={[40]} min={0} max={100} step={5} />
+ * ```
+ */
+declare function Slider({
+  className,
+  defaultValue,
+  value,
+  min,
+  max,
+  ...props
+}: React.ComponentProps<typeof Slider$1.Root>): import("react").JSX.Element;
+//#endregion
+export { Slider };
+//# sourceMappingURL=slider.d.mts.map

package/dist/ui/slider.mjs

@@ -1 +1,2 @@
-"use client";import{t as e}from"../slider-RyNGQZH2.mjs";export{e as Slider};
+"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

package/dist/ui/slider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.mjs","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,CAAK,EAAI,EAAQ,MAAM,QAAQ,CAAY,EAAI,EAAe,CAAC,EAAK,CAAG,EAAI,CAAC,EAAO,EAAc,EAAK,CAAG,CAAC,EAEvJ,OACE,EAACA,EAAgB,KAAjB,CACE,YAAU,SACI,eACP,QACF,MACA,MACL,UAAW,EACT,2DACA,6BACA,qCACA,uCACA,qCACA,uCACA,CACF,EACA,GAAI,WAfN,CAiBE,EAACA,EAAgB,MAAjB,CACE,YAAU,eACV,UAAW,EACT,mMACF,WAEA,EAACA,EAAgB,MAAjB,CACE,YAAU,eACV,UAAW,EAAG,6FAA6F,CAC5G,CAAA,CACoB,CAAA,EACtB,MAAM,KAAK,CAAE,OAAQ,EAAQ,MAAO,GAAI,EAAG,IAC1C,EAACA,EAAgB,MAAjB,CACE,YAAU,eAEV,UAAU,6OACX,EAFM,CAEN,CACF,CACmB,GAE1B"}

package/dist/ui/sonner.cjs

@@ -1 +1,2 @@
-"use client";Object.defineProperty(exports,`__esModule`,{value:!0});const e=require(`../chunk-350yNsax.cjs`),t=require(`../sonner-tfvnW7f9.cjs`);let n=require(`sonner`);exports.Toaster=t.t,exports.default=t.n,exports.toast=n.toast;
+"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});let e=require("lucide-react"),t=require("react/jsx-runtime"),n=require("sonner"),r=require("next-themes");const i=()=>{let{theme:i=`system`}=(0,r.useTheme)();return(0,t.jsx)(n.Toaster,{theme:i,expand:!1,visibleToasts:5,closeButton:!0,position:`bottom-right`,swipeDirections:[`left`,`right`],icons:{loading:(0,t.jsx)(e.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!`})};exports.Toaster=i,exports.default=i,exports.toast=n.toast;
+//# sourceMappingURL=sonner.cjs.map

package/dist/ui/sonner.cjs.map

@@ -0,0 +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      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":"sNAoBA,MAAM,MAAgB,CACpB,GAAM,CAAE,QAAQ,WAAA,EAAA,EAAA,SAAA,CAAsB,EAEtC,OACE,EAAA,EAAA,IAAA,CAACA,EAAAA,QAAD,CACS,QACP,OAAQ,GACR,cAAe,EACf,YAAa,GACb,SAAS,eACT,gBAAiB,CAAC,OAAQ,OAAO,EACjC,MAAO,CACL,SAAS,EAAA,EAAA,IAAA,CAACC,EAAAA,WAAD,CAAY,KAAM,GAAI,UAAU,cAAgB,CAAA,CAC3D,EACA,MACE,CACE,cAAe,kBACf,gBAAiB,QACjB,kBAAmB,aACrB,EAEF,aAAc,CACZ,WAAY,CACV,MAAO,iIACP,KAAM,mGACN,MAAO,gDACP,YAAa,qDACb,QAAS,cACT,KAAM,eACN,QAAS,gBACT,QAAS,cACT,MAAO,aACP,YAAa,8HACf,CACF,EACA,UAAU,6CACX,CAAA,CAEL"}

package/dist/ui/sonner.d.cts

@@ -1,2 +1,22 @@
-import { n as toast, t as Toaster } from "../sonner-BcwAttxz.cjs";
-export { Toaster, Toaster as default, toast };
+import { toast } from "sonner";
+
+//#region packages/components/ui/sonner.d.ts
+/**
+ * Global toast notification container — mount once near the root of your app; use the exported `toast` helper to trigger toasts from anywhere.
+ *
+ * @example
+ * ```tsx
+ * import { Toaster, toast } from '@customafk/lunas-ui/ui/sonner';
+ *
+ * // In your app root:
+ * <Toaster />
+ *
+ * // Anywhere in your code:
+ * toast.success('Saved!');
+ * toast.error('Something went wrong.');
+ * ```
+ */
+declare const Toaster: () => import("react").JSX.Element;
+//#endregion
+export { Toaster, Toaster as default, toast };
+//# sourceMappingURL=sonner.d.cts.map

package/dist/ui/sonner.d.mts

@@ -1,2 +1,22 @@
-import { n as toast, t as Toaster } from "../sonner-hiZbh7Ma.mjs";
-export { Toaster, Toaster as default, toast };
+import { toast } from "sonner";
+
+//#region packages/components/ui/sonner.d.ts
+/**
+ * Global toast notification container — mount once near the root of your app; use the exported `toast` helper to trigger toasts from anywhere.
+ *
+ * @example
+ * ```tsx
+ * import { Toaster, toast } from '@customafk/lunas-ui/ui/sonner';
+ *
+ * // In your app root:
+ * <Toaster />
+ *
+ * // Anywhere in your code:
+ * toast.success('Saved!');
+ * toast.error('Something went wrong.');
+ * ```
+ */
+declare const Toaster: () => import("react").JSX.Element;
+//#endregion
+export { Toaster, Toaster as default, toast };
+//# sourceMappingURL=sonner.d.mts.map

package/dist/ui/sonner.mjs

@@ -1 +1,2 @@
-"use client";import{n as e,r as t,t as n}from"../sonner-DiKkRgL0.mjs";export{n as Toaster,e as default,t 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!`})};export{a as Toaster,a as default,r as toast};
+//# sourceMappingURL=sonner.mjs.map

package/dist/ui/sonner.mjs.map

@@ -0,0 +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      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,EAAS,EAEtC,OACE,EAACA,EAAD,CACS,QACP,OAAQ,GACR,cAAe,EACf,YAAa,GACb,SAAS,eACT,gBAAiB,CAAC,OAAQ,OAAO,EACjC,MAAO,CACL,QAAS,EAAC,EAAD,CAAY,KAAM,GAAI,UAAU,cAAgB,CAAA,CAC3D,EACA,MACE,CACE,cAAe,kBACf,gBAAiB,QACjB,kBAAmB,aACrB,EAEF,aAAc,CACZ,WAAY,CACV,MAAO,iIACP,KAAM,mGACN,MAAO,gDACP,YAAa,qDACb,QAAS,cACT,KAAM,eACN,QAAS,gBACT,QAAS,cACT,MAAO,aACP,YAAa,8HACf,CACF,EACA,UAAU,6CACX,CAAA,CAEL"}

package/dist/ui/spinner.cjs

@@ -1 +1,2 @@
-const e=require(`../spinner-BlcoDe44.cjs`);exports.Spinner=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("lucide-react"),t=require("@customafk/react-toolkit/utils"),n=require("react/jsx-runtime");function r({className:r,...i}){return(0,n.jsx)(e.Loader2Icon,{role:`status`,"aria-label":`Loading`,className:(0,t.cn)(`size-4 animate-spin`,r),...i})}exports.Spinner=r;
+//# 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":"4KAkBA,SAAS,EAAQ,CAAE,YAAW,GAAG,GAAsC,CACrE,OAAO,EAAA,EAAA,IAAA,CAACA,EAAAA,YAAD,CAAa,KAAK,SAAS,aAAW,UAAU,WAAA,EAAA,EAAA,GAAA,CAAc,sBAAuB,CAAS,EAAG,GAAI,CAAQ,CAAA,CACtH"}

package/dist/ui/spinner.d.cts

@@ -1,2 +1,22 @@
-import { t as Spinner } from "../spinner-8BhR5INj.cjs";
-export { Spinner };
+//#region packages/components/ui/spinner.d.ts
+/**
+ * Spinning loading indicator rendered as an animated `Loader2Icon` SVG with an accessible `role="status"` and `aria-label`.
+ *
+ * @example
+ * ```tsx
+ * import { Spinner } from '@customafk/lunas-ui/ui/spinner';
+ *
+ * <Spinner className="size-6 text-primary" />
+ *
+ * <Button disabled>
+ *   <Spinner /> Saving…
+ * </Button>
+ * ```
+ */
+declare function Spinner({
+  className,
+  ...props
+}: React.ComponentProps<'svg'>): import("react").JSX.Element;
+//#endregion
+export { Spinner };
+//# sourceMappingURL=spinner.d.cts.map

package/dist/ui/spinner.d.mts

@@ -1,2 +1,22 @@
-import { t as Spinner } from "../spinner-YEHQDAMj.mjs";
-export { Spinner };
+//#region packages/components/ui/spinner.d.ts
+/**
+ * Spinning loading indicator rendered as an animated `Loader2Icon` SVG with an accessible `role="status"` and `aria-label`.
+ *
+ * @example
+ * ```tsx
+ * import { Spinner } from '@customafk/lunas-ui/ui/spinner';
+ *
+ * <Spinner className="size-6 text-primary" />
+ *
+ * <Button disabled>
+ *   <Spinner /> Saving…
+ * </Button>
+ * ```
+ */
+declare function Spinner({
+  className,
+  ...props
+}: React.ComponentProps<'svg'>): import("react").JSX.Element;
+//#endregion
+export { Spinner };
+//# sourceMappingURL=spinner.d.mts.map

package/dist/ui/spinner.mjs

@@ -1 +1,2 @@
-import{t as e}from"../spinner-BhIV1n_5.mjs";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.mjs.map

package/dist/ui/spinner.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.mjs","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,EAAD,CAAa,KAAK,SAAS,aAAW,UAAU,UAAW,EAAG,sBAAuB,CAAS,EAAG,GAAI,CAAQ,CAAA,CACtH"}

package/dist/ui/switch.cjs

@@ -1 +1,2 @@
-"use client";const e=require(`../switch-DMEBc5Me.cjs`);exports.Switch=e.t;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("@customafk/react-toolkit/utils"),t=require("react/jsx-runtime"),n=require("radix-ui");function r({className:r,...i}){return(0,t.jsx)(n.Switch.Root,{"data-slot":`switch`,className:(0,e.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`,r),...i,children:(0,t.jsx)(n.Switch.Thumb,{"data-slot":`switch-thumb`,className:(0,e.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=r;
+//# 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":"qLAoBA,SAAS,EAAO,CAAE,YAAW,GAAG,GAA4D,CAC1F,OACE,EAAA,EAAA,IAAA,CAACA,EAAAA,OAAgB,KAAjB,CACE,YAAU,SACV,WAAA,EAAA,EAAA,GAAA,CACE,OACA,wHACA,kBACA,kCACA,yCACA,sCACA,kCACA,uBACA,8BACA,sBACA,4CACA,iDACA,wCACA,yCACA,kDACA,8CACA,uDACA,CACF,EACA,GAAI,YAEJ,EAAA,EAAA,IAAA,CAACA,EAAAA,OAAgB,MAAjB,CACE,YAAU,eACV,WAAA,EAAA,EAAA,GAAA,CACE,gBACA,4EACA,oDACA,sCACF,CACD,CAAA,CACmB,CAAA,CAE1B"}

package/dist/ui/switch.d.cts

@@ -1,2 +1,24 @@
-import { t as Switch } from "../switch-BaLJWcs6.cjs";
-export { Switch };
+import { Switch as Switch$1 } from "radix-ui";
+
+//#region packages/components/ui/switch.d.ts
+/**
+ * Accessible toggle switch built on Radix UI's Switch primitive, with animated thumb and primary/muted color states.
+ *
+ * @example
+ * ```tsx
+ * import { Switch } from '@customafk/lunas-ui/ui/switch';
+ * import { Label } from '@customafk/lunas-ui/ui/label';
+ *
+ * <div className="flex items-center gap-2">
+ *   <Switch id="notifications" />
+ *   <Label htmlFor="notifications">Enable notifications</Label>
+ * </div>
+ * ```
+ */
+declare function Switch({
+  className,
+  ...props
+}: React.ComponentProps<typeof Switch$1.Root>): import("react").JSX.Element;
+//#endregion
+export { Switch };
+//# sourceMappingURL=switch.d.cts.map

package/dist/ui/switch.d.mts

@@ -1,2 +1,24 @@
-import { t as Switch } from "../switch-gWDJ4yuM.mjs";
-export { Switch };
+import { Switch as Switch$1 } from "radix-ui";
+
+//#region packages/components/ui/switch.d.ts
+/**
+ * Accessible toggle switch built on Radix UI's Switch primitive, with animated thumb and primary/muted color states.
+ *
+ * @example
+ * ```tsx
+ * import { Switch } from '@customafk/lunas-ui/ui/switch';
+ * import { Label } from '@customafk/lunas-ui/ui/label';
+ *
+ * <div className="flex items-center gap-2">
+ *   <Switch id="notifications" />
+ *   <Label htmlFor="notifications">Enable notifications</Label>
+ * </div>
+ * ```
+ */
+declare function Switch({
+  className,
+  ...props
+}: React.ComponentProps<typeof Switch$1.Root>): import("react").JSX.Element;
+//#endregion
+export { Switch };
+//# sourceMappingURL=switch.d.mts.map

package/dist/ui/switch.mjs

@@ -1 +1,2 @@
-"use client";import{t as e}from"../switch-BTU8yOgs.mjs";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.mjs.map

package/dist/ui/switch.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.mjs","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,KAAjB,CACE,YAAU,SACV,UAAW,EACT,OACA,wHACA,kBACA,kCACA,yCACA,sCACA,kCACA,uBACA,8BACA,sBACA,4CACA,iDACA,wCACA,yCACA,kDACA,8CACA,uDACA,CACF,EACA,GAAI,WAEJ,EAACA,EAAgB,MAAjB,CACE,YAAU,eACV,UAAW,EACT,gBACA,4EACA,oDACA,sCACF,CACD,CAAA,CACmB,CAAA,CAE1B"}

package/dist/ui/table.cjs

@@ -1 +1,2 @@
-"use client";const e=require(`../table-DkGeuCS6.cjs`);exports.Table=e.t,exports.TableBody=e.n,exports.TableCaption=e.r,exports.TableCell=e.i,exports.TableFooter=e.a,exports.TableHead=e.o,exports.TableHeader=e.s,exports.TableRow=e.c;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("react"),t=require("@customafk/react-toolkit/utils"),n=require("react/jsx-runtime");const r=(0,e.memo)(({className:e,...r})=>(0,n.jsx)(`table`,{"data-slot":`table`,className:(0,t.cn)(`w-full caption-bottom text-sm`,e),...r}));r.displayName=`Table`;const i=(0,e.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}));i.displayName=`TableHeader`;const a=(0,e.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}));a.displayName=`TableBody`;const o=(0,e.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}));o.displayName=`TableFooter`;const s=(0,e.memo)(({className:e,...t})=>(0,n.jsx)(`tr`,{"data-slot":`table-row`,className:e,...t}));s.displayName=`TableRow`;const c=(0,e.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}));c.displayName=`TableHead`;const l=(0,e.memo)(({className:e,...t})=>(0,n.jsx)(`td`,{"data-slot":`table-cell`,className:e,...t}));l.displayName=`TableCell`;const u=(0,e.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}));u.displayName=`TableCaption`,exports.Table=r,exports.TableBody=a,exports.TableCaption=u,exports.TableCell=l,exports.TableFooter=o,exports.TableHead=c,exports.TableHeader=i,exports.TableRow=s;
+//# sourceMappingURL=table.cjs.map

package/dist/ui/table.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.cjs","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":"kLAiCA,MAAM,GAAA,EAAA,EAAA,KAAA,EAAc,CAAE,YAAW,GAAG,MAC3B,EAAA,EAAA,IAAA,CAAC,QAAD,CAAO,YAAU,QAAQ,WAAA,EAAA,EAAA,GAAA,CAAc,gCAAiC,CAAS,EAAG,GAAI,CAAQ,CAAA,CACxG,EACD,EAAM,YAAc,QAGpB,MAAM,GAAA,EAAA,EAAA,KAAA,EAAoB,CAAE,YAAW,GAAG,MACjC,EAAA,EAAA,IAAA,CAAC,QAAD,CAAO,YAAU,eAAe,WAAA,EAAA,EAAA,GAAA,CAAc,sCAAuC,CAAS,EAAG,GAAI,CAAQ,CAAA,CACrH,EACD,EAAY,YAAc,cAG1B,MAAM,GAAA,EAAA,EAAA,KAAA,EAAkB,CAAE,YAAW,GAAG,MAEpC,EAAA,EAAA,IAAA,CAAC,QAAD,CACE,YAAU,aACV,WAAA,EAAA,EAAA,GAAA,CACE,6BACA,iCACA,+BACA,wCACA,4BACA,kBACA,2BACA,CACF,EACA,GAAI,CACL,CAAA,CAEJ,EACD,EAAU,YAAc,YAGxB,MAAM,GAAA,EAAA,EAAA,KAAA,EAAoB,CAAE,YAAW,GAAG,MACjC,EAAA,EAAA,IAAA,CAAC,QAAD,CAAO,YAAU,eAAe,WAAA,EAAA,EAAA,GAAA,CAAc,iEAAkE,CAAS,EAAG,GAAI,CAAQ,CAAA,CAChJ,EACD,EAAY,YAAc,cAG1B,MAAM,GAAA,EAAA,EAAA,KAAA,EAAiB,CAAE,YAAW,GAAG,MAC9B,EAAA,EAAA,IAAA,CAAC,KAAD,CAAI,YAAU,YAAuB,YAAW,GAAI,CAAQ,CAAA,CACpE,EACD,EAAS,YAAc,WAGvB,MAAM,GAAA,EAAA,EAAA,KAAA,EAAkB,CAAE,YAAW,GAAG,MAEpC,EAAA,EAAA,IAAA,CAAC,KAAD,CACE,YAAU,aACV,WAAA,EAAA,EAAA,GAAA,CACE,0BACA,iEACA,gCACA,sCACA,CACF,EACA,GAAI,CACL,CAAA,CAEJ,EACD,EAAU,YAAc,YAGxB,MAAM,GAAA,EAAA,EAAA,KAAA,EAAkB,CAAE,YAAW,GAAG,MAC/B,EAAA,EAAA,IAAA,CAAC,KAAD,CAAI,YAAU,aAAwB,YAAW,GAAI,CAAQ,CAAA,CACrE,EACD,EAAU,YAAc,YAGxB,MAAM,GAAA,EAAA,EAAA,KAAA,EAAqB,CAAE,YAAW,GAAG,MAClC,EAAA,EAAA,IAAA,CAAC,UAAD,CAAS,YAAU,gBAAgB,WAAA,EAAA,EAAA,GAAA,CAAc,wCAAyC,CAAS,EAAG,GAAI,CAAQ,CAAA,CAC1H,EACD,EAAa,YAAc"}

package/dist/ui/table.d.cts

@@ -1,2 +1,70 @@
-import { a as TableFooter, c as TableRow, i as TableCell, n as TableBody, o as TableHead, r as TableCaption, s as TableHeader, t as Table } from "../table-B2rDsRr1.cjs";
-export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };
+//#region packages/components/ui/table.d.ts
+/**
+ * Full-width semantic table with caption-bottom layout, intended to be composed with TableHeader, TableBody, and related sub-components.
+ *
+ * @example
+ * ```tsx
+ * import {
+ *   Table, TableHeader, TableBody, TableRow,
+ *   TableHead, TableCell, TableCaption,
+ * } from '@customafk/lunas-ui/ui/table';
+ *
+ * <Table>
+ *   <TableCaption>Invoice list</TableCaption>
+ *   <TableHeader>
+ *     <TableRow>
+ *       <TableHead>Name</TableHead>
+ *       <TableHead>Amount</TableHead>
+ *     </TableRow>
+ *   </TableHeader>
+ *   <TableBody>
+ *     <TableRow>
+ *       <TableCell>Acme Corp</TableCell>
+ *       <TableCell>$1,200</TableCell>
+ *     </TableRow>
+ *   </TableBody>
+ * </Table>
+ * ```
+ */
+declare const Table: import("react").MemoExoticComponent<({
+  className,
+  ...props
+}: React.ComponentProps<"table">) => import("react").JSX.Element>;
+/** The `<thead>` element containing one or more header rows. */
+declare const TableHeader: import("react").MemoExoticComponent<({
+  className,
+  ...props
+}: React.ComponentProps<"thead">) => import("react").JSX.Element>;
+/** The `<tbody>` element containing data rows with hover and selection styling. */
+declare const TableBody: import("react").MemoExoticComponent<({
+  className,
+  ...props
+}: React.ComponentProps<"tbody">) => import("react").JSX.Element>;
+/** The `<tfoot>` element for summary or aggregate rows at the bottom of the table. */
+declare const TableFooter: import("react").MemoExoticComponent<({
+  className,
+  ...props
+}: React.ComponentProps<"tfoot">) => import("react").JSX.Element>;
+/** A single `<tr>` row used inside TableHeader, TableBody, or TableFooter. */
+declare const TableRow: import("react").MemoExoticComponent<({
+  className,
+  ...props
+}: React.ComponentProps<"tr">) => import("react").JSX.Element>;
+/** A `<th>` column header cell with medium-weight text and left alignment. */
+declare const TableHead: import("react").MemoExoticComponent<({
+  className,
+  ...props
+}: React.ComponentProps<"th">) => import("react").JSX.Element>;
+/** A standard `<td>` data cell used inside a TableRow. */
+declare const TableCell: import("react").MemoExoticComponent<({
+  className,
+  ...props
+}: React.ComponentProps<"td">) => import("react").JSX.Element>;
+/** An accessible `<caption>` element displayed below the table. */
+declare const TableCaption: import("react").MemoExoticComponent<({
+  className,
+  ...props
+}: React.ComponentProps<"caption">) => import("react").JSX.Element>;
+//#endregion
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };
+//# sourceMappingURL=table.d.cts.map

package/dist/ui/table.d.mts

@@ -1,2 +1,70 @@
-import { a as TableFooter, c as TableRow, i as TableCell, n as TableBody, o as TableHead, r as TableCaption, s as TableHeader, t as Table } from "../table-BmEJ-Ktq.mjs";
-export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };
+//#region packages/components/ui/table.d.ts
+/**
+ * Full-width semantic table with caption-bottom layout, intended to be composed with TableHeader, TableBody, and related sub-components.
+ *
+ * @example
+ * ```tsx
+ * import {
+ *   Table, TableHeader, TableBody, TableRow,
+ *   TableHead, TableCell, TableCaption,
+ * } from '@customafk/lunas-ui/ui/table';
+ *
+ * <Table>
+ *   <TableCaption>Invoice list</TableCaption>
+ *   <TableHeader>
+ *     <TableRow>
+ *       <TableHead>Name</TableHead>
+ *       <TableHead>Amount</TableHead>
+ *     </TableRow>
+ *   </TableHeader>
+ *   <TableBody>
+ *     <TableRow>
+ *       <TableCell>Acme Corp</TableCell>
+ *       <TableCell>$1,200</TableCell>
+ *     </TableRow>
+ *   </TableBody>
+ * </Table>
+ * ```
+ */
+declare const Table: import("react").MemoExoticComponent<({
+  className,
+  ...props
+}: React.ComponentProps<"table">) => import("react").JSX.Element>;
+/** The `<thead>` element containing one or more header rows. */
+declare const TableHeader: import("react").MemoExoticComponent<({
+  className,
+  ...props
+}: React.ComponentProps<"thead">) => import("react").JSX.Element>;
+/** The `<tbody>` element containing data rows with hover and selection styling. */
+declare const TableBody: import("react").MemoExoticComponent<({
+  className,
+  ...props
+}: React.ComponentProps<"tbody">) => import("react").JSX.Element>;
+/** The `<tfoot>` element for summary or aggregate rows at the bottom of the table. */
+declare const TableFooter: import("react").MemoExoticComponent<({
+  className,
+  ...props
+}: React.ComponentProps<"tfoot">) => import("react").JSX.Element>;
+/** A single `<tr>` row used inside TableHeader, TableBody, or TableFooter. */
+declare const TableRow: import("react").MemoExoticComponent<({
+  className,
+  ...props
+}: React.ComponentProps<"tr">) => import("react").JSX.Element>;
+/** A `<th>` column header cell with medium-weight text and left alignment. */
+declare const TableHead: import("react").MemoExoticComponent<({
+  className,
+  ...props
+}: React.ComponentProps<"th">) => import("react").JSX.Element>;
+/** A standard `<td>` data cell used inside a TableRow. */
+declare const TableCell: import("react").MemoExoticComponent<({
+  className,
+  ...props
+}: React.ComponentProps<"td">) => import("react").JSX.Element>;
+/** An accessible `<caption>` element displayed below the table. */
+declare const TableCaption: import("react").MemoExoticComponent<({
+  className,
+  ...props
+}: React.ComponentProps<"caption">) => import("react").JSX.Element>;
+//#endregion
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };
+//# sourceMappingURL=table.d.mts.map

package/dist/ui/table.mjs

@@ -1 +1,2 @@
-"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"../table-DUDAeitX.mjs";export{s as Table,r as TableBody,a as TableCaption,n as TableCell,e as TableFooter,i as TableHead,o as TableHeader,t as TableRow};
+"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

package/dist/ui/table.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.mjs","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,QAAD,CAAO,YAAU,QAAQ,UAAW,EAAG,gCAAiC,CAAS,EAAG,GAAI,CAAQ,CAAA,CACxG,EACD,EAAM,YAAc,QAGpB,MAAM,EAAc,GAAM,CAAE,YAAW,GAAG,KACjC,EAAC,QAAD,CAAO,YAAU,eAAe,UAAW,EAAG,sCAAuC,CAAS,EAAG,GAAI,CAAQ,CAAA,CACrH,EACD,EAAY,YAAc,cAG1B,MAAM,EAAY,GAAM,CAAE,YAAW,GAAG,KAEpC,EAAC,QAAD,CACE,YAAU,aACV,UAAW,EACT,6BACA,iCACA,+BACA,wCACA,4BACA,kBACA,2BACA,CACF,EACA,GAAI,CACL,CAAA,CAEJ,EACD,EAAU,YAAc,YAGxB,MAAM,EAAc,GAAM,CAAE,YAAW,GAAG,KACjC,EAAC,QAAD,CAAO,YAAU,eAAe,UAAW,EAAG,iEAAkE,CAAS,EAAG,GAAI,CAAQ,CAAA,CAChJ,EACD,EAAY,YAAc,cAG1B,MAAM,EAAW,GAAM,CAAE,YAAW,GAAG,KAC9B,EAAC,KAAD,CAAI,YAAU,YAAuB,YAAW,GAAI,CAAQ,CAAA,CACpE,EACD,EAAS,YAAc,WAGvB,MAAM,EAAY,GAAM,CAAE,YAAW,GAAG,KAEpC,EAAC,KAAD,CACE,YAAU,aACV,UAAW,EACT,0BACA,iEACA,gCACA,sCACA,CACF,EACA,GAAI,CACL,CAAA,CAEJ,EACD,EAAU,YAAc,YAGxB,MAAM,EAAY,GAAM,CAAE,YAAW,GAAG,KAC/B,EAAC,KAAD,CAAI,YAAU,aAAwB,YAAW,GAAI,CAAQ,CAAA,CACrE,EACD,EAAU,YAAc,YAGxB,MAAM,EAAe,GAAM,CAAE,YAAW,GAAG,KAClC,EAAC,UAAD,CAAS,YAAU,gBAAgB,UAAW,EAAG,wCAAyC,CAAS,EAAG,GAAI,CAAQ,CAAA,CAC1H,EACD,EAAa,YAAc"}

package/dist/ui/tabs.cjs

@@ -1 +1,2 @@
-"use client";const e=require(`../tabs-JR7-JzIe.cjs`);exports.Tabs=e.t,exports.TabsContent=e.n,exports.TabsList=e.r,exports.TabsTrigger=e.i;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("@customafk/react-toolkit/utils"),t=require("react/jsx-runtime"),n=require("radix-ui");function r({className:r,...i}){return(0,t.jsx)(n.Tabs.Root,{"data-slot":`tabs`,className:(0,e.cn)(`flex flex-col gap-2`,r),...i})}function i({className:r,...i}){return(0,t.jsx)(n.Tabs.List,{"data-slot":`tabs-list`,className:(0,e.cn)(`inline-flex h-9 w-fit items-center justify-center gap-x-1 rounded-sm bg-muted-muted p-1`,r),...i})}function a({className:r,...i}){return(0,t.jsx)(n.Tabs.Trigger,{"data-slot":`tabs-trigger`,className:(0,e.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`,r),...i})}function o({className:r,...i}){return(0,t.jsx)(n.Tabs.Content,{"data-slot":`tabs-content`,className:(0,e.cn)(`flex-1 outline-none`,r),...i})}exports.Tabs=r,exports.TabsContent=o,exports.TabsList=i,exports.TabsTrigger=a;
+//# sourceMappingURL=tabs.cjs.map

package/dist/ui/tabs.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.cjs","names":["TabsPrimitive"],"sources":["../../packages/components/ui/tabs.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Tabs as TabsPrimitive } from 'radix-ui';\n\n/**\n * Keyboard-accessible tabbed panel built on Radix UI's Tabs primitives, composed from `Tabs`, `TabsList`, `TabsTrigger`, and `TabsContent`.\n *\n * @example\n * ```tsx\n * import { Tabs, TabsList, TabsTrigger, TabsContent } from '@customafk/lunas-ui/ui/tabs';\n *\n * <Tabs defaultValue=\"overview\">\n *   <TabsList>\n *     <TabsTrigger value=\"overview\">Overview</TabsTrigger>\n *     <TabsTrigger value=\"settings\">Settings</TabsTrigger>\n *   </TabsList>\n *   <TabsContent value=\"overview\">Overview content here.</TabsContent>\n *   <TabsContent value=\"settings\">Settings content here.</TabsContent>\n * </Tabs>\n * ```\n */\nfunction Tabs({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Root>) {\n  return <TabsPrimitive.Root data-slot=\"tabs\" className={cn('flex flex-col gap-2', className)} {...props} />;\n}\n\n/** Container that holds the row of `TabsTrigger` buttons with a muted background pill style. */\nfunction TabsList({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.List>) {\n  return (\n    <TabsPrimitive.List\n      data-slot=\"tabs-list\"\n      className={cn('inline-flex h-9 w-fit items-center justify-center gap-x-1 rounded-sm bg-muted-muted p-1', className)}\n      {...props}\n    />\n  );\n}\n\n/** Individual tab button that activates its associated `TabsContent` panel when clicked. */\nfunction TabsTrigger({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>) {\n  return (\n    <TabsPrimitive.Trigger\n      data-slot=\"tabs-trigger\"\n      className={cn(\n        'text-text-positive-weak',\n        'inline-flex h-[calc(100%-1px)] min-w-32 flex-1 cursor-pointer items-center justify-center gap-1.5',\n        'rounded-sm',\n        'whitespace-nowrap border border-transparent px-2 py-1 font-medium text-sm transition',\n        // 'hover:bg-muted-muted/60',\n        'data-[state=active]:shadow-card',\n        'data-[state=active]:bg-background',\n        'disabled:opacity-50',\n        'disabled:pointer-events-none',\n        'focus-visible:border-primary',\n        'focus-visible:ring-4',\n        'focus-visible:ring-primary-weak',\n        'focus-visible:outline-1',\n        'focus-visible:outline-primary',\n        '[&_svg]:pointer-events-none',\n        '[&_svg]:shrink-0',\n        \"[&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Panel whose visibility is controlled by the active `TabsTrigger`; each panel must have a matching `value`. */\nfunction TabsContent({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>) {\n  return <TabsPrimitive.Content data-slot=\"tabs-content\" className={cn('flex-1 outline-none', className)} {...props} />;\n}\n\nexport { Tabs, TabsContent, TabsList, TabsTrigger };\n"],"mappings":"qLAuBA,SAAS,EAAK,CAAE,YAAW,GAAG,GAA0D,CACtF,OAAO,EAAA,EAAA,IAAA,CAACA,EAAAA,KAAc,KAAf,CAAoB,YAAU,OAAO,WAAA,EAAA,EAAA,GAAA,CAAc,sBAAuB,CAAS,EAAG,GAAI,CAAQ,CAAA,CAC3G,CAGA,SAAS,EAAS,CAAE,YAAW,GAAG,GAA0D,CAC1F,OACE,EAAA,EAAA,IAAA,CAACA,EAAAA,KAAc,KAAf,CACE,YAAU,YACV,WAAA,EAAA,EAAA,GAAA,CAAc,0FAA2F,CAAS,EAClH,GAAI,CACL,CAAA,CAEL,CAGA,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OACE,EAAA,EAAA,IAAA,CAACA,EAAAA,KAAc,QAAf,CACE,YAAU,eACV,WAAA,EAAA,EAAA,GAAA,CACE,0BACA,oGACA,aACA,uFAEA,kCACA,oCACA,sBACA,+BACA,+BACA,uBACA,kCACA,0BACA,gCACA,8BACA,mBACA,uCACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAGA,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OAAO,EAAA,EAAA,IAAA,CAACA,EAAAA,KAAc,QAAf,CAAuB,YAAU,eAAe,WAAA,EAAA,EAAA,GAAA,CAAc,sBAAuB,CAAS,EAAG,GAAI,CAAQ,CAAA,CACtH"}

package/dist/ui/tabs.d.cts

@@ -1,2 +1,42 @@
-import { i as TabsTrigger, n as TabsContent, r as TabsList, t as Tabs } from "../tabs-vAz8fioT.cjs";
-export { Tabs, TabsContent, TabsList, TabsTrigger };
+import { Tabs as Tabs$1 } from "radix-ui";
+
+//#region packages/components/ui/tabs.d.ts
+/**
+ * Keyboard-accessible tabbed panel built on Radix UI's Tabs primitives, composed from `Tabs`, `TabsList`, `TabsTrigger`, and `TabsContent`.
+ *
+ * @example
+ * ```tsx
+ * import { Tabs, TabsList, TabsTrigger, TabsContent } from '@customafk/lunas-ui/ui/tabs';
+ *
+ * <Tabs defaultValue="overview">
+ *   <TabsList>
+ *     <TabsTrigger value="overview">Overview</TabsTrigger>
+ *     <TabsTrigger value="settings">Settings</TabsTrigger>
+ *   </TabsList>
+ *   <TabsContent value="overview">Overview content here.</TabsContent>
+ *   <TabsContent value="settings">Settings content here.</TabsContent>
+ * </Tabs>
+ * ```
+ */
+declare function Tabs({
+  className,
+  ...props
+}: React.ComponentProps<typeof Tabs$1.Root>): import("react").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>): import("react").JSX.Element;
+/** Individual tab button that activates its associated `TabsContent` panel when clicked. */
+declare function TabsTrigger({
+  className,
+  ...props
+}: React.ComponentProps<typeof Tabs$1.Trigger>): import("react").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>): import("react").JSX.Element;
+//#endregion
+export { Tabs, TabsContent, TabsList, TabsTrigger };
+//# sourceMappingURL=tabs.d.cts.map