@dimasbaguspm/versaur 0.0.14 → 0.0.15

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/index.js CHANGED
@@ -1,11 +1,11 @@
1
- import { L as s, P as e, S as o } from "./skeleton-Ma-Fcs06.js";
2
- import { A as n, B as p, F as u, P as c, T as i } from "./form-layout-PLH-7bWq.js";
3
- import { C as I, a as m, b as B, D as S, R as T, c as x, S as d, d as b, g as f, j as g, i as h, h as C, e as k, T as A, f as P } from "./switch-input-o8oO4Rf4.js";
4
- import { B as L, D } from "./bottom-sheet-CBLNEX4F.js";
5
- import { M as F, a as y } from "./menu-oRrbZAAy.js";
6
- import { A as j, a as v, B as q, b as z, c as E, S as G, T as H, d as J } from "./tile-8hqVMf2m.js";
7
- import { B as N, a as O, C as Q, b as U, I as V, T as W } from "./calendar-B9rIZCdo.js";
8
- import { B as Y, T as Z } from "./tabs-DSeR5XxX.js";
1
+ import { L as s, P as e, S as o } from "./skeleton-BNZyaRjo.js";
2
+ import { A as n, B as p, F as u, P as c, T as i } from "./form-layout-4ASWdXn8.js";
3
+ import { C as I, a as m, b as B, D as S, R as T, c as x, S as d, d as b, g as f, j as g, i as h, h as C, e as k, T as A, f as P } from "./switch-input-Bx6_2zG9.js";
4
+ import { B as L, D } from "./bottom-sheet-Difan0U1.js";
5
+ import { M as F, a as y } from "./menu-Bm-yPIMN.js";
6
+ import { A as j, a as v, B as q, b as z, c as E, S as G, T as H, d as J } from "./tile-DLmZbkgG.js";
7
+ import { B as N, a as O, C as Q, b as U, I as V, T as W } from "./calendar-CUjVZ7Ap.js";
8
+ import { B as Y, T as Z } from "./tabs-BbOkYchB.js";
9
9
  export {
10
10
  j as Alert,
11
11
  n as AppBar,
@@ -1,4 +1,4 @@
1
- import { A as r, B as s, F as t, P as B, T as p } from "../form-layout-PLH-7bWq.js";
1
+ import { A as r, B as s, F as t, P as B, T as p } from "../form-layout-4ASWdXn8.js";
2
2
  export {
3
3
  r as AppBar,
4
4
  s as BottomBar,
@@ -1,6 +1,5 @@
1
- import { j as u, a as b } from "./index-Dmu_fHni.js";
1
+ import { j as u, a as x, c as b } from "./index-DOdDlCoL.js";
2
2
  import { forwardRef as m, useEffect as f, useRef as y, useState as M, createContext as j, useContext as k, useId as I } from "react";
3
- import { c as x } from "./cn-BKwT3erk.js";
4
3
  const z = m(
5
4
  ({ className: e, ...t }, n) => /* @__PURE__ */ u.jsx(
6
5
  "div",
@@ -139,7 +138,7 @@ const L = 200, T = ({
139
138
  )
140
139
  }
141
140
  );
142
- }, G = Object.assign(T, {
141
+ }, _ = Object.assign(T, {
143
142
  Header: z,
144
143
  Body: V,
145
144
  Footer: D
@@ -300,12 +299,12 @@ const P = ({
300
299
  children: e
301
300
  }
302
301
  );
303
- }, J = Object.assign(P, {
302
+ }, G = Object.assign(P, {
304
303
  Trigger: B,
305
304
  Content: H,
306
305
  Item: K
307
306
  });
308
307
  export {
309
- J as M,
310
- G as a
308
+ G as M,
309
+ _ as a
311
310
  };
@@ -1,4 +1,4 @@
1
- import { B as s, T as b } from "../tabs-DSeR5XxX.js";
1
+ import { B as s, T as b } from "../tabs-BbOkYchB.js";
2
2
  export {
3
3
  s as Breadcrumbs,
4
4
  b as Tabs
@@ -1,5 +1,5 @@
1
- import { B as e, D as r } from "../bottom-sheet-CBLNEX4F.js";
2
- import { M as s, a as m } from "../menu-oRrbZAAy.js";
1
+ import { B as e, D as r } from "../bottom-sheet-Difan0U1.js";
2
+ import { M as s, a as m } from "../menu-Bm-yPIMN.js";
3
3
  export {
4
4
  e as BottomSheet,
5
5
  r as Drawer,
@@ -1,5 +1,5 @@
1
- import { A as t, a as o, B as r, b as e, c as n, S as l, T as B, d as c } from "../tile-8hqVMf2m.js";
2
- import { B as b, a as d, C as u, b as x, I as A, T as C } from "../calendar-B9rIZCdo.js";
1
+ import { A as t, a as o, B as r, b as e, c as n, S as l, T as B, d as c } from "../tile-DLmZbkgG.js";
2
+ import { B as b, a as d, C as u, b as x, I as A, T as C } from "../calendar-CUjVZ7Ap.js";
3
3
  export {
4
4
  t as Alert,
5
5
  o as Avatar,
@@ -1,7 +1,6 @@
1
- import { a as l, j as o } from "./index-Dmu_fHni.js";
1
+ import { c as l, j as o, a as d } from "./index-DOdDlCoL.js";
2
2
  import * as m from "react";
3
3
  import u, { forwardRef as f } from "react";
4
- import { c as d } from "./cn-BKwT3erk.js";
5
4
  const p = l(
6
5
  "inline-block border animate-spin rounded-full",
7
6
  {
@@ -190,7 +189,7 @@ const j = l(
190
189
  indeterminate: !1
191
190
  }
192
191
  }
193
- ), L = f(({ value: a, max: e = 100, color: n = "primary", className: r, ...s }, t) => {
192
+ ), S = f(({ value: a, max: e = 100, color: n = "primary", className: r, ...s }, t) => {
194
193
  const i = Math.max(0, Math.min(a, e));
195
194
  return /* @__PURE__ */ o.jsx(
196
195
  "div",
@@ -237,7 +236,7 @@ const j = l(
237
236
  shape: "rounded",
238
237
  size: "md"
239
238
  }
240
- }), k = m.forwardRef(
239
+ }), L = m.forwardRef(
241
240
  function({ shape: e = "rounded", size: n = "md", height: r, className: s, style: t, ...i }, c) {
242
241
  const g = ["sm", "md", "lg", "xl"].includes(n) ? n : "md", b = r ? {
243
242
  ...t,
@@ -273,6 +272,6 @@ const j = l(
273
272
  );
274
273
  export {
275
274
  x as L,
276
- L as P,
277
- k as S
275
+ S as P,
276
+ L as S
278
277
  };
@@ -1,9 +1,8 @@
1
- import { a as cva, j as jsxRuntimeExports } from "./index-Dmu_fHni.js";
1
+ import { c as cva, j as jsxRuntimeExports, a as cn } from "./index-DOdDlCoL.js";
2
2
  import React__default, { useState, useRef, createContext, useContext, useEffect, useId, useCallback } from "react";
3
- import { I as Icon, C as Calculator, B as Button, b as Calendar, T as Text } from "./calendar-B9rIZCdo.js";
4
- import { a as Modal, M as Menu } from "./menu-oRrbZAAy.js";
3
+ import { I as Icon, C as Calculator, B as Button, b as Calendar, T as Text } from "./calendar-CUjVZ7Ap.js";
4
+ import { a as Modal, M as Menu } from "./menu-Bm-yPIMN.js";
5
5
  import { CalculatorIcon, Check, Clock } from "lucide-react";
6
- import { c as cn } from "./cn-BKwT3erk.js";
7
6
  const textInputVariants = cva(
8
7
  "block w-full rounded-md border bg-white transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none disabled:bg-gray-50",
9
8
  {
@@ -1,6 +1,5 @@
1
- import { a as d, j as o } from "./index-Dmu_fHni.js";
1
+ import { c as d, j as o, 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
- import { c as u } from "./cn-BKwT3erk.js";
4
3
  const w = d(
5
4
  "flex items-center gap-2 text-sm text-tertiary",
6
5
  {
@@ -50,7 +49,7 @@ const C = f(
50
49
  function({ children: t, "aria-label": r = "Breadcrumb", ...a }, n) {
51
50
  return /* @__PURE__ */ o.jsx("nav", { "aria-label": r, ...a, children: /* @__PURE__ */ o.jsx("ol", { ref: n, className: w(), children: t }) });
52
51
  }
53
- ), P = Object.assign(C, {
52
+ ), O = Object.assign(C, {
54
53
  Item: I,
55
54
  Separator: V
56
55
  }), v = x(null), m = () => {
@@ -302,10 +301,10 @@ const k = ({
302
301
  ]
303
302
  }
304
303
  ) });
305
- }, q = Object.assign(k, {
304
+ }, P = Object.assign(k, {
306
305
  Trigger: R
307
306
  });
308
307
  export {
309
- P as B,
310
- q as T
308
+ O as B,
309
+ P as T
311
310
  };
@@ -1,7 +1,6 @@
1
- import { a as b, j as a } from "./index-Dmu_fHni.js";
1
+ import { c as b, j as a, a as l } from "./index-DOdDlCoL.js";
2
2
  import * as g from "react";
3
3
  import { forwardRef as d, useState as v, useEffect as x, useCallback as y, useRef as S, createContext as T, useContext as V, useMemo as A } from "react";
4
- import { c as l } from "./cn-BKwT3erk.js";
5
4
  const B = b(
6
5
  "relative flex items-center gap-2 rounded-md p-2 text-sm transition-all duration-200",
7
6
  {
@@ -160,7 +159,7 @@ const B = b(
160
159
  ]
161
160
  }
162
161
  )
163
- ), ie = Object.assign(k, {
162
+ ), ne = Object.assign(k, {
164
163
  Icon: C
165
164
  }), I = b(
166
165
  "inline-flex items-center justify-center font-medium text-white overflow-hidden transition-all duration-200 select-none relative",
@@ -241,7 +240,7 @@ const B = b(
241
240
  }
242
241
  );
243
242
  }
244
- ), le = Object.assign(q, {
243
+ ), ie = Object.assign(q, {
245
244
  /**
246
245
  * AvatarImage sub-component for displaying images with fallback behavior
247
246
  */
@@ -472,7 +471,7 @@ const E = (e) => /* @__PURE__ */ g.createElement("svg", { width: 32, height: 32,
472
471
  }
473
472
  );
474
473
  }
475
- ), ce = d(
474
+ ), le = d(
476
475
  ({ name: e = "spenicle", size: r = "md", shape: t, ...s }, o) => /* @__PURE__ */ a.jsx(
477
476
  "span",
478
477
  {
@@ -581,7 +580,7 @@ function D(e, r = "1rem") {
581
580
  [i]
582
581
  ), s, n];
583
582
  }
584
- const de = d(
583
+ const ce = d(
585
584
  function({
586
585
  className: r,
587
586
  variant: t = "primary",
@@ -641,7 +640,7 @@ const de = d(
641
640
  ), K = ({
642
641
  children: e,
643
642
  ...r
644
- }) => /* @__PURE__ */ a.jsx("span", { className: "ml-2", "data-testid": "snackbar-action", ...r, children: e }), ge = d(
643
+ }) => /* @__PURE__ */ a.jsx("span", { className: "ml-2", "data-testid": "snackbar-action", ...r, children: e }), de = d(
645
644
  ({ children: e, action: r, color: t, className: s, ...o }, n) => /* @__PURE__ */ a.jsxs(
646
645
  "div",
647
646
  {
@@ -829,7 +828,7 @@ const j = (e) => {
829
828
  }
830
829
  ) });
831
830
  }
832
- ), ue = Object.assign(te, {
831
+ ), ge = Object.assign(te, {
833
832
  Header: W,
834
833
  Body: X,
835
834
  Footer: Z,
@@ -870,7 +869,7 @@ const j = (e) => {
870
869
  shape: "rounded"
871
870
  }
872
871
  }
873
- ), fe = d(
872
+ ), ue = d(
874
873
  ({ variant: e = "white", size: r = "md", shape: t = "rounded", className: s, ...o }, n) => /* @__PURE__ */ a.jsx(
875
874
  "div",
876
875
  {
@@ -881,12 +880,12 @@ const j = (e) => {
881
880
  )
882
881
  );
883
882
  export {
884
- ie as A,
883
+ ne as A,
885
884
  M as B,
886
- ge as S,
887
- ue as T,
888
- le as a,
889
- ce as b,
890
- de as c,
891
- fe as d
885
+ de as S,
886
+ ge as T,
887
+ ie as a,
888
+ le as b,
889
+ ce as c,
890
+ ue as d
892
891
  };
@@ -1,2 +1,2 @@
1
- export * from './bottom-sheet';
1
+ export { BottomSheet } from './bottom-sheet';
2
2
  export * from './types';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dimasbaguspm/versaur",
3
- "version": "0.0.14",
3
+ "version": "0.0.15",
4
4
  "description": "React UI library with Tailwind CSS",
5
5
  "author": "Dimas Bagus Prayogo Mukti<dimas.bagus.pm@gmail.com>",
6
6
  "license": "MIT",
@@ -1,281 +0,0 @@
1
- import { a as l, j as o } from "./index-Dmu_fHni.js";
2
- import f, { createContext as g, useContext as k, forwardRef as b, useCallback as j, useEffect as x } from "react";
3
- import { c as d } from "./cn-BKwT3erk.js";
4
- import { b as B, a as V, B as D, c as E, d as R } from "./bottom-sheet.atoms-DFMOaMsU.js";
5
- const h = g(null);
6
- function u() {
7
- const t = k(h);
8
- if (!t)
9
- throw new Error(
10
- "Drawer components must be used within a DrawerRoot component"
11
- );
12
- return t;
13
- }
14
- const C = l(
15
- "fixed inset-0 z-50 transition-opacity duration-300 bg-black/30 backdrop-blur-md",
16
- {
17
- variants: {
18
- state: {
19
- open: "opacity-100",
20
- closed: "opacity-0 pointer-events-none"
21
- }
22
- },
23
- defaultVariants: {
24
- state: "closed"
25
- }
26
- }
27
- ), N = l("fixed z-50 shadow-xl flex flex-col", {
28
- variants: {
29
- position: {
30
- left: "left-0 top-0 bottom-0 border-r",
31
- right: "right-0 top-0 bottom-0 border-l"
32
- },
33
- size: {
34
- sm: "w-80",
35
- md: "w-96",
36
- lg: "w-[28rem]",
37
- xl: "w-[32rem]",
38
- "3/4": "w-[75vw]",
39
- full: "w-full"
40
- },
41
- variant: {
42
- default: "bg-white border-gray-200",
43
- glass: "bg-white/10 backdrop-blur-lg border-white/20"
44
- },
45
- transitionType: {
46
- slide: "transition-transform duration-300 ease-in-out",
47
- fade: "transition-opacity duration-300 ease-in-out"
48
- }
49
- },
50
- defaultVariants: {
51
- position: "right",
52
- size: "md",
53
- variant: "default",
54
- transitionType: "slide"
55
- }
56
- }), F = l("flex-shrink-0 px-6", {
57
- variants: {
58
- variant: {
59
- default: "bg-white",
60
- glass: "bg-transparent "
61
- },
62
- tab: {
63
- true: "pt-4 pb-2",
64
- false: "border-b border-border py-4 "
65
- }
66
- },
67
- defaultVariants: {
68
- variant: "default",
69
- tab: !1
70
- }
71
- }), S = l("flex-1 overflow-y-auto px-6 py-4", {
72
- variants: {
73
- variant: {
74
- default: "bg-white",
75
- glass: "bg-transparent"
76
- }
77
- },
78
- defaultVariants: {
79
- variant: "default"
80
- }
81
- }), H = l("flex-shrink-0 px-6 py-4 border-t", {
82
- variants: {
83
- variant: {
84
- default: "bg-white border-gray-200",
85
- glass: "bg-transparent border-white/10"
86
- },
87
- responsiveFlex: {
88
- true: "flex flex-row gap-3 sm:justify-end [&>*]:sm:flex-grow-0 [&>*]:flex-grow",
89
- false: "flex gap-2"
90
- }
91
- },
92
- defaultVariants: {
93
- variant: "default",
94
- responsiveFlex: !0
95
- }
96
- }), z = f.forwardRef(({ className: t, ...e }, r) => {
97
- const { isOpen: a, onClose: n } = u(), s = () => {
98
- n();
99
- };
100
- return /* @__PURE__ */ o.jsx(
101
- "div",
102
- {
103
- ref: r,
104
- onClick: s,
105
- className: d(
106
- C({
107
- state: a ? "open" : "closed"
108
- }),
109
- t
110
- ),
111
- ...e
112
- }
113
- );
114
- }), L = f.forwardRef(
115
- ({ children: t, className: e, hasTab: r, ...a }, n) => {
116
- const { variant: s } = u();
117
- return /* @__PURE__ */ o.jsx(
118
- "div",
119
- {
120
- ref: n,
121
- className: d(
122
- F({ variant: s, tab: !!r }),
123
- e
124
- ),
125
- ...a,
126
- children: t
127
- }
128
- );
129
- }
130
- ), T = b(
131
- ({ children: t, className: e, ...r }, a) => /* @__PURE__ */ o.jsx("div", { ref: a, className: d("[&>div]:px-6", e), ...r, children: t })
132
- ), _ = f.forwardRef(
133
- ({ children: t, className: e, ...r }, a) => {
134
- const { variant: n } = u();
135
- return /* @__PURE__ */ o.jsx(
136
- "div",
137
- {
138
- ref: a,
139
- className: d(S({ variant: n }), e),
140
- ...r,
141
- children: t
142
- }
143
- );
144
- }
145
- ), I = f.forwardRef(
146
- ({ children: t, className: e, responsiveFlex: r = !0, ...a }, n) => {
147
- const { variant: s } = u();
148
- return /* @__PURE__ */ o.jsx(
149
- "div",
150
- {
151
- ref: n,
152
- className: d(
153
- H({ variant: s, responsiveFlex: r }),
154
- e
155
- ),
156
- ...a,
157
- children: t
158
- }
159
- );
160
- }
161
- ), P = ({
162
- children: t,
163
- isOpen: e,
164
- onClose: r,
165
- position: a = "right",
166
- size: n = "md",
167
- variant: s = "default",
168
- transitionType: i = "slide",
169
- className: c,
170
- ...m
171
- }) => {
172
- const w = j(() => {
173
- r(!1);
174
- }, [r]), p = {
175
- isOpen: e,
176
- onClose: w,
177
- position: a,
178
- size: n,
179
- variant: s,
180
- transitionType: i
181
- };
182
- return x(() => {
183
- const v = (y) => {
184
- y.key === "Escape" && e && w();
185
- };
186
- return e && (document.addEventListener("keydown", v), document.body.style.overflow = "hidden"), () => {
187
- document.removeEventListener("keydown", v), document.body.style.overflow = "unset";
188
- };
189
- }, [e, w]), /* @__PURE__ */ o.jsx(h.Provider, { value: p, children: /* @__PURE__ */ o.jsxs(
190
- "div",
191
- {
192
- className: d(
193
- "fixed z-50 inset-0 pointer-events-none",
194
- e && "pointer-events-auto"
195
- ),
196
- children: [
197
- /* @__PURE__ */ o.jsx(z, {}),
198
- /* @__PURE__ */ o.jsx(
199
- "div",
200
- {
201
- role: e ? "dialog" : void 0,
202
- "aria-modal": e ? "true" : void 0,
203
- className: d(
204
- N({
205
- position: a,
206
- size: n,
207
- variant: s,
208
- transitionType: i
209
- }),
210
- i === "slide" ? [
211
- !e && a === "left" && "-translate-x-full",
212
- !e && a === "right" && "translate-x-full"
213
- ] : [
214
- "left-0 right-0 top-0 bottom-0",
215
- e ? "opacity-100" : "opacity-0 pointer-events-none"
216
- ],
217
- c
218
- ),
219
- ...m,
220
- children: e && t
221
- }
222
- )
223
- ]
224
- }
225
- ) });
226
- }, M = Object.assign(P, {
227
- Header: L,
228
- Tab: T,
229
- Body: _,
230
- Footer: I
231
- }), q = b(
232
- ({ isOpen: t, children: e, className: r, onClose: a, ...n }, s) => {
233
- x(() => {
234
- const c = (m) => {
235
- m.key === "Escape" && t && a();
236
- };
237
- return t && (document.addEventListener("keydown", c), document.body.style.overflow = "hidden"), () => {
238
- document.removeEventListener("keydown", c), document.body.style.overflow = "unset";
239
- };
240
- }, [t, a]);
241
- const i = () => {
242
- a?.();
243
- };
244
- return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
245
- /* @__PURE__ */ o.jsx(
246
- "div",
247
- {
248
- className: B({ open: t }),
249
- "aria-hidden": "true",
250
- onClick: i
251
- }
252
- ),
253
- /* @__PURE__ */ o.jsx(
254
- "div",
255
- {
256
- ref: s,
257
- className: d(
258
- V({
259
- open: t
260
- }),
261
- r
262
- ),
263
- role: "dialog",
264
- "aria-modal": "true",
265
- tabIndex: -1,
266
- ...n,
267
- children: e
268
- }
269
- )
270
- ] });
271
- }
272
- ), Q = Object.assign(q, {
273
- Header: R,
274
- Title: (await import("./bottom-sheet.atoms-DFMOaMsU.js").then((t) => t.e)).BottomSheetTitle,
275
- Body: E,
276
- Footer: D
277
- });
278
- export {
279
- Q as B,
280
- M as D
281
- };
@@ -1,78 +0,0 @@
1
- import { a, j as r } from "./index-Dmu_fHni.js";
2
- import { forwardRef as s } from "react";
3
- const h = a(
4
- [
5
- "fixed left-0 bottom-0 z-50 w-full max-h-[90dvh] bg-background rounded-t-xl shadow-lg border-t border-border rounded-lg",
6
- "transition-transform duration-300 ease-in-out will-change-transform"
7
- ],
8
- {
9
- variants: {
10
- open: {
11
- true: "translate-y-0",
12
- false: "translate-y-full"
13
- }
14
- },
15
- defaultVariants: {
16
- open: !1
17
- }
18
- }
19
- ), x = a(
20
- ["fixed inset-0 z-40 duration-300"],
21
- {
22
- variants: {
23
- open: {
24
- true: "backdrop-blur-md bg-foreground/30",
25
- false: "pointer-events-none"
26
- }
27
- },
28
- defaultVariants: {
29
- open: !1
30
- }
31
- }
32
- ), l = a("px-4 pt-4 pb-2"), d = a("px-4 py-2"), i = a("px-4 pt-2 pb-4"), m = s(function({ className: t, ...o }, n) {
33
- return /* @__PURE__ */ r.jsx(
34
- "h2",
35
- {
36
- ref: n,
37
- className: ["text-lg font-semibold text-foreground", t].filter(Boolean).join(" "),
38
- ...o
39
- }
40
- );
41
- }), f = s(({ className: e, ...t }, o) => /* @__PURE__ */ r.jsx(
42
- "div",
43
- {
44
- ref: o,
45
- className: l({ className: e }),
46
- ...t
47
- }
48
- )), c = s(
49
- ({ className: e, ...t }, o) => /* @__PURE__ */ r.jsx(
50
- "div",
51
- {
52
- ref: o,
53
- className: d({ className: e }),
54
- ...t
55
- }
56
- )
57
- ), b = s(({ className: e, ...t }, o) => /* @__PURE__ */ r.jsx(
58
- "div",
59
- {
60
- ref: o,
61
- className: i({ className: e }),
62
- ...t
63
- }
64
- )), S = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
65
- __proto__: null,
66
- BottomSheetBody: c,
67
- BottomSheetFooter: b,
68
- BottomSheetHeader: f,
69
- BottomSheetTitle: m
70
- }, Symbol.toStringTag, { value: "Module" }));
71
- export {
72
- b as B,
73
- h as a,
74
- x as b,
75
- c,
76
- f as d,
77
- S as e
78
- };