@konstructio/ui 0.0.13-alpha.2 → 0.1.0-alpha.3

package/dist/components/Toast/Toast.js

@@ -1,17 +1,18 @@
 import { jsx as c, jsxs as D, Fragment as se } from "react/jsx-runtime";
-import { u as ae, S as j } from "../../index-Bk324h27.js";
+import { u as ae, S as j } from "../../index-tIydFizp.js";
 import * as s from "react";
 import { useRef as Re, useEffect as be, useMemo as oe, isValidElement as re, useCallback as ge } from "react";
-import { P as L, r as Se, d as Ie } from "../../index-g-TFwd6Y.js";
-import { c as Ne, a as Ae, b, d as X, u as Fe } from "../../index-bYyfdsls.js";
-import { c as _e } from "../../index-D9BbbgUq.js";
-import { B as De, R as Le, P as Me } from "../../index-YaQrdkGE.js";
-import { P as Oe } from "../../index-G_6jG4Qc.js";
-import { V as ie, R as ke } from "../../index-CWKdynYu.js";
+import { P as L, r as Se, d as Ie } from "../../index-ObZsP5Eh.js";
+import { c as Ne, a as Ae, b, u as Fe } from "../../index-Cq1I1cG9.js";
+import { c as _e } from "../../index-B-qIIQlg.js";
+import { B as De, R as Le, P as Me } from "../../index-CQ6ORxI_.js";
+import { P as Oe } from "../../index-Y44iCJcQ.js";
+import { u as $ } from "../../index-DwYXX2sM.js";
+import { V as ie, R as ke } from "../../index-BRcC_VTj.js";
 import { cn as q } from "../../utils/index.js";
 import { closeToastVariants as Ve, toastVariants as Ke, viewportToastVariants as He } from "./Toast.variants.js";
 import { X as We } from "../../x-DU-Zw-L_.js";
-var Z = "ToastProvider", [ee, Xe, $e] = _e("Toast"), [ce, xt] = Ne("Toast", [$e]), [Ue, $] = ce(Z), ue = (e) => {
+var Z = "ToastProvider", [ee, Xe, $e] = _e("Toast"), [ce, Rt] = Ne("Toast", [$e]), [Ue, U] = ce(Z), ue = (e) => {
   const {
     __scopeToast: r,
     label: o = "Notification",
@@ -49,7 +50,7 @@ var le = "ToastViewport", Ye = ["F8"], G = "toast.viewportPause", J = "toast.vie
       hotkey: t = Ye,
       label: u = "Notifications ({hotkey})",
       ...d
-    } = e, f = $(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;
+    } = 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;
     s.useEffect(() => {
       const i = (C) => {
         var T;
@@ -101,8 +102,8 @@ var le = "ToastViewport", Ye = ["F8"], G = "toast.viewportPause", J = "toast.vie
               (y = n.current) == null || y.focus();
               return;
             }
-            const A = l({ tabbingDirection: F ? "backwards" : "forwards" }), V = A.findIndex((a) => a === M);
-            z(A.slice(V + 1)) ? p.preventDefault() : F ? (P = n.current) == null || P.focus() : (N = h.current) == null || N.focus();
+            const A = l({ tabbingDirection: F ? "backwards" : "forwards" }), K = A.findIndex((a) => a === M);
+            z(A.slice(K + 1)) ? p.preventDefault() : F ? (P = n.current) == null || P.focus() : (N = h.current) == null || N.focus();
           }
         };
         return i.addEventListener("keydown", C), () => i.removeEventListener("keydown", C);
@@ -149,7 +150,7 @@ var le = "ToastViewport", Ye = ["F8"], G = "toast.viewportPause", J = "toast.vie
 de.displayName = le;
 var fe = "ToastFocusProxy", Q = s.forwardRef(
   (e, r) => {
-    const { __scopeToast: o, onFocusFromOutsideViewport: t, ...u } = e, d = $(fe, o);
+    const { __scopeToast: o, onFocusFromOutsideViewport: t, ...u } = e, d = U(fe, o);
     return /* @__PURE__ */ c(
       ie,
       {
@@ -168,12 +169,13 @@ var fe = "ToastFocusProxy", Q = s.forwardRef(
   }
 );
 Q.displayName = fe;
-var U = "Toast", Be = "toast.swipeStart", je = "toast.swipeMove", qe = "toast.swipeCancel", ze = "toast.swipeEnd", pe = s.forwardRef(
+var V = "Toast", Be = "toast.swipeStart", je = "toast.swipeMove", qe = "toast.swipeCancel", ze = "toast.swipeEnd", pe = s.forwardRef(
   (e, r) => {
-    const { forceMount: o, open: t, defaultOpen: u, onOpenChange: d, ...f } = e, [m = !0, v] = Ae({
+    const { forceMount: o, open: t, defaultOpen: u, onOpenChange: d, ...f } = e, [m, v] = Ae({
       prop: t,
-      defaultProp: u,
-      onChange: d
+      defaultProp: u ?? !0,
+      onChange: d,
+      caller: V
     });
     return /* @__PURE__ */ c(Oe, { present: o || m, children: /* @__PURE__ */ c(
       Qe,
@@ -182,8 +184,8 @@ var U = "Toast", Be = "toast.swipeStart", je = "toast.swipeMove", qe = "toast.sw
         ...f,
         ref: r,
         onClose: () => v(!1),
-        onPause: X(e.onPause),
-        onResume: X(e.onResume),
+        onPause: $(e.onPause),
+        onResume: $(e.onResume),
         onSwipeStart: b(e.onSwipeStart, (n) => {
           n.currentTarget.setAttribute("data-swipe", "start");
         }),
@@ -202,8 +204,8 @@ var U = "Toast", Be = "toast.swipeStart", je = "toast.swipeMove", qe = "toast.sw
     ) });
   }
 );
-pe.displayName = U;
-var [Ge, Je] = ce(U, {
+pe.displayName = V;
+var [Ge, Je] = ce(V, {
   onClose() {
   }
 }), Qe = s.forwardRef(
@@ -222,7 +224,7 @@ var [Ge, Je] = ce(U, {
       onSwipeCancel: S,
       onSwipeEnd: g,
       ...R
-    } = e, l = $(U, 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, _ = X(() => {
+    } = 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, _ = $(() => {
       var x;
       (i == null ? void 0 : i.contains(document.activeElement)) && ((x = l.viewport) == null || x.focus()), f();
     }), A = s.useCallback(
@@ -247,16 +249,16 @@ var [Ge, Je] = ce(U, {
     }, [l.viewport, y, v, n, A]), s.useEffect(() => {
       d && !l.isClosePausedRef.current && A(y);
     }, [d, y, l.isClosePausedRef, A]), s.useEffect(() => (F(), () => Y()), [F, Y]);
-    const V = s.useMemo(() => i ? Ce(i) : null, [i]);
+    const K = s.useMemo(() => i ? Ce(i) : null, [i]);
     return l.viewport ? /* @__PURE__ */ D(se, { children: [
-      V && /* @__PURE__ */ c(
+      K && /* @__PURE__ */ c(
         Ze,
         {
           __scopeToast: o,
           role: "status",
           "aria-live": t === "foreground" ? "assertive" : "polite",
           "aria-atomic": !0,
-          children: V
+          children: K
         }
       ),
       /* @__PURE__ */ c(Ge, { scope: o, onClose: _, children: Se.createPortal(
@@ -287,10 +289,10 @@ var [Ge, Je] = ce(U, {
                 }),
                 onPointerMove: b(e.onPointerMove, (a) => {
                   if (!T.current) return;
-                  const x = a.clientX - T.current.x, I = a.clientY - T.current.y, O = !!E.current, k = ["left", "right"].includes(l.swipeDirection), K = ["left", "up"].includes(l.swipeDirection) ? Math.min : Math.max, Pe = k ? K(0, x) : 0, xe = k ? 0 : K(0, I), B = a.pointerType === "touch" ? 10 : 2, H = { x: Pe, y: xe }, te = { originalEvent: a, delta: H };
-                  O ? (E.current = H, W(je, w, te, {
+                  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 };
+                  O ? (E.current = W, X(je, w, te, {
                     discrete: !1
-                  })) : ne(H, l.swipeDirection, B) ? (E.current = H, W(Be, h, te, {
+                  })) : ne(W, l.swipeDirection, B) ? (E.current = W, X(Be, h, te, {
                     discrete: !1
                   }), a.target.setPointerCapture(a.pointerId)) : (Math.abs(x) > B || Math.abs(I) > B) && (T.current = null);
                 }),
@@ -298,16 +300,16 @@ var [Ge, Je] = ce(U, {
                   const x = E.current, I = a.target;
                   if (I.hasPointerCapture(a.pointerId) && I.releasePointerCapture(a.pointerId), E.current = null, T.current = null, x) {
                     const O = a.currentTarget, k = { originalEvent: a, delta: x };
-                    ne(x, l.swipeDirection, l.swipeThreshold) ? W(ze, g, k, {
+                    ne(x, l.swipeDirection, l.swipeThreshold) ? X(ze, g, k, {
                       discrete: !0
-                    }) : W(
+                    }) : X(
                       qe,
                       S,
                       k,
                       {
                         discrete: !0
                       }
-                    ), O.addEventListener("click", (K) => K.preventDefault(), {
+                    ), O.addEventListener("click", (H) => H.preventDefault(), {
                       once: !0
                     });
                   }
@@ -321,7 +323,7 @@ var [Ge, Je] = ce(U, {
     ] }) : null;
   }
 ), Ze = (e) => {
-  const { __scopeToast: r, children: o, ...t } = e, u = $(U, r), [d, f] = s.useState(!1), [m, v] = s.useState(!1);
+  const { __scopeToast: r, children: o, ...t } = e, u = U(V, r), [d, f] = s.useState(!1), [m, v] = s.useState(!1);
   return ot(() => f(!0)), s.useEffect(() => {
     const n = window.setTimeout(() => v(!0), 1e3);
     return () => window.clearTimeout(n);
@@ -394,7 +396,7 @@ function Ce(e) {
     }
   }), r;
 }
-function W(e, r, o, { discrete: t }) {
+function X(e, r, o, { discrete: t }) {
   const u = o.originalEvent.currentTarget, d = new CustomEvent(e, { bubbles: !0, cancelable: !0, detail: o });
   r && u.addEventListener(e, r, { once: !0 }), t ? Ie(u, d) : u.dispatchEvent(d);
 }
@@ -404,7 +406,7 @@ var ne = (e, r, o = 0) => {
 };
 function ot(e = () => {
 }) {
-  const r = X(e);
+  const r = $(e);
   Fe(() => {
     let o = 0, t = 0;
     return o = window.requestAnimationFrame(() => t = window.requestAnimationFrame(r)), () => {
@@ -430,7 +432,7 @@ function z(e) {
   return e.some((o) => o === r ? !0 : (o.focus(), document.activeElement !== r));
 }
 var st = ue, at = de, it = pe, ct = me, ut = Te, lt = we;
-const Rt = ({
+const bt = ({
   title: e,
   duration: r = 5e3,
   titleClassName: o,
@@ -481,5 +483,5 @@ const Rt = ({
   ] });
 };
 export {
-  Rt as Toast
+  bt as Toast
 };

package/dist/components/Tooltip/Tooltip.js

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import { S as i } from "../../index-Bk324h27.js";
+import { S as i } from "../../index-tIydFizp.js";
 import { forwardRef as v, useRef as N, useImperativeHandle as w, useMemo as h, isValidElement as x } from "react";
 import { cn as o } from "../../utils/index.js";
 import { arrowVariants as R, tooltipVariants as V } from "./Tooltip.variants.js";

package/dist/components/Typography/Typography.js

@@ -2,7 +2,7 @@ import { jsx as f } from "react/jsx-runtime";
 import { useId as d } from "react";
 import { cn as h } from "../../utils/index.js";
 import { typographyVariants as l } from "./Typography.variants.js";
-import { S as g } from "../../index-Bk324h27.js";
+import { S as g } from "../../index-tIydFizp.js";
 const i = ({
   className: p,
   theme: m,

package/dist/components/index.js

@@ -1,72 +1,78 @@
-import { Alert as t } from "./Alert/Alert.js";
+import { Alert as e } from "./Alert/Alert.js";
 import { AlertDialog as p } from "./AlertDialog/AlertDialog.js";
 import { Autocomplete as x } from "./Autocomplete/Autocomplete.js";
-import { Breadcrumb as a } from "./Breadcrumb/Breadcrumb.js";
-import { Button as d } from "./Button/Button.js";
-import { Card as n } from "./Card/Card.js";
-import { Checkbox as u } from "./Checkbox/Checkbox.js";
-import { Dropdown as b } from "./Dropdown/Dropdown.js";
-import { Input as v } from "./Input/Input.js";
-import { M as R } from "../Modal-i7eolhYH.js";
-import { NumberInput as s } from "./NumberInput/NumberInput.js";
-import { ProgressBar as C } from "./ProgressBar/ProgressBar.js";
-import { Radio as B } from "./Radio/Radio.js";
-import { RadioCard as G } from "./RadioCard/RadioCard.js";
-import { RadioCardGroup as y } from "./RadioCardGroup/RadioCardGroup.js";
-import { RadioGroup as L } from "./RadioGroup/RadioGroup.js";
-import { Range as k } from "./Range/Range.js";
-import { Sidebar as O } from "./Sidebar/Sidebar.js";
-import { Slider as j } from "./Slider/Slider.js";
-import { Switch as z } from "./Switch/Switch.js";
-import { Tag as H } from "./Tag/Tag.js";
-import { TagSelect as K } from "./TagSelect/TagSelect.js";
-import { TextArea as U } from "./TextArea/TextArea.js";
-import { Toast as W } from "./Toast/Toast.js";
-import { Tooltip as Y } from "./Tooltip/Tooltip.js";
-import { Loading as _ } from "./Loading/Loading.js";
-import { Typography as oo } from "./Typography/Typography.js";
-import { Divider as to } from "./Divider/Divider.js";
-import { Table as po } from "./Table/Table.js";
-import { Footer as xo } from "./Sidebar/components/Footer/Footer.js";
-import { Logo as ao } from "./Sidebar/components/Logo/Logo.js";
-import { Navigation as go } from "./Sidebar/components/Navigation/Navigation.js";
-import { NavigationGroup as lo } from "./Sidebar/components/NavigationGroup/NavigationGroup.js";
-import { NavigationOption as To } from "./Sidebar/components/NavigationOption/NavigationOption.js";
-import { NavigationSeparator as co } from "./Sidebar/components/NavigationSeparator/NavigationSeparator.js";
+import { Badge as a } from "./Badge/Badge.js";
+import { Breadcrumb as d } from "./Breadcrumb/Breadcrumb.js";
+import { Button as n } from "./Button/Button.js";
+import { Card as u } from "./Card/Card.js";
+import { Checkbox as c } from "./Checkbox/Checkbox.js";
+import { DatePicker as v } from "./Datepicker/DatePicker.js";
+import { Divider as R } from "./Divider/Divider.js";
+import { Dropdown as s } from "./Dropdown/Dropdown.js";
+import { Input as B } from "./Input/Input.js";
+import { Loading as D } from "./Loading/Loading.js";
+import { M as k } from "../Modal-B2ujmsSW.js";
+import { NumberInput as P } from "./NumberInput/NumberInput.js";
+import { ProgressBar as y } from "./ProgressBar/ProgressBar.js";
+import { Radio as L } from "./Radio/Radio.js";
+import { RadioCard as F } from "./RadioCard/RadioCard.js";
+import { RadioCardGroup as j } from "./RadioCardGroup/RadioCardGroup.js";
+import { RadioGroup as z } from "./RadioGroup/RadioGroup.js";
+import { Range as H } from "./Range/Range.js";
+import { Sidebar as K } from "./Sidebar/Sidebar.js";
+import { Slider as U } from "./Slider/Slider.js";
+import { Switch as W } from "./Switch/Switch.js";
+import { Table as Y } from "./Table/Table.js";
+import { Tag as _ } from "./Tag/Tag.js";
+import { TagSelect as oo } from "./TagSelect/TagSelect.js";
+import { TextArea as eo } from "./TextArea/TextArea.js";
+import { TimePicker as po } from "./TimePicker/TimePicker.js";
+import { Toast as xo } from "./Toast/Toast.js";
+import { Tooltip as ao } from "./Tooltip/Tooltip.js";
+import { Typography as go } from "./Typography/Typography.js";
+import { Footer as lo } from "./Sidebar/components/Footer/Footer.js";
+import { Logo as To } from "./Sidebar/components/Logo/Logo.js";
+import { Navigation as bo } from "./Sidebar/components/Navigation/Navigation.js";
+import { NavigationGroup as No } from "./Sidebar/components/NavigationGroup/NavigationGroup.js";
+import { NavigationOption as So } from "./Sidebar/components/NavigationOption/NavigationOption.js";
+import { NavigationSeparator as Ao } from "./Sidebar/components/NavigationSeparator/NavigationSeparator.js";
 export {
-  t as Alert,
+  e as Alert,
   p as AlertDialog,
   x as Autocomplete,
-  a as Breadcrumb,
-  d as Button,
-  n as Card,
-  u as Checkbox,
-  to as Divider,
-  b as Dropdown,
-  xo as Footer,
-  v as Input,
-  _ as Loading,
-  ao as Logo,
-  R as Modal,
-  go as Navigation,
-  lo as NavigationGroup,
-  To as NavigationOption,
-  co as NavigationSeparator,
-  s as NumberInput,
-  C as ProgressBar,
-  B as Radio,
-  G as RadioCard,
-  y as RadioCardGroup,
-  L as RadioGroup,
-  k as Range,
-  O as Sidebar,
-  j as Slider,
-  z as Switch,
-  po as Table,
-  H as Tag,
-  K as TagSelect,
-  U as TextArea,
-  W as Toast,
-  Y as Tooltip,
-  oo as Typography
+  a as Badge,
+  d as Breadcrumb,
+  n as Button,
+  u as Card,
+  c as Checkbox,
+  v as DatePicker,
+  R as Divider,
+  s as Dropdown,
+  lo as Footer,
+  B as Input,
+  D as Loading,
+  To as Logo,
+  k as Modal,
+  bo as Navigation,
+  No as NavigationGroup,
+  So as NavigationOption,
+  Ao as NavigationSeparator,
+  P as NumberInput,
+  y as ProgressBar,
+  L as Radio,
+  F as RadioCard,
+  j as RadioCardGroup,
+  z as RadioGroup,
+  H as Range,
+  K as Sidebar,
+  U as Slider,
+  W as Switch,
+  Y as Table,
+  _ as Tag,
+  oo as TagSelect,
+  eo as TextArea,
+  po as TimePicker,
+  xo as Toast,
+  ao as Tooltip,
+  go as Typography
 };

package/dist/createLucideIcon-BA2PlKw1.js

@@ -0,0 +1,94 @@
+import { forwardRef as l, createElement as n } from "react";
+/**
+* @license lucide-react v0.510.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+const w = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), h = (t) => t.replace(
+  /^([A-Z])|[\s-_]+(\w)/g,
+  (e, r, o) => o ? o.toUpperCase() : r.toLowerCase()
+), i = (t) => {
+  const e = h(t);
+  return e.charAt(0).toUpperCase() + e.slice(1);
+}, u = (...t) => t.filter((e, r, o) => !!e && e.trim() !== "" && o.indexOf(e) === r).join(" ").trim(), f = (t) => {
+  for (const e in t)
+    if (e.startsWith("aria-") || e === "role" || e === "title")
+      return !0;
+};
+/**
+* @license lucide-react v0.510.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+var g = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+/**
+* @license lucide-react v0.510.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+const A = l(
+  ({
+    color: t = "currentColor",
+    size: e = 24,
+    strokeWidth: r = 2,
+    absoluteStrokeWidth: o,
+    className: s = "",
+    children: a,
+    iconNode: p,
+    ...c
+  }, m) => n(
+    "svg",
+    {
+      ref: m,
+      ...g,
+      width: e,
+      height: e,
+      stroke: t,
+      strokeWidth: o ? Number(r) * 24 / Number(e) : r,
+      className: u("lucide", s),
+      ...!a && !f(c) && { "aria-hidden": "true" },
+      ...c
+    },
+    [
+      ...p.map(([C, d]) => n(C, d)),
+      ...Array.isArray(a) ? a : [a]
+    ]
+  )
+);
+/**
+* @license lucide-react v0.510.0 - ISC
+*
+* This source code is licensed under the ISC license.
+* See the LICENSE file in the root directory of this source tree.
+*/
+const k = (t, e) => {
+  const r = l(
+    ({ className: o, ...s }, a) => n(A, {
+      ref: a,
+      iconNode: e,
+      className: u(
+        `lucide-${w(i(t))}`,
+        `lucide-${t}`,
+        o
+      ),
+      ...s
+    })
+  );
+  return r.displayName = i(t), r;
+};
+export {
+  k as c
+};