@customafk/lunas-ui 0.2.42 → 0.2.43

package/dist/ui/separator.d.mts

@@ -0,0 +1,34 @@
+import * as react262 from "react";
+import { Separator as Separator$1 } from "radix-ui";
+
+//#region packages/components/ui/separator.d.ts
+
+/**
+ * Thin visual divider built on Radix UI's Separator primitive, supporting horizontal and vertical orientations.
+ *
+ * @example
+ * ```tsx
+ * import { Separator } from '@customafk/lunas-ui/ui/separator';
+ *
+ * <div className="space-y-4">
+ *   <p>Section one</p>
+ *   <Separator />
+ *   <p>Section two</p>
+ * </div>
+ *
+ * <div className="flex h-8 items-center gap-4">
+ *   <span>Left</span>
+ *   <Separator orientation="vertical" />
+ *   <span>Right</span>
+ * </div>
+ * ```
+ */
+declare function Separator({
+  className,
+  orientation,
+  decorative,
+  ...props
+}: React.ComponentProps<typeof Separator$1.Root>): react262.JSX.Element;
+//#endregion
+export { Separator };
+//# sourceMappingURL=separator.d.mts.map

package/dist/ui/separator.mjs

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

package/dist/ui/sheet.cjs

@@ -1,2 +1 @@
-"use client";const e=require(`../chunk-Bmb41Sf3.cjs`);let t=require(`lucide-react`),n=require(`@customafk/react-toolkit/utils`),r=require(`react/jsx-runtime`),i=require(`radix-ui`);function a({...e}){return(0,r.jsx)(i.Dialog.Root,{"data-slot":`sheet`,...e})}function o({...e}){return(0,r.jsx)(i.Dialog.Trigger,{"data-slot":`sheet-trigger`,...e})}function s({...e}){return(0,r.jsx)(i.Dialog.Close,{"data-slot":`sheet-close`,...e})}function c({...e}){return(0,r.jsx)(i.Dialog.Portal,{"data-slot":`sheet-portal`,...e})}function l({className:e,...t}){return(0,r.jsx)(i.Dialog.Overlay,{"data-slot":`sheet-overlay`,className:(0,n.cn)(`fixed inset-0 z-50 bg-black/50`,`data-[state=open]:animate-in`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0`,`data-[state=open]:fade-in-0`,e),...t})}function u({className:e,children:a,side:o=`right`,...s}){return(0,r.jsxs)(c,{children:[(0,r.jsx)(l,{}),(0,r.jsxs)(i.Dialog.Content,{"data-slot":`sheet-content`,className:(0,n.cn)(`bg-background`,`fixed z-50 flex flex-col gap-4 border-border-weak shadow-dropdown transition ease-in-out`,`data-[state=open]:animate-in`,`data-[state=open]:duration-500`,`data-[state=closed]:animate-out`,`data-[state=closed]:duration-300`,o===`right`&&`inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm`,o===`right`&&`data-[state=closed]:slide-out-to-right`,o===`right`&&`data-[state=open]:slide-in-from-right`,o===`left`&&`inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm`,o===`left`&&`data-[state=closed]:slide-out-to-left`,o===`left`&&`data-[state=open]:slide-in-from-left`,o===`top`&&`inset-x-0 top-0 h-auto border-b`,o===`top`&&`data-[state=closed]:slide-out-to-top`,o===`top`&&`data-[state=open]:slide-in-from-top`,o===`bottom`&&`inset-x-0 bottom-0 h-auto border-t`,o===`bottom`&&`data-[state=closed]:slide-out-to-bottom`,o===`bottom`&&`data-[state=open]:slide-in-from-bottom`,e),...s,children:[a,(0,r.jsxs)(i.Dialog.Close,{className:(0,n.cn)(`cursor-pointer p-2 ring-offset-background`,`absolute top-2 right-2 rounded-full opacity-70 transition-opacity`,`data-[state=open]:bg-secondary`,`disabled:pointer-events-none`,`hover:opacity-100`,`hover:bg-border-muted`,`focus:ring-border-weak`,`focus:ring-4`,`focus:outline-hidden`),children:[(0,r.jsx)(t.XIcon,{className:`size-5`}),(0,r.jsx)(`span`,{className:`sr-only`,children:`Close`})]})]})]})}function d({className:e,...t}){return(0,r.jsx)(`div`,{"data-slot":`sheet-header`,className:(0,n.cn)(`flex flex-0 flex-col gap-1.5 p-4`,e),...t})}function f({className:e,...t}){return(0,r.jsx)(`div`,{"data-slot":`sheet-footer`,className:(0,n.cn)(`mt-auto flex flex-0 flex-col gap-2 p-4`,e),...t})}function p({className:e,...t}){return(0,r.jsx)(i.Dialog.Title,{"data-slot":`sheet-title`,className:(0,n.cn)(`font-semibold text-text-positive-strong`,e),...t})}function m({className:e,...t}){return(0,r.jsx)(i.Dialog.Description,{"data-slot":`sheet-description`,className:(0,n.cn)(`text-sm text-text-positive-weak`,e),...t})}exports.Sheet=a,exports.SheetClose=s,exports.SheetContent=u,exports.SheetDescription=m,exports.SheetFooter=f,exports.SheetHeader=d,exports.SheetTitle=p,exports.SheetTrigger=o;
-//# sourceMappingURL=sheet.cjs.map
+"use client";const e=require(`../sheet-CvKSi0UC.cjs`);exports.Sheet=e.t,exports.SheetClose=e.n,exports.SheetContent=e.r,exports.SheetDescription=e.i,exports.SheetFooter=e.a,exports.SheetHeader=e.o,exports.SheetTitle=e.s,exports.SheetTrigger=e.c;

package/dist/ui/sheet.d.cts

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

package/dist/ui/sheet.d.mts

@@ -0,0 +1,69 @@
+import * as react264 from "react";
+import { Dialog } from "radix-ui";
+
+//#region packages/components/ui/sheet.d.ts
+
+/**
+ * Root provider for the Sheet panel — wraps all Sheet sub-components and manages open state.
+ *
+ * @example
+ * ```tsx
+ * import { Sheet, SheetTrigger, SheetContent, SheetHeader, SheetTitle, SheetDescription } from '@customafk/lunas-ui/ui/sheet';
+ *
+ * <Sheet>
+ *   <SheetTrigger>Open</SheetTrigger>
+ *   <SheetContent side="right">
+ *     <SheetHeader>
+ *       <SheetTitle>Settings</SheetTitle>
+ *       <SheetDescription>Manage your preferences.</SheetDescription>
+ *     </SheetHeader>
+ *   </SheetContent>
+ * </Sheet>
+ * ```
+ */
+declare function Sheet({
+  ...props
+}: 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>): react264.JSX.Element;
+/** Button that programmatically closes the Sheet. */
+declare function SheetClose({
+  ...props
+}: 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.
+ */
+declare function SheetContent({
+  className,
+  children,
+  side,
+  ...props
+}: React.ComponentProps<typeof Dialog.Content> & {
+  /** Edge of the viewport from which the sheet slides in. */
+  side?: 'top' | 'right' | 'bottom' | 'left';
+}): 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'>): 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'>): 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>): 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>): react264.JSX.Element;
+//#endregion
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger };
+//# sourceMappingURL=sheet.d.mts.map

package/dist/ui/sheet.mjs

@@ -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-BFlIfNaA.mjs";export{s as Sheet,r as SheetClose,a as SheetContent,n as SheetDescription,e as SheetFooter,i as SheetHeader,o as SheetTitle,t as SheetTrigger};

package/dist/ui/skeleton.cjs

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

package/dist/ui/skeleton.d.cts

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

package/dist/ui/skeleton.d.mts

@@ -0,0 +1,27 @@
+import * as react249 from "react";
+
+//#region packages/components/ui/skeleton.d.ts
+
+/**
+ * Animated pulse placeholder used to indicate loading state for text, images, or other UI elements.
+ *
+ * @example
+ * ```tsx
+ * import { Skeleton } from '@customafk/lunas-ui/ui/skeleton';
+ *
+ * <div className="flex items-center gap-4">
+ *   <Skeleton className="size-10 rounded-full" />
+ *   <div className="space-y-2">
+ *     <Skeleton className="h-4 w-40" />
+ *     <Skeleton className="h-4 w-24" />
+ *   </div>
+ * </div>
+ * ```
+ */
+declare function Skeleton({
+  className,
+  ...props
+}: React.ComponentProps<'div'>): react249.JSX.Element;
+//#endregion
+export { Skeleton };
+//# sourceMappingURL=skeleton.d.mts.map

package/dist/ui/skeleton.mjs

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

package/dist/ui/slider.cjs

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

package/dist/ui/slider.d.cts

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

package/dist/ui/slider.d.mts

@@ -0,0 +1,26 @@
+import * as react263 from "react";
+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>): react263.JSX.Element;
+//#endregion
+export { Slider };
+//# sourceMappingURL=slider.d.mts.map

package/dist/ui/slider.mjs

@@ -0,0 +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

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,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.cjs

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

package/dist/ui/sonner.d.cts

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

package/dist/ui/sonner.d.mts

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

package/dist/ui/sonner.mjs

@@ -0,0 +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

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,GAAU,CAEvC,OACE,EAACA,EAAAA,CACQ,QACP,OAAQ,GACR,cAAe,EACf,YAAa,GACb,SAAS,eACT,gBAAiB,CAAC,OAAQ,QAAQ,CAClC,MAAO,CACL,QAAS,EAAC,EAAA,CAAW,KAAM,GAAI,UAAU,gBAAiB,CAC3D,CACD,MACE,CACE,cAAe,kBACf,gBAAiB,QACjB,kBAAmB,cACpB,CAEH,aAAc,CACZ,WAAY,CACV,MAAO,iIACP,KAAM,mGACN,MAAO,gDACP,YAAa,qDACb,QAAS,cACT,KAAM,eACN,QAAS,gBACT,QAAS,cACT,MAAO,aACP,YAAa,+HACd,CACF,CACD,UAAU,+CACV,EAKN,IAAA,EAAe"}

package/dist/ui/spinner.cjs

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

package/dist/ui/spinner.d.cts

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

package/dist/ui/spinner.d.mts

@@ -0,0 +1,25 @@
+import * as react272 from "react";
+
+//#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'>): react272.JSX.Element;
+//#endregion
+export { Spinner };
+//# sourceMappingURL=spinner.d.mts.map

package/dist/ui/spinner.mjs

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

package/dist/ui/switch.cjs

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

package/dist/ui/switch.d.cts

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

package/dist/ui/switch.d.mts

@@ -0,0 +1,26 @@
+import * as react274 from "react";
+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>): react274.JSX.Element;
+//#endregion
+export { Switch };
+//# sourceMappingURL=switch.d.mts.map

package/dist/ui/switch.mjs

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

package/dist/ui/table.cjs

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

package/dist/ui/table.d.cts

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

package/dist/ui/table.d.mts

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