@dimasbaguspm/versaur 0.0.18 → 0.0.20

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 (63) hide show
  1. package/dist/js/bottom-sheet-DbtyWwsy.js +493 -0
  2. package/dist/js/{email-input-BIbrfs5q.js → bottom-sheet-input-C7cYfBaK.js} +789 -504
  3. package/dist/js/forms/index.js +21 -16
  4. package/dist/js/{description-list-DZQF212Z.js → image-rectangle-DH7v2xvp.js} +415 -323
  5. package/dist/js/index.js +63 -50
  6. package/dist/js/layouts/index.js +5 -4
  7. package/dist/js/overlays/index.js +6 -4
  8. package/dist/js/primitive/index.js +21 -16
  9. package/dist/js/side-bar-CHhcp0yS.js +397 -0
  10. package/dist/js/text-CRsIInRA.js +127 -0
  11. package/dist/js/tooltip-CDdl1U3A.js +148 -0
  12. package/dist/types/forms/bottom-sheet-input/bottom-sheet-input.d.ts +7 -0
  13. package/dist/types/forms/bottom-sheet-input/index.d.ts +2 -0
  14. package/dist/types/forms/bottom-sheet-input/types.d.ts +17 -0
  15. package/dist/types/forms/drawer-input/drawer-input.d.ts +6 -0
  16. package/dist/types/forms/drawer-input/index.d.ts +2 -0
  17. package/dist/types/forms/drawer-input/types.d.ts +18 -0
  18. package/dist/types/forms/index.d.ts +5 -0
  19. package/dist/types/forms/modal-input/index.d.ts +2 -0
  20. package/dist/types/forms/modal-input/modal-input.d.ts +6 -0
  21. package/dist/types/forms/modal-input/types.d.ts +18 -0
  22. package/dist/types/forms/selectable-multiple-input/index.d.ts +2 -0
  23. package/dist/types/forms/selectable-multiple-input/selectable-multiple-input.d.ts +6 -0
  24. package/dist/types/forms/selectable-multiple-input/types.d.ts +18 -0
  25. package/dist/types/forms/selectable-single-input/index.d.ts +2 -0
  26. package/dist/types/forms/selectable-single-input/selectable-single-input.d.ts +6 -0
  27. package/dist/types/forms/selectable-single-input/types.d.ts +18 -0
  28. package/dist/types/layouts/index.d.ts +1 -0
  29. package/dist/types/layouts/side-bar/index.d.ts +2 -0
  30. package/dist/types/layouts/side-bar/side-bar.atoms.d.ts +3 -0
  31. package/dist/types/layouts/side-bar/side-bar.d.ts +5 -0
  32. package/dist/types/layouts/side-bar/types.d.ts +42 -0
  33. package/dist/types/overlays/bottom-sheet/types.d.ts +2 -1
  34. package/dist/types/overlays/drawer/types.d.ts +2 -1
  35. package/dist/types/overlays/index.d.ts +1 -0
  36. package/dist/types/overlays/menu/menu.atoms.d.ts +5 -10
  37. package/dist/types/overlays/menu/menu.d.ts +2 -6
  38. package/dist/types/overlays/menu/types.d.ts +9 -14
  39. package/dist/types/overlays/menu/use-menu.d.ts +0 -1
  40. package/dist/types/overlays/modal/modal.d.ts +14 -5
  41. package/dist/types/overlays/modal/types.d.ts +7 -20
  42. package/dist/types/overlays/tooltip/index.d.ts +2 -0
  43. package/dist/types/overlays/tooltip/tooltip.d.ts +5 -0
  44. package/dist/types/overlays/tooltip/types.d.ts +33 -0
  45. package/dist/types/overlays/tooltip/use-tooltip-position.d.ts +8 -0
  46. package/dist/types/primitive/image/base-image.atoms.d.ts +6 -0
  47. package/dist/types/primitive/image/base-image.d.ts +6 -0
  48. package/dist/types/primitive/image/image-circle.d.ts +6 -0
  49. package/dist/types/primitive/image/image-rectangle.d.ts +6 -0
  50. package/dist/types/primitive/image/image-square.d.ts +6 -0
  51. package/dist/types/primitive/image/index.d.ts +5 -0
  52. package/dist/types/primitive/image/types.d.ts +48 -0
  53. package/dist/types/primitive/image/use-image.d.ts +13 -0
  54. package/dist/types/primitive/index.d.ts +1 -0
  55. package/dist/types/primitive/table/table.atoms.d.ts +4 -6
  56. package/dist/types/primitive/table/table.d.ts +2 -1
  57. package/dist/types/primitive/table/types.d.ts +7 -4
  58. package/dist/utils/enforce-subpath-import.js +11 -0
  59. package/package.json +1 -1
  60. package/dist/js/bottom-sheet-BRv-oJL-.js +0 -646
  61. package/dist/js/form-layout-4ASWdXn8.js +0 -302
  62. package/dist/types/overlays/modal/use-escape-close.d.ts +0 -6
  63. package/dist/types/overlays/modal/use-focus-trap.d.ts +0 -6
@@ -1,302 +0,0 @@
1
- import { c as i, j as o, a as l } from "./index-DOdDlCoL.js";
2
- import * as p from "react";
3
- import { forwardRef as n } from "react";
4
- const u = i(
5
- "w-full flex flex-wrap items-center px-4 pt-3 mb-3 gap-2 bg-white [&>[data-versaur-appbar-bottom]]:basis-full [&>[data-versaur-appbar-bottom]]:w-full",
6
- {
7
- variants: {
8
- variant: {
9
- primary: "",
10
- secondary: "",
11
- tertiary: "",
12
- ghost: "",
13
- neutral: ""
14
- }
15
- },
16
- defaultVariants: {
17
- variant: "primary"
18
- }
19
- }
20
- ), x = i(
21
- "flex flex-col justify-center min-w-0 flex-grow",
22
- {
23
- variants: {
24
- placement: {
25
- start: "items-start",
26
- center: "items-center",
27
- end: "items-end"
28
- }
29
- },
30
- defaultVariants: {
31
- placement: "start"
32
- }
33
- }
34
- ), d = n(
35
- ({ children: e, className: t }, a) => /* @__PURE__ */ o.jsx(
36
- "div",
37
- {
38
- ref: a,
39
- "data-versaur-appbar-bottom": !0,
40
- className: l("w-full flex items-center min-h-[2.5rem] mt-2", t),
41
- children: e
42
- }
43
- )
44
- ), f = n(
45
- ({ children: e, className: t }, a) => /* @__PURE__ */ o.jsx("div", { ref: a, className: l("flex items-center", t), children: e })
46
- ), v = n(
47
- ({ children: e, className: t }, a) => /* @__PURE__ */ o.jsx(
48
- "div",
49
- {
50
- ref: a,
51
- className: l("font-semibold text-lg truncate min-w-0", t),
52
- children: e
53
- }
54
- )
55
- ), g = n(
56
- ({ children: e, className: t }, a) => /* @__PURE__ */ o.jsx(
57
- "div",
58
- {
59
- ref: a,
60
- className: l("text-xs text-ghost-400 truncate min-w-0", t),
61
- children: e
62
- }
63
- )
64
- ), y = n(
65
- ({ children: e, className: t }, a) => /* @__PURE__ */ o.jsx(
66
- "div",
67
- {
68
- ref: a,
69
- className: l("flex items-center justify-end gap-2", t),
70
- children: e
71
- }
72
- )
73
- ), B = n(
74
- ({ children: e, className: t, placement: a }, s) => /* @__PURE__ */ o.jsx(
75
- "div",
76
- {
77
- ref: s,
78
- className: l(x({ placement: a }), t),
79
- children: e
80
- }
81
- )
82
- ), b = ({
83
- children: e,
84
- className: t,
85
- variant: a = "primary"
86
- }) => /* @__PURE__ */ o.jsx(
87
- "header",
88
- {
89
- className: l(u({ variant: a }), t),
90
- role: "banner",
91
- children: e
92
- }
93
- ), G = Object.assign(b, {
94
- Leading: f,
95
- Headline: v,
96
- Subtitle: g,
97
- Trailing: y,
98
- Center: B,
99
- Bottom: d
100
- }), j = i(
101
- "sticky bottom-0 left-0 w-full flex justify-between items-center bg-white border-t border-border shadow-xs z-40 safe-bottom px-8 py-1",
102
- {
103
- variants: {
104
- variant: {
105
- primary: "",
106
- secondary: "",
107
- ghost: "",
108
- neutral: "",
109
- tertiary: ""
110
- },
111
- size: {
112
- sm: "h-12 text-sm",
113
- md: "h-16 text-base",
114
- lg: "h-20 text-lg"
115
- }
116
- },
117
- defaultVariants: {
118
- variant: "primary",
119
- size: "md"
120
- }
121
- }
122
- ), N = i(
123
- "flex flex-col items-center justify-center gap-1 px-2 py-1",
124
- {
125
- variants: {
126
- active: {
127
- true: "font-semibold text-primary",
128
- false: "text-ghost"
129
- }
130
- },
131
- defaultVariants: {
132
- active: !1
133
- }
134
- }
135
- ), w = n(
136
- ({ icon: e, label: t, active: a = !1, className: s, ...r }, c) => /* @__PURE__ */ o.jsxs(
137
- "div",
138
- {
139
- ref: c,
140
- "aria-current": a ? "page" : void 0,
141
- className: N({ active: a, className: s }),
142
- ...r,
143
- children: [
144
- e,
145
- t && /* @__PURE__ */ o.jsx("span", { className: "text-xs mt-0.5", children: t })
146
- ]
147
- }
148
- )
149
- ), h = ({
150
- children: e,
151
- variant: t = "primary",
152
- size: a = "md",
153
- className: s,
154
- ...r
155
- }) => /* @__PURE__ */ o.jsx(
156
- "nav",
157
- {
158
- role: "navigation",
159
- "aria-label": "Bottom navigation",
160
- className: j({ variant: t, size: a, className: s }),
161
- ...r,
162
- children: e
163
- }
164
- ), J = Object.assign(h, {
165
- Item: w
166
- }), T = i(
167
- "w-full flex items-center px-6 py-4 mb-6 border-b border-border shadow-xs bg-white",
168
- {
169
- variants: {},
170
- defaultVariants: {}
171
- }
172
- ), L = i("flex items-center gap-3 min-w-0 flex-1"), V = i("flex items-center gap-2 ml-auto"), A = i(
173
- "px-2.5 py-1.5 rounded-md text-sm cursor-pointer transition-colors",
174
- {
175
- variants: {
176
- active: {
177
- true: "bg-primary/10 text-primary",
178
- false: "hover:text-primary text-ghost"
179
- }
180
- },
181
- defaultVariants: {
182
- active: !1
183
- }
184
- }
185
- ), R = i("flex items-center gap-2 ml-4"), S = i("flex items-center gap-2 mr-4"), C = n(
186
- function({ children: t, className: a, ...s }, r) {
187
- return /* @__PURE__ */ o.jsx("nav", { ref: r, className: R({ className: a }), ...s, children: t });
188
- }
189
- ), I = n(
190
- function({ children: t, className: a, ...s }, r) {
191
- return /* @__PURE__ */ o.jsx("div", { ref: r, className: S({ className: a }), ...s, children: t });
192
- }
193
- ), F = n(
194
- function({ children: t, className: a, ...s }, r) {
195
- return /* @__PURE__ */ o.jsx("div", { ref: r, className: L({ className: a }), ...s, children: t });
196
- }
197
- ), k = n(
198
- function({ children: t, className: a, ...s }, r) {
199
- return /* @__PURE__ */ o.jsx("div", { ref: r, className: V({ className: a }), ...s, children: t });
200
- }
201
- ), O = n(
202
- function({ children: t, className: a, active: s, ...r }, c) {
203
- return /* @__PURE__ */ o.jsx(
204
- "div",
205
- {
206
- ref: c,
207
- className: A({ active: s, className: a }),
208
- "aria-current": s ? "page" : void 0,
209
- ...r,
210
- children: t
211
- }
212
- );
213
- }
214
- ), z = n(
215
- ({ children: e, className: t, ...a }, s) => /* @__PURE__ */ o.jsx("header", { ref: s, className: T({ className: t }), ...a, children: e })
216
- ), K = Object.assign(z, {
217
- Leading: F,
218
- Trailing: k,
219
- NavItem: O,
220
- Nav: C,
221
- Actions: I
222
- }), P = i("w-full mx-auto relative", {
223
- variants: {
224
- type: {
225
- desktop: "max-w-7xl px-6 py-10",
226
- tablet: "max-w-3xl",
227
- mobile: "w-full"
228
- }
229
- },
230
- defaultVariants: {
231
- type: "desktop"
232
- }
233
- }), Q = p.forwardRef(
234
- function({ type: t = "desktop", className: a, children: s, ...r }, c) {
235
- return /* @__PURE__ */ o.jsx(
236
- "div",
237
- {
238
- ref: c,
239
- className: l(P({ type: t }), a),
240
- ...r,
241
- children: s
242
- }
243
- );
244
- }
245
- ), H = i("grid w-full gap-4 grid-cols-12"), M = i("", {
246
- variants: {
247
- span: {
248
- 1: "col-span-1",
249
- 2: "col-span-2",
250
- 3: "col-span-3",
251
- 4: "col-span-4",
252
- 5: "col-span-5",
253
- 6: "col-span-6",
254
- 7: "col-span-7",
255
- 8: "col-span-8",
256
- 9: "col-span-9",
257
- 10: "col-span-10",
258
- 11: "col-span-11",
259
- 12: "col-span-12"
260
- }
261
- },
262
- defaultVariants: {
263
- span: "4"
264
- }
265
- }), E = n(
266
- function({ className: t, children: a, ...s }, r) {
267
- return /* @__PURE__ */ o.jsx(
268
- "div",
269
- {
270
- ref: r,
271
- className: l(H(), t),
272
- ...s,
273
- children: a
274
- }
275
- );
276
- }
277
- ), $ = n(
278
- function({ span: t = 4, className: a, children: s, ...r }, c) {
279
- const m = Math.min(12, Math.max(1, t));
280
- return /* @__PURE__ */ o.jsx(
281
- "div",
282
- {
283
- ref: c,
284
- className: l(
285
- M({ span: `${m}` }),
286
- a
287
- ),
288
- ...r,
289
- children: s
290
- }
291
- );
292
- }
293
- ), U = Object.assign(E, {
294
- Column: $
295
- });
296
- export {
297
- G as A,
298
- J as B,
299
- U as F,
300
- Q as P,
301
- K as T
302
- };
@@ -1,6 +0,0 @@
1
- /**
2
- * Calls handler when Escape key is pressed and active is true
3
- * @param active - Whether to listen for Escape key
4
- * @param handler - Function to call on Escape
5
- */
6
- export declare function useEscapeClose(active: boolean, handler: () => void): void;
@@ -1,6 +0,0 @@
1
- /**
2
- * Focuses the first focusable element inside the given ref when active is true
3
- * @param ref - The ref to the container element
4
- * @param active - Whether to activate the focus trap
5
- */
6
- export declare function useFocusTrap(ref: React.RefObject<HTMLElement | null>, active: boolean): void;