@customafk/lunas-ui 0.2.37 → 0.2.39

package/dist/ui/resizable.d.cts

@@ -1,4 +1,4 @@
-import * as react152 from "react";
+import * as react118 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: react152.NamedExoticComponent<Omit<react152.HTMLAttributes<keyof HTMLElementTagNameMap>, "id"> & {
+declare const ResizablePanelGroup: react118.NamedExoticComponent<Omit<react118.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: react152.NamedExoticComponent<Omit<react152.H
   keyboardResizeBy?: number | null;
   onLayout?: ResizablePrimitive.PanelGroupOnLayout | null;
   storage?: ResizablePrimitive.PanelGroupStorage;
-  style?: react152.CSSProperties;
+  style?: react118.CSSProperties;
   tagName?: keyof HTMLElementTagNameMap;
   dir?: "auto" | "ltr" | "rtl" | undefined;
 } & {
-  children?: react152.ReactNode | undefined;
-} & react152.RefAttributes<ResizablePrimitive.ImperativePanelGroupHandle>>;
+  children?: react118.ReactNode | undefined;
+} & react118.RefAttributes<ResizablePrimitive.ImperativePanelGroupHandle>>;
 /** An individual resizable panel within a ResizablePanelGroup. */
-declare const ResizablePanel: react152.NamedExoticComponent<Omit<react152.HTMLAttributes<HTMLButtonElement | HTMLElement | HTMLParagraphElement | HTMLInputElement | HTMLObjectElement | HTMLAnchorElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableCaptionElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDivElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLFormElement | HTMLHeadingElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLImageElement | HTMLLabelElement | HTMLLegendElement | 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: react118.NamedExoticComponent<Omit<react118.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: react152.NamedExoticComponent<Omit<react152.HTMLAt
   style?: object;
   tagName?: keyof HTMLElementTagNameMap | undefined;
 } & {
-  children?: react152.ReactNode | undefined;
-} & react152.RefAttributes<ResizablePrimitive.ImperativePanelHandle>>;
+  children?: react118.ReactNode | undefined;
+} & react118.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: react152.NamedExoticComponent<TResizableHandle>;
+declare const ResizableHandle: react118.NamedExoticComponent<TResizableHandle>;
 //#endregion
 export { ResizableHandle, ResizablePanel, ResizablePanelGroup };
 //# sourceMappingURL=resizable.d.cts.map

package/dist/ui/resizable.d.ts

@@ -0,0 +1,63 @@
+import * as react236 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: react236.NamedExoticComponent<Omit<react236.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?: react236.CSSProperties;
+  tagName?: keyof HTMLElementTagNameMap;
+  dir?: "auto" | "ltr" | "rtl" | undefined;
+} & {
+  children?: react236.ReactNode | undefined;
+} & react236.RefAttributes<ResizablePrimitive.ImperativePanelGroupHandle>>;
+/** An individual resizable panel within a ResizablePanelGroup. */
+declare const ResizablePanel: react236.NamedExoticComponent<Omit<react236.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?: react236.ReactNode | undefined;
+} & react236.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: react236.NamedExoticComponent<TResizableHandle>;
+//#endregion
+export { ResizableHandle, ResizablePanel, ResizablePanelGroup };
+//# sourceMappingURL=resizable.d.ts.map

package/dist/ui/resizable.js

@@ -0,0 +1 @@
+"use client";import{n as e,r as t,t as n}from"../resizable-C-M-mu6b.js";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(`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;
+"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 react281 from "react";
+import * as react145 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: react281.MemoExoticComponent<({
+declare const ScrollArea: react145.MemoExoticComponent<({
   className,
   children,
   ref,
   onScroll,
   ...props
-}: React.ComponentProps<typeof ScrollArea$1.Root>) => react281.JSX.Element>;
+}: React.ComponentProps<typeof ScrollArea$1.Root>) => react145.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: react281.MemoExoticComponent<({
+declare const ScrollBar: react145.MemoExoticComponent<({
   className,
   orientation,
   ...props
-}: React.ComponentProps<typeof ScrollArea$1.ScrollAreaScrollbar>) => react281.JSX.Element>;
+}: React.ComponentProps<typeof ScrollArea$1.ScrollAreaScrollbar>) => react145.JSX.Element>;
 //#endregion
 export { ScrollArea, ScrollBar };
 //# sourceMappingURL=scroll-area.d.cts.map

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

@@ -0,0 +1,37 @@
+import * as react249 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: react249.MemoExoticComponent<({
+  className,
+  children,
+  ref,
+  onScroll,
+  ...props
+}: React.ComponentProps<typeof ScrollArea$1.Root>) => react249.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: react249.MemoExoticComponent<({
+  className,
+  orientation,
+  ...props
+}: React.ComponentProps<typeof ScrollArea$1.ScrollAreaScrollbar>) => react249.JSX.Element>;
+//#endregion
+export { ScrollArea, ScrollBar };
+//# sourceMappingURL=scroll-area.d.ts.map

package/dist/ui/scroll-area.js

@@ -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.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area.js","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 +1 @@
-"use client";const e=require(`../select-Cib2aiw5.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;
+"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 react273 from "react";
+import * as react270 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>): react273.JSX.Element;
+}: React.ComponentProps<typeof Select$1.Root>): react270.JSX.Element;
 /** Groups related `SelectItem` elements with an optional `SelectLabel` header. */
 declare function SelectGroup({
   ...props
-}: React.ComponentProps<typeof Select$1.Group>): react273.JSX.Element;
+}: React.ComponentProps<typeof Select$1.Group>): react270.JSX.Element;
 /** Renders the currently selected value (or a placeholder) inside `SelectTrigger`. */
 declare function SelectValue({
   ...props
-}: React.ComponentProps<typeof Select$1.Value>): react273.JSX.Element;
+}: React.ComponentProps<typeof Select$1.Value>): react270.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';
-}): react273.JSX.Element;
+}): react270.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>): react273.JSX.Element;
+}: React.ComponentProps<typeof Select$1.Content>): react270.JSX.Element;
 /** Non-interactive label displayed above a `SelectGroup` to describe its options. */
 declare function SelectLabel({
   className,
   ...props
-}: React.ComponentProps<typeof Select$1.Label>): react273.JSX.Element;
+}: React.ComponentProps<typeof Select$1.Label>): react270.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>): react273.JSX.Element;
+}: React.ComponentProps<typeof Select$1.Item>): react270.JSX.Element;
 /** Thin horizontal rule used to visually separate groups of `SelectItem` elements. */
 declare function SelectSeparator({
   className,
   ...props
-}: React.ComponentProps<typeof Select$1.Separator>): react273.JSX.Element;
+}: React.ComponentProps<typeof Select$1.Separator>): react270.JSX.Element;
 //#endregion
 export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue };
 //# sourceMappingURL=select.d.cts.map

package/dist/ui/select.d.ts

@@ -0,0 +1,77 @@
+import * as react255 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>): react255.JSX.Element;
+/** Groups related `SelectItem` elements with an optional `SelectLabel` header. */
+declare function SelectGroup({
+  ...props
+}: React.ComponentProps<typeof Select$1.Group>): react255.JSX.Element;
+/** Renders the currently selected value (or a placeholder) inside `SelectTrigger`. */
+declare function SelectValue({
+  ...props
+}: React.ComponentProps<typeof Select$1.Value>): react255.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';
+}): react255.JSX.Element;
+/** Floating dropdown panel that renders inside a portal with enter/exit animations. */
+declare function SelectContent({
+  className,
+  children,
+  position,
+  ...props
+}: React.ComponentProps<typeof Select$1.Content>): react255.JSX.Element;
+/** Non-interactive label displayed above a `SelectGroup` to describe its options. */
+declare function SelectLabel({
+  className,
+  ...props
+}: React.ComponentProps<typeof Select$1.Label>): react255.JSX.Element;
+/** A selectable option within `SelectContent`; shows a check icon when chosen. */
+declare function SelectItem({
+  className,
+  children,
+  ...props
+}: React.ComponentProps<typeof Select$1.Item>): react255.JSX.Element;
+/** Thin horizontal rule used to visually separate groups of `SelectItem` elements. */
+declare function SelectSeparator({
+  className,
+  ...props
+}: React.ComponentProps<typeof Select$1.Separator>): react255.JSX.Element;
+//#endregion
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue };
+//# sourceMappingURL=select.d.ts.map

package/dist/ui/select.js

@@ -0,0 +1 @@
+"use client";import{a as e,c as t,i as n,n as r,o as i,r as a,s as o,t as s}from"../select-CryLzZA0.js";export{s as Select,r as SelectContent,a as SelectGroup,n as SelectItem,e as SelectLabel,i as SelectSeparator,o as SelectTrigger,t as SelectValue};

package/dist/ui/separator.cjs

@@ -1 +1 @@
-"use client";const e=require(`../separator-CBup_ah1.cjs`);exports.Separator=e.t;
+"use client";const e=require(`../separator-KuymG9g0.cjs`);exports.Separator=e.t;

package/dist/ui/separator.d.cts

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

package/dist/ui/separator.d.ts

@@ -0,0 +1,34 @@
+import * as react272 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>): react272.JSX.Element;
+//#endregion
+export { Separator };
+//# sourceMappingURL=separator.d.ts.map

package/dist/ui/separator.js

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

package/dist/ui/sheet.cjs

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

package/dist/ui/sheet.d.ts

@@ -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.ts.map

package/dist/ui/sheet.js

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

package/dist/ui/skeleton.cjs

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

package/dist/ui/skeleton.d.cts

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

package/dist/ui/skeleton.d.ts

@@ -0,0 +1,27 @@
+import * as react293 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'>): react293.JSX.Element;
+//#endregion
+export { Skeleton };
+//# sourceMappingURL=skeleton.d.ts.map

package/dist/ui/skeleton.js

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

package/dist/ui/slider.cjs

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

package/dist/ui/slider.d.cts

@@ -1,4 +1,4 @@
-import * as react190 from "react";
+import * as react178 from "react";
 import { Slider as Slider$1 } from "radix-ui";
 
 //#region packages/components/ui/slider.d.ts
@@ -20,7 +20,7 @@ declare function Slider({
   min,
   max,
   ...props
-}: React.ComponentProps<typeof Slider$1.Root>): react190.JSX.Element;
+}: React.ComponentProps<typeof Slider$1.Root>): react178.JSX.Element;
 //#endregion
 export { Slider };
 //# sourceMappingURL=slider.d.cts.map