@godxjp/ui 13.9.3 → 13.11.0

package/dist/components/navigation/menubar.d.ts

@@ -1,29 +1,24 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as _radix_ui_react_context from '@radix-ui/react-context';
-import * as React from 'react';
-import * as MenubarPrimitive from '@radix-ui/react-menubar';
-
-declare const Menubar: React.ForwardRefExoticComponent<MenubarPrimitive.MenubarProps & React.RefAttributes<HTMLDivElement>>;
-declare const MenubarMenu: {
+import * as React from "react";
+import * as MenubarPrimitive from "@radix-ui/react-menubar";
+export declare const Menubar: React.ForwardRefExoticComponent<MenubarPrimitive.MenubarProps & React.RefAttributes<HTMLDivElement>>;
+export declare const MenubarMenu: {
     (props: MenubarPrimitive.MenubarMenuProps & {
-        __scopeMenubar?: _radix_ui_react_context.Scope;
-    }): react_jsx_runtime.JSX.Element;
+        __scopeMenubar?: import("@radix-ui/react-context").Scope;
+    }): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-declare function MenubarTrigger(props: React.ComponentProps<typeof MenubarPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
-declare const MenubarContent: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const MenubarItem: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+export declare function MenubarTrigger(props: React.ComponentProps<typeof MenubarPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+export declare const MenubarContent: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const MenubarItem: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
     inset?: boolean;
     variant?: "default" | "destructive";
 } & React.RefAttributes<HTMLDivElement>>;
-declare const MenubarCheckboxItem: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const MenubarRadioGroup: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarRadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const MenubarRadioItem: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const MenubarLabel: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const MenubarSeparator: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const MenubarShortcut: ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => react_jsx_runtime.JSX.Element;
-declare const MenubarSub: React.FC<MenubarPrimitive.MenubarSubProps>;
-declare const MenubarSubTrigger: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const MenubarSubContent: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-
-export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarItem, MenubarLabel, MenubarMenu, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger };
+export declare const MenubarCheckboxItem: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const MenubarRadioGroup: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarRadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const MenubarRadioItem: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const MenubarLabel: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const MenubarSeparator: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const MenubarShortcut: ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const MenubarSub: React.FC<MenubarPrimitive.MenubarSubProps>;
+export declare const MenubarSubTrigger: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const MenubarSubContent: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/navigation/menubar.js

@@ -1,2 +1,135 @@
-export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarItem, MenubarLabel, MenubarMenu, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger } from '../../chunk-B73NA66T.js';
-import '../../chunk-U7N2A7A3.js';
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import * as MenubarPrimitive from "@radix-ui/react-menubar";
+import { Check, ChevronRight, Circle } from "lucide-react";
+import { cn } from "../../lib/utils";
+const Menubar = MenubarPrimitive.Root;
+const MenubarMenu = MenubarPrimitive.Menu;
+function MenubarTrigger(props) {
+  return /* @__PURE__ */ jsx(MenubarPrimitive.Trigger, { "data-slot": "menubar-trigger", ...props });
+}
+const MenubarContent = React.forwardRef(({ className, align = "start", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(MenubarPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+  MenubarPrimitive.Content,
+  {
+    ref,
+    "data-slot": "menubar-content",
+    align,
+    sideOffset,
+    className: cn("ui-menubar-content", className),
+    ...props
+  }
+) }));
+MenubarContent.displayName = MenubarPrimitive.Content.displayName;
+const MenubarItem = React.forwardRef(({ className, inset, variant = "default", ...props }, ref) => /* @__PURE__ */ jsx(
+  MenubarPrimitive.Item,
+  {
+    ref,
+    "data-slot": "menubar-item",
+    "data-inset": inset,
+    "data-variant": variant,
+    className: cn("ui-menubar-item", className),
+    ...props
+  }
+));
+MenubarItem.displayName = MenubarPrimitive.Item.displayName;
+const MenubarCheckboxItem = React.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
+  MenubarPrimitive.CheckboxItem,
+  {
+    ref,
+    "data-slot": "menubar-checkbox-item",
+    className: cn("ui-menubar-checkbox-item", className),
+    checked,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", { className: "ui-menubar-item-indicator", "aria-hidden": "true", children: /* @__PURE__ */ jsx(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "ui-menubar-check" }) }) }),
+      children
+    ]
+  }
+));
+MenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName;
+const MenubarRadioGroup = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  MenubarPrimitive.RadioGroup,
+  {
+    ref,
+    "data-slot": "menubar-radio-group",
+    className: cn("ui-menubar-radio-group", className),
+    ...props
+  }
+));
+MenubarRadioGroup.displayName = MenubarPrimitive.RadioGroup.displayName;
+const MenubarRadioItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  MenubarPrimitive.RadioItem,
+  {
+    ref,
+    "data-slot": "menubar-radio-item",
+    className: cn("ui-menubar-radio-item", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", { className: "ui-menubar-item-indicator", "aria-hidden": "true", children: /* @__PURE__ */ jsx(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Circle, { className: "ui-menubar-dot" }) }) }),
+      children
+    ]
+  }
+));
+MenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName;
+const MenubarLabel = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  MenubarPrimitive.Label,
+  {
+    ref,
+    "data-slot": "menubar-label",
+    className: cn("ui-menubar-label", className),
+    ...props
+  }
+));
+MenubarLabel.displayName = MenubarPrimitive.Label.displayName;
+const MenubarSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  MenubarPrimitive.Separator,
+  {
+    ref,
+    "data-slot": "menubar-separator",
+    className: cn("ui-menubar-separator", className),
+    ...props
+  }
+));
+MenubarSeparator.displayName = MenubarPrimitive.Separator.displayName;
+const MenubarShortcut = ({ className, ...props }) => /* @__PURE__ */ jsx("span", { "data-slot": "menubar-shortcut", className: cn("ui-menubar-shortcut", className), ...props });
+const MenubarSub = MenubarPrimitive.Sub;
+const MenubarSubTrigger = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  MenubarPrimitive.SubTrigger,
+  {
+    ref,
+    "data-slot": "menubar-sub-trigger",
+    className: cn("ui-menubar-sub-trigger", className),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx(ChevronRight, { className: "ui-menubar-sub-trigger-icon", "aria-hidden": "true" })
+    ]
+  }
+));
+MenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName;
+const MenubarSubContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  MenubarPrimitive.SubContent,
+  {
+    ref,
+    "data-slot": "menubar-sub-content",
+    className: cn("ui-menubar-sub-content", className),
+    ...props
+  }
+));
+MenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName;
+export {
+  Menubar,
+  MenubarCheckboxItem,
+  MenubarContent,
+  MenubarItem,
+  MenubarLabel,
+  MenubarMenu,
+  MenubarRadioGroup,
+  MenubarRadioItem,
+  MenubarSeparator,
+  MenubarShortcut,
+  MenubarSub,
+  MenubarSubContent,
+  MenubarSubTrigger,
+  MenubarTrigger
+};

package/dist/components/navigation/navigation-menu.d.ts

@@ -1,13 +1,10 @@
-import * as React from 'react';
-import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
-
-declare const NavigationMenu: React.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuProps & React.RefAttributes<HTMLElement>>;
-declare const NavigationMenuList: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuListProps & React.RefAttributes<HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
-declare const NavigationMenuItem: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuItemProps & React.RefAttributes<HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
-declare const NavigationMenuTrigger: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const NavigationMenuContent: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const NavigationMenuLink: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
-declare const NavigationMenuIndicator: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuIndicatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const NavigationMenuViewport: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuViewportProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-
-export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport };
+import * as React from "react";
+import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
+export declare const NavigationMenu: React.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuProps & React.RefAttributes<HTMLElement>>;
+export declare const NavigationMenuList: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuListProps & React.RefAttributes<HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
+export declare const NavigationMenuItem: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuItemProps & React.RefAttributes<HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
+export declare const NavigationMenuTrigger: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const NavigationMenuContent: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const NavigationMenuLink: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+export declare const NavigationMenuIndicator: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuIndicatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const NavigationMenuViewport: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuViewportProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/navigation/navigation-menu.js

@@ -1,2 +1,90 @@
-export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport } from '../../chunk-WGWI7EGL.js';
-import '../../chunk-U7N2A7A3.js';
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
+import { ChevronDown } from "lucide-react";
+import { cn } from "../../lib/utils";
+const NavigationMenu = NavigationMenuPrimitive.Root;
+const NavigationMenuList = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  NavigationMenuPrimitive.List,
+  {
+    ref,
+    "data-slot": "navigation-menu-list",
+    className: cn("ui-navigation-menu-list", className),
+    ...props
+  }
+));
+NavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;
+const NavigationMenuItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  NavigationMenuPrimitive.Item,
+  {
+    ref,
+    "data-slot": "navigation-menu-item",
+    className: cn("ui-navigation-menu-item", className),
+    ...props
+  }
+));
+NavigationMenuItem.displayName = NavigationMenuPrimitive.Item.displayName;
+const NavigationMenuTrigger = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  NavigationMenuPrimitive.Trigger,
+  {
+    ref,
+    "data-slot": "navigation-menu-trigger",
+    className: cn("ui-navigation-menu-trigger", className),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx(ChevronDown, { className: "ui-navigation-menu-trigger-icon", "aria-hidden": "true" })
+    ]
+  }
+));
+NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
+const NavigationMenuContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  NavigationMenuPrimitive.Content,
+  {
+    ref,
+    "data-slot": "navigation-menu-content",
+    className: cn("ui-navigation-menu-content", className),
+    ...props
+  }
+));
+NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
+const NavigationMenuLink = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  NavigationMenuPrimitive.Link,
+  {
+    ref,
+    "data-slot": "navigation-menu-link",
+    className: cn("ui-navigation-menu-link", className),
+    ...props
+  }
+));
+NavigationMenuLink.displayName = NavigationMenuPrimitive.Link.displayName;
+const NavigationMenuIndicator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  NavigationMenuPrimitive.Indicator,
+  {
+    ref,
+    "data-slot": "navigation-menu-indicator",
+    className: cn("ui-navigation-menu-indicator", className),
+    ...props
+  }
+));
+NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;
+const NavigationMenuViewport = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  NavigationMenuPrimitive.Viewport,
+  {
+    ref,
+    "data-slot": "navigation-menu-viewport",
+    className: cn("ui-navigation-menu-viewport", className),
+    ...props
+  }
+));
+NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
+export {
+  NavigationMenu,
+  NavigationMenuContent,
+  NavigationMenuIndicator,
+  NavigationMenuItem,
+  NavigationMenuLink,
+  NavigationMenuList,
+  NavigationMenuTrigger,
+  NavigationMenuViewport
+};

package/dist/components/navigation/pagination-utils.d.ts

@@ -0,0 +1,2 @@
+/** Build visible page numbers with ellipsis — Ant Design pagination style. */
+export declare function buildPageRange(current: number, totalPages: number, siblingCount?: number): (number | "ellipsis")[];

package/dist/components/navigation/pagination-utils.js

@@ -0,0 +1,25 @@
+function buildPageRange(current, totalPages, siblingCount = 1) {
+  if (totalPages <= 1) return totalPages === 1 ? [1] : [];
+  const totalNumbers = siblingCount * 2 + 5;
+  if (totalPages <= totalNumbers) {
+    return Array.from({ length: totalPages }, (_, i) => i + 1);
+  }
+  const left = Math.max(current - siblingCount, 1);
+  const right = Math.min(current + siblingCount, totalPages);
+  const showLeftEllipsis = left > 2;
+  const showRightEllipsis = right < totalPages - 1;
+  const range = [];
+  range.push(1);
+  if (showLeftEllipsis) range.push("ellipsis");
+  else for (let i = 2; i < left; i++) range.push(i);
+  for (let i = left; i <= right; i++) {
+    if (i !== 1 && i !== totalPages) range.push(i);
+  }
+  if (showRightEllipsis) range.push("ellipsis");
+  else for (let i = right + 1; i < totalPages; i++) range.push(i);
+  if (totalPages > 1) range.push(totalPages);
+  return range;
+}
+export {
+  buildPageRange
+};

package/dist/components/navigation/pagination.d.ts

@@ -1,11 +1,6 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-import { P as PaginationProp } from '../../navigation.prop-FCsOVGrP.js';
-import '../../shared.prop-BvMSLFJ6.js';
-import '../../data.prop-D0UEEczj.js';
-import '../../interaction.prop-DD46aTro.js';
-import '../../layout.prop-CXvl2rVR.js';
-
+import * as React from "react";
+import type { PaginationProp } from "../../props/components/navigation.prop";
+export type { PaginationProp, PaginationProp as PaginationProps, } from "../../props/components/navigation.prop";
 declare const PaginationContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLUListElement> & React.RefAttributes<HTMLUListElement>>;
 declare const PaginationItem: React.ForwardRefExoticComponent<React.LiHTMLAttributes<HTMLLIElement> & React.RefAttributes<HTMLLIElement>>;
 declare const PaginationLink: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "type"> & {
@@ -14,7 +9,7 @@ declare const PaginationLink: React.ForwardRefExoticComponent<Omit<Omit<React.De
     href?: string;
 } & React.RefAttributes<HTMLButtonElement>>;
 declare const PaginationEllipsis: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
+    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 declare const PaginationPrevious: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "type"> & {
@@ -27,6 +22,5 @@ declare const PaginationNext: React.ForwardRefExoticComponent<Omit<Omit<React.De
     disabled?: boolean;
     href?: string;
 } & React.RefAttributes<HTMLButtonElement>>;
-declare function Pagination({ value, total, pageSize, pageSizeOptions, showSizeChanger, showTotal, simple, disabled, className, onValueChange, }: PaginationProp): react_jsx_runtime.JSX.Element;
-
-export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PaginationProp, PaginationProp as PaginationProps };
+export declare function Pagination({ value, total, pageSize, pageSizeOptions, showSizeChanger, showTotal, simple, disabled, className, onValueChange, }: PaginationProp): import("react/jsx-runtime").JSX.Element;
+export { PaginationContent, PaginationItem, PaginationLink, PaginationEllipsis, PaginationPrevious, PaginationNext, };

package/dist/components/navigation/pagination.js

@@ -1,10 +1,222 @@
-export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from '../../chunk-3JORZPS7.js';
-import '../../chunk-6S2ZU26B.js';
-import '../../chunk-K24AQV4R.js';
-import '../../chunk-2RGPEFAW.js';
-import '../../chunk-XBFUROAY.js';
-import '../../chunk-DY5C44UP.js';
-import '../../chunk-B4K4BXEF.js';
-import '../../chunk-B6S6LTWT.js';
-import '../../chunk-5732TWQF.js';
-import '../../chunk-U7N2A7A3.js';
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { ChevronLeft, ChevronRight, MoreHorizontal } from "lucide-react";
+import { useTranslation } from "../../i18n/use-translation";
+import { cn } from "../../lib/utils";
+import { Button } from "../general/button";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "../data-entry/select";
+import { buildPageRange } from "./pagination-utils";
+const PaginationContent = React.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx("ul", { ref, className: cn("ui-pagination-list", className), role: "list", ...props });
+});
+PaginationContent.displayName = "PaginationContent";
+const PaginationItem = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("li", { ref, className: cn("ui-pagination-item", className), ...props })
+);
+PaginationItem.displayName = "PaginationItem";
+const PaginationLink = React.forwardRef(
+  ({ className, isActive, disabled, children, onClick, href: _href, ...props }, ref) => /* @__PURE__ */ jsx(
+    "button",
+    {
+      ref,
+      type: "button",
+      "data-active": isActive || void 0,
+      "aria-current": isActive ? "page" : void 0,
+      disabled: disabled || void 0,
+      "data-state": disabled ? "disabled" : void 0,
+      className: cn(
+        "ui-pagination-link ui-pagination-page",
+        isActive ? "ui-pagination-link-active" : void 0,
+        disabled ? "ui-pagination-link-disabled" : void 0,
+        className
+      ),
+      onClick,
+      ...props,
+      children
+    }
+  )
+);
+PaginationLink.displayName = "PaginationLink";
+const PaginationEllipsis = ({ className, ...props }) => /* @__PURE__ */ jsx(
+  "span",
+  {
+    className: cn("ui-pagination-ellipsis", className),
+    "aria-hidden": "true",
+    role: "presentation",
+    ...props,
+    children: /* @__PURE__ */ jsx(MoreHorizontal, {})
+  }
+);
+PaginationEllipsis.displayName = "PaginationEllipsis";
+const PaginationPrevious = React.forwardRef(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
+    PaginationLink,
+    {
+      ref,
+      className: cn("ui-pagination-prev", className),
+      disabled: props.disabled,
+      ...props,
+      children
+    }
+  )
+);
+PaginationPrevious.displayName = "PaginationPrevious";
+const PaginationNext = React.forwardRef(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
+    PaginationLink,
+    {
+      ref,
+      className: cn("ui-pagination-next", className),
+      disabled: props.disabled,
+      ...props,
+      children
+    }
+  )
+);
+PaginationNext.displayName = "PaginationNext";
+function Pagination({
+  value = 1,
+  total = 0,
+  pageSize = 10,
+  pageSizeOptions = [10, 20, 50, 100],
+  showSizeChanger,
+  showTotal,
+  simple,
+  disabled,
+  className,
+  onValueChange
+}) {
+  const { t } = useTranslation();
+  const totalPages = Math.max(1, Math.ceil(total / pageSize));
+  const safeCurrent = Math.min(Math.max(1, value), totalPages);
+  const pages = buildPageRange(safeCurrent, totalPages);
+  const go = (page, size = pageSize) => {
+    if (disabled) return;
+    const nextPage = Math.min(Math.max(1, page), Math.max(1, Math.ceil(total / size)));
+    onValueChange?.(nextPage, size);
+  };
+  const totalLabel = typeof showTotal === "function" ? showTotal(total, [
+    (safeCurrent - 1) * pageSize + 1,
+    Math.min(safeCurrent * pageSize, total)
+  ]) : showTotal ? t("navigation.pagination.total", { total }) : null;
+  if (simple) {
+    return /* @__PURE__ */ jsxs(
+      "nav",
+      {
+        "aria-label": t("navigation.pagination.ariaLabel"),
+        "data-simple": "true",
+        className: cn("ui-pagination", className),
+        children: [
+          totalLabel && /* @__PURE__ */ jsx("span", { className: "ui-pagination-total", children: totalLabel }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: "outline",
+              size: "sm",
+              disabled: Boolean(disabled) || safeCurrent <= 1,
+              "aria-label": t("navigation.pagination.prev"),
+              onClick: () => go(safeCurrent - 1),
+              children: /* @__PURE__ */ jsx(ChevronLeft, { className: "size-4", "aria-hidden": "true" })
+            }
+          ),
+          /* @__PURE__ */ jsxs("span", { className: "ui-pagination-count", children: [
+            safeCurrent,
+            " / ",
+            totalPages
+          ] }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: "outline",
+              size: "sm",
+              disabled: Boolean(disabled) || safeCurrent >= totalPages,
+              "aria-label": t("navigation.pagination.next"),
+              onClick: () => go(safeCurrent + 1),
+              children: /* @__PURE__ */ jsx(ChevronRight, { className: "size-4", "aria-hidden": "true" })
+            }
+          )
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "nav",
+    {
+      "aria-label": t("navigation.pagination.ariaLabel"),
+      className: cn("ui-pagination", className),
+      children: [
+        totalLabel && /* @__PURE__ */ jsx("span", { className: "ui-pagination-total", children: totalLabel }),
+        showSizeChanger && /* @__PURE__ */ jsxs(
+          Select,
+          {
+            value: String(pageSize),
+            onValueChange: (v) => go(1, Number(v)),
+            disabled,
+            children: [
+              /* @__PURE__ */ jsx(
+                SelectTrigger,
+                {
+                  className: "ui-pagination-size-trigger",
+                  "aria-label": t("navigation.pagination.pageSize"),
+                  children: /* @__PURE__ */ jsx(SelectValue, {})
+                }
+              ),
+              /* @__PURE__ */ jsx(SelectContent, { children: pageSizeOptions.map((size) => /* @__PURE__ */ jsx(SelectItem, { value: String(size), children: t("navigation.pagination.pageSizeOption", { size }) }, size)) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(PaginationContent, { children: [
+          /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(
+            PaginationPrevious,
+            {
+              "aria-label": t("navigation.pagination.prev"),
+              onClick: () => go(safeCurrent - 1),
+              disabled: Boolean(disabled) || safeCurrent <= 1,
+              children: /* @__PURE__ */ jsx(ChevronLeft, { "aria-hidden": "true" })
+            }
+          ) }),
+          pages.map(
+            (page, index) => page === "ellipsis" ? /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(PaginationEllipsis, {}) }, `e-${index}`) : /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(
+              PaginationLink,
+              {
+                isActive: page === safeCurrent,
+                "aria-label": t("navigation.pagination.page", { page }),
+                onClick: () => {
+                  if (!disabled) go(page);
+                },
+                disabled,
+                children: page
+              }
+            ) }, page)
+          ),
+          /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(
+            PaginationNext,
+            {
+              "aria-label": t("navigation.pagination.next"),
+              onClick: () => go(safeCurrent + 1),
+              disabled: Boolean(disabled) || safeCurrent >= totalPages,
+              children: /* @__PURE__ */ jsx(ChevronRight, { "aria-hidden": "true" })
+            }
+          ) })
+        ] })
+      ]
+    }
+  );
+}
+export {
+  Pagination,
+  PaginationContent,
+  PaginationEllipsis,
+  PaginationItem,
+  PaginationLink,
+  PaginationNext,
+  PaginationPrevious
+};

package/dist/components/navigation/steps.d.ts

@@ -1,12 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { b as StepsProp } from '../../navigation.prop-FCsOVGrP.js';
-export { S as StepItemProp, a as StepStatusProp } from '../../navigation.prop-FCsOVGrP.js';
-import 'react';
-import '../../shared.prop-BvMSLFJ6.js';
-import '../../data.prop-D0UEEczj.js';
-import '../../interaction.prop-DD46aTro.js';
-import '../../layout.prop-CXvl2rVR.js';
-
-declare function Steps({ items, value: current, defaultValue, status: currentStatus, orientation, type, size, titlePlacement, onValueChange, className, }: StepsProp): react_jsx_runtime.JSX.Element;
-
-export { Steps, StepsProp, StepsProp as StepsProps };
+import type { StepsProp } from "../../props/components/navigation.prop";
+export type { StepsProp, StepsProp as StepsProps, StepItemProp, StepStatusProp, } from "../../props/components/navigation.prop";
+export declare function Steps({ items, value: current, defaultValue, status: currentStatus, orientation, type, size, titlePlacement, onValueChange, className, }: StepsProp): import("react/jsx-runtime").JSX.Element;