@godxjp/ui 13.9.3 → 13.10.0

package/dist/{content.prop-DrV_zDy-.d.ts → props/vocabulary/content.prop.d.ts}

@@ -1,33 +1,29 @@
-import * as React from 'react';
-
 /**
  * Content-slot prop types — titles, descriptions, actions.
  * @see docs/PROPS-VOCABULARY.md#content-slots
  */
-
+import type * as React from "react";
 /** Primary heading text — page title, dialog title, empty state title. */
-type TitleProp = React.ReactNode;
+export type TitleProp = React.ReactNode;
 /** Secondary text below a title — page subtitle, card description. */
-type SubtitleProp = React.ReactNode;
+export type SubtitleProp = React.ReactNode;
 /** Longer explanatory copy — dialog body, empty state body. */
-type DescriptionProp = React.ReactNode;
+export type DescriptionProp = React.ReactNode;
 /** Top-right action slot on pages (Ant Design `extra`). */
-type ExtraProp = React.ReactNode;
+export type ExtraProp = React.ReactNode;
 /** Bottom action bar on pages — save/cancel, pagination controls. */
-type FooterProp = React.ReactNode;
+export type FooterProp = React.ReactNode;
 /** Primary CTA in empty states or inline prompts. */
-type ActionProp = React.ReactNode;
+export type ActionProp = React.ReactNode;
 /** Optional icon in empty states and status views (Lucide or compatible). */
-type IconProp = React.ComponentType<{
+export type IconProp = React.ComponentType<{
     className?: string;
 }>;
 /** Confirm / submit button label in dialogs. */
-type ConfirmLabelProp = React.ReactNode;
+export type ConfirmLabelProp = React.ReactNode;
 /** Cancel / dismiss button label in dialogs. */
-type CancelLabelProp = React.ReactNode;
+export type CancelLabelProp = React.ReactNode;
 /** Toolbar actions slot in tables and filter rows. */
-type ActionsProp = React.ReactNode;
+export type ActionsProp = React.ReactNode;
 /** "No results / no data" message in lists, selects, and empty states. */
-type EmptyMessageProp = string;
-
-export type { ActionProp as A, CancelLabelProp as C, DescriptionProp as D, EmptyMessageProp as E, FooterProp as F, IconProp as I, SubtitleProp as S, TitleProp as T, ActionsProp as a, ConfirmLabelProp as b, ExtraProp as c };
+export type EmptyMessageProp = string;

package/dist/props/vocabulary/data.prop.d.ts

@@ -0,0 +1,38 @@
+/**
+ * Data & collection prop types.
+ * @see docs/PROPS-VOCABULARY.md#data-collections
+ */
+import type * as React from "react";
+import type { ColumnAlignProp, SortDirectionProp } from "./interaction.prop";
+import type { TableDensityProp } from "./layout.prop";
+/** Generic row identifier extractor for tables with selection. */
+export type GetRowIdProp<T> = (row: T) => string;
+/** Row click navigation handler. */
+export type OnRowClickProp<T> = (row: T) => void;
+/** Column definition for DataTable. */
+export type ColumnDefProp<T> = {
+    key: string;
+    header: React.ReactNode;
+    render?: (row: T) => React.ReactNode;
+    sortable?: boolean;
+    width?: string;
+    align?: ColumnAlignProp;
+    hiddenOnMobile?: boolean;
+};
+/** Set of selected row IDs. */
+export type SelectedIdsProp = Set<string>;
+/** Selection change callback. */
+export type OnSelectChangeProp = (next: Set<string>) => void;
+/** Table density change callback. */
+export type OnTableDensityChangeProp = (density: TableDensityProp) => void;
+/** Sort change callback — undefined clears sort. */
+export type OnSortChangeProp = (sort: {
+    key: string;
+    direction: SortDirectionProp;
+} | undefined) => void;
+/** Search debounce callback. */
+export type OnSearchChangeProp = (query: string) => void;
+/** Filter bar reset handler. */
+export type OnClearFiltersProp = () => void;
+/** Whether any filter is active — shows "Clear all". */
+export type HasActiveFiltersProp = boolean;

package/dist/props/vocabulary/index.d.ts

@@ -1,7 +1,7 @@
-export { A as AsChildProp, C as ChildrenProp, a as ClassNameProp, D as DefaultOpenProp, b as DefaultValueProp, c as DisabledProp, E as ErrorProp, H as HandlerProp, d as HelperProp, I as IdProp, L as LabelProp, N as NameProp, O as OnChangeProp, e as OnClickProp, f as OnOpenChangeProp, g as OnValueChangeProp, h as OpenProp, P as PendingProp, i as PlaceholderProp, R as RequiredProp, V as ValueProp, W as WidthProp } from '../../shared.prop-BvMSLFJ6.js';
-export { A as ActionProp, a as ActionsProp, C as CancelLabelProp, b as ConfirmLabelProp, D as DescriptionProp, E as EmptyMessageProp, c as ExtraProp, F as FooterProp, I as IconProp, S as SubtitleProp, T as TitleProp } from '../../content.prop-DrV_zDy-.js';
-export { D as DensityProp, G as GapProp, P as PageContainerVariantProp, a as PageDensityProp, T as TableDensityProp } from '../../layout.prop-CXvl2rVR.js';
-export { A as AlertVariantProp, B as BadgeVariantProp, a as BreakpointProp, b as ButtonSizeProp, c as ButtonVariantProp, C as ColumnAlignProp, d as ConfirmVariantProp, F as FontWeightProp, e as FormLayoutProp, H as HeadingLevelProp, S as ShapeProp, f as SizeProp, g as SortDirectionProp, h as SortStateProp, T as TextAlignProp, i as TextSizeProp, j as TextToneProp, k as ToneProp } from '../../interaction.prop-DD46aTro.js';
-export { B as BreadcrumbItemProp, a as BreadcrumbProp } from '../../navigation.prop-CXDaVNaR.js';
-export { C as ColumnDefProp, G as GetRowIdProp, H as HasActiveFiltersProp, O as OnClearFiltersProp, a as OnRowClickProp, b as OnSearchChangeProp, c as OnSelectChangeProp, d as OnSortChangeProp, e as OnTableDensityChangeProp, S as SelectedIdsProp } from '../../data.prop-D0UEEczj.js';
-import 'react';
+/** Barrel — all vocabulary prop types. */
+export type { ClassNameProp, ChildrenProp, IdProp, OpenProp, DefaultOpenProp, OnOpenChangeProp, HandlerProp, PendingProp, RequiredProp, DisabledProp, LabelProp, HelperProp, ErrorProp, PlaceholderProp, NameProp, ValueProp, DefaultValueProp, OnValueChangeProp, OnChangeProp, OnClickProp, AsChildProp, WidthProp, } from "./shared.prop";
+export type { TitleProp, SubtitleProp, DescriptionProp, ExtraProp, FooterProp, ActionProp, IconProp, ConfirmLabelProp, CancelLabelProp, ActionsProp, EmptyMessageProp, } from "./content.prop";
+export type { PageDensityProp, PageContainerVariantProp, TableDensityProp, DensityProp, GapProp, } from "./layout.prop";
+export type { ButtonVariantProp, ButtonSizeProp, BadgeVariantProp, ShapeProp, TextSizeProp, TextToneProp, FontWeightProp, HeadingLevelProp, TextAlignProp, SizeProp, FormLayoutProp, BreakpointProp, ConfirmVariantProp, ToneProp, AlertVariantProp, SortDirectionProp, ColumnAlignProp, SortStateProp, } from "./interaction.prop";
+export type { BreadcrumbItemProp, BreadcrumbProp } from "./navigation.prop";
+export type { GetRowIdProp, OnRowClickProp, ColumnDefProp, SelectedIdsProp, OnSelectChangeProp, OnTableDensityChangeProp, OnSortChangeProp, OnSearchChangeProp, OnClearFiltersProp, HasActiveFiltersProp, } from "./data.prop";

package/dist/props/vocabulary/index.js

@@ -1 +0,0 @@
-import '../../chunk-ZT5UEUBO.js';

package/dist/props/vocabulary/interaction.prop.d.ts

@@ -0,0 +1,45 @@
+/**
+ * Interaction & visual variant prop types.
+ * @see docs/PROPS-VOCABULARY.md#interaction-variants
+ */
+/** Button visual style. */
+export type ButtonVariantProp = "default" | "destructive" | "outline" | "dashed" | "secondary" | "ghost" | "link";
+/** Corner shape — maps to the radius tokens (default = control/component radius). Shared by
+ *  Button + Badge. `pill` = fully rounded (`--radius-pill`), `sharp` = square (`--radius-sharp`). */
+export type ShapeProp = "default" | "pill" | "sharp";
+/** Text size — steps of the golden-ratio type scale (NEVER an arbitrary px). `sm` = base. */
+export type TextSizeProp = "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
+/** Text colour intent — maps to semantic foreground tokens (no raw palette). */
+export type TextToneProp = "default" | "muted" | "primary" | "success" | "warning" | "destructive" | "info";
+/** Font weight — the dxs-kintai canon is THREE weights only: `regular` (400 body), `medium` (500
+ *  heading/label), `bold` (700 emphasis). 600/`semibold` is forbidden. */
+export type FontWeightProp = "regular" | "medium" | "bold";
+/** Heading level — drives both the `--heading-h*` size token and the semantic `<h1..h4>` element. */
+export type HeadingLevelProp = 1 | 2 | 3 | 4;
+/** Inline text alignment (logical, RTL-safe). */
+export type TextAlignProp = "start" | "center" | "end";
+/** Badge visual style. */
+export type BadgeVariantProp = "default" | "secondary" | "outline" | "dashed";
+/** Button size preset. */
+export type SizeProp = "xs" | "sm" | "md" | "lg";
+/** Button size preset; icon-only sizes are a documented Button subset. */
+export type ButtonSizeProp = SizeProp | "default" | "icon" | "icon-xs" | "icon-sm" | "icon-lg";
+/** Form layout — label position relative to its control (Ant-style). */
+export type FormLayoutProp = "vertical" | "horizontal" | "inline";
+/** Responsive breakpoint name (mobile-first); used by `collapseBelow` etc. */
+export type BreakpointProp = "sm" | "md" | "lg" | "xl";
+/** Dialog confirm button emphasis. */
+export type ConfirmVariantProp = "default" | "destructive";
+/** Semantic color/status intent. */
+export type ToneProp = "default" | "success" | "warning" | "destructive" | "info" | "muted" | "neutral";
+/** Inline Alert visual treatment. */
+export type AlertVariantProp = "default";
+/** Sort direction for table columns. */
+export type SortDirectionProp = "asc" | "desc";
+/** Table column text alignment. */
+export type ColumnAlignProp = "left" | "center" | "right";
+/** Active sort state on DataTable. */
+export type SortStateProp = {
+    key: string;
+    direction: SortDirectionProp;
+};

package/dist/props/vocabulary/layout.prop.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Layout & spacing prop types.
+ * @see docs/PROPS-VOCABULARY.md#layout--density
+ */
+/** Page-level density — affects padding, control heights across PageContainer subtree. */
+export type PageDensityProp = "compact" | "default" | "comfortable";
+/** Shared page/subtree density vocabulary. */
+export type DensityProp = "compact" | "default" | "comfortable";
+/** Page shell layout — orthogonal to PageDensityProp. */
+export type PageContainerVariantProp = "default" | "narrow" | "flush" | "ghost";
+/** Shared gap between layout children; components may document subsets. */
+export type GapProp = "xs" | "sm" | "md" | "lg" | "xl";
+/** DataTable row density subset. */
+export type TableDensityProp = Exclude<DensityProp, "default">;

package/dist/{navigation.prop-CXDaVNaR.d.ts → props/vocabulary/navigation.prop.d.ts}

@@ -1,17 +1,13 @@
-import { L as LabelProp } from './shared.prop-BvMSLFJ6.js';
-
 /**
  * Navigation & wayfinding prop types.
  * @see docs/PROPS-VOCABULARY.md#navigation
  */
-
+import type { LabelProp } from "./shared.prop";
 /** Single breadcrumb segment. */
-type BreadcrumbItemProp = {
+export type BreadcrumbItemProp = {
     label: LabelProp;
     /** Router path — omit on current (last) segment. */
     to?: string;
 };
 /** Ordered breadcrumb trail above page title. */
-type BreadcrumbProp = BreadcrumbItemProp[];
-
-export type { BreadcrumbItemProp as B, BreadcrumbProp as a };
+export type BreadcrumbProp = BreadcrumbItemProp[];

package/dist/{shared.prop-BvMSLFJ6.d.ts → props/vocabulary/shared.prop.d.ts}

@@ -1,57 +1,53 @@
-import * as React from 'react';
-
 /**
  * Shared atomic prop types used across multiple components.
  * @see docs/PROPS-VOCABULARY.md
  */
-
+import type * as React from "react";
 /** Extra CSS class names on a component root. */
-type ClassNameProp = string;
+export type ClassNameProp = string;
 /** Child nodes slot. */
-type ChildrenProp = React.ReactNode;
+export type ChildrenProp = React.ReactNode;
 /** Stable DOM / form identifier. */
-type IdProp = string;
+export type IdProp = string;
 /** Controlled open state for panels (Dialog, Sheet, Popover). */
-type OpenProp = boolean;
+export type OpenProp = boolean;
 /** Uncontrolled initial open state for panels (Dialog, Sheet, Popover). */
-type DefaultOpenProp = boolean;
+export type DefaultOpenProp = boolean;
 /** Callback when open state changes. */
-type OnOpenChangeProp = (open: boolean) => void;
+export type OnOpenChangeProp = (open: boolean) => void;
 /** Async or sync handler — no return value expected. */
-type HandlerProp = () => void | Promise<void>;
+export type HandlerProp = () => void | Promise<void>;
 /** Loading / pending state — disables actions and shows spinners. */
-type PendingProp = boolean;
+export type PendingProp = boolean;
 /** Field or control is required. */
-type RequiredProp = boolean;
+export type RequiredProp = boolean;
 /** Disable user interaction. */
-type DisabledProp = boolean;
+export type DisabledProp = boolean;
 /** Generic label text (filters, form fields, nav groups). */
-type LabelProp = React.ReactNode;
+export type LabelProp = React.ReactNode;
 /** Helper / hint text below inputs. */
-type HelperProp = React.ReactNode;
+export type HelperProp = React.ReactNode;
 /** Validation error message. */
-type ErrorProp = React.ReactNode;
+export type ErrorProp = React.ReactNode;
 /** Placeholder text for inputs. */
-type PlaceholderProp = string;
+export type PlaceholderProp = string;
 /** HTML input `name` attribute. */
-type NameProp = string;
+export type NameProp = string;
 /** Abstract controlled value. */
-type ValueProp<T = string> = T;
+export type ValueProp<T = string> = T;
 /** Abstract uncontrolled initial value. */
-type DefaultValueProp<T = string> = T;
+export type DefaultValueProp<T = string> = T;
 /** Callback when an abstract value changes. */
-type OnValueChangeProp<T = string> = (value: T) => void;
+export type OnValueChangeProp<T = string> = (value: T) => void;
 /** Change handler for text inputs. */
-type OnChangeProp = React.ChangeEventHandler<HTMLInputElement>;
+export type OnChangeProp = React.ChangeEventHandler<HTMLInputElement>;
 /** Click handler for buttons and interactive elements. */
-type OnClickProp = React.MouseEventHandler<HTMLButtonElement>;
+export type OnClickProp = React.MouseEventHandler<HTMLButtonElement>;
 /** Radix/shadcn `asChild` polymorphism — render as child element. */
-type AsChildProp = boolean;
+export type AsChildProp = boolean;
 /**
  * An explicit layout dimension (NOT the `SizeProp` control-height tier). A `number` is treated as
  * px; a `string` is any CSS length (`"32rem"`, `"90vw"`, `"50%"`). Used for Sheet `width`, Form
  * `labelWidth`/`controlWidth` — values that are freeform lengths, not the xs|sm|md|lg tier.
  */
-type WidthProp = number | string;
-
-export type { AsChildProp as A, ChildrenProp as C, DefaultOpenProp as D, ErrorProp as E, HandlerProp as H, IdProp as I, LabelProp as L, NameProp as N, OnChangeProp as O, PendingProp as P, RequiredProp as R, ValueProp as V, WidthProp as W, ClassNameProp as a, DefaultValueProp as b, DisabledProp as c, HelperProp as d, OnClickProp as e, OnOpenChangeProp as f, OnValueChangeProp as g, OpenProp as h, PlaceholderProp as i };
+export type WidthProp = number | string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@godxjp/ui",
-  "version": "13.9.3",
+  "version": "13.10.0",
   "type": "module",
   "packageManager": "pnpm@10.29.1",
   "sideEffects": false,
@@ -284,7 +284,7 @@
     "preview:build": "vite build --config preview/vite.config.ts",
     "docs:sync-primitives": "node preview/scripts/sync-primitive-docs.mjs && prettier --write \"docs/primitives/**/*.tsx\"",
     "audit": "node scripts/ui-audit.mjs",
-    "build": "tsup && node scripts/copy-styles.mjs",
+    "build": "tsup && tsc -p tsconfig.build.json && node scripts/copy-styles.mjs",
     "dev": "node scripts/dev.mjs",
     "prepublishOnly": "pnpm run build"
   },

package/dist/aspect-ratio-CZZJd9Km.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import * as SeparatorPrimitive from '@radix-ui/react-separator';
-import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
-
-declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-
-declare const AspectRatio: React.ForwardRefExoticComponent<Omit<AspectRatioPrimitive.AspectRatioProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-
-export { AspectRatio as A, Separator as S };

package/dist/avatar-D9MdXzfF.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import * as AvatarPrimitive from '@radix-ui/react-avatar';
-
-declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-declare const AvatarImage: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
-declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-
-export { Avatar as A, AvatarFallback as a, AvatarImage as b };

package/dist/checkbox-bBfLARyF.d.ts

@@ -1,13 +0,0 @@
-import * as React from 'react';
-import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { b as CheckboxGroupProp } from './data-entry.prop-BSUaseKh.js';
-
-declare function CheckboxGroup({ value: controlledValue, defaultValue, onValueChange, options, orientation, disabled, name, className, children, }: CheckboxGroupProp): react_jsx_runtime.JSX.Element;
-
-/** Checkbox — dùng standalone hoặc `Checkbox.Group` với `options` (Ant Design style). */
-declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>> & {
-    Group: typeof CheckboxGroup;
-};
-
-export { Checkbox as C, CheckboxGroup as a };

package/dist/chunk-2H65B4JA.js

@@ -1 +0,0 @@
-

package/dist/chunk-2RGPEFAW.js

@@ -1,46 +0,0 @@
-import { controlIconLeadingClass } from './chunk-B4K4BXEF.js';
-import { cn } from './chunk-U7N2A7A3.js';
-import * as React from 'react';
-import { Command as Command$1 } from 'cmdk';
-import { Search } from 'lucide-react';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var Command = React.forwardRef(({ className, ...props }, ref) => {
-  const rootRef = React.useRef(null);
-  const setRefs = (node) => {
-    rootRef.current = node;
-    if (typeof ref === "function") ref(node);
-    else if (ref) ref.current = node;
-  };
-  React.useEffect(() => {
-    const root = rootRef.current;
-    if (!root) return;
-    const label = root.querySelector(":scope > label[cmdk-label]");
-    if (!label || root.querySelector("[cmdk-input]")) return;
-    const expectedId = label.getAttribute("for");
-    const input = root.querySelector('input:not([type="hidden"])');
-    if (input && expectedId && !input.id) input.id = expectedId;
-    else if (!input || input.id !== expectedId) label.removeAttribute("for");
-  });
-  return /* @__PURE__ */ jsx(Command$1, { ref: setRefs, className: cn("ui-command", className), ...props });
-});
-Command.displayName = Command$1.displayName;
-var CommandInput = React.forwardRef(({ className, ...props }, ref) => (
-  // cmdk uses this non-standard attribute for input wrapper styling
-  // eslint-disable-next-line react/no-unknown-property -- cmdk convention
-  /* @__PURE__ */ jsxs("div", { className: "ui-command-input-wrapper", "cmdk-input-wrapper": "", children: [
-    /* @__PURE__ */ jsx(Search, { className: cn(controlIconLeadingClass, "ui-command-search-icon"), "aria-hidden": "true" }),
-    /* @__PURE__ */ jsx(Command$1.Input, { ref, className: cn("ui-command-input", className), ...props })
-  ] })
-));
-CommandInput.displayName = Command$1.Input.displayName;
-var CommandList = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Command$1.List, { ref, className: cn("ui-command-list", className), ...props }));
-CommandList.displayName = Command$1.List.displayName;
-var CommandEmpty = React.forwardRef((props, ref) => /* @__PURE__ */ jsx(Command$1.Empty, { ref, className: "ui-command-empty", ...props }));
-CommandEmpty.displayName = Command$1.Empty.displayName;
-var CommandGroup = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Command$1.Group, { ref, className: cn("ui-command-group", className), ...props }));
-CommandGroup.displayName = Command$1.Group.displayName;
-var CommandItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Command$1.Item, { ref, className: cn("ui-command-item", className), ...props }));
-CommandItem.displayName = Command$1.Item.displayName;
-
-export { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList };

package/dist/chunk-3JORZPS7.js

@@ -1,232 +0,0 @@
-import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-6S2ZU26B.js';
-import { Button } from './chunk-XBFUROAY.js';
-import { useTranslation } from './chunk-B6S6LTWT.js';
-import { cn } from './chunk-U7N2A7A3.js';
-import * as React from 'react';
-import { MoreHorizontal, ChevronLeft, ChevronRight } from 'lucide-react';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-// src/components/navigation/pagination-utils.ts
-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;
-}
-var PaginationContent = React.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx("ul", { ref, className: cn("ui-pagination-list", className), role: "list", ...props });
-});
-PaginationContent.displayName = "PaginationContent";
-var PaginationItem = React.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("li", { ref, className: cn("ui-pagination-item", className), ...props })
-);
-PaginationItem.displayName = "PaginationItem";
-var 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";
-var 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";
-var 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";
-var 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 };