@hoardodile/ui 0.0.0

package/dist/components/pagination.js

@@ -0,0 +1,680 @@
+import { useSyncExternalStore, createElement } from 'react';
+import { clsx } from 'clsx';
+import { extendTailwindMerge } from 'tailwind-merge';
+import { Button as Button$1 } from '@base-ui/react/button';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import '@solar-icons/react/bold/add-circle';
+import '@solar-icons/react/bold/align-left';
+import '@solar-icons/react/bold/alt-arrow-down';
+import { AltArrowLeftIcon as AltArrowLeftIcon$2 } from '@solar-icons/react/bold/alt-arrow-left';
+import { AltArrowRightIcon as AltArrowRightIcon$2 } from '@solar-icons/react/bold/alt-arrow-right';
+import '@solar-icons/react/bold/alt-arrow-up';
+import '@solar-icons/react/bold/archive';
+import '@solar-icons/react/bold/arrow-right';
+import '@solar-icons/react/bold/arrow-to-top-left';
+import '@solar-icons/react/bold/arrow-to-top-right';
+import '@solar-icons/react/bold/bell';
+import '@solar-icons/react/bold/bolt';
+import '@solar-icons/react/bold/book';
+import '@solar-icons/react/bold/book-2';
+import '@solar-icons/react/bold/bookmark';
+import '@solar-icons/react/bold/bookmark-circle';
+import '@solar-icons/react/bold/box';
+import '@solar-icons/react/bold/branching-paths-up';
+import '@solar-icons/react/bold/bug';
+import '@solar-icons/react/bold/calendar-date';
+import '@solar-icons/react/bold/chat-round';
+import '@solar-icons/react/bold/chat-round-dots';
+import '@solar-icons/react/bold/chat-round-line';
+import '@solar-icons/react/bold/chat-square';
+import '@solar-icons/react/bold/check-circle';
+import '@solar-icons/react/bold/checklist';
+import '@solar-icons/react/bold/clipboard-list';
+import '@solar-icons/react/bold/clock-circle';
+import '@solar-icons/react/bold/compass';
+import '@solar-icons/react/bold/copy';
+import '@solar-icons/react/bold/crown';
+import '@solar-icons/react/bold/danger-triangle';
+import '@solar-icons/react/bold/database';
+import '@solar-icons/react/bold/diskette';
+import '@solar-icons/react/bold/dislike';
+import '@solar-icons/react/bold/document-add';
+import '@solar-icons/react/bold/document-text';
+import '@solar-icons/react/bold/double-alt-arrow-down';
+import '@solar-icons/react/bold/download';
+import '@solar-icons/react/bold/eraser';
+import '@solar-icons/react/bold/eye';
+import '@solar-icons/react/bold/file';
+import '@solar-icons/react/bold/file-remove';
+import '@solar-icons/react/bold/file-text';
+import '@solar-icons/react/bold/filter';
+import '@solar-icons/react/bold/filters';
+import '@solar-icons/react/bold/folder';
+import '@solar-icons/react/bold/folder-open';
+import '@solar-icons/react/bold/folder-path-connect';
+import '@solar-icons/react/bold/forbidden-circle';
+import '@solar-icons/react/bold/gallery';
+import '@solar-icons/react/bold/gallery-add';
+import '@solar-icons/react/bold/gallery-wide';
+import '@solar-icons/react/bold/global';
+import '@solar-icons/react/bold/graph-down';
+import '@solar-icons/react/bold/graph-up';
+import '@solar-icons/react/bold/hamburger-menu';
+import '@solar-icons/react/bold/hand-heart';
+import '@solar-icons/react/bold/heart';
+import '@solar-icons/react/bold/help';
+import '@solar-icons/react/bold/history';
+import '@solar-icons/react/bold/home-angle';
+import '@solar-icons/react/bold/info-circle';
+import '@solar-icons/react/bold/layers';
+import '@solar-icons/react/bold/letter';
+import '@solar-icons/react/bold/like';
+import '@solar-icons/react/bold/link';
+import '@solar-icons/react/bold/list';
+import '@solar-icons/react/bold/list-vertical';
+import '@solar-icons/react/bold/lock-password';
+import '@solar-icons/react/bold/login-2';
+import '@solar-icons/react/bold/logout';
+import '@solar-icons/react/bold/magic-wand-2';
+import '@solar-icons/react/bold/magnifier';
+import '@solar-icons/react/bold/magnifier-zoom-in';
+import '@solar-icons/react/bold/magnifier-zoom-out';
+import '@solar-icons/react/bold/maximize';
+import { MenuDotsIcon } from '@solar-icons/react/bold/menu-dots';
+import '@solar-icons/react/bold/minimize';
+import '@solar-icons/react/bold/minus-square';
+import '@solar-icons/react/bold/monitor';
+import '@solar-icons/react/bold/monitor-smartphone';
+import '@solar-icons/react/bold/moon';
+import '@solar-icons/react/bold/move-to-folder';
+import '@solar-icons/react/bold/music-notes';
+import '@solar-icons/react/bold/palette';
+import '@solar-icons/react/bold/palette-round';
+import '@solar-icons/react/bold/pause';
+import '@solar-icons/react/bold/pen';
+import '@solar-icons/react/bold/pen-new-round';
+import '@solar-icons/react/bold/pie-chart';
+import '@solar-icons/react/bold/pin';
+import '@solar-icons/react/bold/play';
+import '@solar-icons/react/bold/plug-circle';
+import '@solar-icons/react/bold/plus-minus';
+import '@solar-icons/react/bold/pulse';
+import '@solar-icons/react/bold/refresh';
+import '@solar-icons/react/bold/refresh-circle';
+import '@solar-icons/react/bold/reorder';
+import '@solar-icons/react/bold/repeat';
+import '@solar-icons/react/bold/reply';
+import '@solar-icons/react/bold/restart';
+import '@solar-icons/react/bold/rocket';
+import '@solar-icons/react/bold/route';
+import '@solar-icons/react/bold/scale';
+import '@solar-icons/react/bold/server';
+import '@solar-icons/react/bold/settings';
+import '@solar-icons/react/bold/share';
+import '@solar-icons/react/bold/shield-check';
+import '@solar-icons/react/bold/sidebar-minimalistic';
+import '@solar-icons/react/bold/slider-horizontal';
+import '@solar-icons/react/bold/smartphone';
+import '@solar-icons/react/bold/sort';
+import '@solar-icons/react/bold/sort-by-time';
+import '@solar-icons/react/bold/sort-horizontal';
+import '@solar-icons/react/bold/sort-vertical';
+import '@solar-icons/react/bold/star';
+import '@solar-icons/react/bold/structure';
+import '@solar-icons/react/bold/sun';
+import '@solar-icons/react/bold/tag';
+import '@solar-icons/react/bold/telescope';
+import '@solar-icons/react/bold/test-tube';
+import '@solar-icons/react/bold/text-format';
+import '@solar-icons/react/bold/transfer-horizontal';
+import '@solar-icons/react/bold/translation';
+import '@solar-icons/react/bold/trash-bin-minimalistic';
+import '@solar-icons/react/bold/undo-left';
+import '@solar-icons/react/bold/undo-left-round';
+import '@solar-icons/react/bold/undo-right';
+import '@solar-icons/react/bold/undo-right-round';
+import '@solar-icons/react/bold/upload';
+import '@solar-icons/react/bold/user';
+import '@solar-icons/react/bold/user-id';
+import '@solar-icons/react/bold/user-minus';
+import '@solar-icons/react/bold/user-plus';
+import '@solar-icons/react/bold/users-group-rounded';
+import '@solar-icons/react/bold/users-group-two-rounded';
+import '@solar-icons/react/bold/video-frame';
+import '@solar-icons/react/bold/widget-2';
+import '@solar-icons/react/bold/widget-5';
+import '@solar-icons/react/bold/window-frame';
+import '@solar-icons/react/bold-duotone/add-circle';
+import '@solar-icons/react/bold-duotone/align-left';
+import '@solar-icons/react/bold-duotone/alt-arrow-down';
+import { AltArrowLeftIcon as AltArrowLeftIcon$1 } from '@solar-icons/react/bold-duotone/alt-arrow-left';
+import { AltArrowRightIcon as AltArrowRightIcon$1 } from '@solar-icons/react/bold-duotone/alt-arrow-right';
+import '@solar-icons/react/bold-duotone/alt-arrow-up';
+import '@solar-icons/react/bold-duotone/archive';
+import '@solar-icons/react/bold-duotone/arrow-right';
+import '@solar-icons/react/bold-duotone/arrow-to-top-left';
+import '@solar-icons/react/bold-duotone/arrow-to-top-right';
+import '@solar-icons/react/bold-duotone/bell';
+import '@solar-icons/react/bold-duotone/bolt';
+import '@solar-icons/react/bold-duotone/book';
+import '@solar-icons/react/bold-duotone/book-2';
+import '@solar-icons/react/bold-duotone/bookmark';
+import '@solar-icons/react/bold-duotone/bookmark-circle';
+import '@solar-icons/react/bold-duotone/box';
+import '@solar-icons/react/bold-duotone/branching-paths-up';
+import '@solar-icons/react/bold-duotone/bug';
+import '@solar-icons/react/bold-duotone/calendar-date';
+import '@solar-icons/react/bold-duotone/chat-round';
+import '@solar-icons/react/bold-duotone/chat-round-dots';
+import '@solar-icons/react/bold-duotone/chat-round-line';
+import '@solar-icons/react/bold-duotone/chat-square';
+import '@solar-icons/react/bold-duotone/check-circle';
+import '@solar-icons/react/bold-duotone/checklist';
+import '@solar-icons/react/bold-duotone/clipboard-list';
+import '@solar-icons/react/bold-duotone/clock-circle';
+import '@solar-icons/react/bold-duotone/compass';
+import '@solar-icons/react/bold-duotone/copy';
+import '@solar-icons/react/bold-duotone/crown';
+import '@solar-icons/react/bold-duotone/danger-triangle';
+import '@solar-icons/react/bold-duotone/database';
+import '@solar-icons/react/bold-duotone/diskette';
+import '@solar-icons/react/bold-duotone/dislike';
+import '@solar-icons/react/bold-duotone/document-add';
+import '@solar-icons/react/bold-duotone/document-text';
+import '@solar-icons/react/bold-duotone/double-alt-arrow-down';
+import '@solar-icons/react/bold-duotone/download';
+import '@solar-icons/react/bold-duotone/eraser';
+import '@solar-icons/react/bold-duotone/eye';
+import '@solar-icons/react/bold-duotone/file';
+import '@solar-icons/react/bold-duotone/file-remove';
+import '@solar-icons/react/bold-duotone/file-text';
+import '@solar-icons/react/bold-duotone/filter';
+import '@solar-icons/react/bold-duotone/filters';
+import '@solar-icons/react/bold-duotone/folder';
+import '@solar-icons/react/bold-duotone/folder-open';
+import '@solar-icons/react/bold-duotone/folder-path-connect';
+import '@solar-icons/react/bold-duotone/forbidden-circle';
+import '@solar-icons/react/bold-duotone/gallery';
+import '@solar-icons/react/bold-duotone/gallery-add';
+import '@solar-icons/react/bold-duotone/gallery-wide';
+import '@solar-icons/react/bold-duotone/global';
+import '@solar-icons/react/bold-duotone/graph-down';
+import '@solar-icons/react/bold-duotone/graph-up';
+import '@solar-icons/react/bold-duotone/hamburger-menu';
+import '@solar-icons/react/bold-duotone/hand-heart';
+import '@solar-icons/react/bold-duotone/heart';
+import '@solar-icons/react/bold-duotone/help';
+import '@solar-icons/react/bold-duotone/history';
+import '@solar-icons/react/bold-duotone/home-angle';
+import '@solar-icons/react/bold-duotone/info-circle';
+import '@solar-icons/react/bold-duotone/layers';
+import '@solar-icons/react/bold-duotone/letter';
+import '@solar-icons/react/bold-duotone/like';
+import '@solar-icons/react/bold-duotone/link';
+import '@solar-icons/react/bold-duotone/list';
+import '@solar-icons/react/bold-duotone/list-vertical';
+import '@solar-icons/react/bold-duotone/lock-password';
+import '@solar-icons/react/bold-duotone/login-2';
+import '@solar-icons/react/bold-duotone/logout';
+import '@solar-icons/react/bold-duotone/magic-wand-2';
+import '@solar-icons/react/bold-duotone/magnifier';
+import '@solar-icons/react/bold-duotone/magnifier-zoom-in';
+import '@solar-icons/react/bold-duotone/magnifier-zoom-out';
+import '@solar-icons/react/bold-duotone/maximize';
+import { MenuDotsIcon as MenuDotsIcon$1 } from '@solar-icons/react/bold-duotone/menu-dots';
+import '@solar-icons/react/bold-duotone/minimize';
+import '@solar-icons/react/bold-duotone/minus-square';
+import '@solar-icons/react/bold-duotone/monitor';
+import '@solar-icons/react/bold-duotone/monitor-smartphone';
+import '@solar-icons/react/bold-duotone/moon';
+import '@solar-icons/react/bold-duotone/move-to-folder';
+import '@solar-icons/react/bold-duotone/music-notes';
+import '@solar-icons/react/bold-duotone/palette';
+import '@solar-icons/react/bold-duotone/palette-round';
+import '@solar-icons/react/bold-duotone/pause';
+import '@solar-icons/react/bold-duotone/pen';
+import '@solar-icons/react/bold-duotone/pen-new-round';
+import '@solar-icons/react/bold-duotone/pie-chart';
+import '@solar-icons/react/bold-duotone/pin';
+import '@solar-icons/react/bold-duotone/play';
+import '@solar-icons/react/bold-duotone/plug-circle';
+import '@solar-icons/react/bold-duotone/plus-minus';
+import '@solar-icons/react/bold-duotone/pulse';
+import '@solar-icons/react/bold-duotone/refresh';
+import '@solar-icons/react/bold-duotone/refresh-circle';
+import '@solar-icons/react/bold-duotone/reorder';
+import '@solar-icons/react/bold-duotone/repeat';
+import '@solar-icons/react/bold-duotone/reply';
+import '@solar-icons/react/bold-duotone/restart';
+import '@solar-icons/react/bold-duotone/rocket';
+import '@solar-icons/react/bold-duotone/route';
+import '@solar-icons/react/bold-duotone/scale';
+import '@solar-icons/react/bold-duotone/server';
+import '@solar-icons/react/bold-duotone/settings';
+import '@solar-icons/react/bold-duotone/share';
+import '@solar-icons/react/bold-duotone/shield-check';
+import '@solar-icons/react/bold-duotone/sidebar-minimalistic';
+import '@solar-icons/react/bold-duotone/slider-horizontal';
+import '@solar-icons/react/bold-duotone/smartphone';
+import '@solar-icons/react/bold-duotone/sort';
+import '@solar-icons/react/bold-duotone/sort-by-time';
+import '@solar-icons/react/bold-duotone/sort-horizontal';
+import '@solar-icons/react/bold-duotone/sort-vertical';
+import '@solar-icons/react/bold-duotone/star';
+import '@solar-icons/react/bold-duotone/structure';
+import '@solar-icons/react/bold-duotone/sun';
+import '@solar-icons/react/bold-duotone/tag';
+import '@solar-icons/react/bold-duotone/telescope';
+import '@solar-icons/react/bold-duotone/test-tube';
+import '@solar-icons/react/bold-duotone/text-format';
+import '@solar-icons/react/bold-duotone/transfer-horizontal';
+import '@solar-icons/react/bold-duotone/translation';
+import '@solar-icons/react/bold-duotone/trash-bin-minimalistic';
+import '@solar-icons/react/bold-duotone/undo-left';
+import '@solar-icons/react/bold-duotone/undo-left-round';
+import '@solar-icons/react/bold-duotone/undo-right';
+import '@solar-icons/react/bold-duotone/undo-right-round';
+import '@solar-icons/react/bold-duotone/upload';
+import '@solar-icons/react/bold-duotone/user';
+import '@solar-icons/react/bold-duotone/user-id';
+import '@solar-icons/react/bold-duotone/user-minus';
+import '@solar-icons/react/bold-duotone/user-plus';
+import '@solar-icons/react/bold-duotone/users-group-rounded';
+import '@solar-icons/react/bold-duotone/users-group-two-rounded';
+import '@solar-icons/react/bold-duotone/video-frame';
+import '@solar-icons/react/bold-duotone/widget-2';
+import '@solar-icons/react/bold-duotone/widget-5';
+import '@solar-icons/react/bold-duotone/window-frame';
+import '@solar-icons/react/linear/add-circle';
+import '@solar-icons/react/linear/align-left';
+import '@solar-icons/react/linear/alt-arrow-down';
+import { AltArrowLeftIcon } from '@solar-icons/react/linear/alt-arrow-left';
+import { AltArrowRightIcon } from '@solar-icons/react/linear/alt-arrow-right';
+import '@solar-icons/react/linear/alt-arrow-up';
+import '@solar-icons/react/linear/archive';
+import '@solar-icons/react/linear/arrow-right';
+import '@solar-icons/react/linear/arrow-to-top-left';
+import '@solar-icons/react/linear/arrow-to-top-right';
+import '@solar-icons/react/linear/bell';
+import '@solar-icons/react/linear/bolt';
+import '@solar-icons/react/linear/book';
+import '@solar-icons/react/linear/book-2';
+import '@solar-icons/react/linear/bookmark';
+import '@solar-icons/react/linear/bookmark-circle';
+import '@solar-icons/react/linear/box';
+import '@solar-icons/react/linear/branching-paths-up';
+import '@solar-icons/react/linear/bug';
+import '@solar-icons/react/linear/calendar-date';
+import '@solar-icons/react/linear/chat-round';
+import '@solar-icons/react/linear/chat-round-dots';
+import '@solar-icons/react/linear/chat-round-line';
+import '@solar-icons/react/linear/chat-square';
+import '@solar-icons/react/linear/check-circle';
+import '@solar-icons/react/linear/checklist';
+import '@solar-icons/react/linear/clipboard-list';
+import '@solar-icons/react/linear/clock-circle';
+import '@solar-icons/react/linear/compass';
+import '@solar-icons/react/linear/copy';
+import '@solar-icons/react/linear/crown';
+import '@solar-icons/react/linear/danger-triangle';
+import '@solar-icons/react/linear/database';
+import '@solar-icons/react/linear/diskette';
+import '@solar-icons/react/linear/dislike';
+import '@solar-icons/react/linear/document-add';
+import '@solar-icons/react/linear/document-text';
+import '@solar-icons/react/linear/double-alt-arrow-down';
+import '@solar-icons/react/linear/download';
+import '@solar-icons/react/linear/eraser';
+import '@solar-icons/react/linear/eye';
+import '@solar-icons/react/linear/file';
+import '@solar-icons/react/linear/file-remove';
+import '@solar-icons/react/linear/file-text';
+import '@solar-icons/react/linear/filter';
+import '@solar-icons/react/linear/filters';
+import '@solar-icons/react/linear/folder';
+import '@solar-icons/react/linear/folder-open';
+import '@solar-icons/react/linear/folder-path-connect';
+import '@solar-icons/react/linear/forbidden-circle';
+import '@solar-icons/react/linear/gallery';
+import '@solar-icons/react/linear/gallery-add';
+import '@solar-icons/react/linear/gallery-wide';
+import '@solar-icons/react/linear/global';
+import '@solar-icons/react/linear/graph-down';
+import '@solar-icons/react/linear/graph-up';
+import '@solar-icons/react/linear/hamburger-menu';
+import '@solar-icons/react/linear/hand-heart';
+import '@solar-icons/react/linear/heart';
+import '@solar-icons/react/linear/help';
+import '@solar-icons/react/linear/history';
+import '@solar-icons/react/linear/home-angle';
+import '@solar-icons/react/linear/info-circle';
+import '@solar-icons/react/linear/layers';
+import '@solar-icons/react/linear/letter';
+import '@solar-icons/react/linear/like';
+import '@solar-icons/react/linear/link';
+import '@solar-icons/react/linear/list';
+import '@solar-icons/react/linear/list-vertical';
+import '@solar-icons/react/linear/lock-password';
+import '@solar-icons/react/linear/login-2';
+import '@solar-icons/react/linear/logout';
+import '@solar-icons/react/linear/magic-wand-2';
+import '@solar-icons/react/linear/magnifier';
+import '@solar-icons/react/linear/magnifier-zoom-in';
+import '@solar-icons/react/linear/magnifier-zoom-out';
+import '@solar-icons/react/linear/maximize';
+import '@solar-icons/react/linear/minimize';
+import '@solar-icons/react/linear/minus-square';
+import '@solar-icons/react/linear/monitor';
+import '@solar-icons/react/linear/monitor-smartphone';
+import '@solar-icons/react/linear/moon';
+import '@solar-icons/react/linear/move-to-folder';
+import '@solar-icons/react/linear/music-notes';
+import '@solar-icons/react/linear/palette';
+import '@solar-icons/react/linear/palette-round';
+import '@solar-icons/react/linear/pause';
+import '@solar-icons/react/linear/pen';
+import '@solar-icons/react/linear/pen-new-round';
+import '@solar-icons/react/linear/pie-chart';
+import '@solar-icons/react/linear/pin';
+import '@solar-icons/react/linear/play';
+import '@solar-icons/react/linear/plug-circle';
+import '@solar-icons/react/linear/plus-minus';
+import '@solar-icons/react/linear/pulse';
+import '@solar-icons/react/linear/refresh';
+import '@solar-icons/react/linear/refresh-circle';
+import '@solar-icons/react/linear/reorder';
+import '@solar-icons/react/linear/repeat';
+import '@solar-icons/react/linear/reply';
+import '@solar-icons/react/linear/restart';
+import '@solar-icons/react/linear/rocket';
+import '@solar-icons/react/linear/route';
+import '@solar-icons/react/linear/scale';
+import '@solar-icons/react/linear/server';
+import '@solar-icons/react/linear/settings';
+import '@solar-icons/react/linear/share';
+import '@solar-icons/react/linear/shield-check';
+import '@solar-icons/react/linear/sidebar-minimalistic';
+import '@solar-icons/react/linear/slider-horizontal';
+import '@solar-icons/react/linear/smartphone';
+import '@solar-icons/react/linear/sort';
+import '@solar-icons/react/linear/sort-by-time';
+import '@solar-icons/react/linear/sort-horizontal';
+import '@solar-icons/react/linear/sort-vertical';
+import '@solar-icons/react/linear/star';
+import '@solar-icons/react/linear/structure';
+import '@solar-icons/react/linear/sun';
+import '@solar-icons/react/linear/tag';
+import '@solar-icons/react/linear/telescope';
+import '@solar-icons/react/linear/test-tube';
+import '@solar-icons/react/linear/text-format';
+import '@solar-icons/react/linear/transfer-horizontal';
+import '@solar-icons/react/linear/translation';
+import '@solar-icons/react/linear/trash-bin-minimalistic';
+import '@solar-icons/react/linear/undo-left';
+import '@solar-icons/react/linear/undo-left-round';
+import '@solar-icons/react/linear/undo-right';
+import '@solar-icons/react/linear/undo-right-round';
+import '@solar-icons/react/linear/upload';
+import '@solar-icons/react/linear/user';
+import '@solar-icons/react/linear/user-id';
+import '@solar-icons/react/linear/user-minus';
+import '@solar-icons/react/linear/user-plus';
+import '@solar-icons/react/linear/users-group-rounded';
+import '@solar-icons/react/linear/users-group-two-rounded';
+import '@solar-icons/react/linear/video-frame';
+import '@solar-icons/react/linear/widget-2';
+import '@solar-icons/react/linear/widget-5';
+import '@solar-icons/react/linear/window-frame';
+import { useTranslation } from 'react-i18next';
+
+// src/components/pagination.tsx
+var mergeTheme = {
+  text: ["tiny", "ui", "doc", "doc-title", "doc-heading", "quote"],
+  spacing: ["chip", "control", "nav", "sidebar", "panel"],
+  tracking: ["label"],
+  shadow: ["card", "dialog"],
+  container: ["reading", "medium", "content"],
+  font: ["doc", "heading"],
+  ease: ["standard"],
+  animate: ["skel", "pop"]
+};
+var twMerge = extendTailwindMerge({
+  extend: { theme: mergeTheme }
+});
+
+// src/lib/utils.ts
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+var buttonVariants = cva(
+  "group/button inline-flex shrink-0 items-center justify-center rounded-lg text-ui font-medium whitespace-nowrap outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary px-4! text-primary-foreground hover:bg-primary/80",
+        outline: "border-border bg-background shadow-xs hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
+        secondary: "bg-secondary text-foreground hover:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)] aria-expanded:bg-secondary aria-expanded:text-foreground",
+        ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
+        destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
+        danger: "bg-[color-mix(in_oklab,var(--destructive),black_12%)] text-white hover:bg-[color-mix(in_oklab,var(--destructive),black_4%)] focus-visible:border-destructive/40 focus-visible:ring-destructive/20 disabled:bg-destructive/10 disabled:text-muted-foreground dark:focus-visible:ring-destructive/40",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-control gap-2 px-3 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+        xs: "h-6 gap-2 rounded-[min(var(--radius-md),8px)] px-2 text-xs in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
+        sm: "h-chip gap-2 rounded-[min(var(--radius-md),10px)] px-2.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5",
+        lg: "h-10 gap-2 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+        icon: "size-9",
+        "icon-xs": "size-6 rounded-[min(var(--radius-md),8px)] in-data-[slot=button-group]:rounded-md [&_svg:not([class*='size-'])]:size-3",
+        "icon-sm": "size-8 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-md",
+        "icon-lg": "size-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Button({
+  active,
+  className,
+  variant = "default",
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Button$1,
+    {
+      "data-slot": "button",
+      className: cn(
+        buttonVariants({ variant, size, className }),
+        active && "bg-accent text-accent-foreground hover:bg-accent"
+      ),
+      ...props
+    }
+  );
+}
+function readIconMode() {
+  return document.documentElement.dataset.iconStyle === "linear" ? "linear" : "boldDuotone";
+}
+var currentMode = "boldDuotone";
+var observer;
+var listeners = /* @__PURE__ */ new Set();
+function ensureObserver() {
+  if (observer !== void 0 || typeof document === "undefined") return;
+  observer = new MutationObserver(() => {
+    const next = readIconMode();
+    if (next === currentMode) return;
+    currentMode = next;
+    for (const cb of listeners) cb();
+  });
+  observer.observe(document.documentElement, {
+    attributes: true,
+    attributeFilter: ["data-icon-style"]
+  });
+}
+function subscribeIconStyle(callback) {
+  ensureObserver();
+  currentMode = readIconMode();
+  listeners.add(callback);
+  return () => {
+    listeners.delete(callback);
+  };
+}
+function getIconStyleSnapshot() {
+  return currentMode;
+}
+function createIcon(variants) {
+  function Icon(props) {
+    const current = useSyncExternalStore(
+      subscribeIconStyle,
+      getIconStyleSnapshot,
+      () => "boldDuotone"
+    );
+    const { mode, ...rest } = props;
+    const Component = variants[mode ?? current];
+    const className = typeof rest.className === "string" ? `hd-icon ${rest.className}` : "hd-icon";
+    return createElement(Component, { ...rest, className });
+  }
+  return Icon;
+}
+var AltArrowLeft = createIcon({
+  bold: AltArrowLeftIcon$2,
+  boldDuotone: AltArrowLeftIcon$1,
+  linear: AltArrowLeftIcon
+});
+var AltArrowRight = createIcon({
+  bold: AltArrowRightIcon$2,
+  boldDuotone: AltArrowRightIcon$1,
+  linear: AltArrowRightIcon
+});
+var MenuDots = createIcon({
+  bold: MenuDotsIcon,
+  boldDuotone: MenuDotsIcon$1,
+  linear: MenuDotsIcon
+});
+function Pagination({ className, ...props }) {
+  const { t } = useTranslation("ui", { useSuspense: false });
+  return /* @__PURE__ */ jsx(
+    "nav",
+    {
+      role: "navigation",
+      "aria-label": t("pagination.region"),
+      "data-slot": "pagination",
+      className: cn("mx-auto flex w-full justify-center", className),
+      ...props
+    }
+  );
+}
+function PaginationContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "ul",
+    {
+      "data-slot": "pagination-content",
+      className: cn("flex items-center gap-1", className),
+      ...props
+    }
+  );
+}
+function PaginationItem({ ...props }) {
+  return /* @__PURE__ */ jsx("li", { "data-slot": "pagination-item", ...props });
+}
+function PaginationLink({
+  className,
+  isActive,
+  size = "icon",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant: isActive ? "outline" : "ghost",
+      size,
+      className: cn(className),
+      nativeButton: false,
+      render: /* @__PURE__ */ jsx(
+        "a",
+        {
+          "aria-current": isActive ? "page" : void 0,
+          "data-slot": "pagination-link",
+          "data-active": isActive,
+          ...props
+        }
+      )
+    }
+  );
+}
+function PaginationPrevious({
+  className,
+  text,
+  ...props
+}) {
+  const { t } = useTranslation("ui", { useSuspense: false });
+  return /* @__PURE__ */ jsxs(
+    PaginationLink,
+    {
+      "aria-label": t("pagination.previous"),
+      size: "default",
+      className: cn("pl-2!", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(AltArrowLeft, { "data-icon": "inline-start" }),
+        /* @__PURE__ */ jsx("span", { className: "hidden sm:block", children: text ?? t("pagination.previous") })
+      ]
+    }
+  );
+}
+function PaginationNext({
+  className,
+  text,
+  ...props
+}) {
+  const { t } = useTranslation("ui", { useSuspense: false });
+  return /* @__PURE__ */ jsxs(
+    PaginationLink,
+    {
+      "aria-label": t("pagination.next"),
+      size: "default",
+      className: cn("pr-2!", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "hidden sm:block", children: text ?? t("pagination.next") }),
+        /* @__PURE__ */ jsx(AltArrowRight, { "data-icon": "inline-end" })
+      ]
+    }
+  );
+}
+function PaginationEllipsis({
+  className,
+  ...props
+}) {
+  const { t } = useTranslation("ui", { useSuspense: false });
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      "aria-hidden": true,
+      "data-slot": "pagination-ellipsis",
+      className: cn(
+        "flex size-9 items-center justify-center [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          MenuDots,
+          {}
+        ),
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: t("pagination.morePages") })
+      ]
+    }
+  );
+}
+
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };
+//# sourceMappingURL=pagination.js.map
+//# sourceMappingURL=pagination.js.map