@customafk/lunas-ui 0.2.42 → 0.2.43

package/dist/ui/popover.d.cts

@@ -1,4 +1,4 @@
-import * as react79 from "react";
+import * as react218 from "react";
 import { Popover as Popover$1 } from "radix-ui";
 
 //#region packages/components/ui/popover.d.ts
@@ -26,27 +26,27 @@ import { Popover as Popover$1 } from "radix-ui";
  */
 declare function Popover({
   ...props
-}: React.ComponentProps<typeof Popover$1.Root>): react79.JSX.Element;
+}: React.ComponentProps<typeof Popover$1.Root>): react218.JSX.Element;
 /** Element that opens or closes the popover on click; use `asChild` to render a custom trigger element. */
 declare function PopoverTrigger({
   ...props
-}: React.ComponentProps<typeof Popover$1.Trigger>): react79.JSX.Element;
+}: React.ComponentProps<typeof Popover$1.Trigger>): react218.JSX.Element;
 /** Floating content panel rendered in a portal, matching the trigger width and animated on open/close. */
 declare function PopoverContent({
   className,
   align,
   sideOffset,
   ...props
-}: React.ComponentProps<typeof Popover$1.Content>): react79.JSX.Element;
+}: React.ComponentProps<typeof Popover$1.Content>): react218.JSX.Element;
 /** Optional anchor element that overrides the trigger as the popover's positioning reference point. */
 declare function PopoverAnchor({
   ...props
-}: React.ComponentProps<typeof Popover$1.Anchor>): react79.JSX.Element;
+}: React.ComponentProps<typeof Popover$1.Anchor>): react218.JSX.Element;
 /** Close button pre-positioned at the top-right corner of `PopoverContent` using the shared `CloseButton` primitive. */
 declare function PopoverClose({
   className,
   ...props
-}: React.ComponentProps<typeof Popover$1.Close>): react79.JSX.Element;
+}: React.ComponentProps<typeof Popover$1.Close>): react218.JSX.Element;
 //#endregion
 export { Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger };
 //# sourceMappingURL=popover.d.cts.map

package/dist/ui/popover.d.mts

@@ -0,0 +1,52 @@
+import * as react214 from "react";
+import { Popover as Popover$1 } from "radix-ui";
+
+//#region packages/components/ui/popover.d.ts
+
+/**
+ * Floating panel built on Radix UI's Popover primitives, anchored to a trigger element with animated open/close transitions.
+ *
+ * @example
+ * ```tsx
+ * import {
+ *   Popover, PopoverTrigger, PopoverContent, PopoverClose,
+ * } from '@customafk/lunas-ui/ui/popover';
+ * import { Button } from '@customafk/lunas-ui/ui/button';
+ *
+ * <Popover>
+ *   <PopoverTrigger asChild>
+ *     <Button variant="outline">Open popover</Button>
+ *   </PopoverTrigger>
+ *   <PopoverContent>
+ *     <PopoverClose />
+ *     <p>Popover body content goes here.</p>
+ *   </PopoverContent>
+ * </Popover>
+ * ```
+ */
+declare function Popover({
+  ...props
+}: React.ComponentProps<typeof Popover$1.Root>): react214.JSX.Element;
+/** Element that opens or closes the popover on click; use `asChild` to render a custom trigger element. */
+declare function PopoverTrigger({
+  ...props
+}: React.ComponentProps<typeof Popover$1.Trigger>): react214.JSX.Element;
+/** Floating content panel rendered in a portal, matching the trigger width and animated on open/close. */
+declare function PopoverContent({
+  className,
+  align,
+  sideOffset,
+  ...props
+}: React.ComponentProps<typeof Popover$1.Content>): react214.JSX.Element;
+/** Optional anchor element that overrides the trigger as the popover's positioning reference point. */
+declare function PopoverAnchor({
+  ...props
+}: React.ComponentProps<typeof Popover$1.Anchor>): react214.JSX.Element;
+/** Close button pre-positioned at the top-right corner of `PopoverContent` using the shared `CloseButton` primitive. */
+declare function PopoverClose({
+  className,
+  ...props
+}: React.ComponentProps<typeof Popover$1.Close>): react214.JSX.Element;
+//#endregion
+export { Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger };
+//# sourceMappingURL=popover.d.mts.map

package/dist/ui/popover.mjs

@@ -0,0 +1 @@
+"use client";import"../close-_UHFeiLS.mjs";import{a as e,i as t,n,r,t as i}from"../popover-C8rcemA3.mjs";export{i as Popover,n as PopoverAnchor,r as PopoverClose,t as PopoverContent,e as PopoverTrigger};

package/dist/ui/progress.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,value:i,...a}){return(0,n.jsx)(r.Progress.Root,{"data-slot":`progress`,className:(0,t.cn)(`bg-primary-weak relative h-2 w-full overflow-hidden rounded-full`,e),...a,children:(0,n.jsx)(r.Progress.Indicator,{"data-slot":`progress-indicator`,className:`bg-primary size-full flex-1 transition-all`,style:{transform:`translateX(-${100-(i||0)}%)`}})})}exports.Progress=i;
-//# sourceMappingURL=progress.cjs.map
+"use client";const e=require(`../progress-gvBqNiHp.cjs`);exports.Progress=e.t;

package/dist/ui/progress.d.cts

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

package/dist/ui/progress.d.mts

@@ -0,0 +1,23 @@
+import * as react228 from "react";
+import { Progress as Progress$1 } from "radix-ui";
+
+//#region packages/components/ui/progress.d.ts
+
+/**
+ * A horizontal progress bar that visually represents a completion percentage.
+ *
+ * @example
+ * ```tsx
+ * import { Progress } from '@customafk/lunas-ui/ui/progress';
+ *
+ * <Progress value={65} />
+ * ```
+ */
+declare function Progress({
+  className,
+  value,
+  ...props
+}: React.ComponentProps<typeof Progress$1.Root>): react228.JSX.Element;
+//#endregion
+export { Progress };
+//# sourceMappingURL=progress.d.mts.map

package/dist/ui/progress.mjs

@@ -0,0 +1 @@
+"use client";import{t as e}from"../progress-CLeM0e7Z.mjs";export{e as Progress};

package/dist/ui/radio-group.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({className:e,...t}){return(0,r.jsx)(i.RadioGroup.Root,{"data-slot":`radio-group`,className:(0,n.cn)(`grid gap-3`,e),...t})}function o({className:e,...a}){return(0,r.jsx)(i.RadioGroup.Item,{"data-slot":`radio-group-item`,className:(0,n.cn)(`aspect-square size-4 shrink-0 rounded-full border border-border shadow-xs outline-none transition-all`,`disabled:cursor-not-allowed disabled:opacity-50`,`focus:border-border focus:ring-4 focus:ring-primary-weak`,`aria-invalid:border-danger-strong aria-invalid:ring-danger-weak`,`aria-readonly:pointer-events-none`,`aria-readonly:[&_div]:bg-muted`,`aria-readonly:[&_svg]:fill-muted-weak`,`aria-readonly:[&_svg]:text-muted-weak`,e),...a,children:(0,r.jsxs)(i.RadioGroup.Indicator,{"data-slot":`radio-group-indicator`,className:`relative flex items-center justify-center bg-primary`,children:[(0,r.jsx)(`div`,{className:`absolute size-4 rounded-full bg-primary`}),(0,r.jsx)(t.CircleIcon,{className:`-translate-1/2 absolute top-1/2 left-1/2 size-2 fill-text-negative-strong text-text-negative`})]})})}exports.RadioGroup=a,exports.RadioGroupItem=o;
-//# sourceMappingURL=radio-group.cjs.map
+"use client";const e=require(`../radio-group-_TdMkv8w.cjs`);exports.RadioGroup=e.t,exports.RadioGroupItem=e.n;

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

@@ -1,4 +1,4 @@
-import * as react147 from "react";
+import * as react237 from "react";
 import { RadioGroup as RadioGroup$1 } from "radix-ui";
 
 //#region packages/components/ui/radio-group.d.ts
@@ -26,12 +26,12 @@ import { RadioGroup as RadioGroup$1 } from "radix-ui";
 declare function RadioGroup({
   className,
   ...props
-}: React.ComponentProps<typeof RadioGroup$1.Root>): react147.JSX.Element;
+}: React.ComponentProps<typeof RadioGroup$1.Root>): react237.JSX.Element;
 /** Individual radio button within a `RadioGroup`; shows a filled circle indicator when selected. */
 declare function RadioGroupItem({
   className,
   ...props
-}: React.ComponentProps<typeof RadioGroup$1.Item>): react147.JSX.Element;
+}: React.ComponentProps<typeof RadioGroup$1.Item>): react237.JSX.Element;
 //#endregion
 export { RadioGroup, RadioGroupItem };
 //# sourceMappingURL=radio-group.d.cts.map

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

@@ -0,0 +1,37 @@
+import * as react226 from "react";
+import { RadioGroup as RadioGroup$1 } from "radix-ui";
+
+//#region packages/components/ui/radio-group.d.ts
+
+/**
+ * Accessible radio button group built on Radix UI's RadioGroup primitive, where only one option can be selected at a time.
+ *
+ * @example
+ * ```tsx
+ * import { RadioGroup, RadioGroupItem } from '@customafk/lunas-ui/ui/radio-group';
+ * import { Label } from '@customafk/lunas-ui/ui/label';
+ *
+ * <RadioGroup defaultValue="monthly">
+ *   <div className="flex items-center gap-2">
+ *     <RadioGroupItem value="monthly" id="monthly" />
+ *     <Label htmlFor="monthly">Monthly</Label>
+ *   </div>
+ *   <div className="flex items-center gap-2">
+ *     <RadioGroupItem value="annually" id="annually" />
+ *     <Label htmlFor="annually">Annually</Label>
+ *   </div>
+ * </RadioGroup>
+ * ```
+ */
+declare function RadioGroup({
+  className,
+  ...props
+}: React.ComponentProps<typeof RadioGroup$1.Root>): react226.JSX.Element;
+/** Individual radio button within a `RadioGroup`; shows a filled circle indicator when selected. */
+declare function RadioGroupItem({
+  className,
+  ...props
+}: React.ComponentProps<typeof RadioGroup$1.Item>): react226.JSX.Element;
+//#endregion
+export { RadioGroup, RadioGroupItem };
+//# sourceMappingURL=radio-group.d.mts.map

package/dist/ui/radio-group.mjs

@@ -0,0 +1 @@
+"use client";import{n as e,t}from"../radio-group-Y9bhdr55.mjs";export{t as RadioGroup,e as RadioGroupItem};

package/dist/ui/resizable.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(`react`),a=require(`react-resizable-panels`);a=e.t(a);const o=(0,i.memo)(({className:e,...t})=>(0,r.jsx)(a.PanelGroup,{"data-slot":`resizable-panel-group`,className:(0,n.cn)(`flex h-full w-full data-[panel-group-direction=vertical]:flex-col`,e),...t}));o.displayName=`ResizablePanelGroup`;const s=(0,i.memo)(({...e})=>(0,r.jsx)(a.Panel,{"data-slot":`resizable-panel`,...e}));s.displayName=`ResizablePanel`;const c=(0,i.memo)(({withHandle:e,className:i,...o})=>(0,r.jsx)(a.PanelResizeHandle,{"data-slot":`resizable-handle`,className:(0,n.cn)(`relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90`,i),...o,children:e&&(0,r.jsx)(`div`,{className:`z-10 flex h-4 w-3 items-center justify-center rounded-xs border bg-border`,children:(0,r.jsx)(t.GripVerticalIcon,{className:`size-2.5`})})}));c.displayName=`ResizableHandle`,exports.ResizableHandle=c,exports.ResizablePanel=s,exports.ResizablePanelGroup=o;
-//# sourceMappingURL=resizable.cjs.map
+"use client";const e=require(`../resizable-sgpaHAb8.cjs`);exports.ResizableHandle=e.t,exports.ResizablePanel=e.n,exports.ResizablePanelGroup=e.r;

package/dist/ui/resizable.d.cts

@@ -1,4 +1,4 @@
-import * as react151 from "react";
+import * as react253 from "react";
 import * as node_modules_react_resizable_panels_dist_declarations_src_types0 from "node_modules/react-resizable-panels/dist/declarations/src/types";
 import * as ResizablePrimitive from "react-resizable-panels";
 
@@ -20,7 +20,7 @@ type TResizableHandle = React.ComponentProps<typeof ResizablePrimitive.PanelResi
  * </ResizablePanelGroup>
  * ```
  */
-declare const ResizablePanelGroup: react151.NamedExoticComponent<Omit<react151.HTMLAttributes<keyof HTMLElementTagNameMap>, "id"> & {
+declare const ResizablePanelGroup: react253.NamedExoticComponent<Omit<react253.HTMLAttributes<keyof HTMLElementTagNameMap>, "id"> & {
   autoSaveId?: string | null;
   className?: string;
   direction: node_modules_react_resizable_panels_dist_declarations_src_types0.Direction;
@@ -28,14 +28,14 @@ declare const ResizablePanelGroup: react151.NamedExoticComponent<Omit<react151.H
   keyboardResizeBy?: number | null;
   onLayout?: ResizablePrimitive.PanelGroupOnLayout | null;
   storage?: ResizablePrimitive.PanelGroupStorage;
-  style?: react151.CSSProperties;
+  style?: react253.CSSProperties;
   tagName?: keyof HTMLElementTagNameMap;
   dir?: "auto" | "ltr" | "rtl" | undefined;
 } & {
-  children?: react151.ReactNode | undefined;
-} & react151.RefAttributes<ResizablePrimitive.ImperativePanelGroupHandle>>;
+  children?: react253.ReactNode | undefined;
+} & react253.RefAttributes<ResizablePrimitive.ImperativePanelGroupHandle>>;
 /** An individual resizable panel within a ResizablePanelGroup. */
-declare const ResizablePanel: react151.NamedExoticComponent<Omit<react151.HTMLAttributes<HTMLParagraphElement | HTMLElement | HTMLInputElement | HTMLButtonElement | HTMLDivElement | HTMLLabelElement | HTMLFieldSetElement | HTMLLegendElement | HTMLObjectElement | HTMLAnchorElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableCaptionElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFormElement | HTMLHeadingElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLImageElement | HTMLLIElement | HTMLLinkElement | HTMLMapElement | HTMLMenuElement | HTMLMetaElement | HTMLMeterElement | HTMLOListElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLPictureElement | HTMLPreElement | HTMLProgressElement | HTMLScriptElement | HTMLSelectElement | HTMLSlotElement | HTMLSourceElement | HTMLSpanElement | HTMLStyleElement | HTMLTableElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTemplateElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTitleElement | HTMLTableRowElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement>, "id" | "onResize"> & {
+declare const ResizablePanel: react253.NamedExoticComponent<Omit<react253.HTMLAttributes<HTMLParagraphElement | HTMLElement | HTMLInputElement | HTMLButtonElement | HTMLFieldSetElement | HTMLLegendElement | HTMLDivElement | HTMLLabelElement | HTMLObjectElement | HTMLAnchorElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableCaptionElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFormElement | HTMLHeadingElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLImageElement | HTMLLIElement | HTMLLinkElement | HTMLMapElement | HTMLMenuElement | HTMLMetaElement | HTMLMeterElement | HTMLOListElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLPictureElement | HTMLPreElement | HTMLProgressElement | HTMLScriptElement | HTMLSelectElement | HTMLSlotElement | HTMLSourceElement | HTMLSpanElement | HTMLStyleElement | HTMLTableElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTemplateElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTitleElement | HTMLTableRowElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement>, "id" | "onResize"> & {
   className?: string;
   collapsedSize?: number | undefined;
   collapsible?: boolean | undefined;
@@ -50,14 +50,14 @@ declare const ResizablePanel: react151.NamedExoticComponent<Omit<react151.HTMLAt
   style?: object;
   tagName?: keyof HTMLElementTagNameMap | undefined;
 } & {
-  children?: react151.ReactNode | undefined;
-} & react151.RefAttributes<ResizablePrimitive.ImperativePanelHandle>>;
+  children?: react253.ReactNode | undefined;
+} & react253.RefAttributes<ResizablePrimitive.ImperativePanelHandle>>;
 /**
  * The drag handle placed between two ResizablePanels to resize them.
  *
  * @param withHandle - When true, renders a visible grip icon centered on the handle.
  */
-declare const ResizableHandle: react151.NamedExoticComponent<TResizableHandle>;
+declare const ResizableHandle: react253.NamedExoticComponent<TResizableHandle>;
 //#endregion
 export { ResizableHandle, ResizablePanel, ResizablePanelGroup };
 //# sourceMappingURL=resizable.d.cts.map

package/dist/ui/resizable.d.mts

@@ -0,0 +1,63 @@
+import * as react237 from "react";
+import * as ResizablePrimitive from "react-resizable-panels";
+import * as node_modules_react_resizable_panels_dist_declarations_src_types0 from "node_modules/react-resizable-panels/dist/declarations/src/types";
+
+//#region packages/components/ui/resizable.d.ts
+type TResizableHandle = React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
+  withHandle?: boolean;
+};
+/**
+ * Root container that manages a group of resizable panels; supports horizontal and vertical orientations.
+ *
+ * @example
+ * ```tsx
+ * import { ResizablePanelGroup, ResizablePanel, ResizableHandle } from '@customafk/lunas-ui/ui/resizable';
+ *
+ * <ResizablePanelGroup direction="horizontal">
+ *   <ResizablePanel defaultSize={50}>Left</ResizablePanel>
+ *   <ResizableHandle withHandle />
+ *   <ResizablePanel defaultSize={50}>Right</ResizablePanel>
+ * </ResizablePanelGroup>
+ * ```
+ */
+declare const ResizablePanelGroup: react237.NamedExoticComponent<Omit<react237.HTMLAttributes<keyof HTMLElementTagNameMap>, "id"> & {
+  autoSaveId?: string | null;
+  className?: string;
+  direction: node_modules_react_resizable_panels_dist_declarations_src_types0.Direction;
+  id?: string | null;
+  keyboardResizeBy?: number | null;
+  onLayout?: ResizablePrimitive.PanelGroupOnLayout | null;
+  storage?: ResizablePrimitive.PanelGroupStorage;
+  style?: react237.CSSProperties;
+  tagName?: keyof HTMLElementTagNameMap;
+  dir?: "auto" | "ltr" | "rtl" | undefined;
+} & {
+  children?: react237.ReactNode | undefined;
+} & react237.RefAttributes<ResizablePrimitive.ImperativePanelGroupHandle>>;
+/** An individual resizable panel within a ResizablePanelGroup. */
+declare const ResizablePanel: react237.NamedExoticComponent<Omit<react237.HTMLAttributes<HTMLParagraphElement | HTMLElement | HTMLInputElement | HTMLButtonElement | HTMLFieldSetElement | HTMLLegendElement | HTMLDivElement | HTMLLabelElement | HTMLObjectElement | HTMLAnchorElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableCaptionElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFormElement | HTMLHeadingElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLImageElement | HTMLLIElement | HTMLLinkElement | HTMLMapElement | HTMLMenuElement | HTMLMetaElement | HTMLMeterElement | HTMLOListElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLPictureElement | HTMLPreElement | HTMLProgressElement | HTMLScriptElement | HTMLSelectElement | HTMLSlotElement | HTMLSourceElement | HTMLSpanElement | HTMLStyleElement | HTMLTableElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTemplateElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTitleElement | HTMLTableRowElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement>, "id" | "onResize"> & {
+  className?: string;
+  collapsedSize?: number | undefined;
+  collapsible?: boolean | undefined;
+  defaultSize?: number | undefined;
+  id?: string;
+  maxSize?: number | undefined;
+  minSize?: number | undefined;
+  onCollapse?: ResizablePrimitive.PanelOnCollapse;
+  onExpand?: ResizablePrimitive.PanelOnExpand;
+  onResize?: ResizablePrimitive.PanelOnResize;
+  order?: number;
+  style?: object;
+  tagName?: keyof HTMLElementTagNameMap | undefined;
+} & {
+  children?: react237.ReactNode | undefined;
+} & react237.RefAttributes<ResizablePrimitive.ImperativePanelHandle>>;
+/**
+ * The drag handle placed between two ResizablePanels to resize them.
+ *
+ * @param withHandle - When true, renders a visible grip icon centered on the handle.
+ */
+declare const ResizableHandle: react237.NamedExoticComponent<TResizableHandle>;
+//#endregion
+export { ResizableHandle, ResizablePanel, ResizablePanelGroup };
+//# sourceMappingURL=resizable.d.mts.map

package/dist/ui/resizable.mjs

@@ -0,0 +1 @@
+"use client";import{n as e,r as t,t as n}from"../resizable-CpCaSCFB.mjs";export{n as ResizableHandle,e as ResizablePanel,t as ResizablePanelGroup};

package/dist/ui/scroll-area.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`);const a=(0,r.memo)(({className:e,children:r,ref:a,onScroll:s,...c})=>(0,n.jsxs)(i.ScrollArea.Root,{"data-slot":`scroll-area`,className:(0,t.cn)(`relative overflow-hidden`,e),...c,children:[(0,n.jsx)(i.ScrollArea.Viewport,{ref:a,className:`size-full rounded-[inherit]`,onScroll:s,children:r}),(0,n.jsx)(o,{}),(0,n.jsx)(i.ScrollArea.Corner,{})]}));a.displayName=`ScrollArea`;const o=(0,r.memo)(({className:e,orientation:r=`vertical`,...a})=>(0,n.jsx)(i.ScrollArea.ScrollAreaScrollbar,{"data-slot":`scroll-area-scrollbar`,orientation:r,className:(0,t.cn)(`flex touch-none select-none border-border-weak p-px transition-colors`,r===`vertical`&&`h-full w-2.5 border-l border-l-transparent`,r===`horizontal`&&`h-2.5 flex-col border-t border-t-transparent`,e),...a,children:(0,n.jsx)(i.ScrollArea.ScrollAreaThumb,{className:`relative flex-1 rounded-full bg-border-weak`})}));o.displayName=`ScrollBar`,exports.ScrollArea=a,exports.ScrollBar=o;
+"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`);const a=(0,t.memo)(({className:e,children:t,ref:a,onScroll:s,...c})=>(0,r.jsxs)(i.ScrollArea.Root,{"data-slot":`scroll-area`,className:(0,n.cn)(`relative overflow-hidden`,e),...c,children:[(0,r.jsx)(i.ScrollArea.Viewport,{ref:a,className:`size-full rounded-[inherit]`,onScroll:s,children:t}),(0,r.jsx)(o,{}),(0,r.jsx)(i.ScrollArea.Corner,{})]}));a.displayName=`ScrollArea`;const o=(0,t.memo)(({className:e,orientation:t=`vertical`,...a})=>(0,r.jsx)(i.ScrollArea.ScrollAreaScrollbar,{"data-slot":`scroll-area-scrollbar`,orientation:t,className:(0,n.cn)(`flex touch-none select-none border-border-weak p-px transition-colors`,t===`vertical`&&`h-full w-2.5 border-l border-l-transparent`,t===`horizontal`&&`h-2.5 flex-col border-t border-t-transparent`,e),...a,children:(0,r.jsx)(i.ScrollArea.ScrollAreaThumb,{className:`relative flex-1 rounded-full bg-border-weak`})}));o.displayName=`ScrollBar`,exports.ScrollArea=a,exports.ScrollBar=o;
 //# sourceMappingURL=scroll-area.cjs.map

package/dist/ui/scroll-area.d.cts

@@ -1,4 +1,4 @@
-import * as react298 from "react";
+import * as react233 from "react";
 import { ScrollArea as ScrollArea$1 } from "radix-ui";
 
 //#region packages/components/ui/scroll-area.d.ts
@@ -15,23 +15,23 @@ import { ScrollArea as ScrollArea$1 } from "radix-ui";
  * </ScrollArea>
  * ```
  */
-declare const ScrollArea: react298.MemoExoticComponent<({
+declare const ScrollArea: react233.MemoExoticComponent<({
   className,
   children,
   ref,
   onScroll,
   ...props
-}: React.ComponentProps<typeof ScrollArea$1.Root>) => react298.JSX.Element>;
+}: React.ComponentProps<typeof ScrollArea$1.Root>) => react233.JSX.Element>;
 /**
  * The styled scrollbar track and thumb rendered inside a ScrollArea.
  *
  * @param orientation - Direction of the scrollbar: `'vertical'` (default) or `'horizontal'`.
  */
-declare const ScrollBar: react298.MemoExoticComponent<({
+declare const ScrollBar: react233.MemoExoticComponent<({
   className,
   orientation,
   ...props
-}: React.ComponentProps<typeof ScrollArea$1.ScrollAreaScrollbar>) => react298.JSX.Element>;
+}: React.ComponentProps<typeof ScrollArea$1.ScrollAreaScrollbar>) => react233.JSX.Element>;
 //#endregion
 export { ScrollArea, ScrollBar };
 //# sourceMappingURL=scroll-area.d.cts.map

package/dist/ui/scroll-area.d.mts

@@ -0,0 +1,37 @@
+import * as react250 from "react";
+import { ScrollArea as ScrollArea$1 } from "radix-ui";
+
+//#region packages/components/ui/scroll-area.d.ts
+
+/**
+ * A scrollable container with a styled, custom scrollbar that overlays the content.
+ *
+ * @example
+ * ```tsx
+ * import { ScrollArea } from '@customafk/lunas-ui/ui/scroll-area';
+ *
+ * <ScrollArea className="h-64 w-full">
+ *   <div className="p-4">Long content goes here…</div>
+ * </ScrollArea>
+ * ```
+ */
+declare const ScrollArea: react250.MemoExoticComponent<({
+  className,
+  children,
+  ref,
+  onScroll,
+  ...props
+}: React.ComponentProps<typeof ScrollArea$1.Root>) => react250.JSX.Element>;
+/**
+ * The styled scrollbar track and thumb rendered inside a ScrollArea.
+ *
+ * @param orientation - Direction of the scrollbar: `'vertical'` (default) or `'horizontal'`.
+ */
+declare const ScrollBar: react250.MemoExoticComponent<({
+  className,
+  orientation,
+  ...props
+}: React.ComponentProps<typeof ScrollArea$1.ScrollAreaScrollbar>) => react250.JSX.Element>;
+//#endregion
+export { ScrollArea, ScrollBar };
+//# sourceMappingURL=scroll-area.d.mts.map

package/dist/ui/scroll-area.mjs

@@ -0,0 +1,2 @@
+"use client";import{memo 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{ScrollArea as i}from"radix-ui";const a=e(({className:e,children:a,ref:s,onScroll:c,...l})=>r(i.Root,{"data-slot":`scroll-area`,className:t(`relative overflow-hidden`,e),...l,children:[n(i.Viewport,{ref:s,className:`size-full rounded-[inherit]`,onScroll:c,children:a}),n(o,{}),n(i.Corner,{})]}));a.displayName=`ScrollArea`;const o=e(({className:e,orientation:r=`vertical`,...a})=>n(i.ScrollAreaScrollbar,{"data-slot":`scroll-area-scrollbar`,orientation:r,className:t(`flex touch-none select-none border-border-weak p-px transition-colors`,r===`vertical`&&`h-full w-2.5 border-l border-l-transparent`,r===`horizontal`&&`h-2.5 flex-col border-t border-t-transparent`,e),...a,children:n(i.ScrollAreaThumb,{className:`relative flex-1 rounded-full bg-border-weak`})}));o.displayName=`ScrollBar`;export{a as ScrollArea,o as ScrollBar};
+//# sourceMappingURL=scroll-area.mjs.map

package/dist/ui/scroll-area.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area.mjs","names":["ScrollAreaPrimitive"],"sources":["../../packages/components/ui/scroll-area.tsx"],"sourcesContent":["'use client';\nimport { memo } from 'react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { ScrollArea as ScrollAreaPrimitive } from 'radix-ui';\n\n/**\n * A scrollable container with a styled, custom scrollbar that overlays the content.\n *\n * @example\n * ```tsx\n * import { ScrollArea } from '@customafk/lunas-ui/ui/scroll-area';\n *\n * <ScrollArea className=\"h-64 w-full\">\n *   <div className=\"p-4\">Long content goes here…</div>\n * </ScrollArea>\n * ```\n */\nconst ScrollArea = memo(({ className, children, ref, onScroll, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.Root>) => {\n  return (\n    <ScrollAreaPrimitive.Root data-slot=\"scroll-area\" className={cn('relative overflow-hidden', className)} {...props}>\n      <ScrollAreaPrimitive.Viewport ref={ref} className=\"size-full rounded-[inherit]\" onScroll={onScroll}>\n        {children}\n      </ScrollAreaPrimitive.Viewport>\n      <ScrollBar />\n      <ScrollAreaPrimitive.Corner />\n    </ScrollAreaPrimitive.Root>\n  );\n});\nScrollArea.displayName = 'ScrollArea';\n\n/**\n * The styled scrollbar track and thumb rendered inside a ScrollArea.\n *\n * @param orientation - Direction of the scrollbar: `'vertical'` (default) or `'horizontal'`.\n */\nconst ScrollBar = memo(({ className, orientation = 'vertical', ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>) => {\n  return (\n    <ScrollAreaPrimitive.ScrollAreaScrollbar\n      data-slot=\"scroll-area-scrollbar\"\n      orientation={orientation}\n      className={cn(\n        'flex touch-none select-none border-border-weak p-px transition-colors',\n        orientation === 'vertical' && 'h-full w-2.5 border-l border-l-transparent',\n        orientation === 'horizontal' && 'h-2.5 flex-col border-t border-t-transparent',\n        className\n      )}\n      {...props}\n    >\n      <ScrollAreaPrimitive.ScrollAreaThumb className=\"relative flex-1 rounded-full bg-border-weak\" />\n    </ScrollAreaPrimitive.ScrollAreaScrollbar>\n  );\n});\nScrollBar.displayName = 'ScrollBar';\n\nexport { ScrollArea, ScrollBar };\n"],"mappings":"sLAmBA,MAAM,EAAa,GAAM,CAAE,YAAW,WAAU,MAAK,WAAU,GAAG,KAE9D,EAACA,EAAoB,KAAA,CAAK,YAAU,cAAc,UAAW,EAAG,2BAA4B,EAAU,CAAE,GAAI,YAC1G,EAACA,EAAoB,SAAA,CAAc,MAAK,UAAU,8BAAwC,WACvF,YAC4B,CAC/B,EAAC,EAAA,EAAA,CAAY,CACb,EAACA,EAAoB,OAAA,EAAA,CAAS,GACL,CAE7B,CACF,EAAW,YAAc,aAOzB,MAAM,EAAY,GAAM,CAAE,YAAW,cAAc,WAAY,GAAG,KAE9D,EAACA,EAAoB,oBAAA,CACnB,YAAU,wBACG,cACb,UAAW,EACT,wEACA,IAAgB,YAAc,6CAC9B,IAAgB,cAAgB,+CAChC,EACD,CACD,GAAI,WAEJ,EAACA,EAAoB,gBAAA,CAAgB,UAAU,8CAAA,CAAgD,EACvD,CAE5C,CACF,EAAU,YAAc"}

package/dist/ui/select.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.Select.Root,{"data-slot":`select`,...e})}function o({...e}){return(0,r.jsx)(i.Select.Group,{"data-slot":`select-group`,...e})}function s({...e}){return(0,r.jsx)(i.Select.Value,{"data-slot":`select-value`,...e})}function c({className:e,size:a=`default`,children:o,...s}){return(0,r.jsxs)(i.Select.Trigger,{"data-slot":`select-trigger`,"data-size":a,className:(0,n.cn)(`flex w-full items-center justify-between`,`outline-1 outline-border -outline-offset-1`,`gap-2 rounded bg-transparent px-3 py-2`,`rounded shadow-input transition-all`,`cursor-pointer whitespace-nowrap text-sm`,`focus-visible:text-text-positive-strong`,`focus-visible:outline-primary-strong`,`focus-visible:ring-4`,`focus-visible:ring-primary-weak`,`data-[state=open]:text-text-positive-muted`,`data-[state=open]:outline-primary-strong`,`data-[state=open]:ring-4`,`data-[state=open]:ring-primary-weak`,`disabled:cursor-not-allowed`,`disabled:opacity-50`,`aria-invalid:bg-danger-bg-subtle`,`aria-invalid:outline-danger`,`aria-invalid:ring-danger-weak`,`aria-invalid:focus:outline-danger-strong`,`aria-invalid:focus:ring-4`,`aria-invalid:placeholder:text-text-positive-weak`,`aria-invalid:data-[state=open]:outline-danger-strong`,`aria-invalid:data-[state=open]:ring-danger-weak`,`data-placeholder:text-text-positive-muted`,`*:data-[slot=select-value]:line-clamp-1`,`*:data-[slot=select-value]:flex`,`*:data-[slot=select-value]:items-center`,`*:data-[slot=select-value]:gap-2`,`aria-readonly:bg-muted-muted`,`aria-readonly:cursor-default`,`aria-readonly:focus:outline-none`,`aria-readonly:ring-0`,`aria-readonly:pointer-events-none`,`[&_svg]:shrink-0`,`[&_svg]:pointer-events-none`,`[&_svg:not([class*='size-'])]:size-4`,`[&_svg:not([class*='text-'])]:text-muted-foreground`,e),...s,children:[o,(0,r.jsx)(i.Select.Icon,{asChild:!0,children:(0,r.jsx)(t.ChevronDownIcon,{size:16,opacity:50})})]})}function l({className:e,children:t,position:a=`popper`,...o}){return(0,r.jsx)(i.Select.Portal,{children:(0,r.jsx)(i.Select.Content,{"data-slot":`select-content`,className:(0,n.cn)(`relative z-50 max-h-80 min-w-32 overflow-y-auto overflow-x-hidden rounded shadow-dropdown duration-300`,`bg-white`,`w-(--radix-select-trigger-width)`,`origin-(--radix-select-content-transform-origin)`,`max-h-[min(20rem,var(--radix-select-content-available-height))]`,`data-[state=open]:animate-in`,`data-[state=open]:fade-in`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out`,`data-[side=bottom]:slide-in-from-top-8`,`data-[side=left]:slide-in-from-right-8`,`data-[side=right]:slide-in-from-left-8`,`data-[side=top]:slide-in-from-bottom-8`,a===`popper`&&`data-[side=bottom]:translate-y-1`,a===`popper`&&`data-[side=left]:-translate-x-1`,a===`popper`&&`data-[side=right]:translate-x-1`,a===`popper`&&`data-[side=top]:-translate-y-1`,e),position:a,...o,children:(0,r.jsx)(i.Select.Viewport,{className:(0,n.cn)(`p-1`,a===`popper`&&`w-full scroll-my-1`,a===`popper`&&`h-(--radix-select-trigger-height)`,a===`popper`&&`min-w-(--radix-select-trigger-width)`),children:t})})})}function u({className:e,...t}){return(0,r.jsx)(i.Select.Label,{"data-slot":`select-label`,className:(0,n.cn)(`px-2 py-1.5 text-text-positive-weak text-xs`,e),...t})}function d({className:e,children:a,...o}){return(0,r.jsxs)(i.Select.Item,{"data-slot":`select-item`,className:(0,n.cn)(`relative flex select-none items-center`,`gap-2 rounded py-2.5 pr-8 pl-2`,`w-full`,`cursor-pointer outline-none transition-colors`,`font-medium text-sm text-text-positive-weak`,`focus:shadow-xs`,`focus:bg-muted-muted`,`data-disabled:opacity-50`,`data-disabled:pointer-events-none`,`[&_svg]:pointer-events-none`,`[&_svg]:shrink-0`,`[&_svg:not([class*='size-'])]:size-4`,`[&_svg:not([class*='text-'])]:text-text-positive-weak`,`*:[span]:last:flex`,`*:[span]:last:items-center`,`*:[span]:last:gap-2`,e),...o,children:[(0,r.jsx)(i.Select.ItemText,{children:a}),(0,r.jsx)(`span`,{className:`absolute right-2 flex size-3.5 items-center justify-center`,children:(0,r.jsx)(i.Select.ItemIndicator,{children:(0,r.jsx)(t.CheckIcon,{size:16})})})]})}function f({className:e,...t}){return(0,r.jsx)(i.Select.Separator,{"data-slot":`select-separator`,className:(0,n.cn)(`-mx-1 pointer-events-none my-1 h-px bg-border-weak`,e),...t})}exports.Select=a,exports.SelectContent=l,exports.SelectGroup=o,exports.SelectItem=d,exports.SelectLabel=u,exports.SelectSeparator=f,exports.SelectTrigger=c,exports.SelectValue=s;
-//# sourceMappingURL=select.cjs.map
+"use client";const e=require(`../select-CWLQHh8x.cjs`);exports.Select=e.t,exports.SelectContent=e.n,exports.SelectGroup=e.r,exports.SelectItem=e.i,exports.SelectLabel=e.a,exports.SelectSeparator=e.o,exports.SelectTrigger=e.s,exports.SelectValue=e.c;

package/dist/ui/select.d.cts

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

package/dist/ui/select.d.mts

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

package/dist/ui/select.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"../select-LlPCZFSF.mjs";export{s as Select,r as SelectContent,a as SelectGroup,n as SelectItem,e as SelectLabel,i as SelectSeparator,o as SelectTrigger,t as SelectValue};

package/dist/ui/separator.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,orientation:i=`horizontal`,decorative:a=!0,...o}){return(0,n.jsx)(r.Separator.Root,{"data-slot":`separator`,decorative:a,orientation:i,className:(0,t.cn)(`bg-border-weak shrink-0`,`data-[orientation=horizontal]:h-px`,`data-[orientation=horizontal]:w-full`,`data-[orientation=vertical]:h-full`,`data-[orientation=vertical]:w-px`,e),...o})}exports.Separator=i;
-//# sourceMappingURL=separator.cjs.map
+"use client";const e=require(`../separator-KuymG9g0.cjs`);exports.Separator=e.t;

package/dist/ui/separator.d.cts

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