@customafk/lunas-ui 0.2.64 → 0.2.66

package/dist/ui/menubar.d.mts

@@ -1,133 +1,2 @@
-import { Menubar as Menubar$1 } from "radix-ui";
-
-//#region packages/components/ui/menubar.d.ts
-/**
- * A horizontal menu bar similar to a desktop application menu, composed of menus with dropdown content.
- *
- * @example
- * ```tsx
- * import {
- *   Menubar, MenubarMenu, MenubarTrigger, MenubarContent,
- *   MenubarItem, MenubarSeparator,
- * } from '@customafk/lunas-ui/ui/menubar';
- *
- * <Menubar>
- *   <MenubarMenu>
- *     <MenubarTrigger>File</MenubarTrigger>
- *     <MenubarContent>
- *       <MenubarItem>New Window</MenubarItem>
- *       <MenubarSeparator />
- *       <MenubarItem>Exit</MenubarItem>
- *     </MenubarContent>
- *   </MenubarMenu>
- * </Menubar>
- * ```
- */
-declare function Menubar({
-  className,
-  ...props
-}: React.ComponentProps<typeof Menubar$1.Root>): import("react").JSX.Element;
-/** Root container for a single drop-down menu entry within a Menubar. */
-declare function MenubarMenu({
-  ...props
-}: React.ComponentProps<typeof Menubar$1.Menu>): import("react").JSX.Element;
-/** Groups related MenubarItems under a shared logical section. */
-declare function MenubarGroup({
-  ...props
-}: React.ComponentProps<typeof Menubar$1.Group>): import("react").JSX.Element;
-/** Portals Menubar content outside the current DOM hierarchy. */
-declare function MenubarPortal({
-  ...props
-}: React.ComponentProps<typeof Menubar$1.Portal>): import("react").JSX.Element;
-/** Groups MenubarRadioItems so only one can be selected at a time. */
-declare function MenubarRadioGroup({
-  ...props
-}: React.ComponentProps<typeof Menubar$1.RadioGroup>): import("react").JSX.Element;
-/** Button in the Menubar that opens its associated MenubarContent dropdown. */
-declare function MenubarTrigger({
-  className,
-  ...props
-}: React.ComponentProps<typeof Menubar$1.Trigger>): import("react").JSX.Element;
-/** Animated floating panel that contains MenubarItems for a given MenubarMenu. */
-declare function MenubarContent({
-  className,
-  align,
-  alignOffset,
-  sideOffset,
-  ...props
-}: React.ComponentProps<typeof Menubar$1.Content>): import("react").JSX.Element;
-/**
- * A single clickable row inside a MenubarContent.
- *
- * @param inset - When true, adds left padding to align with items that have icons.
- * @param variant - Visual style: `'default'` or `'destructive'`.
- */
-declare function MenubarItem({
-  className,
-  inset,
-  variant,
-  ...props
-}: React.ComponentProps<typeof Menubar$1.Item> & {
-  inset?: boolean;
-  variant?: 'default' | 'destructive';
-}): import("react").JSX.Element;
-/** A checkable menubar item that displays a checkmark when selected. */
-declare function MenubarCheckboxItem({
-  className,
-  children,
-  checked,
-  ...props
-}: React.ComponentProps<typeof Menubar$1.CheckboxItem>): import("react").JSX.Element;
-/** A radio-button menubar item; shows a filled circle when selected. */
-declare function MenubarRadioItem({
-  className,
-  children,
-  ...props
-}: React.ComponentProps<typeof Menubar$1.RadioItem>): import("react").JSX.Element;
-/**
- * Non-interactive label used to describe a group of menubar items.
- *
- * @param inset - When true, adds left padding to align with inset items.
- */
-declare function MenubarLabel({
-  className,
-  inset,
-  ...props
-}: React.ComponentProps<typeof Menubar$1.Label> & {
-  inset?: boolean;
-}): import("react").JSX.Element;
-/** Horizontal dividing line between groups of menubar items. */
-declare function MenubarSeparator({
-  className,
-  ...props
-}: React.ComponentProps<typeof Menubar$1.Separator>): import("react").JSX.Element;
-/** Displays a keyboard shortcut hint aligned to the right of a menubar item. */
-declare function MenubarShortcut({
-  className,
-  ...props
-}: React.ComponentProps<'span'>): import("react").JSX.Element;
-/** Root container for a nested sub-menu inside a Menubar dropdown. */
-declare function MenubarSub({
-  ...props
-}: React.ComponentProps<typeof Menubar$1.Sub>): import("react").JSX.Element;
-/**
- * Menu item that reveals a nested MenubarSubContent on hover or activation.
- *
- * @param inset - When true, adds left padding to align with inset items.
- */
-declare function MenubarSubTrigger({
-  className,
-  inset,
-  children,
-  ...props
-}: React.ComponentProps<typeof Menubar$1.SubTrigger> & {
-  inset?: boolean;
-}): import("react").JSX.Element;
-/** Floating panel that contains the items of a nested Menubar sub-menu. */
-declare function MenubarSubContent({
-  className,
-  ...props
-}: React.ComponentProps<typeof Menubar$1.SubContent>): import("react").JSX.Element;
-//#endregion
-export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger };
-//# sourceMappingURL=menubar.d.mts.map
+import { a as MenubarItem, c as MenubarPortal, d as MenubarSeparator, f as MenubarShortcut, g as MenubarTrigger, h as MenubarSubTrigger, i as MenubarGroup, l as MenubarRadioGroup, m as MenubarSubContent, n as MenubarCheckboxItem, o as MenubarLabel, p as MenubarSub, r as MenubarContent, s as MenubarMenu, t as Menubar, u as MenubarRadioItem } from "../menubar-CFrn3S96.mjs";
+export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger };

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

@@ -1,116 +1,2 @@
-import { Command as Command$1 } from "./command.cjs";
-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: import("react").ForwardRefExoticComponent<MultipleSelectorProps & import("react").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-BbiKgAYs.cjs";
+export { MultipleSelector, MultipleSelectorRef, Option, useDebounce };

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

@@ -1,116 +1,2 @@
-import { Command as Command$1 } from "./command.mjs";
-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: import("react").ForwardRefExoticComponent<MultipleSelectorProps & import("react").RefAttributes<MultipleSelectorRef>>;
-//#endregion
-export { MultipleSelector, MultipleSelectorRef, Option, useDebounce };
-//# sourceMappingURL=multi-select.d.mts.map
+import { i as useDebounce, n as MultipleSelectorRef, r as Option, t as MultipleSelector } from "../multi-select-BoBHt_Z9.mjs";
+export { MultipleSelector, MultipleSelectorRef, Option, useDebounce };

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

@@ -1,73 +1,2 @@
-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;
-}): import("react").JSX.Element;
-/** Horizontal list that holds NavigationMenuItems. */
-declare function NavigationMenuList({
-  className,
-  ...props
-}: React.ComponentProps<typeof NavigationMenu$1.List>): import("react").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>): import("react").JSX.Element;
-declare const navigationMenuTriggerStyle: (props?: import("class-variance-authority/types").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>): import("react").JSX.Element;
-/** Dropdown content panel revealed when a NavigationMenuTrigger is activated. */
-declare function NavigationMenuContent({
-  className,
-  ...props
-}: React.ComponentProps<typeof NavigationMenu$1.Content>): import("react").JSX.Element;
-/** Animated viewport container that hosts the active NavigationMenuContent. */
-declare function NavigationMenuViewport({
-  className,
-  ...props
-}: React.ComponentProps<typeof NavigationMenu$1.Viewport>): import("react").JSX.Element;
-/** A styled link used inside NavigationMenuContent that highlights when active. */
-declare function NavigationMenuLink({
-  className,
-  ...props
-}: React.ComponentProps<typeof NavigationMenu$1.Link>): import("react").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>): import("react").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-B1BY9Zll.cjs";
+export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle };

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

@@ -1,73 +1,2 @@
-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;
-}): import("react").JSX.Element;
-/** Horizontal list that holds NavigationMenuItems. */
-declare function NavigationMenuList({
-  className,
-  ...props
-}: React.ComponentProps<typeof NavigationMenu$1.List>): import("react").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>): import("react").JSX.Element;
-declare const navigationMenuTriggerStyle: (props?: import("class-variance-authority/types").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>): import("react").JSX.Element;
-/** Dropdown content panel revealed when a NavigationMenuTrigger is activated. */
-declare function NavigationMenuContent({
-  className,
-  ...props
-}: React.ComponentProps<typeof NavigationMenu$1.Content>): import("react").JSX.Element;
-/** Animated viewport container that hosts the active NavigationMenuContent. */
-declare function NavigationMenuViewport({
-  className,
-  ...props
-}: React.ComponentProps<typeof NavigationMenu$1.Viewport>): import("react").JSX.Element;
-/** A styled link used inside NavigationMenuContent that highlights when active. */
-declare function NavigationMenuLink({
-  className,
-  ...props
-}: React.ComponentProps<typeof NavigationMenu$1.Link>): import("react").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>): import("react").JSX.Element;
-//#endregion
-export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle };
-//# sourceMappingURL=navigation-menu.d.mts.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-B1BY9Zll.mjs";
+export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle };

package/dist/ui/pagination.d.cts

@@ -1,64 +1,2 @@
-import { t as Button } from "../button-DIqm3YRo.cjs";
-
-//#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'>): import("react").JSX.Element;
-/** Horizontal list that holds PaginationItem elements. */
-declare function PaginationContent({
-  className,
-  ...props
-}: React.ComponentProps<'ul'>): import("react").JSX.Element;
-/** Wrapper `<li>` for a single pagination button or link. */
-declare function PaginationItem({
-  ...props
-}: React.ComponentProps<'li'>): import("react").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): import("react").JSX.Element;
-/** "Previous page" navigation link with a left chevron icon. */
-declare function PaginationPrevious({
-  className,
-  ...props
-}: React.ComponentProps<typeof PaginationLink>): import("react").JSX.Element;
-/** "Next page" navigation link with a right chevron icon. */
-declare function PaginationNext({
-  className,
-  ...props
-}: React.ComponentProps<typeof PaginationLink>): import("react").JSX.Element;
-/** Ellipsis indicator rendered between non-adjacent page numbers. */
-declare function PaginationEllipsis({
-  className,
-  ...props
-}: React.ComponentProps<'span'>): import("react").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-B2fyP0J2.cjs";
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };

package/dist/ui/pagination.d.mts

@@ -1,64 +1,2 @@
-import { t as Button } from "../button-DIqm3YRo.mjs";
-
-//#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'>): import("react").JSX.Element;
-/** Horizontal list that holds PaginationItem elements. */
-declare function PaginationContent({
-  className,
-  ...props
-}: React.ComponentProps<'ul'>): import("react").JSX.Element;
-/** Wrapper `<li>` for a single pagination button or link. */
-declare function PaginationItem({
-  ...props
-}: React.ComponentProps<'li'>): import("react").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): import("react").JSX.Element;
-/** "Previous page" navigation link with a left chevron icon. */
-declare function PaginationPrevious({
-  className,
-  ...props
-}: React.ComponentProps<typeof PaginationLink>): import("react").JSX.Element;
-/** "Next page" navigation link with a right chevron icon. */
-declare function PaginationNext({
-  className,
-  ...props
-}: React.ComponentProps<typeof PaginationLink>): import("react").JSX.Element;
-/** Ellipsis indicator rendered between non-adjacent page numbers. */
-declare function PaginationEllipsis({
-  className,
-  ...props
-}: React.ComponentProps<'span'>): import("react").JSX.Element;
-//#endregion
-export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };
-//# sourceMappingURL=pagination.d.mts.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-DY0PBCnI.mjs";
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };