@dimasbaguspm/versaur 0.0.22 → 0.0.24
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/dist/js/{bottom-sheet-input-nVi11sIJ.js → bottom-sheet-input-DsgPp5zI.js} +1 -1
- package/dist/js/forms/index.js +1 -1
- package/dist/js/{image-rectangle-C6cgL8R9.js → image-rectangle-GA3oWX7A.js} +4 -4
- package/dist/js/index.js +69 -66
- package/dist/js/layouts/index.js +8 -5
- package/dist/js/navigation/index.js +1 -1
- package/dist/js/primitive/index.js +1 -1
- package/dist/js/{tabs-BbOkYchB.js → tabs-p6g9kN0N.js} +56 -74
- package/dist/js/top-bar-COx4DTbS.js +608 -0
- package/dist/types/layouts/button-group/button-group.d.ts +27 -0
- package/dist/types/layouts/button-group/index.d.ts +2 -0
- package/dist/types/layouts/button-group/types.d.ts +32 -0
- package/dist/types/layouts/index.d.ts +4 -1
- package/dist/types/layouts/page-content/index.d.ts +2 -0
- package/dist/types/layouts/page-content/page-content.d.ts +15 -0
- package/dist/types/layouts/page-content/types.d.ts +14 -0
- package/dist/types/layouts/page-header/index.d.ts +2 -0
- package/dist/types/layouts/page-header/page-header.atoms.d.ts +35 -0
- package/dist/types/layouts/page-header/page-header.d.ts +40 -0
- package/dist/types/layouts/page-header/types.d.ts +52 -0
- package/dist/utils/enforce-subpath-import.js +3 -0
- package/package.json +1 -1
- package/dist/js/side-bar-li3CbgUw.js +0 -413
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { c as j, j as e, a as p } from "./index-DOdDlCoL.js";
|
|
2
2
|
import x, { createContext as S, useContext as V, useRef as $, forwardRef as I, useState as O, useId as D, useEffect as X, useMemo as P } from "react";
|
|
3
3
|
import { Check as F, Calendar as Y, SearchIcon as Z, Clock as ee, Banknote as re, MailIcon as te } from "lucide-react";
|
|
4
|
-
import { I as z } from "./image-rectangle-
|
|
4
|
+
import { I as z } from "./image-rectangle-GA3oWX7A.js";
|
|
5
5
|
import "./snackbar-DH8jCh2V.js";
|
|
6
6
|
import "./text-CRsIInRA.js";
|
|
7
7
|
import { M, D as E, B as R } from "./bottom-sheet-CCDa5VGo.js";
|
package/dist/js/forms/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { B as a, C as n, b as p, a as u, D as s, k as I, E as i, M as l, P as S, R as c, d as r, c as g, S as h, e as o, j as m, i as M, h as b, f as k, T as x, g as C } from "../bottom-sheet-input-
|
|
1
|
+
import { B as a, C as n, b as p, a as u, D as s, k as I, E as i, M as l, P as S, R as c, d as r, c as g, S as h, e as o, j as m, i as M, h as b, f as k, T as x, g as C } from "../bottom-sheet-input-DsgPp5zI.js";
|
|
2
2
|
export {
|
|
3
3
|
a as BottomSheetInput,
|
|
4
4
|
n as CheckboxInput,
|
|
@@ -563,7 +563,7 @@ const SvgSpenicleSquare = (e) => /* @__PURE__ */ React.createElement("svg", { wi
|
|
|
563
563
|
}
|
|
564
564
|
)
|
|
565
565
|
), buttonVariants = cva(
|
|
566
|
-
"inline-flex items-center justify-center gap-2 rounded-md font-medium transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none active:scale-[0.98] select-none",
|
|
566
|
+
"inline-flex items-center justify-center gap-2 rounded-md font-medium transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none active:scale-[0.98] select-none cursor-pointer",
|
|
567
567
|
{
|
|
568
568
|
variants: {
|
|
569
569
|
variant: {
|
|
@@ -602,9 +602,9 @@ const SvgSpenicleSquare = (e) => /* @__PURE__ */ React.createElement("svg", { wi
|
|
|
602
602
|
destructive: "bg-danger text-white hover:bg-danger/90 focus-visible:ring-danger-soft focus-visible:ring-offset-white shadow-sm hover:shadow-md"
|
|
603
603
|
},
|
|
604
604
|
size: {
|
|
605
|
-
sm: "h-
|
|
606
|
-
md: "h-
|
|
607
|
-
lg: "h-
|
|
605
|
+
sm: "h-7 px-3 text-sm min-w-[2.25rem]",
|
|
606
|
+
md: "h-9 px-4 text-sm min-w-[2.5rem]",
|
|
607
|
+
lg: "h-10 px-8 text-lg min-w-[2.75rem]"
|
|
608
608
|
}
|
|
609
609
|
},
|
|
610
610
|
defaultVariants: {
|
package/dist/js/index.js
CHANGED
|
@@ -1,71 +1,74 @@
|
|
|
1
|
-
import { L as
|
|
2
|
-
import { A as n, B as p,
|
|
3
|
-
import { B as
|
|
4
|
-
import { B as
|
|
5
|
-
import { M as
|
|
6
|
-
import { A as
|
|
7
|
-
import { S as
|
|
8
|
-
import { T as
|
|
9
|
-
import { B as
|
|
10
|
-
import { S as
|
|
1
|
+
import { L as t, P as s, S as r } from "./skeleton-BNZyaRjo.js";
|
|
2
|
+
import { A as n, B as p, a as u, F as l, P as i, b as I, c, S, T as m } from "./top-bar-COx4DTbS.js";
|
|
3
|
+
import { B as g, C as d, b as T, a as x, D as b, k as f, E as P, M as h, P as k, R as C, d as M, c as A, S as D, e as L, j as R, i as w, h as F, f as j, T as v, g as y } from "./bottom-sheet-input-DsgPp5zI.js";
|
|
4
|
+
import { B as N, D as q, M as G } from "./bottom-sheet-CCDa5VGo.js";
|
|
5
|
+
import { M as z, T as J } from "./tooltip-CDdl1U3A.js";
|
|
6
|
+
import { A as O, a as Q, b as U, B as V, l as W, c as X, d as Y, e as Z, f as _, C as $, g as aa, D as ea, I as ta, i as sa, k as ra, j as oa, N as na, T as pa, h as ua } from "./image-rectangle-GA3oWX7A.js";
|
|
7
|
+
import { S as ia } from "./snackbar-DH8jCh2V.js";
|
|
8
|
+
import { T as ca } from "./text-CRsIInRA.js";
|
|
9
|
+
import { B as ma, T as Ba } from "./tabs-p6g9kN0N.js";
|
|
10
|
+
import { S as da, u as Ta } from "./use-snackbars-B0MaRlg1.js";
|
|
11
11
|
export {
|
|
12
|
-
|
|
13
|
-
|
|
12
|
+
O as Alert,
|
|
13
|
+
Q as Anchor,
|
|
14
14
|
n as AppBar,
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
15
|
+
U as Avatar,
|
|
16
|
+
V as Badge,
|
|
17
|
+
W as BaseImage,
|
|
18
18
|
p as BottomBar,
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
k as
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
A as
|
|
55
|
-
D as
|
|
56
|
-
|
|
19
|
+
N as BottomSheet,
|
|
20
|
+
g as BottomSheetInput,
|
|
21
|
+
X as Brand,
|
|
22
|
+
ma as Breadcrumbs,
|
|
23
|
+
Y as Button,
|
|
24
|
+
Z as ButtonFloat,
|
|
25
|
+
u as ButtonGroup,
|
|
26
|
+
_ as ButtonIcon,
|
|
27
|
+
$ as Calculator,
|
|
28
|
+
aa as Calendar,
|
|
29
|
+
d as CheckboxInput,
|
|
30
|
+
T as ChipMultipleInput,
|
|
31
|
+
x as ChipSingleInput,
|
|
32
|
+
b as DateSinglePickerInput,
|
|
33
|
+
ea as DescriptionList,
|
|
34
|
+
q as Drawer,
|
|
35
|
+
f as DrawerInput,
|
|
36
|
+
P as EmailInput,
|
|
37
|
+
l as FormLayout,
|
|
38
|
+
ta as Icon,
|
|
39
|
+
sa as ImageCircle,
|
|
40
|
+
ra as ImageRectangle,
|
|
41
|
+
oa as ImageSquare,
|
|
42
|
+
t as LoadingIndicator,
|
|
43
|
+
z as Menu,
|
|
44
|
+
G as Modal,
|
|
45
|
+
h as ModalInput,
|
|
46
|
+
na as NoResults,
|
|
47
|
+
i as PageContent,
|
|
48
|
+
I as PageHeader,
|
|
49
|
+
c as PageLayout,
|
|
50
|
+
k as PriceInput,
|
|
51
|
+
s as ProgressIndicator,
|
|
52
|
+
C as RadioInput,
|
|
53
|
+
M as SearchInput,
|
|
54
|
+
A as SegmentMultipleInput,
|
|
55
|
+
D as SegmentSingleInput,
|
|
56
|
+
L as SelectInput,
|
|
57
|
+
R as SelectableMultipleInput,
|
|
58
|
+
w as SelectableSingleInput,
|
|
59
|
+
S as SideBar,
|
|
57
60
|
r as Skeleton,
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
61
|
+
ia as Snackbar,
|
|
62
|
+
da as SnackbarsProvider,
|
|
63
|
+
F as SwitchInput,
|
|
64
|
+
pa as Table,
|
|
65
|
+
Ba as Tabs,
|
|
66
|
+
ca as Text,
|
|
67
|
+
j as TextAreaInput,
|
|
68
|
+
v as TextInput,
|
|
69
|
+
ua as Tile,
|
|
70
|
+
y as TimePickerInput,
|
|
71
|
+
J as Tooltip,
|
|
72
|
+
m as TopBar,
|
|
73
|
+
Ta as useSnackbars
|
|
71
74
|
};
|
package/dist/js/layouts/index.js
CHANGED
|
@@ -1,9 +1,12 @@
|
|
|
1
|
-
import { A as r, B as s, F as
|
|
1
|
+
import { A as r, B as s, a as t, F as e, P as B, b as p, c as u, S as P, T as g } from "../top-bar-COx4DTbS.js";
|
|
2
2
|
export {
|
|
3
3
|
r as AppBar,
|
|
4
4
|
s as BottomBar,
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
5
|
+
t as ButtonGroup,
|
|
6
|
+
e as FormLayout,
|
|
7
|
+
B as PageContent,
|
|
8
|
+
p as PageHeader,
|
|
9
|
+
u as PageLayout,
|
|
10
|
+
P as SideBar,
|
|
11
|
+
g as TopBar
|
|
9
12
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { A as e, a as t, b as o, B as r, l, c as n, d as c, e as g, f as m, C as B, g as I, D as i, I as u, i as T, k as d, j as f, N as p, T as x, h as A } from "../image-rectangle-
|
|
1
|
+
import { A as e, a as t, b as o, B as r, l, c as n, d as c, e as g, f as m, C as B, g as I, D as i, I as u, i as T, k as d, j as f, N as p, T as x, h as A } from "../image-rectangle-GA3oWX7A.js";
|
|
2
2
|
import { S as b } from "../snackbar-DH8jCh2V.js";
|
|
3
3
|
import { T as h } from "../text-CRsIInRA.js";
|
|
4
4
|
export {
|
|
@@ -1,64 +1,46 @@
|
|
|
1
|
-
import { c as d, j as
|
|
1
|
+
import { c as d, j as s, a as u } from "./index-DOdDlCoL.js";
|
|
2
2
|
import { forwardRef as f, createContext as x, useContext as g, useState as p, useLayoutEffect as y, useRef as h } from "react";
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
separator: "default"
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
), T = d(
|
|
17
|
-
"inline-flex items-center gap-1 transition-colors",
|
|
18
|
-
{
|
|
19
|
-
variants: {
|
|
20
|
-
isCurrent: {
|
|
21
|
-
true: "font-semibold text-black cursor-default",
|
|
22
|
-
false: ""
|
|
23
|
-
}
|
|
24
|
-
},
|
|
25
|
-
defaultVariants: {
|
|
26
|
-
isCurrent: !1
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
), j = "mx-1 text-ghost-400 select-none", I = f(function({ children: t, icon: r, isCurrent: a, className: n, ...s }, i) {
|
|
30
|
-
return /* @__PURE__ */ o.jsx("li", { className: "flex items-center", children: /* @__PURE__ */ o.jsxs(
|
|
3
|
+
import { I as w } from "./image-rectangle-GA3oWX7A.js";
|
|
4
|
+
import "./snackbar-DH8jCh2V.js";
|
|
5
|
+
import "./text-CRsIInRA.js";
|
|
6
|
+
import { ChevronRight as T } from "lucide-react";
|
|
7
|
+
const j = d(
|
|
8
|
+
"flex items-center gap-2 text-sm text-gray-500"
|
|
9
|
+
), I = d(
|
|
10
|
+
"inline-flex items-center gap-1 transition-colors hover:underline cursor-pointer"
|
|
11
|
+
), B = f(function({ children: t, icon: r, isCurrent: a, className: n, ...o }, i) {
|
|
12
|
+
return /* @__PURE__ */ s.jsx("li", { className: "flex items-center", children: /* @__PURE__ */ s.jsxs(
|
|
31
13
|
"a",
|
|
32
14
|
{
|
|
33
15
|
ref: i,
|
|
34
16
|
"aria-current": a ? "page" : void 0,
|
|
35
17
|
tabIndex: a ? -1 : 0,
|
|
36
|
-
className: u(
|
|
37
|
-
...
|
|
18
|
+
className: u(I(), n),
|
|
19
|
+
...o,
|
|
38
20
|
children: [
|
|
39
|
-
r && /* @__PURE__ */
|
|
21
|
+
r && /* @__PURE__ */ s.jsx("span", { className: "mr-1 inline-flex", children: r }),
|
|
40
22
|
t
|
|
41
23
|
]
|
|
42
24
|
}
|
|
43
25
|
) });
|
|
44
26
|
});
|
|
45
|
-
function
|
|
46
|
-
return /* @__PURE__ */
|
|
27
|
+
function C() {
|
|
28
|
+
return /* @__PURE__ */ s.jsx(w, { as: T, size: "xs", color: "inherit" });
|
|
47
29
|
}
|
|
48
|
-
const
|
|
30
|
+
const V = f(
|
|
49
31
|
function({ children: t, "aria-label": r = "Breadcrumb", ...a }, n) {
|
|
50
|
-
return /* @__PURE__ */
|
|
32
|
+
return /* @__PURE__ */ s.jsx("nav", { "aria-label": r, ...a, children: /* @__PURE__ */ s.jsx("ol", { ref: n, className: j(), children: t }) });
|
|
51
33
|
}
|
|
52
|
-
),
|
|
53
|
-
Item:
|
|
54
|
-
Separator:
|
|
34
|
+
), W = Object.assign(V, {
|
|
35
|
+
Item: B,
|
|
36
|
+
Separator: C
|
|
55
37
|
}), v = x(null), m = () => {
|
|
56
38
|
const e = g(v);
|
|
57
39
|
if (!e)
|
|
58
40
|
throw new Error("useTabsContext must be used within a TabsProvider");
|
|
59
41
|
return e;
|
|
60
|
-
},
|
|
61
|
-
"inline-flex items-center justify-center transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none select-none px-4 py-2 text-
|
|
42
|
+
}, N = d(
|
|
43
|
+
"inline-flex items-center justify-center transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none select-none px-4 py-2 text-sm relative",
|
|
62
44
|
{
|
|
63
45
|
variants: {
|
|
64
46
|
active: {
|
|
@@ -157,7 +139,7 @@ const C = f(
|
|
|
157
139
|
variant: "underline"
|
|
158
140
|
}
|
|
159
141
|
}
|
|
160
|
-
),
|
|
142
|
+
), R = d(
|
|
161
143
|
"flex flex-row w-full overflow-x-auto whitespace-nowrap",
|
|
162
144
|
{
|
|
163
145
|
variants: {
|
|
@@ -186,7 +168,7 @@ const C = f(
|
|
|
186
168
|
color: "primary"
|
|
187
169
|
}
|
|
188
170
|
}
|
|
189
|
-
),
|
|
171
|
+
), A = ({
|
|
190
172
|
value: e,
|
|
191
173
|
children: t,
|
|
192
174
|
className: r,
|
|
@@ -194,40 +176,40 @@ const C = f(
|
|
|
194
176
|
}) => {
|
|
195
177
|
const {
|
|
196
178
|
activeTab: n,
|
|
197
|
-
setActiveTab:
|
|
179
|
+
setActiveTab: o,
|
|
198
180
|
color: i,
|
|
199
|
-
variant:
|
|
200
|
-
} = m(),
|
|
201
|
-
return /* @__PURE__ */
|
|
181
|
+
variant: l = "underline"
|
|
182
|
+
} = m(), c = n === e;
|
|
183
|
+
return /* @__PURE__ */ s.jsx(
|
|
202
184
|
"button",
|
|
203
185
|
{
|
|
204
186
|
role: "tab",
|
|
205
187
|
id: `tabs-trigger-${e}`,
|
|
206
|
-
"aria-selected":
|
|
188
|
+
"aria-selected": c,
|
|
207
189
|
"aria-controls": `tabs-content-${e}`,
|
|
208
|
-
tabIndex:
|
|
190
|
+
tabIndex: c ? 0 : -1,
|
|
209
191
|
className: u(
|
|
210
|
-
|
|
211
|
-
active:
|
|
192
|
+
N({
|
|
193
|
+
active: c,
|
|
212
194
|
color: i,
|
|
213
|
-
variant:
|
|
195
|
+
variant: l
|
|
214
196
|
}),
|
|
215
197
|
r
|
|
216
198
|
),
|
|
217
|
-
onClick: () =>
|
|
199
|
+
onClick: () => o(e),
|
|
218
200
|
type: "button",
|
|
219
201
|
...a,
|
|
220
202
|
children: t
|
|
221
203
|
}
|
|
222
204
|
);
|
|
223
|
-
},
|
|
205
|
+
}, E = ({
|
|
224
206
|
left: e,
|
|
225
207
|
width: t,
|
|
226
208
|
className: r,
|
|
227
209
|
...a
|
|
228
210
|
}) => {
|
|
229
211
|
const { color: n } = m();
|
|
230
|
-
return /* @__PURE__ */
|
|
212
|
+
return /* @__PURE__ */ s.jsx(
|
|
231
213
|
"div",
|
|
232
214
|
{
|
|
233
215
|
"aria-hidden": !0,
|
|
@@ -241,19 +223,19 @@ const C = f(
|
|
|
241
223
|
}
|
|
242
224
|
);
|
|
243
225
|
};
|
|
244
|
-
function
|
|
226
|
+
function $(e, t, r) {
|
|
245
227
|
const [a, n] = p({
|
|
246
228
|
left: 0,
|
|
247
229
|
width: 0
|
|
248
230
|
});
|
|
249
231
|
return y(() => {
|
|
250
232
|
if (!t.current) return;
|
|
251
|
-
const
|
|
233
|
+
const o = t.current.querySelector(
|
|
252
234
|
`#tabs-trigger-${e}`
|
|
253
235
|
);
|
|
254
|
-
if (
|
|
255
|
-
const { offsetLeft: i, offsetWidth:
|
|
256
|
-
n({ left: i, width:
|
|
236
|
+
if (o) {
|
|
237
|
+
const { offsetLeft: i, offsetWidth: l } = o;
|
|
238
|
+
n({ left: i, width: l }), o.scrollIntoView({
|
|
257
239
|
behavior: "smooth",
|
|
258
240
|
inline: "center",
|
|
259
241
|
block: "nearest"
|
|
@@ -267,32 +249,32 @@ const k = ({
|
|
|
267
249
|
children: r,
|
|
268
250
|
className: a,
|
|
269
251
|
color: n = "primary",
|
|
270
|
-
variant:
|
|
252
|
+
variant: o = "underline",
|
|
271
253
|
...i
|
|
272
254
|
}) => {
|
|
273
|
-
const
|
|
255
|
+
const l = {
|
|
274
256
|
activeTab: e,
|
|
275
257
|
setActiveTab: t,
|
|
276
258
|
color: n,
|
|
277
|
-
variant:
|
|
278
|
-
},
|
|
279
|
-
return /* @__PURE__ */
|
|
259
|
+
variant: o
|
|
260
|
+
}, c = h(null), b = $(e, c, r);
|
|
261
|
+
return /* @__PURE__ */ s.jsx(v.Provider, { value: l, children: /* @__PURE__ */ s.jsxs(
|
|
280
262
|
"div",
|
|
281
263
|
{
|
|
282
264
|
role: "tablist",
|
|
283
265
|
className: u(
|
|
284
|
-
|
|
285
|
-
variant:
|
|
266
|
+
R({
|
|
267
|
+
variant: o
|
|
286
268
|
}),
|
|
287
269
|
a
|
|
288
270
|
),
|
|
289
|
-
ref:
|
|
271
|
+
ref: c,
|
|
290
272
|
style: { position: "relative" },
|
|
291
273
|
...i,
|
|
292
274
|
children: [
|
|
293
275
|
r,
|
|
294
|
-
|
|
295
|
-
|
|
276
|
+
o === "underline" && /* @__PURE__ */ s.jsx(
|
|
277
|
+
E,
|
|
296
278
|
{
|
|
297
279
|
left: b.left,
|
|
298
280
|
width: b.width
|
|
@@ -301,10 +283,10 @@ const k = ({
|
|
|
301
283
|
]
|
|
302
284
|
}
|
|
303
285
|
) });
|
|
304
|
-
},
|
|
305
|
-
Trigger:
|
|
286
|
+
}, D = Object.assign(k, {
|
|
287
|
+
Trigger: A
|
|
306
288
|
});
|
|
307
289
|
export {
|
|
308
|
-
|
|
309
|
-
|
|
290
|
+
W as B,
|
|
291
|
+
D as T
|
|
310
292
|
};
|