@saas-ui/react 3.0.0-alpha.16 → 3.0.0-alpha.18
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.
- package/CHANGELOG.md +19 -0
- package/dist/{chunk-LIYUBUOP.js → chunk-46ISJZBS.js} +1 -1
- package/dist/{chunk-VDXTEASE.js → chunk-4TPVIHNO.js} +10 -1
- package/dist/{chunk-CB52LBJK.js → chunk-72LEGXHY.js} +1 -1
- package/dist/{chunk-FZW2DYK3.js → chunk-BKYGKH3L.js} +1 -1
- package/dist/{chunk-S3CQW7GD.js → chunk-BU7QENBQ.js} +1 -1
- package/dist/{chunk-KK77TYNL.js → chunk-C7B3ELC4.js} +1 -1
- package/dist/chunk-MLJN6IOJ.js +96 -0
- package/dist/{chunk-44ZA3TYW.js → chunk-VZG7EJ64.js} +1 -1
- package/dist/{chunk-H6TFEHY4.js → chunk-WS5XGFSL.js} +1 -1
- package/dist/components/close-button/index.cjs +8 -0
- package/dist/components/close-button/index.js +2 -2
- package/dist/components/dialog/index.cjs +8 -0
- package/dist/components/dialog/index.js +3 -3
- package/dist/components/drawer/index.cjs +8 -0
- package/dist/components/drawer/index.js +3 -3
- package/dist/components/grid-list/index.d.cts +4 -4
- package/dist/components/grid-list/index.d.ts +4 -4
- package/dist/components/icons/index.cjs +10 -0
- package/dist/components/icons/index.d.cts +2 -1
- package/dist/components/icons/index.d.ts +2 -1
- package/dist/components/icons/index.js +3 -1
- package/dist/components/menu/index.cjs +8 -0
- package/dist/components/menu/index.js +2 -2
- package/dist/components/pagination/index.cjs +215 -0
- package/dist/components/pagination/index.d.cts +41 -0
- package/dist/components/pagination/index.d.ts +41 -0
- package/dist/components/pagination/index.js +9 -0
- package/dist/components/search-input/index.cjs +8 -0
- package/dist/components/search-input/index.js +2 -2
- package/dist/components/select/index.cjs +8 -0
- package/dist/components/select/index.js +3 -3
- package/dist/components/steps/index.cjs +8 -0
- package/dist/components/steps/index.js +2 -2
- package/dist/index.cjs +331 -231
- package/dist/index.d.cts +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +96 -78
- package/package.json +2 -2
@@ -0,0 +1,215 @@
|
|
1
|
+
'use client'
|
2
|
+
"use strict";
|
3
|
+
var __defProp = Object.defineProperty;
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
7
|
+
var __export = (target, all) => {
|
8
|
+
for (var name in all)
|
9
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
10
|
+
};
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
13
|
+
for (let key of __getOwnPropNames(from))
|
14
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
15
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
16
|
+
}
|
17
|
+
return to;
|
18
|
+
};
|
19
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
20
|
+
|
21
|
+
// src/components/pagination/index.ts
|
22
|
+
var pagination_exports2 = {};
|
23
|
+
__export(pagination_exports2, {
|
24
|
+
Pagination: () => pagination_exports
|
25
|
+
});
|
26
|
+
module.exports = __toCommonJS(pagination_exports2);
|
27
|
+
|
28
|
+
// src/components/pagination/pagination.tsx
|
29
|
+
var pagination_exports = {};
|
30
|
+
__export(pagination_exports, {
|
31
|
+
Context: () => Context,
|
32
|
+
Ellipsis: () => Ellipsis,
|
33
|
+
Item: () => Item,
|
34
|
+
Items: () => Items,
|
35
|
+
NextButton: () => NextButton,
|
36
|
+
NextTrigger: () => NextTrigger,
|
37
|
+
PageText: () => PageText,
|
38
|
+
PrevButton: () => PrevButton,
|
39
|
+
PrevTrigger: () => PrevTrigger,
|
40
|
+
Root: () => Root
|
41
|
+
});
|
42
|
+
var import_react2 = require("react");
|
43
|
+
var import_react3 = require("@chakra-ui/react");
|
44
|
+
|
45
|
+
// src/components/icons/create-icon.tsx
|
46
|
+
var import_react = require("@chakra-ui/react");
|
47
|
+
var createIcon = (props) => {
|
48
|
+
return (0, import_react.createIcon)({
|
49
|
+
viewBox: "0 0 24 24",
|
50
|
+
defaultProps: {
|
51
|
+
fill: "none",
|
52
|
+
stroke: "currentColor",
|
53
|
+
strokeWidth: "2",
|
54
|
+
strokeLinecap: "round",
|
55
|
+
strokeLinejoin: "round"
|
56
|
+
},
|
57
|
+
...props
|
58
|
+
});
|
59
|
+
};
|
60
|
+
|
61
|
+
// src/components/icons/icons.tsx
|
62
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
63
|
+
var ChevronUpIcon = createIcon({
|
64
|
+
displayName: "ChevronUpIcon",
|
65
|
+
path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "18 15 12 9 6 15" })
|
66
|
+
});
|
67
|
+
var ChevronDownIcon = createIcon({
|
68
|
+
displayName: "ChevronDownIcon",
|
69
|
+
path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "6 9 12 15 18 9" })
|
70
|
+
});
|
71
|
+
var ChevronLeftIcon = createIcon({
|
72
|
+
displayName: "ChevronLeftIcon",
|
73
|
+
path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "15 18 9 12 15 6" })
|
74
|
+
});
|
75
|
+
var ChevronRightIcon = createIcon({
|
76
|
+
displayName: "ChevronRightIcon",
|
77
|
+
path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "9 18 15 12 9 6" })
|
78
|
+
});
|
79
|
+
var HamburgerIcon = createIcon({
|
80
|
+
displayName: "ChevronDownIcon",
|
81
|
+
path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { fill: "none", children: [
|
82
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "3", y1: "12", x2: "21", y2: "12" }),
|
83
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "3", y1: "6", x2: "21", y2: "6" }),
|
84
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "3", y1: "18", x2: "21", y2: "18" })
|
85
|
+
] })
|
86
|
+
});
|
87
|
+
var CloseIcon = createIcon({
|
88
|
+
displayName: "CloseIcon",
|
89
|
+
path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
|
90
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
|
91
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
|
92
|
+
] })
|
93
|
+
});
|
94
|
+
var FilterIcon = createIcon({
|
95
|
+
displayName: "FilterIcon",
|
96
|
+
path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polygon", { points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3" })
|
97
|
+
});
|
98
|
+
var CalendarIcon = createIcon({
|
99
|
+
displayName: "CalendarIcon",
|
100
|
+
path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
|
101
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", ry: "2" }),
|
102
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "16", y1: "2", x2: "16", y2: "6" }),
|
103
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "8", y1: "2", x2: "8", y2: "6" }),
|
104
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "3", y1: "10", x2: "21", y2: "10" })
|
105
|
+
] })
|
106
|
+
});
|
107
|
+
var PlusIcon = createIcon({
|
108
|
+
displayName: "PlusIcon",
|
109
|
+
path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
|
110
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
|
111
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
|
112
|
+
] })
|
113
|
+
});
|
114
|
+
var MinusIcon = createIcon({
|
115
|
+
displayName: "MinusIcon",
|
116
|
+
path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "5", y1: "12", x2: "19", y2: "12" }) })
|
117
|
+
});
|
118
|
+
var ViewOffIcon = createIcon({
|
119
|
+
displayName: "ViewOffIcon",
|
120
|
+
path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
|
121
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24" }),
|
122
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
|
123
|
+
] })
|
124
|
+
});
|
125
|
+
var ViewIcon = createIcon({
|
126
|
+
displayName: "ViewOffIcon",
|
127
|
+
path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
|
128
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }),
|
129
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "3" })
|
130
|
+
] })
|
131
|
+
});
|
132
|
+
var SearchIcon = createIcon({
|
133
|
+
displayName: "SearchIcon",
|
134
|
+
path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
|
135
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "11", cy: "11", r: "8" }),
|
136
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })
|
137
|
+
] })
|
138
|
+
});
|
139
|
+
var CheckIcon = createIcon({
|
140
|
+
displayName: "CheckIcon",
|
141
|
+
path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "20 6 9 17 4 12" }) })
|
142
|
+
});
|
143
|
+
var EllipsisIcon = createIcon({
|
144
|
+
displayName: "EllipsisIcon",
|
145
|
+
path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
|
146
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "1" }),
|
147
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "19", cy: "12", r: "1" }),
|
148
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "5", cy: "12", r: "1" })
|
149
|
+
] })
|
150
|
+
});
|
151
|
+
|
152
|
+
// src/components/pagination/pagination.tsx
|
153
|
+
var import_jsx_runtime2 = require("react/jsx-runtime");
|
154
|
+
var [RootPropsProvider, useRootProps] = (0, import_react3.createContext)({
|
155
|
+
name: "RootPropsProvider"
|
156
|
+
});
|
157
|
+
var variantMap = {
|
158
|
+
outline: { default: "ghost", ellipsis: "plain", current: "outline" },
|
159
|
+
solid: { default: "outline", ellipsis: "outline", current: "solid" },
|
160
|
+
subtle: { default: "ghost", ellipsis: "plain", current: "subtle" }
|
161
|
+
};
|
162
|
+
var Root = (0, import_react2.forwardRef)(
|
163
|
+
function PaginationRoot(props, ref) {
|
164
|
+
const { size = "sm", variant = "outline", ...rest } = props;
|
165
|
+
return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(RootPropsProvider, { value: { size, variantMap: variantMap[variant] }, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react3.Pagination.Root, { ref, type: "button", ...rest }) });
|
166
|
+
}
|
167
|
+
);
|
168
|
+
var Ellipsis = (0, import_react2.forwardRef)(function PaginationEllipsis(props, ref) {
|
169
|
+
var _a;
|
170
|
+
const { size, variantMap: variantMap2 } = useRootProps();
|
171
|
+
return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react3.Pagination.Ellipsis, { ref, ...props, asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react3.Button, { as: "span", variant: variantMap2.ellipsis, size, children: (_a = props.children) != null ? _a : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(EllipsisIcon, {}) }) });
|
172
|
+
});
|
173
|
+
var Item = (0, import_react2.forwardRef)(
|
174
|
+
function PaginationItem(props, ref) {
|
175
|
+
const { page } = (0, import_react3.usePaginationContext)();
|
176
|
+
const { size, variantMap: variantMap2 } = useRootProps();
|
177
|
+
const current = page === props.value;
|
178
|
+
const variant = current ? variantMap2.current : variantMap2.default;
|
179
|
+
return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react3.Pagination.Item, { ref, ...props, asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react3.Button, { variant, size, children: props.value }) });
|
180
|
+
}
|
181
|
+
);
|
182
|
+
var PrevButton = (0, import_react2.forwardRef)(function PaginationPrevTrigger(props, ref) {
|
183
|
+
var _a;
|
184
|
+
const { size, variantMap: variantMap2 } = useRootProps();
|
185
|
+
return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react3.Pagination.PrevTrigger, { ref, asChild: true, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react3.IconButton, { variant: variantMap2.default, size, children: (_a = props.children) != null ? _a : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ChevronLeftIcon, {}) }) });
|
186
|
+
});
|
187
|
+
var NextButton = (0, import_react2.forwardRef)(function PaginationNextTrigger(props, ref) {
|
188
|
+
var _a;
|
189
|
+
const { size, variantMap: variantMap2 } = useRootProps();
|
190
|
+
return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react3.Pagination.NextTrigger, { ref, asChild: true, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react3.IconButton, { variant: variantMap2.default, size, children: (_a = props.children) != null ? _a : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ChevronRightIcon, {}) }) });
|
191
|
+
});
|
192
|
+
var Items = (props) => {
|
193
|
+
return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react3.Pagination.Context, { children: ({ pages }) => pages.map((page, index) => {
|
194
|
+
return page.type === "ellipsis" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Ellipsis, { index, ...props }, index) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Item, { type: "page", value: page.value, ...props }, index);
|
195
|
+
}) });
|
196
|
+
};
|
197
|
+
var PageText = (0, import_react2.forwardRef)(
|
198
|
+
function PaginationPageText(props, ref) {
|
199
|
+
const { format = "compact", ...rest } = props;
|
200
|
+
const { page, pages, pageRange, count } = (0, import_react3.usePaginationContext)();
|
201
|
+
const content = (0, import_react2.useMemo)(() => {
|
202
|
+
if (format === "short") return `${page} / ${pages.length}`;
|
203
|
+
if (format === "compact") return `${page} of ${pages.length}`;
|
204
|
+
return `${pageRange.start + 1} - ${pageRange.end} of ${count}`;
|
205
|
+
}, [format, page, pages.length, pageRange, count]);
|
206
|
+
return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react3.Text, { fontWeight: "medium", ref, ...rest, children: content });
|
207
|
+
}
|
208
|
+
);
|
209
|
+
var PrevTrigger = import_react3.Pagination.PrevTrigger;
|
210
|
+
var NextTrigger = import_react3.Pagination.NextTrigger;
|
211
|
+
var Context = import_react3.Pagination.Context;
|
212
|
+
// Annotate the CommonJS export names for ESM import in node:
|
213
|
+
0 && (module.exports = {
|
214
|
+
Pagination
|
215
|
+
});
|
@@ -0,0 +1,41 @@
|
|
1
|
+
import * as _ark_ui_react from '@ark-ui/react';
|
2
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
3
|
+
import * as react from 'react';
|
4
|
+
import { Pagination, ButtonProps, TextProps } from '@chakra-ui/react';
|
5
|
+
|
6
|
+
type PaginationVariant = 'outline' | 'solid' | 'subtle';
|
7
|
+
interface RootProps extends Omit<Pagination.RootProps, 'type'> {
|
8
|
+
size?: ButtonProps['size'];
|
9
|
+
variant?: PaginationVariant;
|
10
|
+
}
|
11
|
+
declare const Root: react.ForwardRefExoticComponent<RootProps & react.RefAttributes<HTMLDivElement>>;
|
12
|
+
declare const Ellipsis: react.ForwardRefExoticComponent<Pagination.EllipsisProps & react.RefAttributes<HTMLDivElement>>;
|
13
|
+
declare const Item: react.ForwardRefExoticComponent<Pagination.ItemProps & react.RefAttributes<HTMLButtonElement>>;
|
14
|
+
declare const PrevButton: react.ForwardRefExoticComponent<Pagination.PrevTriggerProps & react.RefAttributes<HTMLButtonElement>>;
|
15
|
+
declare const NextButton: react.ForwardRefExoticComponent<Pagination.NextTriggerProps & react.RefAttributes<HTMLButtonElement>>;
|
16
|
+
declare const Items: (props: React.HTMLAttributes<HTMLElement>) => react_jsx_runtime.JSX.Element;
|
17
|
+
interface PageTextProps extends TextProps {
|
18
|
+
format?: 'short' | 'compact' | 'long';
|
19
|
+
}
|
20
|
+
declare const PageText: react.ForwardRefExoticComponent<PageTextProps & react.RefAttributes<HTMLParagraphElement>>;
|
21
|
+
declare const PrevTrigger: react.ForwardRefExoticComponent<Pagination.PrevTriggerProps & react.RefAttributes<HTMLButtonElement>>;
|
22
|
+
declare const NextTrigger: react.ForwardRefExoticComponent<Pagination.NextTriggerProps & react.RefAttributes<HTMLButtonElement>>;
|
23
|
+
declare const Context: (props: _ark_ui_react.PaginationContextProps) => react.ReactNode;
|
24
|
+
|
25
|
+
declare const pagination_Context: typeof Context;
|
26
|
+
declare const pagination_Ellipsis: typeof Ellipsis;
|
27
|
+
declare const pagination_Item: typeof Item;
|
28
|
+
declare const pagination_Items: typeof Items;
|
29
|
+
declare const pagination_NextButton: typeof NextButton;
|
30
|
+
declare const pagination_NextTrigger: typeof NextTrigger;
|
31
|
+
declare const pagination_PageText: typeof PageText;
|
32
|
+
type pagination_PageTextProps = PageTextProps;
|
33
|
+
declare const pagination_PrevButton: typeof PrevButton;
|
34
|
+
declare const pagination_PrevTrigger: typeof PrevTrigger;
|
35
|
+
declare const pagination_Root: typeof Root;
|
36
|
+
type pagination_RootProps = RootProps;
|
37
|
+
declare namespace pagination {
|
38
|
+
export { pagination_Context as Context, pagination_Ellipsis as Ellipsis, pagination_Item as Item, pagination_Items as Items, pagination_NextButton as NextButton, pagination_NextTrigger as NextTrigger, pagination_PageText as PageText, type pagination_PageTextProps as PageTextProps, pagination_PrevButton as PrevButton, pagination_PrevTrigger as PrevTrigger, pagination_Root as Root, type pagination_RootProps as RootProps };
|
39
|
+
}
|
40
|
+
|
41
|
+
export { pagination as Pagination };
|
@@ -0,0 +1,41 @@
|
|
1
|
+
import * as _ark_ui_react from '@ark-ui/react';
|
2
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
3
|
+
import * as react from 'react';
|
4
|
+
import { Pagination, ButtonProps, TextProps } from '@chakra-ui/react';
|
5
|
+
|
6
|
+
type PaginationVariant = 'outline' | 'solid' | 'subtle';
|
7
|
+
interface RootProps extends Omit<Pagination.RootProps, 'type'> {
|
8
|
+
size?: ButtonProps['size'];
|
9
|
+
variant?: PaginationVariant;
|
10
|
+
}
|
11
|
+
declare const Root: react.ForwardRefExoticComponent<RootProps & react.RefAttributes<HTMLDivElement>>;
|
12
|
+
declare const Ellipsis: react.ForwardRefExoticComponent<Pagination.EllipsisProps & react.RefAttributes<HTMLDivElement>>;
|
13
|
+
declare const Item: react.ForwardRefExoticComponent<Pagination.ItemProps & react.RefAttributes<HTMLButtonElement>>;
|
14
|
+
declare const PrevButton: react.ForwardRefExoticComponent<Pagination.PrevTriggerProps & react.RefAttributes<HTMLButtonElement>>;
|
15
|
+
declare const NextButton: react.ForwardRefExoticComponent<Pagination.NextTriggerProps & react.RefAttributes<HTMLButtonElement>>;
|
16
|
+
declare const Items: (props: React.HTMLAttributes<HTMLElement>) => react_jsx_runtime.JSX.Element;
|
17
|
+
interface PageTextProps extends TextProps {
|
18
|
+
format?: 'short' | 'compact' | 'long';
|
19
|
+
}
|
20
|
+
declare const PageText: react.ForwardRefExoticComponent<PageTextProps & react.RefAttributes<HTMLParagraphElement>>;
|
21
|
+
declare const PrevTrigger: react.ForwardRefExoticComponent<Pagination.PrevTriggerProps & react.RefAttributes<HTMLButtonElement>>;
|
22
|
+
declare const NextTrigger: react.ForwardRefExoticComponent<Pagination.NextTriggerProps & react.RefAttributes<HTMLButtonElement>>;
|
23
|
+
declare const Context: (props: _ark_ui_react.PaginationContextProps) => react.ReactNode;
|
24
|
+
|
25
|
+
declare const pagination_Context: typeof Context;
|
26
|
+
declare const pagination_Ellipsis: typeof Ellipsis;
|
27
|
+
declare const pagination_Item: typeof Item;
|
28
|
+
declare const pagination_Items: typeof Items;
|
29
|
+
declare const pagination_NextButton: typeof NextButton;
|
30
|
+
declare const pagination_NextTrigger: typeof NextTrigger;
|
31
|
+
declare const pagination_PageText: typeof PageText;
|
32
|
+
type pagination_PageTextProps = PageTextProps;
|
33
|
+
declare const pagination_PrevButton: typeof PrevButton;
|
34
|
+
declare const pagination_PrevTrigger: typeof PrevTrigger;
|
35
|
+
declare const pagination_Root: typeof Root;
|
36
|
+
type pagination_RootProps = RootProps;
|
37
|
+
declare namespace pagination {
|
38
|
+
export { pagination_Context as Context, pagination_Ellipsis as Ellipsis, pagination_Item as Item, pagination_Items as Items, pagination_NextButton as NextButton, pagination_NextTrigger as NextTrigger, pagination_PageText as PageText, type pagination_PageTextProps as PageTextProps, pagination_PrevButton as PrevButton, pagination_PrevTrigger as PrevTrigger, pagination_Root as Root, type pagination_RootProps as RootProps };
|
39
|
+
}
|
40
|
+
|
41
|
+
export { pagination as Pagination };
|
@@ -138,6 +138,14 @@ var CheckIcon = createIcon({
|
|
138
138
|
displayName: "CheckIcon",
|
139
139
|
path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "20 6 9 17 4 12" }) })
|
140
140
|
});
|
141
|
+
var EllipsisIcon = createIcon({
|
142
|
+
displayName: "EllipsisIcon",
|
143
|
+
path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
|
144
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "1" }),
|
145
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "19", cy: "12", r: "1" }),
|
146
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "5", cy: "12", r: "1" })
|
147
|
+
] })
|
148
|
+
});
|
141
149
|
|
142
150
|
// src/components/search-input/search-input.tsx
|
143
151
|
var import_jsx_runtime2 = require("react/jsx-runtime");
|
@@ -1,9 +1,9 @@
|
|
1
1
|
'use client'
|
2
2
|
import {
|
3
3
|
SearchInput
|
4
|
-
} from "../../chunk-
|
4
|
+
} from "../../chunk-46ISJZBS.js";
|
5
5
|
import "../../chunk-KTLWEUNW.js";
|
6
|
-
import "../../chunk-
|
6
|
+
import "../../chunk-4TPVIHNO.js";
|
7
7
|
import "../../chunk-RTMS5TJN.js";
|
8
8
|
export {
|
9
9
|
SearchInput
|
@@ -144,6 +144,14 @@ var CheckIcon = createIcon({
|
|
144
144
|
displayName: "CheckIcon",
|
145
145
|
path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "20 6 9 17 4 12" }) })
|
146
146
|
});
|
147
|
+
var EllipsisIcon = createIcon({
|
148
|
+
displayName: "EllipsisIcon",
|
149
|
+
path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
|
150
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "1" }),
|
151
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "19", cy: "12", r: "1" }),
|
152
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "5", cy: "12", r: "1" })
|
153
|
+
] })
|
154
|
+
});
|
147
155
|
|
148
156
|
// src/components/close-button/close-button.tsx
|
149
157
|
var import_jsx_runtime2 = require("react/jsx-runtime");
|
@@ -1,9 +1,9 @@
|
|
1
1
|
'use client'
|
2
2
|
import {
|
3
3
|
namespace_exports
|
4
|
-
} from "../../chunk-
|
5
|
-
import "../../chunk-
|
6
|
-
import "../../chunk-
|
4
|
+
} from "../../chunk-BU7QENBQ.js";
|
5
|
+
import "../../chunk-BKYGKH3L.js";
|
6
|
+
import "../../chunk-4TPVIHNO.js";
|
7
7
|
import "../../chunk-RTMS5TJN.js";
|
8
8
|
export {
|
9
9
|
namespace_exports as Select
|
@@ -138,6 +138,14 @@ var CheckIcon = createIcon({
|
|
138
138
|
displayName: "CheckIcon",
|
139
139
|
path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "20 6 9 17 4 12" }) })
|
140
140
|
});
|
141
|
+
var EllipsisIcon = createIcon({
|
142
|
+
displayName: "EllipsisIcon",
|
143
|
+
path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
|
144
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "1" }),
|
145
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "19", cy: "12", r: "1" }),
|
146
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "5", cy: "12", r: "1" })
|
147
|
+
] })
|
148
|
+
});
|
141
149
|
|
142
150
|
// src/components/steps/steps.tsx
|
143
151
|
var import_jsx_runtime2 = require("react/jsx-runtime");
|
@@ -1,9 +1,9 @@
|
|
1
1
|
'use client'
|
2
2
|
import {
|
3
3
|
steps_exports
|
4
|
-
} from "../../chunk-
|
4
|
+
} from "../../chunk-VZG7EJ64.js";
|
5
5
|
import "../../chunk-KTLWEUNW.js";
|
6
|
-
import "../../chunk-
|
6
|
+
import "../../chunk-4TPVIHNO.js";
|
7
7
|
import "../../chunk-RTMS5TJN.js";
|
8
8
|
export {
|
9
9
|
steps_exports as Steps
|