@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.
@@ -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-C6cgL8R9.js";
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";
@@ -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-nVi11sIJ.js";
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-8 px-3 text-sm min-w-[2.25rem]",
606
- md: "h-10 px-4 text-sm min-w-[2.5rem]",
607
- lg: "h-12 px-8 text-lg min-w-[2.75rem]"
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 s, P as t, S as r } from "./skeleton-BNZyaRjo.js";
2
- import { A as n, B as p, F as u, P as l, S as i, T as I } from "./side-bar-li3CbgUw.js";
3
- import { B as S, C as m, b as B, a as g, D as T, k as d, E as x, M as f, P as b, R as h, d as k, c as M, S as P, e as C, j as A, i as D, h as L, f as R, T as w, g as F } from "./bottom-sheet-input-nVi11sIJ.js";
4
- import { B as v, D as y, M as E } from "./bottom-sheet-CCDa5VGo.js";
5
- import { M as q, T as z } from "./tooltip-CDdl1U3A.js";
6
- import { A as H, a as J, b as K, B as O, l as Q, c as U, d as V, e as W, f as X, C as Y, g as Z, D as _, I as $, i as aa, k as ea, j as sa, N as ta, T as ra, h as oa } from "./image-rectangle-C6cgL8R9.js";
7
- import { S as pa } from "./snackbar-DH8jCh2V.js";
8
- import { T as la } from "./text-CRsIInRA.js";
9
- import { B as Ia, T as ca } from "./tabs-BbOkYchB.js";
10
- import { S as ma, u as Ba } from "./use-snackbars-B0MaRlg1.js";
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
- H as Alert,
13
- J as Anchor,
12
+ O as Alert,
13
+ Q as Anchor,
14
14
  n as AppBar,
15
- K as Avatar,
16
- O as Badge,
17
- Q as BaseImage,
15
+ U as Avatar,
16
+ V as Badge,
17
+ W as BaseImage,
18
18
  p as BottomBar,
19
- v as BottomSheet,
20
- S as BottomSheetInput,
21
- U as Brand,
22
- Ia as Breadcrumbs,
23
- V as Button,
24
- W as ButtonFloat,
25
- X as ButtonIcon,
26
- Y as Calculator,
27
- Z as Calendar,
28
- m as CheckboxInput,
29
- B as ChipMultipleInput,
30
- g as ChipSingleInput,
31
- T as DateSinglePickerInput,
32
- _ as DescriptionList,
33
- y as Drawer,
34
- d as DrawerInput,
35
- x as EmailInput,
36
- u as FormLayout,
37
- $ as Icon,
38
- aa as ImageCircle,
39
- ea as ImageRectangle,
40
- sa as ImageSquare,
41
- s as LoadingIndicator,
42
- q as Menu,
43
- E as Modal,
44
- f as ModalInput,
45
- ta as NoResults,
46
- l as PageLayout,
47
- b as PriceInput,
48
- t as ProgressIndicator,
49
- h as RadioInput,
50
- k as SearchInput,
51
- M as SegmentMultipleInput,
52
- P as SegmentSingleInput,
53
- C as SelectInput,
54
- A as SelectableMultipleInput,
55
- D as SelectableSingleInput,
56
- i as SideBar,
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
- pa as Snackbar,
59
- ma as SnackbarsProvider,
60
- L as SwitchInput,
61
- ra as Table,
62
- ca as Tabs,
63
- la as Text,
64
- R as TextAreaInput,
65
- w as TextInput,
66
- oa as Tile,
67
- F as TimePickerInput,
68
- z as Tooltip,
69
- I as TopBar,
70
- Ba as useSnackbars
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
  };
@@ -1,9 +1,12 @@
1
- import { A as r, B as s, F as B, P as t, S as p, T as e } from "../side-bar-li3CbgUw.js";
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
- B as FormLayout,
6
- t as PageLayout,
7
- p as SideBar,
8
- e as TopBar
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 { B as s, T as b } from "../tabs-BbOkYchB.js";
1
+ import { B as s, T as b } from "../tabs-p6g9kN0N.js";
2
2
  export {
3
3
  s as Breadcrumbs,
4
4
  b as Tabs
@@ -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-C6cgL8R9.js";
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 o, a as u } from "./index-DOdDlCoL.js";
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
- const w = d(
4
- "flex items-center gap-2 text-sm text-tertiary",
5
- {
6
- variants: {
7
- separator: {
8
- default: "gap-2",
9
- compact: "gap-1"
10
- }
11
- },
12
- defaultVariants: {
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(T({ isCurrent: a }) + n),
37
- ...s,
18
+ className: u(I(), n),
19
+ ...o,
38
20
  children: [
39
- r && /* @__PURE__ */ o.jsx("span", { className: "mr-1 inline-flex", children: r }),
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 V() {
46
- return /* @__PURE__ */ o.jsx("span", { className: j, "aria-hidden": "true", children: "/" });
27
+ function C() {
28
+ return /* @__PURE__ */ s.jsx(w, { as: T, size: "xs", color: "inherit" });
47
29
  }
48
- const C = f(
30
+ const V = f(
49
31
  function({ children: t, "aria-label": r = "Breadcrumb", ...a }, n) {
50
- return /* @__PURE__ */ o.jsx("nav", { "aria-label": r, ...a, children: /* @__PURE__ */ o.jsx("ol", { ref: n, className: w(), children: t }) });
32
+ return /* @__PURE__ */ s.jsx("nav", { "aria-label": r, ...a, children: /* @__PURE__ */ s.jsx("ol", { ref: n, className: j(), children: t }) });
51
33
  }
52
- ), O = Object.assign(C, {
53
- Item: I,
54
- Separator: V
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
- }, B = d(
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-base relative",
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
- ), N = d(
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
- ), R = ({
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: s,
179
+ setActiveTab: o,
198
180
  color: i,
199
- variant: c = "underline"
200
- } = m(), l = n === e;
201
- return /* @__PURE__ */ o.jsx(
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": l,
188
+ "aria-selected": c,
207
189
  "aria-controls": `tabs-content-${e}`,
208
- tabIndex: l ? 0 : -1,
190
+ tabIndex: c ? 0 : -1,
209
191
  className: u(
210
- B({
211
- active: l,
192
+ N({
193
+ active: c,
212
194
  color: i,
213
- variant: c
195
+ variant: l
214
196
  }),
215
197
  r
216
198
  ),
217
- onClick: () => s(e),
199
+ onClick: () => o(e),
218
200
  type: "button",
219
201
  ...a,
220
202
  children: t
221
203
  }
222
204
  );
223
- }, A = ({
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__ */ o.jsx(
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 E(e, t, r) {
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 s = t.current.querySelector(
233
+ const o = t.current.querySelector(
252
234
  `#tabs-trigger-${e}`
253
235
  );
254
- if (s) {
255
- const { offsetLeft: i, offsetWidth: c } = s;
256
- n({ left: i, width: c }), s.scrollIntoView({
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: s = "underline",
252
+ variant: o = "underline",
271
253
  ...i
272
254
  }) => {
273
- const c = {
255
+ const l = {
274
256
  activeTab: e,
275
257
  setActiveTab: t,
276
258
  color: n,
277
- variant: s
278
- }, l = h(null), b = E(e, l, r);
279
- return /* @__PURE__ */ o.jsx(v.Provider, { value: c, children: /* @__PURE__ */ o.jsxs(
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
- N({
285
- variant: s
266
+ R({
267
+ variant: o
286
268
  }),
287
269
  a
288
270
  ),
289
- ref: l,
271
+ ref: c,
290
272
  style: { position: "relative" },
291
273
  ...i,
292
274
  children: [
293
275
  r,
294
- s === "underline" && /* @__PURE__ */ o.jsx(
295
- A,
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
- }, P = Object.assign(k, {
305
- Trigger: R
286
+ }, D = Object.assign(k, {
287
+ Trigger: A
306
288
  });
307
289
  export {
308
- O as B,
309
- P as T
290
+ W as B,
291
+ D as T
310
292
  };