@konstructio/ui 0.0.13-alpha.1 → 0.1.0-alpha.10
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/{Combination-b348x__d.js → Combination-VYaRRJBZ.js} +155 -157
- package/dist/DatePicker.css +1 -0
- package/dist/Modal-CrG0m703.js +98 -0
- package/dist/assets/icons/components/Search.js +26 -0
- package/dist/assets/icons/components/Warning.js +22 -0
- package/dist/assets/icons/components/index.js +6 -0
- package/dist/chevron-down-UW8ts6wI.js +11 -0
- package/dist/{chevron-up-DgLBQCKD.js → chevron-up-RLP4nX7V.js} +1 -1
- package/dist/components/Alert/Alert.js +2 -2
- package/dist/components/AlertDialog/AlertDialog.js +55 -41
- package/dist/components/AlertDialog/components/AlertDialogTrigger.js +1 -1
- package/dist/components/AlertDialog/components/index.js +1 -1
- package/dist/components/Badge/Badge.js +79 -0
- package/dist/components/Badge/Badge.variants.js +68 -0
- package/dist/components/Breadcrumb/Breadcrumb.js +44 -53
- package/dist/components/Breadcrumb/Breadcrumb.variants.js +10 -41
- package/dist/components/Breadcrumb/components/Item/Item.js +22 -23
- package/dist/components/Breadcrumb/components/Item/Item.variants.js +43 -56
- package/dist/components/Breadcrumb/hooks/useBreadcrumb.js +1 -1
- package/dist/components/Button/Button.js +30 -26
- package/dist/components/Button/Button.variants.js +116 -29
- package/dist/components/Checkbox/Checkbox.js +300 -185
- package/dist/components/Checkbox/Checkbox.variants.js +12 -15
- package/dist/components/Command/Command.js +2 -2
- package/dist/components/Command/components/Command.js +1 -1
- package/dist/components/Command/components/CommandEmpty.js +1 -1
- package/dist/components/Command/components/CommandGroup.js +1 -1
- package/dist/components/Command/components/CommandInput.js +2 -2
- package/dist/components/Command/components/CommandItem.js +1 -1
- package/dist/components/Command/components/CommandList.js +1 -1
- package/dist/components/Command/components/CommandSeparator.js +1 -1
- package/dist/components/Command/components/DialogContent.js +2 -2
- package/dist/components/Command/components/DialogOverlay.js +1 -1
- package/dist/components/Datepicker/DatePicker.js +2722 -0
- package/dist/components/Datepicker/DatePicker.variants.js +5 -0
- package/dist/components/Divider/Divider.variants.js +9 -12
- package/dist/components/Dropdown/components/List/List.js +55 -18
- package/dist/components/Dropdown/components/List/List.variants.js +5 -3
- package/dist/components/Dropdown/components/ListItem/ListItem.js +28 -22
- package/dist/components/Dropdown/components/Wrapper.js +110 -86
- package/dist/components/Dropdown/contexts/dropdown.context.js +6 -2
- package/dist/components/Dropdown/contexts/dropdown.hook.js +5 -3
- package/dist/components/Dropdown/contexts/dropdown.provider.js +18 -11
- package/dist/components/Filter/Filter.js +20 -0
- package/dist/components/Filter/Filter.variants.js +22 -0
- package/dist/components/Filter/components/BadgeDropdown/BadgeMultiSelect.hook.js +87 -0
- package/dist/components/Filter/components/BadgeDropdown/BadgeMultiSelect.js +95 -0
- package/dist/components/Filter/components/DateFilterDropdown/DateFilterDropdown.hook.js +87 -0
- package/dist/components/Filter/components/DateFilterDropdown/DateFilterDropdown.js +90 -0
- package/dist/components/Filter/components/ResetButton/ResetButton.js +18 -0
- package/dist/components/Filter/components/index.js +8 -0
- package/dist/components/Filter/events/index.js +12 -0
- package/dist/components/Input/Input.js +134 -163
- package/dist/components/Input/Input.variants.js +15 -13
- package/dist/components/Loading/Loading.js +14 -99
- package/dist/components/Modal/Modal.js +2 -2
- package/dist/components/Modal/components/Body/Body.js +1 -1
- package/dist/components/Modal/components/Footer/Footer.js +1 -1
- package/dist/components/Modal/components/Header/Header.js +1 -1
- package/dist/components/Modal/components/Wrapper/Wrapper.js +4 -4
- package/dist/components/Modal/components/Wrapper/Wrapper.variants.js +4 -6
- package/dist/components/Modal/components/index.js +1 -1
- package/dist/components/NumberInput/NumberInput.js +2 -2
- package/dist/components/Radio/Radio.variants.js +14 -12
- package/dist/components/RadioGroup/RadioGroup.js +1 -1
- package/dist/components/Range/Range.js +1 -1
- package/dist/components/Slider/Slider.js +1 -1
- package/dist/components/Switch/Switch.js +141 -126
- package/dist/components/Table/Table.variants.js +5 -6
- package/dist/components/Tabs/Tabs.js +24 -0
- package/dist/components/Tabs/Tabs.variants.js +58 -0
- package/dist/components/Tabs/components/Content.js +19 -0
- package/dist/components/Tabs/components/List.js +20 -0
- package/dist/components/Tabs/components/Trigger.js +26 -0
- package/dist/components/Tag/Tag.js +1 -1
- package/dist/components/TagSelect/components/Wrapper/Wrapper.js +2 -2
- package/dist/components/TimePicker/TimePicker.js +8 -0
- package/dist/components/TimePicker/TimePicker.variants.js +62 -0
- package/dist/components/TimePicker/components/HoursList/HoursList.js +93 -0
- package/dist/components/TimePicker/components/MeridianList/MeridianList.js +68 -0
- package/dist/components/TimePicker/components/MinutesList/MinutesList.js +60 -0
- package/dist/components/TimePicker/components/Wrapper/Wrapper.js +96 -0
- package/dist/components/TimePicker/components/WrapperList/WrapperList.js +51 -0
- package/dist/components/TimePicker/components/WrapperList/WrapperList.variants.js +16 -0
- package/dist/components/TimePicker/components/index.js +4 -0
- package/dist/components/TimePicker/contexts/index.js +8 -0
- package/dist/components/TimePicker/contexts/time-picker.context.js +22 -0
- package/dist/components/TimePicker/contexts/time-picker.hook.js +13 -0
- package/dist/components/TimePicker/contexts/time-picker.provider.js +46 -0
- package/dist/components/TimePicker/utils/index.js +6 -0
- package/dist/components/Toast/Toast.js +38 -36
- package/dist/components/Tooltip/Tooltip.js +1 -1
- package/dist/components/Typography/Typography.js +14 -16
- package/dist/components/index.js +78 -66
- package/dist/createLucideIcon-ByJ0JZvK.js +94 -0
- package/dist/index--EmNlyHx.js +31 -0
- package/dist/{index-Bk324h27.js → index-B5MIi2tR.js} +6 -5
- package/dist/{index-g-TFwd6Y.js → index-BCGvACM9.js} +2 -1
- package/dist/{index-AM3avohj.js → index-BNU3RH-3.js} +3 -3
- package/dist/{index-Bry5AFQ2.js → index-Bc1LNrRD.js} +1 -1
- package/dist/index-BdMNhZnh.js +9 -0
- package/dist/index-BvCZBMfr.js +432 -0
- package/dist/index-Cq1I1cG9.js +129 -0
- package/dist/index-Cs8Lv8Wj.js +13 -0
- package/dist/index-CvfCCTEO.js +323 -0
- package/dist/{index-DvFiic6N.js → index-DLYwlPRZ.js} +96 -102
- package/dist/{index-YaQrdkGE.js → index-DNRcvRTB.js} +31 -30
- package/dist/{index-dRxIWVBr.js → index-Dkt8F6CZ.js} +6 -5
- package/dist/{index-G_6jG4Qc.js → index-Dm-ooN_M.js} +18 -18
- package/dist/index-DwYXX2sM.js +13 -0
- package/dist/{index-C5psggHV.js → index-h-Ul0anl.js} +1 -2
- package/dist/{index-D9BbbgUq.js → index-rUBNhTeF.js} +2 -2
- package/dist/index.d.ts +128 -17
- package/dist/index.js +84 -72
- package/dist/package.json +37 -37
- package/dist/styles.css +1 -1
- package/dist/ui/civo-theme.css +263 -0
- package/dist/ui/kubefirst-theme.css +1 -1
- package/dist/ui/theme.css +11 -0
- package/dist/ui/utilities.css +11 -2
- package/dist/useBreadcrumb-DMERrNkJ.js +1280 -0
- package/dist/utils/index.js +3 -3
- package/dist/{x-DU-Zw-L_.js → x-BPcqkRZd.js} +1 -1
- package/package.json +37 -37
- package/dist/Modal-i7eolhYH.js +0 -926
- package/dist/index-BOx5P4tS.js +0 -423
- package/dist/index-CWKdynYu.js +0 -32
- package/dist/index-bYyfdsls.js +0 -118
- package/dist/useBreadcrumb-BsIeMoR1.js +0 -1279
|
@@ -1,17 +1,18 @@
|
|
|
1
1
|
import { jsx as c, jsxs as D, Fragment as se } from "react/jsx-runtime";
|
|
2
|
-
import { u as ae, S as j } from "../../index-
|
|
2
|
+
import { u as ae, S as j } from "../../index-B5MIi2tR.js";
|
|
3
3
|
import * as s from "react";
|
|
4
4
|
import { useRef as Re, useEffect as be, useMemo as oe, isValidElement as re, useCallback as ge } from "react";
|
|
5
|
-
import { P as L, r as Se, d as Ie } from "../../index-
|
|
6
|
-
import { c as Ne, a as Ae, b,
|
|
7
|
-
import { c as _e } from "../../index-
|
|
8
|
-
import { B as De, R as Le, P as Me } from "../../index-
|
|
9
|
-
import { P as Oe } from "../../index-
|
|
10
|
-
import {
|
|
5
|
+
import { P as L, r as Se, d as Ie } from "../../index-BCGvACM9.js";
|
|
6
|
+
import { c as Ne, a as Ae, b, u as Fe } from "../../index-Cq1I1cG9.js";
|
|
7
|
+
import { c as _e } from "../../index-rUBNhTeF.js";
|
|
8
|
+
import { B as De, R as Le, P as Me } from "../../index-DNRcvRTB.js";
|
|
9
|
+
import { P as Oe } from "../../index-Dm-ooN_M.js";
|
|
10
|
+
import { u as $ } from "../../index-DwYXX2sM.js";
|
|
11
|
+
import { V as ie, R as ke } from "../../index--EmNlyHx.js";
|
|
11
12
|
import { cn as q } from "../../utils/index.js";
|
|
12
13
|
import { closeToastVariants as Ve, toastVariants as Ke, viewportToastVariants as He } from "./Toast.variants.js";
|
|
13
|
-
import { X as We } from "../../x-
|
|
14
|
-
var Z = "ToastProvider", [ee, Xe, $e] = _e("Toast"), [ce,
|
|
14
|
+
import { X as We } from "../../x-BPcqkRZd.js";
|
|
15
|
+
var Z = "ToastProvider", [ee, Xe, $e] = _e("Toast"), [ce, Rt] = Ne("Toast", [$e]), [Ue, U] = ce(Z), ue = (e) => {
|
|
15
16
|
const {
|
|
16
17
|
__scopeToast: r,
|
|
17
18
|
label: o = "Notification",
|
|
@@ -49,7 +50,7 @@ var le = "ToastViewport", Ye = ["F8"], G = "toast.viewportPause", J = "toast.vie
|
|
|
49
50
|
hotkey: t = Ye,
|
|
50
51
|
label: u = "Notifications ({hotkey})",
|
|
51
52
|
...d
|
|
52
|
-
} = e, f =
|
|
53
|
+
} = e, f = U(le, o), m = Xe(o), v = s.useRef(null), n = s.useRef(null), h = s.useRef(null), w = s.useRef(null), S = ae(r, w, f.onViewportChange), g = t.join("+").replace(/Key/g, "").replace(/Digit/g, ""), R = f.toastCount > 0;
|
|
53
54
|
s.useEffect(() => {
|
|
54
55
|
const i = (C) => {
|
|
55
56
|
var T;
|
|
@@ -101,8 +102,8 @@ var le = "ToastViewport", Ye = ["F8"], G = "toast.viewportPause", J = "toast.vie
|
|
|
101
102
|
(y = n.current) == null || y.focus();
|
|
102
103
|
return;
|
|
103
104
|
}
|
|
104
|
-
const A = l({ tabbingDirection: F ? "backwards" : "forwards" }),
|
|
105
|
-
z(A.slice(
|
|
105
|
+
const A = l({ tabbingDirection: F ? "backwards" : "forwards" }), K = A.findIndex((a) => a === M);
|
|
106
|
+
z(A.slice(K + 1)) ? p.preventDefault() : F ? (P = n.current) == null || P.focus() : (N = h.current) == null || N.focus();
|
|
106
107
|
}
|
|
107
108
|
};
|
|
108
109
|
return i.addEventListener("keydown", C), () => i.removeEventListener("keydown", C);
|
|
@@ -149,7 +150,7 @@ var le = "ToastViewport", Ye = ["F8"], G = "toast.viewportPause", J = "toast.vie
|
|
|
149
150
|
de.displayName = le;
|
|
150
151
|
var fe = "ToastFocusProxy", Q = s.forwardRef(
|
|
151
152
|
(e, r) => {
|
|
152
|
-
const { __scopeToast: o, onFocusFromOutsideViewport: t, ...u } = e, d =
|
|
153
|
+
const { __scopeToast: o, onFocusFromOutsideViewport: t, ...u } = e, d = U(fe, o);
|
|
153
154
|
return /* @__PURE__ */ c(
|
|
154
155
|
ie,
|
|
155
156
|
{
|
|
@@ -168,12 +169,13 @@ var fe = "ToastFocusProxy", Q = s.forwardRef(
|
|
|
168
169
|
}
|
|
169
170
|
);
|
|
170
171
|
Q.displayName = fe;
|
|
171
|
-
var
|
|
172
|
+
var V = "Toast", Be = "toast.swipeStart", je = "toast.swipeMove", qe = "toast.swipeCancel", ze = "toast.swipeEnd", pe = s.forwardRef(
|
|
172
173
|
(e, r) => {
|
|
173
|
-
const { forceMount: o, open: t, defaultOpen: u, onOpenChange: d, ...f } = e, [m
|
|
174
|
+
const { forceMount: o, open: t, defaultOpen: u, onOpenChange: d, ...f } = e, [m, v] = Ae({
|
|
174
175
|
prop: t,
|
|
175
|
-
defaultProp: u,
|
|
176
|
-
onChange: d
|
|
176
|
+
defaultProp: u ?? !0,
|
|
177
|
+
onChange: d,
|
|
178
|
+
caller: V
|
|
177
179
|
});
|
|
178
180
|
return /* @__PURE__ */ c(Oe, { present: o || m, children: /* @__PURE__ */ c(
|
|
179
181
|
Qe,
|
|
@@ -182,8 +184,8 @@ var U = "Toast", Be = "toast.swipeStart", je = "toast.swipeMove", qe = "toast.sw
|
|
|
182
184
|
...f,
|
|
183
185
|
ref: r,
|
|
184
186
|
onClose: () => v(!1),
|
|
185
|
-
onPause:
|
|
186
|
-
onResume:
|
|
187
|
+
onPause: $(e.onPause),
|
|
188
|
+
onResume: $(e.onResume),
|
|
187
189
|
onSwipeStart: b(e.onSwipeStart, (n) => {
|
|
188
190
|
n.currentTarget.setAttribute("data-swipe", "start");
|
|
189
191
|
}),
|
|
@@ -202,8 +204,8 @@ var U = "Toast", Be = "toast.swipeStart", je = "toast.swipeMove", qe = "toast.sw
|
|
|
202
204
|
) });
|
|
203
205
|
}
|
|
204
206
|
);
|
|
205
|
-
pe.displayName =
|
|
206
|
-
var [Ge, Je] = ce(
|
|
207
|
+
pe.displayName = V;
|
|
208
|
+
var [Ge, Je] = ce(V, {
|
|
207
209
|
onClose() {
|
|
208
210
|
}
|
|
209
211
|
}), Qe = s.forwardRef(
|
|
@@ -222,7 +224,7 @@ var [Ge, Je] = ce(U, {
|
|
|
222
224
|
onSwipeCancel: S,
|
|
223
225
|
onSwipeEnd: g,
|
|
224
226
|
...R
|
|
225
|
-
} = e, l =
|
|
227
|
+
} = e, l = U(V, o), [i, C] = s.useState(null), p = ae(r, (a) => C(a)), T = s.useRef(null), E = s.useRef(null), y = u || l.duration, P = s.useRef(0), N = s.useRef(y), M = s.useRef(0), { onToastAdd: F, onToastRemove: Y } = l, _ = $(() => {
|
|
226
228
|
var x;
|
|
227
229
|
(i == null ? void 0 : i.contains(document.activeElement)) && ((x = l.viewport) == null || x.focus()), f();
|
|
228
230
|
}), A = s.useCallback(
|
|
@@ -247,16 +249,16 @@ var [Ge, Je] = ce(U, {
|
|
|
247
249
|
}, [l.viewport, y, v, n, A]), s.useEffect(() => {
|
|
248
250
|
d && !l.isClosePausedRef.current && A(y);
|
|
249
251
|
}, [d, y, l.isClosePausedRef, A]), s.useEffect(() => (F(), () => Y()), [F, Y]);
|
|
250
|
-
const
|
|
252
|
+
const K = s.useMemo(() => i ? Ce(i) : null, [i]);
|
|
251
253
|
return l.viewport ? /* @__PURE__ */ D(se, { children: [
|
|
252
|
-
|
|
254
|
+
K && /* @__PURE__ */ c(
|
|
253
255
|
Ze,
|
|
254
256
|
{
|
|
255
257
|
__scopeToast: o,
|
|
256
258
|
role: "status",
|
|
257
259
|
"aria-live": t === "foreground" ? "assertive" : "polite",
|
|
258
260
|
"aria-atomic": !0,
|
|
259
|
-
children:
|
|
261
|
+
children: K
|
|
260
262
|
}
|
|
261
263
|
),
|
|
262
264
|
/* @__PURE__ */ c(Ge, { scope: o, onClose: _, children: Se.createPortal(
|
|
@@ -287,10 +289,10 @@ var [Ge, Je] = ce(U, {
|
|
|
287
289
|
}),
|
|
288
290
|
onPointerMove: b(e.onPointerMove, (a) => {
|
|
289
291
|
if (!T.current) return;
|
|
290
|
-
const x = a.clientX - T.current.x, I = a.clientY - T.current.y, O = !!E.current, k = ["left", "right"].includes(l.swipeDirection),
|
|
291
|
-
O ? (E.current =
|
|
292
|
+
const x = a.clientX - T.current.x, I = a.clientY - T.current.y, O = !!E.current, k = ["left", "right"].includes(l.swipeDirection), H = ["left", "up"].includes(l.swipeDirection) ? Math.min : Math.max, Pe = k ? H(0, x) : 0, xe = k ? 0 : H(0, I), B = a.pointerType === "touch" ? 10 : 2, W = { x: Pe, y: xe }, te = { originalEvent: a, delta: W };
|
|
293
|
+
O ? (E.current = W, X(je, w, te, {
|
|
292
294
|
discrete: !1
|
|
293
|
-
})) : ne(
|
|
295
|
+
})) : ne(W, l.swipeDirection, B) ? (E.current = W, X(Be, h, te, {
|
|
294
296
|
discrete: !1
|
|
295
297
|
}), a.target.setPointerCapture(a.pointerId)) : (Math.abs(x) > B || Math.abs(I) > B) && (T.current = null);
|
|
296
298
|
}),
|
|
@@ -298,16 +300,16 @@ var [Ge, Je] = ce(U, {
|
|
|
298
300
|
const x = E.current, I = a.target;
|
|
299
301
|
if (I.hasPointerCapture(a.pointerId) && I.releasePointerCapture(a.pointerId), E.current = null, T.current = null, x) {
|
|
300
302
|
const O = a.currentTarget, k = { originalEvent: a, delta: x };
|
|
301
|
-
ne(x, l.swipeDirection, l.swipeThreshold) ?
|
|
303
|
+
ne(x, l.swipeDirection, l.swipeThreshold) ? X(ze, g, k, {
|
|
302
304
|
discrete: !0
|
|
303
|
-
}) :
|
|
305
|
+
}) : X(
|
|
304
306
|
qe,
|
|
305
307
|
S,
|
|
306
308
|
k,
|
|
307
309
|
{
|
|
308
310
|
discrete: !0
|
|
309
311
|
}
|
|
310
|
-
), O.addEventListener("click", (
|
|
312
|
+
), O.addEventListener("click", (H) => H.preventDefault(), {
|
|
311
313
|
once: !0
|
|
312
314
|
});
|
|
313
315
|
}
|
|
@@ -321,7 +323,7 @@ var [Ge, Je] = ce(U, {
|
|
|
321
323
|
] }) : null;
|
|
322
324
|
}
|
|
323
325
|
), Ze = (e) => {
|
|
324
|
-
const { __scopeToast: r, children: o, ...t } = e, u =
|
|
326
|
+
const { __scopeToast: r, children: o, ...t } = e, u = U(V, r), [d, f] = s.useState(!1), [m, v] = s.useState(!1);
|
|
325
327
|
return ot(() => f(!0)), s.useEffect(() => {
|
|
326
328
|
const n = window.setTimeout(() => v(!0), 1e3);
|
|
327
329
|
return () => window.clearTimeout(n);
|
|
@@ -394,7 +396,7 @@ function Ce(e) {
|
|
|
394
396
|
}
|
|
395
397
|
}), r;
|
|
396
398
|
}
|
|
397
|
-
function
|
|
399
|
+
function X(e, r, o, { discrete: t }) {
|
|
398
400
|
const u = o.originalEvent.currentTarget, d = new CustomEvent(e, { bubbles: !0, cancelable: !0, detail: o });
|
|
399
401
|
r && u.addEventListener(e, r, { once: !0 }), t ? Ie(u, d) : u.dispatchEvent(d);
|
|
400
402
|
}
|
|
@@ -404,7 +406,7 @@ var ne = (e, r, o = 0) => {
|
|
|
404
406
|
};
|
|
405
407
|
function ot(e = () => {
|
|
406
408
|
}) {
|
|
407
|
-
const r =
|
|
409
|
+
const r = $(e);
|
|
408
410
|
Fe(() => {
|
|
409
411
|
let o = 0, t = 0;
|
|
410
412
|
return o = window.requestAnimationFrame(() => t = window.requestAnimationFrame(r)), () => {
|
|
@@ -430,7 +432,7 @@ function z(e) {
|
|
|
430
432
|
return e.some((o) => o === r ? !0 : (o.focus(), document.activeElement !== r));
|
|
431
433
|
}
|
|
432
434
|
var st = ue, at = de, it = pe, ct = me, ut = Te, lt = we;
|
|
433
|
-
const
|
|
435
|
+
const bt = ({
|
|
434
436
|
title: e,
|
|
435
437
|
duration: r = 5e3,
|
|
436
438
|
titleClassName: o,
|
|
@@ -481,5 +483,5 @@ const Rt = ({
|
|
|
481
483
|
] });
|
|
482
484
|
};
|
|
483
485
|
export {
|
|
484
|
-
|
|
486
|
+
bt as Toast
|
|
485
487
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as e, jsxs as t } from "react/jsx-runtime";
|
|
2
|
-
import { S as i } from "../../index-
|
|
2
|
+
import { S as i } from "../../index-B5MIi2tR.js";
|
|
3
3
|
import { forwardRef as v, useRef as N, useImperativeHandle as w, useMemo as h, isValidElement as x } from "react";
|
|
4
4
|
import { cn as o } from "../../utils/index.js";
|
|
5
5
|
import { arrowVariants as R, tooltipVariants as V } from "./Tooltip.variants.js";
|
|
@@ -1,25 +1,23 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
|
|
6
|
-
const i = ({
|
|
1
|
+
import { jsx as c } from "react/jsx-runtime";
|
|
2
|
+
import { cn as f } from "../../utils/index.js";
|
|
3
|
+
import { typographyVariants as h } from "./Typography.variants.js";
|
|
4
|
+
import { S as l } from "../../index-B5MIi2tR.js";
|
|
5
|
+
const d = ({
|
|
7
6
|
className: p,
|
|
8
7
|
theme: m,
|
|
9
8
|
children: s,
|
|
10
9
|
variant: o,
|
|
11
|
-
component:
|
|
12
|
-
asChild:
|
|
10
|
+
component: e,
|
|
11
|
+
asChild: r = !1,
|
|
13
12
|
...t
|
|
14
13
|
}) => {
|
|
15
|
-
const y =
|
|
16
|
-
return /* @__PURE__ */
|
|
17
|
-
|
|
14
|
+
const y = r ? l : e ?? (o != null && o.includes("h") ? o : "p");
|
|
15
|
+
return /* @__PURE__ */ c(
|
|
16
|
+
y,
|
|
18
17
|
{
|
|
19
|
-
id: y,
|
|
20
18
|
"data-theme": m,
|
|
21
|
-
className:
|
|
22
|
-
|
|
19
|
+
className: f(
|
|
20
|
+
h({
|
|
23
21
|
className: p,
|
|
24
22
|
variant: o
|
|
25
23
|
})
|
|
@@ -29,7 +27,7 @@ const i = ({
|
|
|
29
27
|
}
|
|
30
28
|
);
|
|
31
29
|
};
|
|
32
|
-
|
|
30
|
+
d.displayName = "Typography";
|
|
33
31
|
export {
|
|
34
|
-
|
|
32
|
+
d as Typography
|
|
35
33
|
};
|
package/dist/components/index.js
CHANGED
|
@@ -1,72 +1,84 @@
|
|
|
1
|
-
import { Alert as
|
|
1
|
+
import { Alert as e } from "./Alert/Alert.js";
|
|
2
2
|
import { AlertDialog as p } from "./AlertDialog/AlertDialog.js";
|
|
3
3
|
import { Autocomplete as x } from "./Autocomplete/Autocomplete.js";
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
20
|
-
import {
|
|
21
|
-
import {
|
|
22
|
-
import {
|
|
23
|
-
import {
|
|
24
|
-
import {
|
|
25
|
-
import {
|
|
26
|
-
import {
|
|
27
|
-
import {
|
|
28
|
-
import {
|
|
29
|
-
import {
|
|
30
|
-
import {
|
|
31
|
-
import {
|
|
32
|
-
import {
|
|
33
|
-
import {
|
|
34
|
-
import {
|
|
35
|
-
import {
|
|
4
|
+
import { Badge as a } from "./Badge/Badge.js";
|
|
5
|
+
import { Breadcrumb as d } from "./Breadcrumb/Breadcrumb.js";
|
|
6
|
+
import { Button as l } from "./Button/Button.js";
|
|
7
|
+
import { Card as u } from "./Card/Card.js";
|
|
8
|
+
import { Checkbox as T } from "./Checkbox/Checkbox.js";
|
|
9
|
+
import { DatePicker as S } from "./Datepicker/DatePicker.js";
|
|
10
|
+
import { Divider as v } from "./Divider/Divider.js";
|
|
11
|
+
import { Dropdown as N } from "./Dropdown/Dropdown.js";
|
|
12
|
+
import { Filter as s } from "./Filter/Filter.js";
|
|
13
|
+
import { Input as C } from "./Input/Input.js";
|
|
14
|
+
import { Loading as k } from "./Loading/Loading.js";
|
|
15
|
+
import { M as F } from "../Modal-CrG0m703.js";
|
|
16
|
+
import { NumberInput as M } from "./NumberInput/NumberInput.js";
|
|
17
|
+
import { ProgressBar as y } from "./ProgressBar/ProgressBar.js";
|
|
18
|
+
import { Radio as L } from "./Radio/Radio.js";
|
|
19
|
+
import { RadioCard as j } from "./RadioCard/RadioCard.js";
|
|
20
|
+
import { RadioCardGroup as z } from "./RadioCardGroup/RadioCardGroup.js";
|
|
21
|
+
import { RadioGroup as H } from "./RadioGroup/RadioGroup.js";
|
|
22
|
+
import { Range as K } from "./Range/Range.js";
|
|
23
|
+
import { Sidebar as U } from "./Sidebar/Sidebar.js";
|
|
24
|
+
import { Slider as W } from "./Slider/Slider.js";
|
|
25
|
+
import { Switch as Y } from "./Switch/Switch.js";
|
|
26
|
+
import { Table as _ } from "./Table/Table.js";
|
|
27
|
+
import { Tag as oo } from "./Tag/Tag.js";
|
|
28
|
+
import { TagSelect as eo } from "./TagSelect/TagSelect.js";
|
|
29
|
+
import { TextArea as po } from "./TextArea/TextArea.js";
|
|
30
|
+
import { TimePicker as xo } from "./TimePicker/TimePicker.js";
|
|
31
|
+
import { Toast as ao } from "./Toast/Toast.js";
|
|
32
|
+
import { Tooltip as go } from "./Tooltip/Tooltip.js";
|
|
33
|
+
import { Typography as no } from "./Typography/Typography.js";
|
|
34
|
+
import { BadgeMultiSelect as co } from "./Filter/components/BadgeDropdown/BadgeMultiSelect.js";
|
|
35
|
+
import { DateFilterDropdown as Do } from "./Filter/components/DateFilterDropdown/DateFilterDropdown.js";
|
|
36
|
+
import { Footer as bo } from "./Sidebar/components/Footer/Footer.js";
|
|
37
|
+
import { Logo as Bo } from "./Sidebar/components/Logo/Logo.js";
|
|
38
|
+
import { Navigation as Ro } from "./Sidebar/components/Navigation/Navigation.js";
|
|
39
|
+
import { NavigationGroup as Ao } from "./Sidebar/components/NavigationGroup/NavigationGroup.js";
|
|
40
|
+
import { NavigationOption as ho } from "./Sidebar/components/NavigationOption/NavigationOption.js";
|
|
41
|
+
import { NavigationSeparator as wo } from "./Sidebar/components/NavigationSeparator/NavigationSeparator.js";
|
|
36
42
|
export {
|
|
37
|
-
|
|
43
|
+
e as Alert,
|
|
38
44
|
p as AlertDialog,
|
|
39
45
|
x as Autocomplete,
|
|
40
|
-
a as
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
j as
|
|
64
|
-
z as
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
oo as
|
|
46
|
+
a as Badge,
|
|
47
|
+
co as BadgeMultiSelect,
|
|
48
|
+
d as Breadcrumb,
|
|
49
|
+
l as Button,
|
|
50
|
+
u as Card,
|
|
51
|
+
T as Checkbox,
|
|
52
|
+
Do as DateFilterDropdown,
|
|
53
|
+
S as DatePicker,
|
|
54
|
+
v as Divider,
|
|
55
|
+
N as Dropdown,
|
|
56
|
+
s as Filter,
|
|
57
|
+
bo as Footer,
|
|
58
|
+
C as Input,
|
|
59
|
+
k as Loading,
|
|
60
|
+
Bo as Logo,
|
|
61
|
+
F as Modal,
|
|
62
|
+
Ro as Navigation,
|
|
63
|
+
Ao as NavigationGroup,
|
|
64
|
+
ho as NavigationOption,
|
|
65
|
+
wo as NavigationSeparator,
|
|
66
|
+
M as NumberInput,
|
|
67
|
+
y as ProgressBar,
|
|
68
|
+
L as Radio,
|
|
69
|
+
j as RadioCard,
|
|
70
|
+
z as RadioCardGroup,
|
|
71
|
+
H as RadioGroup,
|
|
72
|
+
K as Range,
|
|
73
|
+
U as Sidebar,
|
|
74
|
+
W as Slider,
|
|
75
|
+
Y as Switch,
|
|
76
|
+
_ as Table,
|
|
77
|
+
oo as Tag,
|
|
78
|
+
eo as TagSelect,
|
|
79
|
+
po as TextArea,
|
|
80
|
+
xo as TimePicker,
|
|
81
|
+
ao as Toast,
|
|
82
|
+
go as Tooltip,
|
|
83
|
+
no as Typography
|
|
72
84
|
};
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
import { forwardRef as l, createElement as n } from "react";
|
|
2
|
+
/**
|
|
3
|
+
* @license lucide-react v0.513.0 - ISC
|
|
4
|
+
*
|
|
5
|
+
* This source code is licensed under the ISC license.
|
|
6
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
7
|
+
*/
|
|
8
|
+
const w = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), h = (t) => t.replace(
|
|
9
|
+
/^([A-Z])|[\s-_]+(\w)/g,
|
|
10
|
+
(e, r, o) => o ? o.toUpperCase() : r.toLowerCase()
|
|
11
|
+
), i = (t) => {
|
|
12
|
+
const e = h(t);
|
|
13
|
+
return e.charAt(0).toUpperCase() + e.slice(1);
|
|
14
|
+
}, u = (...t) => t.filter((e, r, o) => !!e && e.trim() !== "" && o.indexOf(e) === r).join(" ").trim(), f = (t) => {
|
|
15
|
+
for (const e in t)
|
|
16
|
+
if (e.startsWith("aria-") || e === "role" || e === "title")
|
|
17
|
+
return !0;
|
|
18
|
+
};
|
|
19
|
+
/**
|
|
20
|
+
* @license lucide-react v0.513.0 - ISC
|
|
21
|
+
*
|
|
22
|
+
* This source code is licensed under the ISC license.
|
|
23
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
24
|
+
*/
|
|
25
|
+
var g = {
|
|
26
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
27
|
+
width: 24,
|
|
28
|
+
height: 24,
|
|
29
|
+
viewBox: "0 0 24 24",
|
|
30
|
+
fill: "none",
|
|
31
|
+
stroke: "currentColor",
|
|
32
|
+
strokeWidth: 2,
|
|
33
|
+
strokeLinecap: "round",
|
|
34
|
+
strokeLinejoin: "round"
|
|
35
|
+
};
|
|
36
|
+
/**
|
|
37
|
+
* @license lucide-react v0.513.0 - ISC
|
|
38
|
+
*
|
|
39
|
+
* This source code is licensed under the ISC license.
|
|
40
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
41
|
+
*/
|
|
42
|
+
const A = l(
|
|
43
|
+
({
|
|
44
|
+
color: t = "currentColor",
|
|
45
|
+
size: e = 24,
|
|
46
|
+
strokeWidth: r = 2,
|
|
47
|
+
absoluteStrokeWidth: o,
|
|
48
|
+
className: s = "",
|
|
49
|
+
children: a,
|
|
50
|
+
iconNode: p,
|
|
51
|
+
...c
|
|
52
|
+
}, m) => n(
|
|
53
|
+
"svg",
|
|
54
|
+
{
|
|
55
|
+
ref: m,
|
|
56
|
+
...g,
|
|
57
|
+
width: e,
|
|
58
|
+
height: e,
|
|
59
|
+
stroke: t,
|
|
60
|
+
strokeWidth: o ? Number(r) * 24 / Number(e) : r,
|
|
61
|
+
className: u("lucide", s),
|
|
62
|
+
...!a && !f(c) && { "aria-hidden": "true" },
|
|
63
|
+
...c
|
|
64
|
+
},
|
|
65
|
+
[
|
|
66
|
+
...p.map(([C, d]) => n(C, d)),
|
|
67
|
+
...Array.isArray(a) ? a : [a]
|
|
68
|
+
]
|
|
69
|
+
)
|
|
70
|
+
);
|
|
71
|
+
/**
|
|
72
|
+
* @license lucide-react v0.513.0 - ISC
|
|
73
|
+
*
|
|
74
|
+
* This source code is licensed under the ISC license.
|
|
75
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
76
|
+
*/
|
|
77
|
+
const k = (t, e) => {
|
|
78
|
+
const r = l(
|
|
79
|
+
({ className: o, ...s }, a) => n(A, {
|
|
80
|
+
ref: a,
|
|
81
|
+
iconNode: e,
|
|
82
|
+
className: u(
|
|
83
|
+
`lucide-${w(i(t))}`,
|
|
84
|
+
`lucide-${t}`,
|
|
85
|
+
o
|
|
86
|
+
),
|
|
87
|
+
...s
|
|
88
|
+
})
|
|
89
|
+
);
|
|
90
|
+
return r.displayName = i(t), r;
|
|
91
|
+
};
|
|
92
|
+
export {
|
|
93
|
+
k as c
|
|
94
|
+
};
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import * as i from "react";
|
|
2
|
+
import { P as o } from "./index-BCGvACM9.js";
|
|
3
|
+
import { jsx as t } from "react/jsx-runtime";
|
|
4
|
+
var d = Object.freeze({
|
|
5
|
+
// See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss
|
|
6
|
+
position: "absolute",
|
|
7
|
+
border: 0,
|
|
8
|
+
width: 1,
|
|
9
|
+
height: 1,
|
|
10
|
+
padding: 0,
|
|
11
|
+
margin: -1,
|
|
12
|
+
overflow: "hidden",
|
|
13
|
+
clip: "rect(0, 0, 0, 0)",
|
|
14
|
+
whiteSpace: "nowrap",
|
|
15
|
+
wordWrap: "normal"
|
|
16
|
+
}), s = "VisuallyHidden", e = i.forwardRef(
|
|
17
|
+
(r, a) => /* @__PURE__ */ t(
|
|
18
|
+
o.span,
|
|
19
|
+
{
|
|
20
|
+
...r,
|
|
21
|
+
ref: a,
|
|
22
|
+
style: { ...d, ...r.style }
|
|
23
|
+
}
|
|
24
|
+
)
|
|
25
|
+
);
|
|
26
|
+
e.displayName = s;
|
|
27
|
+
var n = e;
|
|
28
|
+
export {
|
|
29
|
+
n as R,
|
|
30
|
+
e as V
|
|
31
|
+
};
|
|
@@ -27,10 +27,10 @@ function x(...e) {
|
|
|
27
27
|
// @__NO_SIDE_EFFECTS__
|
|
28
28
|
function C(e) {
|
|
29
29
|
const n = /* @__PURE__ */ b(e), r = i.forwardRef((o, t) => {
|
|
30
|
-
const { children: l, ...a } = o, s = i.Children.toArray(l),
|
|
31
|
-
if (
|
|
32
|
-
const
|
|
33
|
-
return /* @__PURE__ */ f(n, { ...a, ref: t, children: i.isValidElement(
|
|
30
|
+
const { children: l, ...a } = o, s = i.Children.toArray(l), c = s.find(E);
|
|
31
|
+
if (c) {
|
|
32
|
+
const u = c.props.children, S = s.map((p) => p === c ? i.Children.count(u) > 1 ? i.Children.only(null) : i.isValidElement(u) ? u.props.children : null : p);
|
|
33
|
+
return /* @__PURE__ */ f(n, { ...a, ref: t, children: i.isValidElement(u) ? i.cloneElement(u, void 0, S) : null });
|
|
34
34
|
}
|
|
35
35
|
return /* @__PURE__ */ f(n, { ...a, ref: t, children: l });
|
|
36
36
|
});
|
|
@@ -63,7 +63,8 @@ function R(e, n) {
|
|
|
63
63
|
for (const o in n) {
|
|
64
64
|
const t = e[o], l = n[o];
|
|
65
65
|
/^on[A-Z]/.test(o) ? t && l ? r[o] = (...s) => {
|
|
66
|
-
l(...s)
|
|
66
|
+
const c = l(...s);
|
|
67
|
+
return t(...s), c;
|
|
67
68
|
} : t && (r[o] = t) : o === "style" ? r[o] = { ...t, ...l } : o === "className" && (r[o] = [t, l].filter(Boolean).join(" "));
|
|
68
69
|
}
|
|
69
70
|
return { ...e, ...r };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as D from "react";
|
|
2
2
|
import R from "react";
|
|
3
3
|
import { g as b } from "./_commonjsHelpers-C6fGbg64.js";
|
|
4
|
-
import { c as w } from "./index-
|
|
4
|
+
import { c as w } from "./index-B5MIi2tR.js";
|
|
5
5
|
import { jsx as N } from "react/jsx-runtime";
|
|
6
6
|
var v = { exports: {} }, u = {};
|
|
7
7
|
/**
|
|
@@ -401,6 +401,7 @@ var P = [
|
|
|
401
401
|
"nav",
|
|
402
402
|
"ol",
|
|
403
403
|
"p",
|
|
404
|
+
"select",
|
|
404
405
|
"span",
|
|
405
406
|
"svg",
|
|
406
407
|
"ul"
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as i, jsxs as w } from "react/jsx-runtime";
|
|
2
2
|
import * as l from "react";
|
|
3
|
-
import { c as M, b as x } from "./index-
|
|
4
|
-
import { u as A, b as I } from "./index-
|
|
5
|
-
import { c as v, R as $, P as L, O as F, W as G, C as W, T as j, d as B, b as D, e as Y } from "./index-
|
|
3
|
+
import { c as M, b as x } from "./index-Cq1I1cG9.js";
|
|
4
|
+
import { u as A, b as I } from "./index-B5MIi2tR.js";
|
|
5
|
+
import { c as v, R as $, P as L, O as F, W as G, C as W, T as j, d as B, b as D, e as Y } from "./index-DLYwlPRZ.js";
|
|
6
6
|
import { Button as k } from "./components/Button/Button.js";
|
|
7
7
|
import { cn as q } from "./utils/index.js";
|
|
8
8
|
var f = "AlertDialog", [H, se] = M(f, [
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as f from "react";
|
|
2
|
-
import { u as a } from "./index-
|
|
2
|
+
import { u as a } from "./index-Cq1I1cG9.js";
|
|
3
3
|
function h(r) {
|
|
4
4
|
const e = f.useRef({ value: r, previous: r });
|
|
5
5
|
return f.useMemo(() => (e.current.value !== r && (e.current.previous = e.current.value, e.current.value = r), e.current.previous), [r]);
|