@customafk/lunas-ui 0.2.50 → 0.2.52

package/dist/ui/multi-select.d.cts

@@ -1,117 +1,2 @@
-import { Command as Command$1 } from "./command.cjs";
-import * as react283 from "react";
-import { Command } from "cmdk";
-
-//#region packages/components/ui/multi-select.d.ts
-/** Represents a single selectable option in the MultipleSelector. */
-interface Option {
-  /** Unique value used for selection and comparison. */
-  value: string;
-  /** Human-readable label displayed in the dropdown and as a badge. */
-  label: string;
-  /** When true, the option is disabled and cannot be selected. */
-  disable?: boolean;
-  /** fixed option that can‘t be removed. */
-  fixed?: boolean;
-  /** Group the options by providing key. */
-  [key: string]: string | boolean | undefined;
-}
-/** Props for the MultipleSelector component. */
-interface MultipleSelectorProps {
-  /** Controlled list of currently selected options. */
-  value?: Option[];
-  /** Initial options pre-loaded into the dropdown (uncontrolled). */
-  defaultOptions?: Option[];
-  /** manually controlled options */
-  options?: Option[];
-  placeholder?: string;
-  /** Loading component. */
-  loadingIndicator?: React.ReactNode;
-  /** Empty component. */
-  emptyIndicator?: React.ReactNode;
-  /** Debounce time for async search. Only work with `onSearch`. */
-  delay?: number;
-  /**
-   * Only work with `onSearch` prop. Trigger search when `onFocus`.
-   * For example, when user click on the input, it will trigger the search to get initial options.
-   **/
-  triggerSearchOnFocus?: boolean;
-  /** async search */
-  onSearch?: (value: string) => Promise<Option[]>;
-  /**
-   * sync search. This search will not showing loadingIndicator.
-   * The rest props are the same as async search.
-   * i.e.: creatable, groupBy, delay.
-   **/
-  onSearchSync?: (value: string) => Option[];
-  onChange?: (options: Option[]) => void;
-  /** Limit the maximum number of selected options. */
-  maxSelected?: number;
-  /** When the number of selected options exceeds the limit, the onMaxSelected will be called. */
-  onMaxSelected?: (maxLimit: number) => void;
-  /** Hide the placeholder when there are options selected. */
-  hidePlaceholderWhenSelected?: boolean;
-  disabled?: boolean;
-  /** Group the options base on provided key. */
-  groupBy?: string;
-  className?: string;
-  badgeClassName?: string;
-  /**
-   * First item selected is a default behavior by cmdk. That is why the default is true.
-   * This is a workaround solution by add a dummy item.
-   *
-   * @reference: https://github.com/pacocoursey/cmdk/issues/171
-   */
-  selectFirstItem?: boolean;
-  /** Allow user to create option when there is no option matched. */
-  creatable?: boolean;
-  /** Props of `Command` */
-  commandProps?: React.ComponentPropsWithoutRef<typeof Command$1>;
-  /** Props of `CommandInput` */
-  inputProps?: Omit<React.ComponentPropsWithoutRef<typeof Command.Input>, 'value' | 'placeholder' | 'disabled'>;
-  /** hide the clear all button. */
-  hideClearAllButton?: boolean;
-  /**  Add new item event for select with search */
-  onAddNewItem?: () => void;
-}
-/** Imperative handle exposed by MultipleSelector via `ref`. */
-interface MultipleSelectorRef {
-  /** The currently selected options. */
-  selectedValue: Option[];
-  /** The underlying `<input>` DOM element. */
-  input: HTMLInputElement;
-  /** Programmatically focus the search input. */
-  focus: () => void;
-  /** Clear all selected options. */
-  reset: () => void;
-}
-/**
- * Returns a debounced copy of `value` that only updates after `delay` ms of inactivity.
- *
- * @param value - The value to debounce.
- * @param delay - Debounce delay in milliseconds (default 500).
- */
-declare function useDebounce<T>(value: T, delay?: number): T;
-/**
- * A combobox-style input that allows selecting multiple options displayed as removable badge chips, with optional async search and creatable mode.
- *
- * @example
- * ```tsx
- * import { MultipleSelector } from '@customafk/lunas-ui/ui/multi-select';
- *
- * const options = [
- *   { value: 'react', label: 'React' },
- *   { value: 'vue', label: 'Vue' },
- * ];
- *
- * <MultipleSelector
- *   options={options}
- *   placeholder="Select frameworks…"
- *   onChange={(selected) => console.log(selected)}
- * />
- * ```
- */
-declare const MultipleSelector: react283.ForwardRefExoticComponent<MultipleSelectorProps & react283.RefAttributes<MultipleSelectorRef>>;
-//#endregion
-export { MultipleSelector, MultipleSelectorRef, Option, useDebounce };
-//# sourceMappingURL=multi-select.d.cts.map
+import { i as useDebounce, n as MultipleSelectorRef, r as Option, t as MultipleSelector } from "../multi-select-DdXU9QtL.cjs";
+export { MultipleSelector, MultipleSelectorRef, Option, useDebounce };

package/dist/ui/multi-select.d.mts

@@ -0,0 +1,4 @@
+import "../dialog-DokGVUbC.mjs";
+import "../command-BlvmwwTr.mjs";
+import { i as useDebounce, n as MultipleSelectorRef, r as Option, t as MultipleSelector } from "../multi-select-BHqEpbWV.mjs";
+export { MultipleSelector, MultipleSelectorRef, Option, useDebounce };

package/dist/ui/multi-select.mjs

@@ -0,0 +1 @@
+"use client";import"../button.variants-DkMqWB8G.mjs";import"../button-CCVJTHBI.mjs";import"../heading-De4Pn3mZ.mjs";import"../paragraph-DYLaQtTV.mjs";import"../close-Co-WLsSG.mjs";import"../dialog--BvCecaD.mjs";import"../command-CQMdYoAm.mjs";import{n as e,t}from"../multi-select-CBZxsmZW.mjs";export{t as MultipleSelector,e as useDebounce};

package/dist/ui/navigation-menu.cjs

@@ -1,2 +1 @@
-"use client";const e=require(`../chunk-350yNsax.cjs`);let t=require(`lucide-react`),n=require(`@customafk/react-toolkit/utils`),r=require(`class-variance-authority`),i=require(`react/jsx-runtime`),a=require(`radix-ui`);function o({className:e,children:t,viewport:r=!0,...o}){return(0,i.jsxs)(a.NavigationMenu.Root,{"data-slot":`navigation-menu`,"data-viewport":r,className:(0,n.cn)(`group/navigation-menu relative flex max-w-max flex-1 items-center justify-center`,e),...o,children:[t,r&&(0,i.jsx)(f,{})]})}function s({className:e,...t}){return(0,i.jsx)(a.NavigationMenu.List,{"data-slot":`navigation-menu-list`,className:(0,n.cn)(`group flex flex-1 list-none items-center justify-center gap-1`,e),...t})}function c({className:e,...t}){return(0,i.jsx)(a.NavigationMenu.Item,{"data-slot":`navigation-menu-item`,className:(0,n.cn)(`relative`,e),...t})}const l=(0,r.cva)([`group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium`,`outline-none transition-[color,box-shadow]`,`hover:bg-muted-muted`,`hover:text-text-positive-strong`,`focus:bg-muted-muted`,`focus:text-text-positive-strong`,`disabled:pointer-events-none`,`disabled:opacity-50`,`data-[state=open]:hover:bg-muted-muted`,`data-[state=open]:text-text-positive-strong`,`data-[state=open]:focus:bg-muted-muted`,`data-[state=open]:bg-muted-weak`,`focus-visible:ring-primary-weak`,`focus-visible:ring-[3px]`,`focus-visible:outline-1`]);function u({className:e,children:r,...o}){return(0,i.jsxs)(a.NavigationMenu.Trigger,{"data-slot":`navigation-menu-trigger`,className:(0,n.cn)(l(),`group`,e),...o,children:[r,` `,(0,i.jsx)(t.ChevronDownIcon,{className:`relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180`,"aria-hidden":`true`})]})}function d({className:e,...t}){return(0,i.jsx)(a.NavigationMenu.Content,{"data-slot":`navigation-menu-content`,className:(0,n.cn)(`data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full p-2 pr-2.5 md:absolute md:w-auto`,`group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none`,e),...t})}function f({className:e,...t}){return(0,i.jsx)(`div`,{className:(0,n.cn)(`absolute top-full left-0 isolate z-50 flex justify-center`),children:(0,i.jsx)(a.NavigationMenu.Viewport,{"data-slot":`navigation-menu-viewport`,className:(0,n.cn)(`origin-top-center bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border shadow md:w-[var(--radix-navigation-menu-viewport-width)]`,e),...t})})}function p({className:e,...t}){return(0,i.jsx)(a.NavigationMenu.Link,{"data-slot":`navigation-menu-link`,className:(0,n.cn)(`text-text-positive flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none`,`hover:bg-muted-muted`,`hover:text-text-positive-strong`,`focus:bg-muted-muted`,`focus:text-text-positive-strong`,`focus-visible:ring-primary-weak`,`focus-visible:outline-1`,`focus-visible:ring-[3px]`,`[&_svg:not([class*='text-'])]:text-text-positive-weak`,`[&_svg:not([class*='size-'])]:size-4`,`data-[active=true]:focus:bg-muted-muted`,`data-[active=true]:hover:bg-muted-muted`,`data-[active=true]:bg-muted-weak`,`data-[active=true]:text-text-positive-strong`,e),...t})}function m({className:e,...t}){return(0,i.jsx)(a.NavigationMenu.Indicator,{"data-slot":`navigation-menu-indicator`,className:(0,n.cn)(`top-full z-1 flex h-1.5 items-end justify-center overflow-hidden`,`data-[state=visible]:animate-in`,`data-[state=hidden]:animate-out`,`data-[state=hidden]:fade-out`,`data-[state=visible]:fade-in`,e),...t,children:(0,i.jsx)(`div`,{className:`bg-border relative top-3/5 h-2 w-2 rotate-45 rounded-tl-sm shadow-md`})})}exports.NavigationMenu=o,exports.NavigationMenuContent=d,exports.NavigationMenuIndicator=m,exports.NavigationMenuItem=c,exports.NavigationMenuLink=p,exports.NavigationMenuList=s,exports.NavigationMenuTrigger=u,exports.NavigationMenuViewport=f,exports.navigationMenuTriggerStyle=l;
-//# sourceMappingURL=navigation-menu.cjs.map
+"use client";const e=require(`../navigation-menu-BNEtQ0JM.cjs`);exports.NavigationMenu=e.t,exports.NavigationMenuContent=e.n,exports.NavigationMenuIndicator=e.r,exports.NavigationMenuItem=e.i,exports.NavigationMenuLink=e.a,exports.NavigationMenuList=e.o,exports.NavigationMenuTrigger=e.s,exports.NavigationMenuViewport=e.c,exports.navigationMenuTriggerStyle=e.l;

package/dist/ui/navigation-menu.d.cts

@@ -1,77 +1,2 @@
-import * as react210 from "react";
-import * as class_variance_authority_types7 from "class-variance-authority/types";
-import { NavigationMenu as NavigationMenu$1 } from "radix-ui";
-
-//#region packages/components/ui/navigation-menu.d.ts
-
-/**
- * Root provider for the NavigationMenu — a horizontal nav bar with dropdown content panels.
- *
- * @example
- * ```tsx
- * import {
- *   NavigationMenu, NavigationMenuList, NavigationMenuItem,
- *   NavigationMenuTrigger, NavigationMenuContent, NavigationMenuLink,
- * } from '@customafk/lunas-ui/ui/navigation-menu';
- *
- * <NavigationMenu>
- *   <NavigationMenuList>
- *     <NavigationMenuItem>
- *       <NavigationMenuTrigger>Products</NavigationMenuTrigger>
- *       <NavigationMenuContent>
- *         <NavigationMenuLink href="/products">All Products</NavigationMenuLink>
- *       </NavigationMenuContent>
- *     </NavigationMenuItem>
- *   </NavigationMenuList>
- * </NavigationMenu>
- * ```
- */
-declare function NavigationMenu({
-  className,
-  children,
-  viewport,
-  ...props
-}: React.ComponentProps<typeof NavigationMenu$1.Root> & {
-  /** When false, the viewport animation panel is omitted (useful for inline menus). */
-  viewport?: boolean;
-}): react210.JSX.Element;
-/** Horizontal list that holds NavigationMenuItems. */
-declare function NavigationMenuList({
-  className,
-  ...props
-}: React.ComponentProps<typeof NavigationMenu$1.List>): react210.JSX.Element;
-/** A single navigation entry that may contain a trigger and a dropdown content panel. */
-declare function NavigationMenuItem({
-  className,
-  ...props
-}: React.ComponentProps<typeof NavigationMenu$1.Item>): react210.JSX.Element;
-declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types7.ClassProp | undefined) => string;
-/** Button that opens the associated NavigationMenuContent panel on focus or hover. */
-declare function NavigationMenuTrigger({
-  className,
-  children,
-  ...props
-}: React.ComponentProps<typeof NavigationMenu$1.Trigger>): react210.JSX.Element;
-/** Dropdown content panel revealed when a NavigationMenuTrigger is activated. */
-declare function NavigationMenuContent({
-  className,
-  ...props
-}: React.ComponentProps<typeof NavigationMenu$1.Content>): react210.JSX.Element;
-/** Animated viewport container that hosts the active NavigationMenuContent. */
-declare function NavigationMenuViewport({
-  className,
-  ...props
-}: React.ComponentProps<typeof NavigationMenu$1.Viewport>): react210.JSX.Element;
-/** A styled link used inside NavigationMenuContent that highlights when active. */
-declare function NavigationMenuLink({
-  className,
-  ...props
-}: React.ComponentProps<typeof NavigationMenu$1.Link>): react210.JSX.Element;
-/** Small arrow indicator that points from the active NavigationMenuTrigger to its content panel. */
-declare function NavigationMenuIndicator({
-  className,
-  ...props
-}: React.ComponentProps<typeof NavigationMenu$1.Indicator>): react210.JSX.Element;
-//#endregion
-export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle };
-//# sourceMappingURL=navigation-menu.d.cts.map
+import { a as NavigationMenuLink, c as NavigationMenuViewport, i as NavigationMenuItem, l as navigationMenuTriggerStyle, n as NavigationMenuContent, o as NavigationMenuList, r as NavigationMenuIndicator, s as NavigationMenuTrigger, t as NavigationMenu } from "../navigation-menu-Dl0kgmce.cjs";
+export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle };

package/dist/ui/navigation-menu.d.mts

@@ -0,0 +1,2 @@
+import { a as NavigationMenuLink, c as NavigationMenuViewport, i as NavigationMenuItem, l as navigationMenuTriggerStyle, n as NavigationMenuContent, o as NavigationMenuList, r as NavigationMenuIndicator, s as NavigationMenuTrigger, t as NavigationMenu } from "../navigation-menu-DT9LfEFB.mjs";
+export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle };

package/dist/ui/navigation-menu.mjs

@@ -0,0 +1 @@
+"use client";import{a as e,c as t,i as n,l as r,n as i,o as a,r as o,s,t as c}from"../navigation-menu-zlpQ6hqY.mjs";export{c as NavigationMenu,i as NavigationMenuContent,o as NavigationMenuIndicator,n as NavigationMenuItem,e as NavigationMenuLink,a as NavigationMenuList,s as NavigationMenuTrigger,t as NavigationMenuViewport,r as navigationMenuTriggerStyle};

package/dist/ui/pagination.cjs

@@ -1,2 +1 @@
-"use client";const e=require(`../chunk-350yNsax.cjs`),t=require(`../button.variants-4kw6plrv.cjs`);let n=require(`lucide-react`),r=require(`@customafk/react-toolkit/utils`),i=require(`react/jsx-runtime`);function a({className:e,...t}){return(0,i.jsx)(`nav`,{role:`navigation`,"aria-label":`pagination`,"data-slot":`pagination`,className:(0,r.cn)(`mx-auto flex w-full justify-center`,e),...t})}function o({className:e,...t}){return(0,i.jsx)(`ul`,{"data-slot":`pagination-content`,className:(0,r.cn)(`flex flex-row items-center gap-1`,e),...t})}function s({...e}){return(0,i.jsx)(`li`,{"data-slot":`pagination-item`,...e})}function c({className:e,isActive:n,size:a=`icon`,...o}){return(0,i.jsx)(`a`,{"aria-current":n?`page`:void 0,"data-slot":`pagination-link`,"data-active":n,className:(0,r.cn)(t.n({variant:n?`outline`:`ghost`,size:a}),e),...o})}function l({className:e,...t}){return(0,i.jsxs)(c,{"aria-label":`Go to previous page`,size:`default`,className:(0,r.cn)(`gap-1 px-2.5 sm:pl-2.5`,e),...t,children:[(0,i.jsx)(n.ChevronLeftIcon,{}),(0,i.jsx)(`span`,{className:`hidden sm:block`,children:`Previous`})]})}function u({className:e,...t}){return(0,i.jsxs)(c,{"aria-label":`Go to next page`,size:`default`,className:(0,r.cn)(`gap-1 px-2.5 sm:pr-2.5`,e),...t,children:[(0,i.jsx)(`span`,{className:`hidden sm:block`,children:`Next`}),(0,i.jsx)(n.ChevronRightIcon,{})]})}function d({className:e,...t}){return(0,i.jsxs)(`span`,{"aria-hidden":!0,"data-slot":`pagination-ellipsis`,className:(0,r.cn)(`flex size-9 items-center justify-center`,e),...t,children:[(0,i.jsx)(n.MoreHorizontalIcon,{className:`size-4`}),(0,i.jsx)(`span`,{className:`sr-only`,children:`More pages`})]})}exports.Pagination=a,exports.PaginationContent=o,exports.PaginationEllipsis=d,exports.PaginationItem=s,exports.PaginationLink=c,exports.PaginationNext=u,exports.PaginationPrevious=l;
-//# sourceMappingURL=pagination.cjs.map
+"use client";require(`../button.variants-4kw6plrv.cjs`);const e=require(`../pagination-D6lKOCca.cjs`);exports.Pagination=e.t,exports.PaginationContent=e.n,exports.PaginationEllipsis=e.r,exports.PaginationItem=e.i,exports.PaginationLink=e.a,exports.PaginationNext=e.o,exports.PaginationPrevious=e.s;

package/dist/ui/pagination.d.cts

@@ -1,67 +1,2 @@
-import { t as Button } from "../button-x1Fxuink.cjs";
-import * as react184 from "react";
-
-//#region packages/components/ui/pagination.d.ts
-
-/**
- * Root `<nav>` wrapper for a Pagination control with accessible ARIA attributes.
- *
- * @example
- * ```tsx
- * import {
- *   Pagination, PaginationContent, PaginationItem,
- *   PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis,
- * } from '@customafk/lunas-ui/ui/pagination';
- *
- * <Pagination>
- *   <PaginationContent>
- *     <PaginationItem><PaginationPrevious href="?page=1" /></PaginationItem>
- *     <PaginationItem><PaginationLink href="?page=2" isActive>2</PaginationLink></PaginationItem>
- *     <PaginationItem><PaginationEllipsis /></PaginationItem>
- *     <PaginationItem><PaginationNext href="?page=3" /></PaginationItem>
- *   </PaginationContent>
- * </Pagination>
- * ```
- */
-declare function Pagination({
-  className,
-  ...props
-}: React.ComponentProps<'nav'>): react184.JSX.Element;
-/** Horizontal list that holds PaginationItem elements. */
-declare function PaginationContent({
-  className,
-  ...props
-}: React.ComponentProps<'ul'>): react184.JSX.Element;
-/** Wrapper `<li>` for a single pagination button or link. */
-declare function PaginationItem({
-  ...props
-}: React.ComponentProps<'li'>): react184.JSX.Element;
-type PaginationLinkProps = {
-  /** When true, the link is styled as the currently active page. */
-  isActive?: boolean;
-} & Pick<React.ComponentProps<typeof Button>, 'size'> & React.ComponentProps<'a'>;
-/** An anchor-based page link styled as a button, highlighted when `isActive` is true. */
-declare function PaginationLink({
-  className,
-  isActive,
-  size,
-  ...props
-}: PaginationLinkProps): react184.JSX.Element;
-/** "Previous page" navigation link with a left chevron icon. */
-declare function PaginationPrevious({
-  className,
-  ...props
-}: React.ComponentProps<typeof PaginationLink>): react184.JSX.Element;
-/** "Next page" navigation link with a right chevron icon. */
-declare function PaginationNext({
-  className,
-  ...props
-}: React.ComponentProps<typeof PaginationLink>): react184.JSX.Element;
-/** Ellipsis indicator rendered between non-adjacent page numbers. */
-declare function PaginationEllipsis({
-  className,
-  ...props
-}: React.ComponentProps<'span'>): react184.JSX.Element;
-//#endregion
-export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };
-//# sourceMappingURL=pagination.d.cts.map
+import { a as PaginationLink, i as PaginationItem, n as PaginationContent, o as PaginationNext, r as PaginationEllipsis, s as PaginationPrevious, t as Pagination } from "../pagination-DYHZgmcc.cjs";
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };

package/dist/ui/pagination.d.mts

@@ -0,0 +1,3 @@
+import "../button-CwxEnAw3.mjs";
+import { a as PaginationLink, i as PaginationItem, n as PaginationContent, o as PaginationNext, r as PaginationEllipsis, s as PaginationPrevious, t as Pagination } from "../pagination-DYMPNWwJ.mjs";
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };

package/dist/ui/pagination.mjs

@@ -0,0 +1 @@
+"use client";import"../button.variants-DkMqWB8G.mjs";import{a as e,i as t,n,o as r,r as i,s as a,t as o}from"../pagination-DXpyiDJW.mjs";export{o as Pagination,n as PaginationContent,i as PaginationEllipsis,t as PaginationItem,e as PaginationLink,r as PaginationNext,a as PaginationPrevious};

package/dist/ui/popover.cjs

@@ -1 +1 @@
-"use client";require(`../close-Dlo1bI8x.cjs`);const e=require(`../popover-DBsC8Ltp.cjs`);exports.Popover=e.t,exports.PopoverAnchor=e.n,exports.PopoverClose=e.r,exports.PopoverContent=e.i,exports.PopoverTrigger=e.a;
+"use client";require(`../close-DYBVx-8O.cjs`);const e=require(`../popover-eSwUy8WP.cjs`);exports.Popover=e.t,exports.PopoverAnchor=e.n,exports.PopoverClose=e.r,exports.PopoverContent=e.i,exports.PopoverTrigger=e.a;

package/dist/ui/popover.d.cts

@@ -1,52 +1,2 @@
-import * as react191 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>): react191.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>): react191.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>): react191.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>): react191.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>): react191.JSX.Element;
-//#endregion
-export { Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger };
-//# sourceMappingURL=popover.d.cts.map
+import { a as PopoverTrigger, i as PopoverContent, n as PopoverAnchor, r as PopoverClose, t as Popover } from "../popover-m32DoRiq.cjs";
+export { Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger };

package/dist/ui/popover.d.mts

@@ -0,0 +1,2 @@
+import { a as PopoverTrigger, i as PopoverContent, n as PopoverAnchor, r as PopoverClose, t as Popover } from "../popover-CaU_EoBJ.mjs";
+export { Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger };

package/dist/ui/popover.mjs

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

package/dist/ui/progress.cjs

@@ -1 +1 @@
-"use client";const e=require(`../progress-gvBqNiHp.cjs`);exports.Progress=e.t;
+"use client";const e=require(`../progress-Dlgbu5Ff.cjs`);exports.Progress=e.t;

package/dist/ui/progress.d.cts

@@ -1,23 +1,2 @@
-import * as react282 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>): react282.JSX.Element;
-//#endregion
-export { Progress };
-//# sourceMappingURL=progress.d.cts.map
+import { t as Progress } from "../progress-BwbACJal.cjs";
+export { Progress };

package/dist/ui/progress.d.mts

@@ -0,0 +1,2 @@
+import { t as Progress } from "../progress-sn0IL4k4.mjs";
+export { Progress };

package/dist/ui/progress.mjs

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

package/dist/ui/radio-group.cjs

@@ -1 +1 @@
-"use client";const e=require(`../radio-group-_TdMkv8w.cjs`);exports.RadioGroup=e.t,exports.RadioGroupItem=e.n;
+"use client";const e=require(`../radio-group-C4sIDN68.cjs`);exports.RadioGroup=e.t,exports.RadioGroupItem=e.n;

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

@@ -1,37 +1,2 @@
-import * as react150 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>): react150.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>): react150.JSX.Element;
-//#endregion
-export { RadioGroup, RadioGroupItem };
-//# sourceMappingURL=radio-group.d.cts.map
+import { n as RadioGroupItem, t as RadioGroup } from "../radio-group-Ck0NoDHp.cjs";
+export { RadioGroup, RadioGroupItem };

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

@@ -0,0 +1,2 @@
+import { n as RadioGroupItem, t as RadioGroup } from "../radio-group-DeKN6NpB.mjs";
+export { RadioGroup, RadioGroupItem };

package/dist/ui/radio-group.mjs

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

package/dist/ui/resizable.cjs

@@ -1 +1 @@
-"use client";const e=require(`../resizable-sgpaHAb8.cjs`);exports.ResizableHandle=e.t,exports.ResizablePanel=e.n,exports.ResizablePanelGroup=e.r;
+"use client";const e=require(`../resizable-yKKhHTqx.cjs`);exports.ResizableHandle=e.t,exports.ResizablePanel=e.n,exports.ResizablePanelGroup=e.r;

package/dist/ui/resizable.d.cts

@@ -1,63 +1,2 @@
-import * as react136 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";
-
-//#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: react136.NamedExoticComponent<Omit<react136.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?: react136.CSSProperties;
-  tagName?: keyof HTMLElementTagNameMap;
-  dir?: "auto" | "ltr" | "rtl" | undefined;
-} & {
-  children?: react136.ReactNode | undefined;
-} & react136.RefAttributes<ResizablePrimitive.ImperativePanelGroupHandle>>;
-/** An individual resizable panel within a ResizablePanelGroup. */
-declare const ResizablePanel: react136.NamedExoticComponent<Omit<react136.HTMLAttributes<HTMLParagraphElement | HTMLElement | HTMLInputElement | HTMLButtonElement | HTMLDivElement | HTMLFieldSetElement | HTMLLegendElement | 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?: react136.ReactNode | undefined;
-} & react136.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: react136.NamedExoticComponent<TResizableHandle>;
-//#endregion
-export { ResizableHandle, ResizablePanel, ResizablePanelGroup };
-//# sourceMappingURL=resizable.d.cts.map
+import { n as ResizablePanel, r as ResizablePanelGroup, t as ResizableHandle } from "../resizable-DYxHVdyf.cjs";
+export { ResizableHandle, ResizablePanel, ResizablePanelGroup };

package/dist/ui/resizable.d.mts

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

package/dist/ui/resizable.mjs

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

package/dist/ui/scroll-area.cjs

@@ -1,2 +1 @@
-"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
+"use client";const e=require(`../scroll-area-Dn3a9ZCQ.cjs`);exports.ScrollArea=e.t,exports.ScrollBar=e.n;

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

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

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

@@ -0,0 +1,2 @@
+import { n as ScrollBar, t as ScrollArea } from "../scroll-area-C7s40z6d.mjs";
+export { ScrollArea, ScrollBar };

package/dist/ui/scroll-area.mjs

@@ -0,0 +1 @@
+"use client";import{n as e,t}from"../scroll-area-DrZOWroA.mjs";export{t as ScrollArea,e as ScrollBar};

package/dist/ui/select.cjs

@@ -1 +1 @@
-"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;
+"use client";const e=require(`../select-B5q6krCq.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;