@lglab/compose-ui 0.29.0 → 0.30.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (87) hide show
  1. package/dist/accordion.d.ts +6 -6
  2. package/dist/accordion.d.ts.map +1 -1
  3. package/dist/alert-dialog.d.ts +10 -10
  4. package/dist/autocomplete.d.ts +13 -13
  5. package/dist/autocomplete.d.ts.map +1 -1
  6. package/dist/avatar.d.ts +5 -5
  7. package/dist/avatar.d.ts.map +1 -1
  8. package/dist/badge.d.ts +4 -4
  9. package/dist/badge.js +5 -5
  10. package/dist/badge.js.map +1 -1
  11. package/dist/button.d.ts +2 -2
  12. package/dist/button.d.ts.map +1 -1
  13. package/dist/card.d.ts +8 -8
  14. package/dist/checkbox-group.d.ts +2 -2
  15. package/dist/checkbox.d.ts +3 -3
  16. package/dist/collapsible.d.ts +4 -4
  17. package/dist/collapsible.d.ts.map +1 -1
  18. package/dist/combobox.d.ts +25 -25
  19. package/dist/components/table/filters.d.ts +29 -0
  20. package/dist/components/table/filters.d.ts.map +1 -0
  21. package/dist/components/table/filters.js +47 -0
  22. package/dist/components/table/filters.js.map +1 -0
  23. package/dist/components/table/primitives.d.ts +93 -0
  24. package/dist/components/table/primitives.d.ts.map +1 -0
  25. package/dist/components/table/primitives.js +129 -0
  26. package/dist/components/table/primitives.js.map +1 -0
  27. package/dist/components/table/sort.js +17 -0
  28. package/dist/components/table/sort.js.map +1 -0
  29. package/dist/components/table/types.d.ts +101 -0
  30. package/dist/components/table/types.d.ts.map +1 -0
  31. package/dist/context-menu.d.ts +20 -20
  32. package/dist/context-menu.d.ts.map +1 -1
  33. package/dist/dialog.d.ts +11 -11
  34. package/dist/drawer.d.ts +12 -12
  35. package/dist/field.d.ts +8 -8
  36. package/dist/fieldset.d.ts +3 -3
  37. package/dist/fieldset.d.ts.map +1 -1
  38. package/dist/form.d.ts +2 -2
  39. package/dist/index.d.ts +5 -1
  40. package/dist/index.js +4 -1
  41. package/dist/input.d.ts +2 -2
  42. package/dist/lib/control-variants.js +3 -2
  43. package/dist/lib/control-variants.js.map +1 -1
  44. package/dist/menu.d.ts +20 -20
  45. package/dist/menubar.d.ts +21 -21
  46. package/dist/meter.d.ts +6 -6
  47. package/dist/navigation-menu.d.ts +14 -14
  48. package/dist/navigation-menu.d.ts.map +1 -1
  49. package/dist/number-field.d.ts +8 -8
  50. package/dist/pagination.d.ts +184 -0
  51. package/dist/pagination.d.ts.map +1 -0
  52. package/dist/pagination.js +164 -0
  53. package/dist/pagination.js.map +1 -0
  54. package/dist/popover.d.ts +12 -12
  55. package/dist/popover.d.ts.map +1 -1
  56. package/dist/preview-card.d.ts +8 -8
  57. package/dist/progress.d.ts +6 -6
  58. package/dist/radio-group.d.ts +2 -2
  59. package/dist/radio.d.ts +3 -3
  60. package/dist/scroll-area.d.ts +7 -7
  61. package/dist/scroll-area.d.ts.map +1 -1
  62. package/dist/select.d.ts +19 -19
  63. package/dist/select.d.ts.map +1 -1
  64. package/dist/select.js +1 -1
  65. package/dist/select.js.map +1 -1
  66. package/dist/separator.d.ts +2 -2
  67. package/dist/skeleton.d.ts +2 -2
  68. package/dist/slider.d.ts +7 -7
  69. package/dist/styles/default.css +1 -1
  70. package/dist/switch.d.ts +3 -3
  71. package/dist/table/index.d.ts +5 -0
  72. package/dist/table/index.js +5 -0
  73. package/dist/table/use-table.d.ts +9 -0
  74. package/dist/table/use-table.d.ts.map +1 -0
  75. package/dist/table/use-table.js +256 -0
  76. package/dist/table/use-table.js.map +1 -0
  77. package/dist/tabs.d.ts +6 -6
  78. package/dist/textarea.d.ts +2 -2
  79. package/dist/textarea.d.ts.map +1 -1
  80. package/dist/toast.d.ts +10 -10
  81. package/dist/toggle-group.d.ts +3 -3
  82. package/dist/toggle.d.ts +2 -2
  83. package/dist/toolbar.d.ts +7 -7
  84. package/dist/toolbar.js +1 -1
  85. package/dist/toolbar.js.map +1 -1
  86. package/dist/tooltip.d.ts +8 -8
  87. package/package.json +20 -8
@@ -0,0 +1,184 @@
1
+ import { ControlSize, ControlVariant } from "./lib/control-variants.js";
2
+ import * as React from "react";
3
+ import * as react_jsx_runtime66 from "react/jsx-runtime";
4
+
5
+ //#region src/components/pagination.d.ts
6
+ type PaginationPage = number | 'ellipsis';
7
+ type UsePaginationOptions = {
8
+ /** Current active page (1-indexed) */
9
+ currentPage: number;
10
+ /** Total number of pages */
11
+ totalPages: number;
12
+ /** Number of pages to show on each side of current page (default: 1) */
13
+ siblingCount?: number;
14
+ /** Callback when page changes */
15
+ onPageChange: (page: number) => void;
16
+ /** Current page size */
17
+ pageSize?: number;
18
+ /** Available page size options (default: [10, 25, 50, 100]) */
19
+ pageSizeOptions?: number[];
20
+ /** Callback when page size changes */
21
+ onPageSizeChange?: (pageSize: number) => void;
22
+ };
23
+ type UsePaginationReturn = {
24
+ /** Array of page numbers and 'ellipsis' markers */
25
+ pages: PaginationPage[];
26
+ /** Current active page */
27
+ currentPage: number;
28
+ /** Total number of pages */
29
+ totalPages: number;
30
+ /** Whether navigation to next page is possible */
31
+ canGoNext: boolean;
32
+ /** Whether navigation to previous page is possible */
33
+ canGoPrevious: boolean;
34
+ /** Navigate to a specific page */
35
+ goToPage: (page: number) => void;
36
+ /** Navigate to the next page */
37
+ goToNext: () => void;
38
+ /** Navigate to the previous page */
39
+ goToPrevious: () => void;
40
+ /** Navigate to the first page */
41
+ goToFirst: () => void;
42
+ /** Navigate to the last page */
43
+ goToLast: () => void;
44
+ /** Current page size */
45
+ pageSize: number;
46
+ /** Available page size options */
47
+ pageSizeOptions: number[];
48
+ /** Set page size (calls onPageSizeChange if provided) */
49
+ setPageSize: (size: number) => void;
50
+ };
51
+ declare function usePagination({
52
+ currentPage,
53
+ totalPages,
54
+ siblingCount,
55
+ onPageChange,
56
+ pageSize,
57
+ pageSizeOptions,
58
+ onPageSizeChange
59
+ }: UsePaginationOptions): UsePaginationReturn;
60
+ type PaginationRootProps = React.ComponentProps<'nav'>;
61
+ declare const PaginationRoot: {
62
+ ({
63
+ className,
64
+ ...props
65
+ }: PaginationRootProps): react_jsx_runtime66.JSX.Element;
66
+ displayName: string;
67
+ };
68
+ type PaginationContentProps = React.ComponentProps<'ul'>;
69
+ declare const PaginationContent: {
70
+ ({
71
+ className,
72
+ ...props
73
+ }: PaginationContentProps): react_jsx_runtime66.JSX.Element;
74
+ displayName: string;
75
+ };
76
+ type PaginationItemProps = React.ComponentProps<'li'>;
77
+ declare const PaginationItem: {
78
+ ({
79
+ className,
80
+ ...props
81
+ }: PaginationItemProps): react_jsx_runtime66.JSX.Element;
82
+ displayName: string;
83
+ };
84
+ type PaginationButtonProps = React.ComponentProps<'button'> & {
85
+ /** Whether this button represents the current active page */
86
+ isActive?: boolean;
87
+ /** Visual style of the button */
88
+ variant?: ControlVariant;
89
+ /** Size of the button */
90
+ size?: ControlSize;
91
+ };
92
+ declare const PaginationButton: {
93
+ ({
94
+ className,
95
+ isActive,
96
+ variant,
97
+ size,
98
+ ...props
99
+ }: PaginationButtonProps): react_jsx_runtime66.JSX.Element;
100
+ displayName: string;
101
+ };
102
+ type PaginationPreviousProps = React.ComponentProps<'button'> & {
103
+ /** Visual style of the button */
104
+ variant?: ControlVariant;
105
+ /** Size of the button */
106
+ size?: ControlSize;
107
+ };
108
+ declare const PaginationPrevious: {
109
+ ({
110
+ className,
111
+ disabled,
112
+ variant,
113
+ size,
114
+ children,
115
+ ...props
116
+ }: PaginationPreviousProps): react_jsx_runtime66.JSX.Element;
117
+ displayName: string;
118
+ };
119
+ type PaginationNextProps = React.ComponentProps<'button'> & {
120
+ /** Visual style of the button */
121
+ variant?: ControlVariant;
122
+ /** Size of the button */
123
+ size?: ControlSize;
124
+ };
125
+ declare const PaginationNext: {
126
+ ({
127
+ className,
128
+ disabled,
129
+ variant,
130
+ size,
131
+ children,
132
+ ...props
133
+ }: PaginationNextProps): react_jsx_runtime66.JSX.Element;
134
+ displayName: string;
135
+ };
136
+ type PaginationFirstProps = React.ComponentProps<'button'> & {
137
+ /** Visual style of the button */
138
+ variant?: ControlVariant;
139
+ /** Size of the button */
140
+ size?: ControlSize;
141
+ };
142
+ declare const PaginationFirst: {
143
+ ({
144
+ className,
145
+ disabled,
146
+ variant,
147
+ size,
148
+ children,
149
+ ...props
150
+ }: PaginationFirstProps): react_jsx_runtime66.JSX.Element;
151
+ displayName: string;
152
+ };
153
+ type PaginationLastProps = React.ComponentProps<'button'> & {
154
+ /** Visual style of the button */
155
+ variant?: ControlVariant;
156
+ /** Size of the button */
157
+ size?: ControlSize;
158
+ };
159
+ declare const PaginationLast: {
160
+ ({
161
+ className,
162
+ disabled,
163
+ variant,
164
+ size,
165
+ children,
166
+ ...props
167
+ }: PaginationLastProps): react_jsx_runtime66.JSX.Element;
168
+ displayName: string;
169
+ };
170
+ type PaginationEllipsisProps = React.ComponentProps<'span'> & {
171
+ /** Size of the ellipsis container */
172
+ size?: ControlSize;
173
+ };
174
+ declare const PaginationEllipsis: {
175
+ ({
176
+ className,
177
+ size,
178
+ ...props
179
+ }: PaginationEllipsisProps): react_jsx_runtime66.JSX.Element;
180
+ displayName: string;
181
+ };
182
+ //#endregion
183
+ export { PaginationButton, type PaginationButtonProps, PaginationContent, type PaginationContentProps, PaginationEllipsis, type PaginationEllipsisProps, PaginationFirst, type PaginationFirstProps, PaginationItem, type PaginationItemProps, PaginationLast, type PaginationLastProps, PaginationNext, type PaginationNextProps, type PaginationPage, PaginationPrevious, type PaginationPreviousProps, PaginationRoot, type PaginationRootProps, type UsePaginationOptions, type UsePaginationReturn, usePagination };
184
+ //# sourceMappingURL=pagination.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"pagination.d.ts","names":[],"sources":["../src/components/pagination.tsx"],"sourcesContent":[],"mappings":"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"}
@@ -0,0 +1,164 @@
1
+ 'use client';
2
+
3
+ import { cn } from "./lib/utils.js";
4
+ import { controlVariants } from "./lib/control-variants.js";
5
+ import * as React from "react";
6
+ import { jsx } from "react/jsx-runtime";
7
+
8
+ //#region src/components/pagination.tsx
9
+ const DEFAULT_PAGE_SIZE_OPTIONS = [
10
+ 10,
11
+ 25,
12
+ 50,
13
+ 100
14
+ ];
15
+ /**
16
+ * Generate page numbers with ellipsis for pagination display
17
+ */
18
+ function computePageRange(currentPage, totalPages, siblingCount) {
19
+ if (totalPages <= 1) return [1];
20
+ if (totalPages <= 7) return Array.from({ length: totalPages }, (_, i) => i + 1);
21
+ const result = [];
22
+ const leftSiblingIndex = Math.max(currentPage - siblingCount, 1);
23
+ const rightSiblingIndex = Math.min(currentPage + siblingCount, totalPages);
24
+ const shouldShowLeftEllipsis = leftSiblingIndex > 2;
25
+ const shouldShowRightEllipsis = rightSiblingIndex < totalPages - 1;
26
+ result.push(1);
27
+ if (shouldShowLeftEllipsis) result.push("ellipsis");
28
+ for (let i = leftSiblingIndex; i <= rightSiblingIndex; i++) if (i !== 1 && i !== totalPages) result.push(i);
29
+ if (shouldShowRightEllipsis) result.push("ellipsis");
30
+ if (totalPages > 1) result.push(totalPages);
31
+ return result;
32
+ }
33
+ function usePagination({ currentPage, totalPages, siblingCount = 1, onPageChange, pageSize = DEFAULT_PAGE_SIZE_OPTIONS[0], pageSizeOptions = DEFAULT_PAGE_SIZE_OPTIONS, onPageSizeChange }) {
34
+ const pages = React.useMemo(() => computePageRange(currentPage, totalPages, siblingCount), [
35
+ currentPage,
36
+ totalPages,
37
+ siblingCount
38
+ ]);
39
+ const setPageSize = React.useCallback((size) => {
40
+ onPageSizeChange?.(size);
41
+ }, [onPageSizeChange]);
42
+ return {
43
+ pages,
44
+ currentPage,
45
+ totalPages,
46
+ canGoNext: currentPage < totalPages,
47
+ canGoPrevious: currentPage > 1,
48
+ goToPage: onPageChange,
49
+ goToNext: () => onPageChange(Math.min(currentPage + 1, totalPages)),
50
+ goToPrevious: () => onPageChange(Math.max(currentPage - 1, 1)),
51
+ goToFirst: () => onPageChange(1),
52
+ goToLast: () => onPageChange(totalPages),
53
+ pageSize,
54
+ pageSizeOptions,
55
+ setPageSize
56
+ };
57
+ }
58
+ const PaginationRoot = ({ className, ...props }) => {
59
+ return /* @__PURE__ */ jsx("nav", {
60
+ "aria-label": "pagination",
61
+ className,
62
+ ...props
63
+ });
64
+ };
65
+ PaginationRoot.displayName = "PaginationRoot";
66
+ const PaginationContent = ({ className, ...props }) => {
67
+ return /* @__PURE__ */ jsx("ul", {
68
+ role: "list",
69
+ className: cn("flex flex-row flex-wrap items-center gap-1 w-fit", className),
70
+ ...props
71
+ });
72
+ };
73
+ PaginationContent.displayName = "PaginationContent";
74
+ const PaginationItem = ({ className, ...props }) => {
75
+ return /* @__PURE__ */ jsx("li", {
76
+ className: cn("", className),
77
+ ...props
78
+ });
79
+ };
80
+ PaginationItem.displayName = "PaginationItem";
81
+ const PaginationButton = ({ className, isActive, variant, size = "icon-sm", ...props }) => {
82
+ return /* @__PURE__ */ jsx("button", {
83
+ type: "button",
84
+ "aria-current": isActive ? "page" : void 0,
85
+ className: cn(controlVariants({
86
+ variant,
87
+ size
88
+ }), className),
89
+ ...props
90
+ });
91
+ };
92
+ PaginationButton.displayName = "PaginationButton";
93
+ const PaginationPrevious = ({ className, disabled, variant, size = "icon-sm", children, ...props }) => {
94
+ return /* @__PURE__ */ jsx("button", {
95
+ type: "button",
96
+ "aria-label": "Go to previous page",
97
+ "aria-disabled": disabled || void 0,
98
+ disabled,
99
+ className: cn(controlVariants({
100
+ variant,
101
+ size
102
+ }), disabled && "pointer-events-none opacity-50", className),
103
+ ...props,
104
+ children
105
+ });
106
+ };
107
+ PaginationPrevious.displayName = "PaginationPrevious";
108
+ const PaginationNext = ({ className, disabled, variant, size = "icon-sm", children, ...props }) => {
109
+ return /* @__PURE__ */ jsx("button", {
110
+ type: "button",
111
+ "aria-label": "Go to next page",
112
+ "aria-disabled": disabled || void 0,
113
+ disabled,
114
+ className: cn(controlVariants({
115
+ variant,
116
+ size
117
+ }), disabled && "pointer-events-none opacity-50", className),
118
+ ...props,
119
+ children
120
+ });
121
+ };
122
+ PaginationNext.displayName = "PaginationNext";
123
+ const PaginationFirst = ({ className, disabled, variant, size = "icon-sm", children, ...props }) => {
124
+ return /* @__PURE__ */ jsx("button", {
125
+ type: "button",
126
+ "aria-label": "Go to first page",
127
+ "aria-disabled": disabled || void 0,
128
+ disabled,
129
+ className: cn(controlVariants({
130
+ variant,
131
+ size
132
+ }), disabled && "pointer-events-none opacity-50", className),
133
+ ...props,
134
+ children
135
+ });
136
+ };
137
+ PaginationFirst.displayName = "PaginationFirst";
138
+ const PaginationLast = ({ className, disabled, variant, size = "icon-sm", children, ...props }) => {
139
+ return /* @__PURE__ */ jsx("button", {
140
+ type: "button",
141
+ "aria-label": "Go to last page",
142
+ "aria-disabled": disabled || void 0,
143
+ disabled,
144
+ className: cn(controlVariants({
145
+ variant,
146
+ size
147
+ }), disabled && "pointer-events-none opacity-50", className),
148
+ ...props,
149
+ children
150
+ });
151
+ };
152
+ PaginationLast.displayName = "PaginationLast";
153
+ const PaginationEllipsis = ({ className, size = "icon-sm", ...props }) => {
154
+ return /* @__PURE__ */ jsx("span", {
155
+ "aria-hidden": "true",
156
+ className: cn(controlVariants({ size }), "border-transparent bg-transparent shadow-none", className),
157
+ ...props
158
+ });
159
+ };
160
+ PaginationEllipsis.displayName = "PaginationEllipsis";
161
+
162
+ //#endregion
163
+ export { PaginationButton, PaginationContent, PaginationEllipsis, PaginationFirst, PaginationItem, PaginationLast, PaginationNext, PaginationPrevious, PaginationRoot, usePagination };
164
+ //# sourceMappingURL=pagination.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"pagination.js","names":[],"sources":["../src/components/pagination.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\n\nimport {\n type ControlSize,\n type ControlVariant,\n controlVariants,\n} from '../lib/control-variants'\nimport { cn } from '../lib/utils'\n\n// ============================================================================\n// usePagination Hook\n// ============================================================================\n\ntype PaginationPage = number | 'ellipsis'\n\nconst DEFAULT_PAGE_SIZE_OPTIONS = [10, 25, 50, 100]\n\ntype UsePaginationOptions = {\n /** Current active page (1-indexed) */\n currentPage: number\n /** Total number of pages */\n totalPages: number\n /** Number of pages to show on each side of current page (default: 1) */\n siblingCount?: number\n /** Callback when page changes */\n onPageChange: (page: number) => void\n /** Current page size */\n pageSize?: number\n /** Available page size options (default: [10, 25, 50, 100]) */\n pageSizeOptions?: number[]\n /** Callback when page size changes */\n onPageSizeChange?: (pageSize: number) => void\n}\n\ntype UsePaginationReturn = {\n /** Array of page numbers and 'ellipsis' markers */\n pages: PaginationPage[]\n /** Current active page */\n currentPage: number\n /** Total number of pages */\n totalPages: number\n /** Whether navigation to next page is possible */\n canGoNext: boolean\n /** Whether navigation to previous page is possible */\n canGoPrevious: boolean\n /** Navigate to a specific page */\n goToPage: (page: number) => void\n /** Navigate to the next page */\n goToNext: () => void\n /** Navigate to the previous page */\n goToPrevious: () => void\n /** Navigate to the first page */\n goToFirst: () => void\n /** Navigate to the last page */\n goToLast: () => void\n /** Current page size */\n pageSize: number\n /** Available page size options */\n pageSizeOptions: number[]\n /** Set page size (calls onPageSizeChange if provided) */\n setPageSize: (size: number) => void\n}\n\n/**\n * Generate page numbers with ellipsis for pagination display\n */\nfunction computePageRange(\n currentPage: number,\n totalPages: number,\n siblingCount: number,\n): PaginationPage[] {\n if (totalPages <= 1) return [1]\n if (totalPages <= 7) {\n // Show all pages if 7 or fewer\n return Array.from({ length: totalPages }, (_, i) => i + 1)\n }\n\n const result: PaginationPage[] = []\n const leftSiblingIndex = Math.max(currentPage - siblingCount, 1)\n const rightSiblingIndex = Math.min(currentPage + siblingCount, totalPages)\n\n const shouldShowLeftEllipsis = leftSiblingIndex > 2\n const shouldShowRightEllipsis = rightSiblingIndex < totalPages - 1\n\n // Always show first page\n result.push(1)\n\n if (shouldShowLeftEllipsis) {\n result.push('ellipsis')\n }\n\n // Add pages around current page (excluding first and last which are handled separately)\n for (let i = leftSiblingIndex; i <= rightSiblingIndex; i++) {\n if (i !== 1 && i !== totalPages) {\n result.push(i)\n }\n }\n\n if (shouldShowRightEllipsis) {\n result.push('ellipsis')\n }\n\n // Always show last page\n if (totalPages > 1) {\n result.push(totalPages)\n }\n\n return result\n}\n\nfunction usePagination({\n currentPage,\n totalPages,\n siblingCount = 1,\n onPageChange,\n pageSize = DEFAULT_PAGE_SIZE_OPTIONS[0],\n pageSizeOptions = DEFAULT_PAGE_SIZE_OPTIONS,\n onPageSizeChange,\n}: UsePaginationOptions): UsePaginationReturn {\n const pages = React.useMemo(\n () => computePageRange(currentPage, totalPages, siblingCount),\n [currentPage, totalPages, siblingCount],\n )\n\n const setPageSize = React.useCallback(\n (size: number) => {\n onPageSizeChange?.(size)\n },\n [onPageSizeChange],\n )\n\n return {\n pages,\n currentPage,\n totalPages,\n canGoNext: currentPage < totalPages,\n canGoPrevious: currentPage > 1,\n goToPage: onPageChange,\n goToNext: () => onPageChange(Math.min(currentPage + 1, totalPages)),\n goToPrevious: () => onPageChange(Math.max(currentPage - 1, 1)),\n goToFirst: () => onPageChange(1),\n goToLast: () => onPageChange(totalPages),\n pageSize,\n pageSizeOptions,\n setPageSize,\n }\n}\n\n// ============================================================================\n// PaginationRoot\n// ============================================================================\n\ntype PaginationRootProps = React.ComponentProps<'nav'>\n\nconst PaginationRoot = ({ className, ...props }: PaginationRootProps) => {\n return <nav aria-label='pagination' className={className} {...props} />\n}\n\nPaginationRoot.displayName = 'PaginationRoot'\n\n// ============================================================================\n// PaginationContent\n// ============================================================================\n\ntype PaginationContentProps = React.ComponentProps<'ul'>\n\nconst PaginationContent = ({ className, ...props }: PaginationContentProps) => {\n return (\n <ul\n role='list'\n className={cn('flex flex-row flex-wrap items-center gap-1 w-fit', className)}\n {...props}\n />\n )\n}\n\nPaginationContent.displayName = 'PaginationContent'\n\n// ============================================================================\n// PaginationItem\n// ============================================================================\n\ntype PaginationItemProps = React.ComponentProps<'li'>\n\nconst PaginationItem = ({ className, ...props }: PaginationItemProps) => {\n return <li className={cn('', className)} {...props} />\n}\n\nPaginationItem.displayName = 'PaginationItem'\n\n// ============================================================================\n// PaginationButton (page number button)\n// ============================================================================\n\ntype PaginationButtonProps = React.ComponentProps<'button'> & {\n /** Whether this button represents the current active page */\n isActive?: boolean\n /** Visual style of the button */\n variant?: ControlVariant\n /** Size of the button */\n size?: ControlSize\n}\n\nconst PaginationButton = ({\n className,\n isActive,\n variant,\n size = 'icon-sm',\n ...props\n}: PaginationButtonProps) => {\n return (\n <button\n type='button'\n aria-current={isActive ? 'page' : undefined}\n className={cn(controlVariants({ variant, size }), className)}\n {...props}\n />\n )\n}\n\nPaginationButton.displayName = 'PaginationButton'\n\n// ============================================================================\n// PaginationPrevious\n// ============================================================================\n\ntype PaginationPreviousProps = React.ComponentProps<'button'> & {\n /** Visual style of the button */\n variant?: ControlVariant\n /** Size of the button */\n size?: ControlSize\n}\n\nconst PaginationPrevious = ({\n className,\n disabled,\n variant,\n size = 'icon-sm',\n children,\n ...props\n}: PaginationPreviousProps) => {\n return (\n <button\n type='button'\n aria-label='Go to previous page'\n aria-disabled={disabled || undefined}\n disabled={disabled}\n className={cn(\n controlVariants({ variant, size }),\n disabled && 'pointer-events-none opacity-50',\n className,\n )}\n {...props}\n >\n {children}\n </button>\n )\n}\n\nPaginationPrevious.displayName = 'PaginationPrevious'\n\n// ============================================================================\n// PaginationNext\n// ============================================================================\n\ntype PaginationNextProps = React.ComponentProps<'button'> & {\n /** Visual style of the button */\n variant?: ControlVariant\n /** Size of the button */\n size?: ControlSize\n}\n\nconst PaginationNext = ({\n className,\n disabled,\n variant,\n size = 'icon-sm',\n children,\n ...props\n}: PaginationNextProps) => {\n return (\n <button\n type='button'\n aria-label='Go to next page'\n aria-disabled={disabled || undefined}\n disabled={disabled}\n className={cn(\n controlVariants({ variant, size }),\n disabled && 'pointer-events-none opacity-50',\n className,\n )}\n {...props}\n >\n {children}\n </button>\n )\n}\n\nPaginationNext.displayName = 'PaginationNext'\n\n// ============================================================================\n// PaginationFirst\n// ============================================================================\n\ntype PaginationFirstProps = React.ComponentProps<'button'> & {\n /** Visual style of the button */\n variant?: ControlVariant\n /** Size of the button */\n size?: ControlSize\n}\n\nconst PaginationFirst = ({\n className,\n disabled,\n variant,\n size = 'icon-sm',\n children,\n ...props\n}: PaginationFirstProps) => {\n return (\n <button\n type='button'\n aria-label='Go to first page'\n aria-disabled={disabled || undefined}\n disabled={disabled}\n className={cn(\n controlVariants({ variant, size }),\n disabled && 'pointer-events-none opacity-50',\n className,\n )}\n {...props}\n >\n {children}\n </button>\n )\n}\n\nPaginationFirst.displayName = 'PaginationFirst'\n\n// ============================================================================\n// PaginationLast\n// ============================================================================\n\ntype PaginationLastProps = React.ComponentProps<'button'> & {\n /** Visual style of the button */\n variant?: ControlVariant\n /** Size of the button */\n size?: ControlSize\n}\n\nconst PaginationLast = ({\n className,\n disabled,\n variant,\n size = 'icon-sm',\n children,\n ...props\n}: PaginationLastProps) => {\n return (\n <button\n type='button'\n aria-label='Go to last page'\n aria-disabled={disabled || undefined}\n disabled={disabled}\n className={cn(\n controlVariants({ variant, size }),\n disabled && 'pointer-events-none opacity-50',\n className,\n )}\n {...props}\n >\n {children}\n </button>\n )\n}\n\nPaginationLast.displayName = 'PaginationLast'\n\n// ============================================================================\n// PaginationEllipsis\n// ============================================================================\n\ntype PaginationEllipsisProps = React.ComponentProps<'span'> & {\n /** Size of the ellipsis container */\n size?: ControlSize\n}\n\nconst PaginationEllipsis = ({\n className,\n size = 'icon-sm',\n ...props\n}: PaginationEllipsisProps) => {\n return (\n <span\n aria-hidden='true'\n className={cn(\n controlVariants({ size }),\n 'border-transparent bg-transparent shadow-none',\n className,\n )}\n {...props}\n />\n )\n}\n\nPaginationEllipsis.displayName = 'PaginationEllipsis'\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport {\n // eslint-disable-next-line react-refresh/only-export-components\n usePagination,\n PaginationRoot,\n PaginationContent,\n PaginationItem,\n PaginationButton,\n PaginationPrevious,\n PaginationNext,\n PaginationFirst,\n PaginationLast,\n PaginationEllipsis,\n}\n\nexport type {\n PaginationPage,\n UsePaginationOptions,\n UsePaginationReturn,\n PaginationRootProps,\n PaginationContentProps,\n PaginationItemProps,\n PaginationButtonProps,\n PaginationPreviousProps,\n PaginationNextProps,\n PaginationFirstProps,\n PaginationLastProps,\n PaginationEllipsisProps,\n}\n"],"mappings":"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"}
package/dist/popover.d.ts CHANGED
@@ -1,11 +1,11 @@
1
1
  import * as React from "react";
2
- import * as react_jsx_runtime106 from "react/jsx-runtime";
2
+ import * as react_jsx_runtime93 from "react/jsx-runtime";
3
3
  import { Popover } from "@base-ui/react/popover";
4
4
 
5
5
  //#region src/components/popover.d.ts
6
6
  type PopoverRootProps = React.ComponentProps<typeof Popover.Root>;
7
7
  declare const PopoverRoot: {
8
- (props: PopoverRootProps): react_jsx_runtime106.JSX.Element;
8
+ (props: PopoverRootProps): react_jsx_runtime93.JSX.Element;
9
9
  displayName: string;
10
10
  };
11
11
  type PopoverTriggerProps = React.ComponentProps<typeof Popover.Trigger>;
@@ -13,12 +13,12 @@ declare const PopoverTrigger: {
13
13
  ({
14
14
  className,
15
15
  ...props
16
- }: PopoverTriggerProps): react_jsx_runtime106.JSX.Element;
16
+ }: PopoverTriggerProps): react_jsx_runtime93.JSX.Element;
17
17
  displayName: string;
18
18
  };
19
19
  type PopoverPortalProps = React.ComponentProps<typeof Popover.Portal>;
20
20
  declare const PopoverPortal: {
21
- (props: PopoverPortalProps): react_jsx_runtime106.JSX.Element;
21
+ (props: PopoverPortalProps): react_jsx_runtime93.JSX.Element;
22
22
  displayName: string;
23
23
  };
24
24
  type PopoverBackdropProps = React.ComponentProps<typeof Popover.Backdrop>;
@@ -26,7 +26,7 @@ declare const PopoverBackdrop: {
26
26
  ({
27
27
  className,
28
28
  ...props
29
- }: PopoverBackdropProps): react_jsx_runtime106.JSX.Element;
29
+ }: PopoverBackdropProps): react_jsx_runtime93.JSX.Element;
30
30
  displayName: string;
31
31
  };
32
32
  type PopoverPositionerProps = React.ComponentProps<typeof Popover.Positioner>;
@@ -34,7 +34,7 @@ declare const PopoverPositioner: {
34
34
  ({
35
35
  className,
36
36
  ...props
37
- }: PopoverPositionerProps): react_jsx_runtime106.JSX.Element;
37
+ }: PopoverPositionerProps): react_jsx_runtime93.JSX.Element;
38
38
  displayName: string;
39
39
  };
40
40
  type PopoverPopupProps = React.ComponentProps<typeof Popover.Popup>;
@@ -42,7 +42,7 @@ declare const PopoverPopup: {
42
42
  ({
43
43
  className,
44
44
  ...props
45
- }: PopoverPopupProps): react_jsx_runtime106.JSX.Element;
45
+ }: PopoverPopupProps): react_jsx_runtime93.JSX.Element;
46
46
  displayName: string;
47
47
  };
48
48
  type PopoverArrowProps = React.ComponentProps<typeof Popover.Arrow>;
@@ -50,7 +50,7 @@ declare const PopoverArrow: {
50
50
  ({
51
51
  className,
52
52
  ...props
53
- }: PopoverArrowProps): react_jsx_runtime106.JSX.Element;
53
+ }: PopoverArrowProps): react_jsx_runtime93.JSX.Element;
54
54
  displayName: string;
55
55
  };
56
56
  type PopoverTitleProps = React.ComponentProps<typeof Popover.Title>;
@@ -58,7 +58,7 @@ declare const PopoverTitle: {
58
58
  ({
59
59
  className,
60
60
  ...props
61
- }: PopoverTitleProps): react_jsx_runtime106.JSX.Element;
61
+ }: PopoverTitleProps): react_jsx_runtime93.JSX.Element;
62
62
  displayName: string;
63
63
  };
64
64
  type PopoverDescriptionProps = React.ComponentProps<typeof Popover.Description>;
@@ -66,7 +66,7 @@ declare const PopoverDescription: {
66
66
  ({
67
67
  className,
68
68
  ...props
69
- }: PopoverDescriptionProps): react_jsx_runtime106.JSX.Element;
69
+ }: PopoverDescriptionProps): react_jsx_runtime93.JSX.Element;
70
70
  displayName: string;
71
71
  };
72
72
  type PopoverCloseProps = React.ComponentProps<typeof Popover.Close>;
@@ -74,7 +74,7 @@ declare const PopoverClose: {
74
74
  ({
75
75
  className,
76
76
  ...props
77
- }: PopoverCloseProps): react_jsx_runtime106.JSX.Element;
77
+ }: PopoverCloseProps): react_jsx_runtime93.JSX.Element;
78
78
  displayName: string;
79
79
  };
80
80
  type PopoverViewportProps = React.ComponentProps<typeof Popover.Viewport>;
@@ -82,7 +82,7 @@ declare const PopoverViewport: {
82
82
  ({
83
83
  className,
84
84
  ...props
85
- }: PopoverViewportProps): react_jsx_runtime106.JSX.Element;
85
+ }: PopoverViewportProps): react_jsx_runtime93.JSX.Element;
86
86
  displayName: string;
87
87
  };
88
88
  //#endregion
@@ -1 +1 @@
1
- {"version":3,"file":"popover.d.ts","names":[],"sources":["../src/components/popover.tsx"],"sourcesContent":[],"mappings":"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"}
1
+ {"version":3,"file":"popover.d.ts","names":[],"sources":["../src/components/popover.tsx"],"sourcesContent":[],"mappings":"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"}
@@ -1,11 +1,11 @@
1
1
  import * as React from "react";
2
- import * as react_jsx_runtime117 from "react/jsx-runtime";
2
+ import * as react_jsx_runtime104 from "react/jsx-runtime";
3
3
  import { PreviewCard } from "@base-ui/react/preview-card";
4
4
 
5
5
  //#region src/components/preview-card.d.ts
6
6
  type PreviewCardRootProps = React.ComponentProps<typeof PreviewCard.Root>;
7
7
  declare const PreviewCardRoot: {
8
- (props: PreviewCardRootProps): react_jsx_runtime117.JSX.Element;
8
+ (props: PreviewCardRootProps): react_jsx_runtime104.JSX.Element;
9
9
  displayName: string;
10
10
  };
11
11
  type PreviewCardTriggerProps = React.ComponentProps<typeof PreviewCard.Trigger>;
@@ -13,12 +13,12 @@ declare const PreviewCardTrigger: {
13
13
  ({
14
14
  className,
15
15
  ...props
16
- }: PreviewCardTriggerProps): react_jsx_runtime117.JSX.Element;
16
+ }: PreviewCardTriggerProps): react_jsx_runtime104.JSX.Element;
17
17
  displayName: string;
18
18
  };
19
19
  type PreviewCardPortalProps = React.ComponentProps<typeof PreviewCard.Portal>;
20
20
  declare const PreviewCardPortal: {
21
- (props: PreviewCardPortalProps): react_jsx_runtime117.JSX.Element;
21
+ (props: PreviewCardPortalProps): react_jsx_runtime104.JSX.Element;
22
22
  displayName: string;
23
23
  };
24
24
  type PreviewCardBackdropProps = React.ComponentProps<typeof PreviewCard.Backdrop>;
@@ -26,7 +26,7 @@ declare const PreviewCardBackdrop: {
26
26
  ({
27
27
  className,
28
28
  ...props
29
- }: PreviewCardBackdropProps): react_jsx_runtime117.JSX.Element;
29
+ }: PreviewCardBackdropProps): react_jsx_runtime104.JSX.Element;
30
30
  displayName: string;
31
31
  };
32
32
  type PreviewCardPositionerProps = React.ComponentProps<typeof PreviewCard.Positioner>;
@@ -34,7 +34,7 @@ declare const PreviewCardPositioner: {
34
34
  ({
35
35
  className,
36
36
  ...props
37
- }: PreviewCardPositionerProps): react_jsx_runtime117.JSX.Element;
37
+ }: PreviewCardPositionerProps): react_jsx_runtime104.JSX.Element;
38
38
  displayName: string;
39
39
  };
40
40
  type PreviewCardPopupProps = React.ComponentProps<typeof PreviewCard.Popup>;
@@ -42,7 +42,7 @@ declare const PreviewCardPopup: {
42
42
  ({
43
43
  className,
44
44
  ...props
45
- }: PreviewCardPopupProps): react_jsx_runtime117.JSX.Element;
45
+ }: PreviewCardPopupProps): react_jsx_runtime104.JSX.Element;
46
46
  displayName: string;
47
47
  };
48
48
  type PreviewCardArrowProps = React.ComponentProps<typeof PreviewCard.Arrow>;
@@ -50,7 +50,7 @@ declare const PreviewCardArrow: {
50
50
  ({
51
51
  className,
52
52
  ...props
53
- }: PreviewCardArrowProps): react_jsx_runtime117.JSX.Element;
53
+ }: PreviewCardArrowProps): react_jsx_runtime104.JSX.Element;
54
54
  displayName: string;
55
55
  };
56
56
  //#endregion
@@ -1,5 +1,5 @@
1
1
  import * as React from "react";
2
- import * as react_jsx_runtime132 from "react/jsx-runtime";
2
+ import * as react_jsx_runtime201 from "react/jsx-runtime";
3
3
  import { Progress } from "@base-ui/react/progress";
4
4
 
5
5
  //#region src/components/progress.d.ts
@@ -8,7 +8,7 @@ declare const ProgressRoot: {
8
8
  ({
9
9
  className,
10
10
  ...props
11
- }: ProgressRootProps): react_jsx_runtime132.JSX.Element;
11
+ }: ProgressRootProps): react_jsx_runtime201.JSX.Element;
12
12
  displayName: string;
13
13
  };
14
14
  type ProgressTrackProps = React.ComponentProps<typeof Progress.Track>;
@@ -16,7 +16,7 @@ declare const ProgressTrack: {
16
16
  ({
17
17
  className,
18
18
  ...props
19
- }: ProgressTrackProps): react_jsx_runtime132.JSX.Element;
19
+ }: ProgressTrackProps): react_jsx_runtime201.JSX.Element;
20
20
  displayName: string;
21
21
  };
22
22
  type ProgressIndicatorProps = React.ComponentProps<typeof Progress.Indicator>;
@@ -24,7 +24,7 @@ declare const ProgressIndicator: {
24
24
  ({
25
25
  className,
26
26
  ...props
27
- }: ProgressIndicatorProps): react_jsx_runtime132.JSX.Element;
27
+ }: ProgressIndicatorProps): react_jsx_runtime201.JSX.Element;
28
28
  displayName: string;
29
29
  };
30
30
  type ProgressValueProps = React.ComponentProps<typeof Progress.Value>;
@@ -32,7 +32,7 @@ declare const ProgressValue: {
32
32
  ({
33
33
  className,
34
34
  ...props
35
- }: ProgressValueProps): react_jsx_runtime132.JSX.Element;
35
+ }: ProgressValueProps): react_jsx_runtime201.JSX.Element;
36
36
  displayName: string;
37
37
  };
38
38
  type ProgressLabelProps = React.ComponentProps<typeof Progress.Label>;
@@ -40,7 +40,7 @@ declare const ProgressLabel: {
40
40
  ({
41
41
  className,
42
42
  ...props
43
- }: ProgressLabelProps): react_jsx_runtime132.JSX.Element;
43
+ }: ProgressLabelProps): react_jsx_runtime201.JSX.Element;
44
44
  displayName: string;
45
45
  };
46
46
  //#endregion
@@ -1,5 +1,5 @@
1
1
  import * as React from "react";
2
- import * as react_jsx_runtime142 from "react/jsx-runtime";
2
+ import * as react_jsx_runtime217 from "react/jsx-runtime";
3
3
  import { RadioGroup } from "@base-ui/react/radio-group";
4
4
 
5
5
  //#region src/components/radio-group.d.ts
@@ -8,7 +8,7 @@ declare const RadioGroupRoot: {
8
8
  ({
9
9
  className,
10
10
  ...props
11
- }: RadioGroupRootProps): react_jsx_runtime142.JSX.Element;
11
+ }: RadioGroupRootProps): react_jsx_runtime217.JSX.Element;
12
12
  displayName: string;
13
13
  };
14
14
  //#endregion
package/dist/radio.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as React from "react";
2
- import * as react_jsx_runtime162 from "react/jsx-runtime";
2
+ import * as react_jsx_runtime215 from "react/jsx-runtime";
3
3
  import { Radio } from "@base-ui/react/radio";
4
4
 
5
5
  //#region src/components/radio.d.ts
@@ -8,7 +8,7 @@ declare const RadioRoot: {
8
8
  ({
9
9
  className,
10
10
  ...props
11
- }: RadioRootProps): react_jsx_runtime162.JSX.Element;
11
+ }: RadioRootProps): react_jsx_runtime215.JSX.Element;
12
12
  displayName: string;
13
13
  };
14
14
  type RadioIndicatorProps = React.ComponentProps<typeof Radio.Indicator>;
@@ -16,7 +16,7 @@ declare const RadioIndicator: {
16
16
  ({
17
17
  className,
18
18
  ...props
19
- }: RadioIndicatorProps): react_jsx_runtime162.JSX.Element;
19
+ }: RadioIndicatorProps): react_jsx_runtime215.JSX.Element;
20
20
  displayName: string;
21
21
  };
22
22
  //#endregion