@konstructio/ui 0.1.0-alpha.2 → 0.1.0-alpha.20

package/dist/components/TimePicker/components/MeridianList/MeridianList.js

@@ -0,0 +1,68 @@
+import { jsxs as b, jsx as r } from "react/jsx-runtime";
+import { useCallback as N } from "react";
+import { cn as t } from "../../../../utils/index.js";
+import { buttonVariants as c, liVariants as s } from "../../TimePicker.variants.js";
+import { useTimePickerContext as x } from "../../contexts/time-picker.hook.js";
+const M = ({
+  listClassName: m,
+  listItemClassName: a,
+  listItemButtonClassName: i
+}) => {
+  const { format: p, isAM: l, onSelectAM: u, onSelectPM: d } = x(), o = N(
+    (e, f) => {
+      var n;
+      (n = e.currentTarget) == null || n.blur(), f();
+    },
+    []
+  );
+  return p === "24" ? null : /* @__PURE__ */ b(
+    "ul",
+    {
+      className: t("flex items-center justify-center flex-col", m),
+      "aria-label": "meridian",
+      role: "listbox",
+      children: [
+        /* @__PURE__ */ r(
+          "li",
+          {
+            className: t(s({ className: a })),
+            "data-active": l,
+            role: "presentation",
+            children: /* @__PURE__ */ r(
+              "button",
+              {
+                type: "button",
+                role: "option",
+                className: t(c({ className: i })),
+                onClick: (e) => o(e, u),
+                children: "AM"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ r(
+          "li",
+          {
+            className: t(s({ className: a })),
+            "data-active": !l,
+            role: "presentation",
+            children: /* @__PURE__ */ r(
+              "button",
+              {
+                type: "button",
+                role: "option",
+                className: t(c({ className: i })),
+                onClick: (e) => o(e, d),
+                children: "PM"
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+};
+M.displayName = "MeridianList";
+export {
+  M as MeridianList
+};

package/dist/components/TimePicker/components/MinutesList/MinutesList.js

@@ -0,0 +1,60 @@
+import { jsx as o } from "react/jsx-runtime";
+import { useRef as i, useEffect as p, useCallback as f } from "react";
+import { cn as n } from "../../../../utils/index.js";
+import { buttonVariants as b, liVariants as h, ulVariants as d } from "../../TimePicker.variants.js";
+import { useTimePickerContext as k } from "../../contexts/time-picker.hook.js";
+const y = ({ minutes: a, scrollBehavior: l }) => {
+  const s = i(null), u = i(a), { onSelectMinute: c } = k();
+  p(() => {
+    const r = s.current;
+    if (r) {
+      const e = `0${u.current}`.slice(-2), t = r.querySelector(
+        `[data-value="${e}"]`
+      );
+      t == null || t.scrollIntoView({
+        behavior: l,
+        block: "center"
+      });
+    }
+  }, [l]);
+  const m = f(
+    (r, e) => {
+      var t;
+      c(r), (t = e.currentTarget) == null || t.blur();
+    },
+    [c]
+  );
+  return /* @__PURE__ */ o(
+    "ul",
+    {
+      ref: s,
+      className: n(d()),
+      "aria-label": "minutes",
+      role: "listbox",
+      children: Array.from({ length: 60 }, (r, e) => /* @__PURE__ */ o(
+        "li",
+        {
+          className: n(h()),
+          "data-value": `0${e}`.slice(-2),
+          "data-active": a === e,
+          role: "presentation",
+          children: /* @__PURE__ */ o(
+            "button",
+            {
+              type: "button",
+              role: "option",
+              className: n(b()),
+              onClick: (t) => m(e, t),
+              children: `0${e}`.slice(-2)
+            }
+          )
+        },
+        e
+      ))
+    }
+  );
+};
+y.displayName = "MinutesList";
+export {
+  y as MinutesList
+};

package/dist/components/TimePicker/components/Wrapper/Wrapper.js

@@ -0,0 +1,96 @@
+import { jsxs as t, jsx as a } from "react/jsx-runtime";
+import { useId as y, useState as E, useRef as O, useCallback as I, useEffect as L } from "react";
+import { cn as d } from "../../../../utils/index.js";
+import { timePickerVariants as j } from "../../TimePicker.variants.js";
+import { WrapperList as P } from "../WrapperList/WrapperList.js";
+import { C as R } from "../../../../chevron-down-3QGcvbP_.js";
+import { useTimePickerContext as T } from "../../contexts/time-picker.hook.js";
+const $ = ({
+  name: p,
+  label: i,
+  required: f,
+  scrollBehavior: u,
+  className: x,
+  listClassName: h,
+  listItemClassName: w,
+  listItemButtonClassName: b
+}) => {
+  const g = y(), [n, r] = E(!1), l = O(null), { format: k, formattedTime: c } = T(), s = p ?? `time-${g}`, v = I(() => r((e) => !e), []);
+  return L(() => {
+    const e = new AbortController(), C = (o) => {
+      o.key === "Escape" && r(!1);
+    }, N = (o) => {
+      var m;
+      (m = l.current) != null && m.contains(o.target) || r(!1);
+    };
+    return document.addEventListener("mousedown", N, {
+      signal: e.signal
+    }), document.addEventListener("keydown", C, {
+      signal: e.signal
+    }), () => {
+      e.abort();
+    };
+  }, []), /* @__PURE__ */ t(
+    "div",
+    {
+      ref: l,
+      className: d(
+        "w-max text-slate-800 text-sm flex flex-col gap-2",
+        k === "12" ? "w-[208px]" : "w-[140px]"
+      ),
+      children: [
+        i ? /* @__PURE__ */ t("label", { htmlFor: s, className: "text-slate-500 font-medium", children: [
+          i,
+          " ",
+          f && /* @__PURE__ */ a("span", { className: "text-red-600", children: "*" })
+        ] }) : null,
+        /* @__PURE__ */ t("div", { className: "relative", children: [
+          /* @__PURE__ */ t(
+            "button",
+            {
+              "aria-label": s,
+              "aria-haspopup": "listbox",
+              "aria-expanded": "true",
+              "aria-controls": "time-options",
+              className: d(j({ className: x })),
+              "data-open": n,
+              onClick: v,
+              children: [
+                c,
+                /* @__PURE__ */ a(
+                  R,
+                  {
+                    className: "w-4 h-4 transition-all text-gray-400 data-[open=true]:rotate-180",
+                    "data-open": n
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ a(
+            P,
+            {
+              isOpen: n,
+              scrollBehavior: u,
+              listClassName: h,
+              listItemClassName: w,
+              listItemButtonClassName: b
+            }
+          )
+        ] }),
+        /* @__PURE__ */ a(
+          "input",
+          {
+            type: "hidden",
+            name: s,
+            value: c,
+            className: "hidden"
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  $ as Wrapper
+};

package/dist/components/TimePicker/components/WrapperList/WrapperList.js

@@ -0,0 +1,51 @@
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import { useMemo as n } from "react";
+import { cn as s } from "../../../../utils/index.js";
+import { getHours as d, getMinutes as M } from "../../utils/index.js";
+import { HoursList as x } from "../HoursList/HoursList.js";
+import { MeridianList as L } from "../MeridianList/MeridianList.js";
+import { MinutesList as g } from "../MinutesList/MinutesList.js";
+import { wrapperVariants as H } from "./WrapperList.variants.js";
+import { useTimePickerContext as j } from "../../contexts/time-picker.hook.js";
+const v = ({
+  isOpen: m,
+  scrollBehavior: p,
+  listClassName: o,
+  listItemClassName: i,
+  listItemButtonClassName: t
+}) => {
+  const { time: r } = j(), u = n(() => d(r), [r]), f = n(() => M(r), [r]);
+  return m ? /* @__PURE__ */ c("div", { role: "group", className: s(H()), children: [
+    /* @__PURE__ */ e(
+      x,
+      {
+        hours: u,
+        scrollBehavior: p,
+        listClassName: o,
+        listItemClassName: i,
+        listItemButtonClassName: t
+      }
+    ),
+    /* @__PURE__ */ e(
+      g,
+      {
+        minutes: f,
+        scrollBehavior: p,
+        listClassName: o,
+        listItemClassName: i,
+        listItemButtonClassName: t
+      }
+    ),
+    /* @__PURE__ */ e(
+      L,
+      {
+        listClassName: o,
+        listItemClassName: i,
+        listItemButtonClassName: t
+      }
+    )
+  ] }) : null;
+};
+export {
+  v as WrapperList
+};

package/dist/components/TimePicker/components/WrapperList/WrapperList.variants.js

@@ -0,0 +1,16 @@
+import { c as a } from "../../../../index-BNmRGtA6.js";
+const p = a([
+  "flex",
+  "gap-1.5",
+  "p-2",
+  "rounded-md",
+  "shadow",
+  "w-full",
+  "max-h-[216px]",
+  "absolute mt-1",
+  "bg-white",
+  "z-10"
+]);
+export {
+  p as wrapperVariants
+};

package/dist/components/TimePicker/components/index.js

@@ -0,0 +1,4 @@
+import { WrapperList as e } from "./WrapperList/WrapperList.js";
+export {
+  e as WrapperList
+};

package/dist/components/TimePicker/contexts/index.js

@@ -0,0 +1,8 @@
+import { TimePickerContext as o } from "./time-picker.context.js";
+import { TimePickerProvider as t } from "./time-picker.provider.js";
+import { useTimePickerContext as x } from "./time-picker.hook.js";
+export {
+  o as TimePickerContext,
+  t as TimePickerProvider,
+  x as useTimePickerContext
+};

package/dist/components/TimePicker/contexts/time-picker.context.js

@@ -0,0 +1,22 @@
+import { createContext as e } from "react";
+const o = e({
+  time: /* @__PURE__ */ new Date(),
+  format: "12",
+  formattedTime: "",
+  isAM: !1,
+  onSelectHour() {
+    throw new Error("onSelectHour is not implemented");
+  },
+  onSelectMinute() {
+    throw new Error("onSelectMinute is not implemented");
+  },
+  onSelectAM() {
+    throw new Error("onSelectAM is not implemented");
+  },
+  onSelectPM() {
+    throw new Error("onSelectPM is not implemented");
+  }
+});
+export {
+  o as TimePickerContext
+};

package/dist/components/TimePicker/contexts/time-picker.hook.js

@@ -0,0 +1,13 @@
+import { useContext as t } from "react";
+import { TimePickerContext as r } from "./time-picker.context.js";
+const n = () => {
+  const e = t(r);
+  if (!e)
+    throw new Error(
+      "useTimePickerContext must be used within a TimePickerProvider"
+    );
+  return e;
+};
+export {
+  n as useTimePickerContext
+};

package/dist/components/TimePicker/contexts/time-picker.provider.js

@@ -0,0 +1,46 @@
+import { jsx as S } from "react/jsx-runtime";
+import { useState as i, useMemo as T, useCallback as c, useEffect as d } from "react";
+import { getFormattedTime as P } from "../utils/index.js";
+import { TimePickerContext as p } from "./time-picker.context.js";
+const x = ({ children: m, time: u, format: a }) => {
+  const [n, l] = i(a), [t, r] = i(() => u ?? /* @__PURE__ */ new Date()), s = T(() => t.getHours() < 12, [t]), f = c(
+    (e) => {
+      const o = new Date(t);
+      n === "12" ? e === 12 ? o.setHours(s ? 0 : 12) : o.setHours(s ? e : e + 12) : o.setHours(e), r(o);
+    },
+    [n, s, t]
+  ), H = c(
+    (e) => {
+      const o = new Date(t);
+      o.setMinutes(e), r(o);
+    },
+    [t]
+  ), w = c(() => {
+    const e = new Date(t), o = e.getHours();
+    s || e.setHours(o - 12), r(e);
+  }, [s, t]), M = c(() => {
+    const e = new Date(t), o = e.getHours();
+    s && e.setHours(o + 12), r(e);
+  }, [s, t]);
+  return d(() => {
+    l(n);
+  }, [n]), /* @__PURE__ */ S(
+    p.Provider,
+    {
+      value: {
+        time: t,
+        format: n,
+        formattedTime: P(t, n),
+        isAM: s,
+        onSelectHour: f,
+        onSelectMinute: H,
+        onSelectAM: w,
+        onSelectPM: M
+      },
+      children: m
+    }
+  );
+};
+export {
+  x as TimePickerProvider
+};

package/dist/components/TimePicker/utils/index.js

@@ -0,0 +1,6 @@
+const e = (t, r) => r === "12" ? `${t.getHours() % 12 || 12}:${t.getMinutes().toString().padStart(2, "0")} ${t.getHours() >= 12 ? "PM" : "AM"}` : `${t.getHours().toString().padStart(2, "0")}:${t.getMinutes().toString().padStart(2, "0")}`, n = (t) => t.getHours(), g = (t) => t.getMinutes();
+export {
+  e as getFormattedTime,
+  n as getHours,
+  g as getMinutes
+};

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-B5MIi2tR.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-BCGvACM9.js";
+import { c as Ne, a as Ae, b, u as Fe } from "../../index-Cq1I1cG9.js";
+import { c as _e } from "../../index-rUBNhTeF.js";
+import { B as De, R as Le, P as Me } from "../../index-DNRcvRTB.js";
+import { P as Oe } from "../../index-Dm-ooN_M.js";
+import { u as $ } from "../../index-DwYXX2sM.js";
+import { V as ie, R as ke } from "../../index--EmNlyHx.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) => {
+import { X as We } from "../../x-BPcqkRZd.js";
+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-B5MIi2tR.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

@@ -1,25 +1,23 @@
-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";
-const i = ({
+import { jsx as c } from "react/jsx-runtime";
+import { cn as f } from "../../utils/index.js";
+import { typographyVariants as h } from "./Typography.variants.js";
+import { S as l } from "../../index-B5MIi2tR.js";
+const d = ({
   className: p,
   theme: m,
   children: s,
   variant: o,
-  component: r,
-  asChild: e = !1,
+  component: e,
+  asChild: r = !1,
   ...t
 }) => {
-  const y = d(), c = e ? g : r ?? (o != null && o.includes("h") ? o : "p");
-  return /* @__PURE__ */ f(
-    c,
+  const y = r ? l : e ?? (o != null && o.includes("h") ? o : "p");
+  return /* @__PURE__ */ c(
+    y,
     {
-      id: y,
       "data-theme": m,
-      className: h(
-        l({
+      className: f(
+        h({
           className: p,
           variant: o
         })
@@ -29,7 +27,7 @@ const i = ({
     }
   );
 };
-i.displayName = "Typography";
+d.displayName = "Typography";
 export {
-  i as Typography
+  d as Typography
 };