@konstructio/ui 0.1.2-alpha.103 → 0.1.2-alpha.105

package/dist/Wrapper-R8fik3ah.js

@@ -0,0 +1,182 @@
+import { t as r } from "./utils-Cx-WzRZF.js";
+import { LoaderIcon as oe } from "./assets/icons/components/Loader.js";
+import { t as se } from "./createLucideIcon-MbzNWCaI.js";
+import { t as ie } from "./chevron-up-Bjpvg6ui.js";
+import { Typography as ce } from "./components/Typography/Typography.js";
+import { useSelectContext as ue } from "./components/Select/contexts/select.hook.js";
+import { List as me } from "./components/Select/components/List/List.js";
+import { inputVariants as fe, labelVariants as pe, selectVariants as de } from "./components/Select/Select.variants.js";
+import { useSelect as xe } from "./components/Select/hooks/useSelect.js";
+import { forwardRef as he, useEffect as we, useId as Ne, useImperativeHandle as ge, useMemo as ve, useRef as h } from "react";
+import { jsx as n, jsxs as i } from "react/jsx-runtime";
+var ye = [["path", {
+  d: "m21 21-4.34-4.34",
+  key: "14j7rj"
+}], ["circle", {
+  cx: "11",
+  cy: "11",
+  r: "8",
+  key: "4ej97u"
+}]], ke = se("search", ye), Se = he(({ additionalOptions: R, className: D, defaultValue: w, disabled: a = !1, error: p, groupedOptions: T, iconClassName: S, inputClassName: E, isInfiniteScrollEnabled: F = !1, isLoading: k, isRequired: N, label: g, labelAction: K, labelClassName: M, labelWrapperClassName: W, listClassName: _, listItemClassName: $, listItemSecondRowClassName: q, name: d, noOptionsText: A, placeholder: v, searchable: C = !1, showSearchIcon: y, theme: H, visibleItems: P, wrapperClassName: U, onFetchMoreOptions: B, onBlur: G, onSearchChange: J, ...I }, Q) => {
+  const j = Ne(), c = h(null), L = h(null), O = h(null), X = h(0), { isOpen: o, options: l, searchTerm: Y, value: s, setCanFilter: Z, setSearchTerm: ee, setValue: u, toggleOpen: te } = ue(), t = ve(() => l.find(({ value: e }) => e === s), [l, s]), { wrapperRef: ae, wrapperInputRef: V, handleOpen: x } = xe({
+    inputRef: c,
+    searchInputRef: L,
+    internalValue: t,
+    onBlur: G
+  }), b = () => {
+    if (!a) {
+      if (o) {
+        te(!1);
+        return;
+      }
+      x();
+    }
+  }, re = (e) => {
+    if (!a) {
+      if (e.key === "ArrowDown") {
+        if (e.preventDefault(), !o) {
+          x();
+          return;
+        }
+        O.current?.querySelector("li")?.focus();
+        return;
+      }
+      e.target === e.currentTarget && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), b());
+    }
+  }, m = d ? `${j}-${d}` : j;
+  ge(Q, () => c.current, [c]), we(() => {
+    if (w && !s) {
+      const e = l && l.find((f) => f.value === w);
+      e && u(e.value);
+    }
+  }, [
+    w,
+    l,
+    u,
+    s
+  ]);
+  const ne = (e) => {
+    const f = e.target.value;
+    Z(!0), u(""), ee(f ?? ""), J?.(f);
+    const z = l.find((le) => le.value.toLocaleLowerCase() === f.toLocaleLowerCase());
+    u(z ? z.value : t?.value ?? "");
+  };
+  return /* @__PURE__ */ i("div", {
+    ref: ae,
+    className: r("flex flex-col gap-2 w-full relative", U),
+    "data-theme": H,
+    children: [
+      g ? /* @__PURE__ */ i("div", {
+        className: r("flex items-center justify-between", W),
+        children: [/* @__PURE__ */ i("label", {
+          id: m,
+          className: r(pe({ className: M })),
+          htmlFor: m,
+          onClick: () => !a && x(),
+          children: [g, N && /* @__PURE__ */ n("span", {
+            className: "text-red-600 dark:text-red-500 ml-1",
+            children: "*"
+          })]
+        }), K]
+      }) : null,
+      /* @__PURE__ */ i("div", {
+        ref: V,
+        id: m,
+        className: r(de({
+          className: D,
+          hasError: !!p,
+          disabled: a
+        })),
+        role: "combobox",
+        onClick: b,
+        onKeyDown: re,
+        "aria-expanded": o,
+        tabIndex: X.current,
+        "aria-labelledby": m,
+        children: [/* @__PURE__ */ i("div", {
+          className: "flex gap-2.5 items-center flex-1",
+          children: [
+            t?.leftIcon && !y && /* @__PURE__ */ n("span", {
+              className: "w-4 h-4 flex justify-center items-center dark:text-metal-50",
+              children: t.leftIcon
+            }),
+            y && /* @__PURE__ */ n(ke, { className: r("w-4", "h-4", "text-zinc-500", "select-none", "transition-colors", "duration-300", "dark:text-metal-300", "dark:group-focus-within:text-metal-50") }),
+            C ? /* @__PURE__ */ n("input", {
+              ref: L,
+              type: "text",
+              value: o ? Y : t?.label ?? s ?? "",
+              onChange: ne,
+              placeholder: v,
+              className: r(fe({ className: E }), { "text-red-700 placeholder:text-red-700": !!p }),
+              onClick: (e) => {
+                e.stopPropagation(), a || x();
+              },
+              "aria-label": g || v,
+              "aria-labelledby": m,
+              required: N,
+              autoComplete: "off",
+              autoCapitalize: "words",
+              disabled: a,
+              tabIndex: -1,
+              ...I
+            }) : /* @__PURE__ */ i(ce, {
+              variant: "body2",
+              className: r("flex-1 text-zinc-400 text-sm dark:text-metal-400 flex gap-2 items-center", {
+                "text-red-700": !!p,
+                "select-none": !t,
+                "text-metal-800 dark:text-metal-50": t,
+                "text-metal-400/50 dark:text-metal-50/50": a
+              }, t?.wrapperClassNameOnSelectedValue),
+              children: [
+                t?.label || v,
+                " ",
+                t?.showRightComponentOnselectedValue ? t?.rightComponent : null
+              ]
+            })
+          ]
+        }), k ? /* @__PURE__ */ n(oe, {
+          size: 16,
+          className: "text-metal-400 animate-spin select-none"
+        }) : !y && /* @__PURE__ */ n(ie, {
+          "data-state": o ? "open" : "closed",
+          className: r("w-4 h-4 text-zinc-500 transition-all duration-100 data-[state=open]:rotate-0 data-[state=closed]:rotate-180 select-none dark:group-focus-within:text-metal-50", S, {
+            "text-red-700": !!p,
+            "text-metal-400/50 dark:group-focus-within:text-zinc-500": a
+          })
+        })]
+      }),
+      /* @__PURE__ */ n("input", {
+        ref: c,
+        type: "text",
+        name: d,
+        className: "hidden",
+        "aria-hidden": "true",
+        required: N,
+        inert: !0,
+        defaultValue: t?.value ?? s ?? void 0,
+        ...I
+      }),
+      o && /* @__PURE__ */ n(me, {
+        ref: O,
+        additionalOptions: R,
+        className: _,
+        groupedOptions: T,
+        itemClassName: $,
+        name: d,
+        wrapperInputRef: V,
+        inputRef: c,
+        options: l,
+        isLoading: !!k,
+        searchable: C,
+        listItemSecondRowClassName: q,
+        isInfiniteScrollEnabled: F,
+        onFetchMoreOptions: B,
+        noOptionsText: A,
+        visibleItems: P
+      })
+    ]
+  });
+});
+export {
+  Se as t
+};

package/dist/components/Alert/Alert.js

@@ -1,34 +1,34 @@
 "use client";
 import { t as h } from "../../x-BI9jmc7e.js";
-import { n as C } from "../../dist-CTvBzxW8.js";
+import { n as C } from "../../dist-DX0sBG3Q.js";
 import { t as n } from "../../utils-Cx-WzRZF.js";
 import { CheckCircleFilledIcon as v } from "../../assets/icons/components/CheckCircleFilled.js";
 import { ErrorIcon as I } from "../../assets/icons/components/Error.js";
-import { InfoCircleIcon as b } from "../../assets/icons/components/InfoCircle.js";
-import { WarningTriangleIcon as g } from "../../assets/icons/components/WarningTriangle.js";
-import { alertVariants as N, closeButtonVariants as x, descriptionVariants as V, iconVariants as k, titleVariants as w } from "./Alert.variants.js";
-import { useCallback as A, useEffect as E, useRef as j, useState as P } from "react";
+import { InfoCircleIcon as g } from "../../assets/icons/components/InfoCircle.js";
+import { WarningTriangleIcon as N } from "../../assets/icons/components/WarningTriangle.js";
+import { alertVariants as b, closeButtonVariants as x, descriptionVariants as V, iconVariants as w, titleVariants as A } from "./Alert.variants.js";
+import { useEffect as k, useRef as E, useState as j } from "react";
 import { jsx as t, jsxs as s } from "react/jsx-runtime";
-var R = {
+var P = {
   success: v,
-  info: b,
-  warning: g,
+  info: g,
+  warning: N,
   danger: I
-}, X = ({ theme: m, type: r, title: l, description: i, isVisible: o = !0, showCloseButton: d = !1 }) => {
-  const a = j(null), [f, u] = P(o), p = A(() => {
+}, W = ({ theme: m, type: r, title: i, description: l, isVisible: o = !0, showCloseButton: d = !1 }) => {
+  const a = E(null), [f, u] = j(o), p = () => {
     const e = a.current;
     e && e.setAttribute("data-state", "hidden");
-  }, []);
-  if (E(() => {
+  };
+  if (k(() => {
     const e = new AbortController();
     return a.current?.addEventListener("animationend", () => {
       a.current?.style.setProperty("display", "none"), u(!1);
     }, { signal: e.signal }), () => e.abort();
   }, []), !f) return null;
-  const c = r ? R[r] : null;
+  const c = r ? P[r] : null;
   return /* @__PURE__ */ s("div", {
     ref: a,
-    className: n(N({
+    className: n(b({
       type: r,
       isVisible: o
     })),
@@ -37,15 +37,15 @@ var R = {
     role: "alert",
     "aria-live": "polite",
     children: [
-      c && /* @__PURE__ */ t(c, { className: n(k({ type: r })) }),
+      c && /* @__PURE__ */ t(c, { className: n(w({ type: r })) }),
       /* @__PURE__ */ s("div", {
         className: "flex flex-col gap-1 flex-1",
-        children: [l && /* @__PURE__ */ t("p", {
-          className: n(w({ type: r })),
-          children: l
-        }), i && /* @__PURE__ */ t("div", {
-          className: n(V({ type: r })),
+        children: [i && /* @__PURE__ */ t("p", {
+          className: n(A({ type: r })),
           children: i
+        }), l && /* @__PURE__ */ t("div", {
+          className: n(V({ type: r })),
+          children: l
         })]
       }),
       d && /* @__PURE__ */ s("button", {
@@ -57,5 +57,5 @@ var R = {
   });
 };
 export {
-  X as Alert
+  W as Alert
 };

package/dist/components/AlertDialog/AlertDialog.js

@@ -1,6 +1,6 @@
 "use client";
 import { t as n } from "../../utils-Cx-WzRZF.js";
-import { a as T, c as z, i as B, l as E, n as P, o as S, r as q, s as F, t as G } from "../../AlertDialogTrigger-CgcsW_ta.js";
+import { a as T, c as z, i as B, l as E, n as P, o as S, r as q, s as F, t as G } from "../../AlertDialogTrigger-BGo_acd5.js";
 import { Button as i } from "../Button/Button.js";
 import { useAlertDialog as H } from "./hooks/useAlertDialog.js";
 import { useEffect as I, useRef as J, useState as L } from "react";

package/dist/components/AlertDialog/components/AlertDialogTrigger.js

@@ -1,4 +1,4 @@
-import { t as o } from "../../../AlertDialogTrigger-CgcsW_ta.js";
+import { t as o } from "../../../AlertDialogTrigger-BGo_acd5.js";
 export {
   o as AlertDialogTrigger
 };

package/dist/components/AlertDialog/components/index.js

@@ -1,4 +1,4 @@
-import { t as o } from "../../../AlertDialogTrigger-CgcsW_ta.js";
+import { t as o } from "../../../AlertDialogTrigger-BGo_acd5.js";
 export {
   o as AlertDialogTrigger
 };

package/dist/components/AlertDialog/hooks/useAlertDialog.js

@@ -1,15 +1,19 @@
-import { useCallback as a, useState as n } from "react";
-var o = ({ onConfirm: l }) => {
-  const [s, e] = n(!1), t = a(() => e(!0), []);
+import { useState as l } from "react";
+var c = ({ onConfirm: n }) => {
+  const [a, e] = l(!1);
   return {
-    isOpen: s,
-    handleCancel: a(() => e(!1), []),
-    handleConfirm: a(() => {
-      l?.(), e(!1);
-    }, [l]),
-    handleOpen: t
+    isOpen: a,
+    handleCancel: () => {
+      e(!1);
+    },
+    handleConfirm: () => {
+      n?.(), e(!1);
+    },
+    handleOpen: () => {
+      e(!0);
+    }
   };
 };
 export {
-  o as useAlertDialog
+  c as useAlertDialog
 };

package/dist/components/Autocomplete/components/List/List.js

@@ -1,36 +1,32 @@
-import { t } from "../../../../utils-Cx-WzRZF.js";
+import { t as e } from "../../../../utils-Cx-WzRZF.js";
 import { useNavigationUlList as f } from "../../hooks/useNavigationList.js";
-import { buttonVariants as p, emptyListVariants as u, listItemVariants as b, listVariants as N } from "./List.variants.js";
+import { emptyListVariants as p, listItemVariants as u, listVariants as x } from "./List.variants.js";
 import { useRef as d } from "react";
-import { jsx as r } from "react/jsx-runtime";
-var y = ({ className: i, inputRef: l, options: s, placeholder: n, placeholderClassName: o, wrapperRef: m, onClick: c }) => {
-  const e = d(null);
+import { jsx as s } from "react/jsx-runtime";
+var g = ({ className: l, inputRef: a, options: r, placeholder: m, placeholderClassName: o, wrapperRef: n, onClick: c }) => {
+  const i = d(null);
   return f({
-    ulRef: e,
-    inputRef: l,
-    wrapperRef: m,
-    options: s
-  }), s.length === 0 ? /* @__PURE__ */ r("span", {
-    className: t(u({ className: o })),
-    children: n
-  }) : /* @__PURE__ */ r("ul", {
-    ref: e,
+    ulRef: i,
+    inputRef: a,
+    wrapperRef: n,
+    options: r
+  }), r.length === 0 ? /* @__PURE__ */ s("span", {
+    className: e(p({ className: o })),
+    children: m
+  }) : /* @__PURE__ */ s("ul", {
+    ref: i,
     role: "listbox",
-    className: t(N({ className: i })),
-    children: s.map(({ value: a }) => /* @__PURE__ */ r("li", {
+    className: e(x({ className: l })),
+    children: r.map(({ value: t }) => /* @__PURE__ */ s("li", {
       role: "option",
+      "aria-selected": !1,
       tabIndex: 0,
-      className: t(b()),
-      children: /* @__PURE__ */ r("button", {
-        type: "button",
-        role: "button",
-        className: t(p()),
-        onClick: () => c(a),
-        children: a
-      })
-    }, a))
+      className: e(u(), "cursor-pointer px-3 py-1.5 w-full text-left"),
+      onClick: () => c(t),
+      children: t
+    }, t))
   });
 };
 export {
-  y as List
+  g as List
 };

package/dist/components/Autocomplete/components/List/List.variants.js

@@ -1,36 +1,24 @@
 import { t as r } from "../../../../dist-B9GE4SXf.js";
-var t = r([
-  "max-h-[250px]",
+var e = r([
+  "max-h-62.5",
   "overflow-y-auto",
   "bg-white"
-]), o = r([
+]), a = r([
   "p-1",
   "text-center",
   "w-full",
   "block",
   "bg-white"
-]), a = r([
+]), o = r([
   "focus-visible:outline-none",
   "kubefirst:focus:bg-purple-100",
   "kubefirst:hover:bg-purple-100",
   "border-transparent",
   "focus:bg-aurora-50",
   "hover:bg-aurora-50"
-]), u = r([
-  "cursor-pointer",
-  "focus-visible:outline-none",
-  "px-3",
-  "py-1.5",
-  "w-full",
-  "text-left",
-  "focus:bg-aurora-50",
-  "hover:bg-aurora-50",
-  "kubefirst:focus:bg-purple-100",
-  "kubefirst:hover:bg-purple-100"
 ]);
 export {
-  u as buttonVariants,
-  o as emptyListVariants,
-  a as listItemVariants,
-  t as listVariants
+  a as emptyListVariants,
+  o as listItemVariants,
+  e as listVariants
 };

package/dist/components/Autocomplete/hooks/useAutocomplete.js

@@ -1,49 +1,50 @@
-import { n as O } from "../../../utils-Cx-WzRZF.js";
-import { useCallback as u, useEffect as d, useState as g } from "react";
-var w = ({ options: o, inputRef: e, wrapperRef: n, onChange: a }) => {
-  const [f, m] = g(() => o ?? []), [h, r] = g(!1), [E, b] = g("");
-  d(() => {
-    const t = new AbortController();
-    return e.current?.addEventListener("focus", () => r(!0), { signal: t.signal }), () => {
-      t.abort();
+import { n as f } from "../../../utils-Cx-WzRZF.js";
+import { useClickOutside as C } from "../../../hooks/useClickOutside.js";
+import { useCallback as E, useEffect as a, useState as c } from "react";
+var S = ({ options: s, inputRef: t, wrapperRef: l, onChange: u }) => {
+  const [h, i] = c(() => s ?? []), [m, n] = c(!1), [b, d] = c("");
+  a(() => {
+    const e = new AbortController();
+    return t.current?.addEventListener("focus", () => n(!0), { signal: e.signal }), () => {
+      e.abort();
     };
-  }, [e]), d(() => {
-    const t = new AbortController(), l = (i) => {
-      i.key === "Escape" && (r(!1), e.current?.blur());
-    }, s = (i) => {
-      n.current?.contains(i.target) || r(!1);
+  }, [t]), C(l, E(() => {
+    n(!1);
+  }, [])), a(() => {
+    const e = new AbortController(), r = (o) => {
+      o.key === "Escape" && (n(!1), t.current?.blur());
     };
-    return document.addEventListener("keydown", l, { signal: t.signal }), document.addEventListener("mousedown", s, { signal: t.signal }), () => {
-      t.abort();
+    return document.addEventListener("keydown", r, { signal: e.signal }), () => {
+      e.abort();
     };
-  }, [e, n]), d(() => {
-    const t = new AbortController();
-    return n.current?.addEventListener("focusout", (l) => {
-      n.current?.contains(l.relatedTarget) || r(!1);
-    }, { signal: t.signal }), () => {
-      t.abort();
+  }, [t]), a(() => {
+    const e = new AbortController();
+    return l.current?.addEventListener("focusout", (r) => {
+      l.current?.contains(r.relatedTarget) || n(!1);
+    }, { signal: e.signal }), () => {
+      e.abort();
     };
-  }, [n]);
-  const c = u((t) => {
-    if (t.length === 0) m(o);
+  }, [l]);
+  const g = (e) => {
+    if (e.length === 0) i(s);
     else {
-      const l = O(o.map(({ value: s }) => s), t).map((s) => ({ value: s }));
-      m(l);
+      const r = f(s.map(({ value: o }) => o), e).map((o) => ({ value: o }));
+      i(r);
     }
-  }, [o]);
+  };
   return {
-    inputRef: e,
-    newOptions: f,
-    showOptions: h,
-    value: E,
-    handleChange: u((t) => {
-      b(t.target.value), c(t.target.value), a?.(t.target.value);
-    }, [c, a]),
-    handleSelectValue: u((t) => {
-      b(t), c(t), a?.(t), r(!1);
-    }, [c, a])
+    inputRef: t,
+    newOptions: h,
+    showOptions: m,
+    value: b,
+    handleChange: (e) => {
+      d(e.target.value), g(e.target.value), u?.(e.target.value);
+    },
+    handleSelectValue: (e) => {
+      d(e), g(e), u?.(e), n(!1);
+    }
   };
 };
 export {
-  w as useAutocomplete
+  S as useAutocomplete
 };

package/dist/components/Autocomplete/hooks/useNavigationList.js

@@ -19,7 +19,8 @@ var k = ({ ulRef: t, inputRef: c, wrapperRef: u, options: a }) => {
           r.current === 0 ? c.current?.focus() : i();
           break;
         case "Enter":
-          e[r.current].querySelector("button")?.click();
+        case " ":
+          e[r.current].click();
           break;
       }
     }, { signal: n.signal }), () => {

package/dist/components/Badge/Badge.js

@@ -1,65 +1,66 @@
-import { t as u } from "../../dist-DqKFpce5.js";
-import { t as c } from "../../utils-Cx-WzRZF.js";
-import { LoaderIcon as g } from "../../assets/icons/components/Loader.js";
-import { t as w } from "../../x-a_LpoXzG.js";
-import { badgeVariants as x, buttonDismissVariants as V } from "./Badge.variants.js";
-import { useCallback as D, useEffect as j, useRef as E, useState as L } from "react";
-import { jsx as s, jsxs as p } from "react/jsx-runtime";
-var $ = ({ className: b, dismissible: f = !1, isSelectable: h = !0, label: r, leftIcon: i, loading: n = !1, rightIcon: o, size: l, variant: m, onClick: e, onDismiss: d }) => {
-  const a = E(null), [v, N] = L("visible"), y = D((t) => {
-    t.stopPropagation(), d?.(), N("hidden");
-  }, [d]);
-  return j(() => {
-    const t = new AbortController();
-    return a.current?.addEventListener("animationend", () => {
-      a.current?.style.setProperty("display", "none"), a.current?.remove();
+import { t as c } from "../../dist-xCbHbMLA.js";
+import { t as p } from "../../utils-Cx-WzRZF.js";
+import { LoaderIcon as x } from "../../assets/icons/components/Loader.js";
+import { t as D } from "../../x-a_LpoXzG2.js";
+import { badgeVariants as V, buttonDismissVariants as j } from "./Badge.variants.js";
+import { useEffect as E, useRef as L, useState as P } from "react";
+import { jsx as s, jsxs as f } from "react/jsx-runtime";
+var q = ({ className: b, dismissible: h = !1, isSelectable: g = !0, label: i, leftIcon: n, loading: o = !1, rightIcon: l, size: m, variant: d, onClick: e, onDismiss: v }) => {
+  const u = L(null), [r, N] = P("visible"), y = (t) => {
+    t.stopPropagation(), v?.(), N("hidden");
+  };
+  return E(() => {
+    if (r !== "hidden") return;
+    const t = new AbortController(), a = u.current;
+    return a?.addEventListener("animationend", (w) => {
+      w.target === a && (a.style.setProperty("display", "none"), a.remove());
     }, { signal: t.signal }), () => t.abort();
-  }, []), /* @__PURE__ */ p("span", {
-    ref: a,
-    className: c(x({
-      variant: m,
-      size: l,
+  }, [r]), /* @__PURE__ */ f("span", {
+    ref: u,
+    className: p(V({
+      variant: d,
+      size: m,
       className: b
     }), {
-      "select-none": !h,
+      "select-none": !g,
       "cursor-pointer": e
     }),
     role: e ? "button" : void 0,
     onClick: e,
     tabIndex: e ? 0 : void 0,
-    "aria-label": e ? `${r} badge` : void 0,
-    "aria-busy": n,
+    "aria-label": e ? `${i} badge` : void 0,
+    "aria-busy": o,
     "aria-live": "polite",
-    "data-state": v,
+    "data-state": r,
     children: [
-      n && /* @__PURE__ */ s(g, {
+      o && /* @__PURE__ */ s(x, {
         size: 12,
         className: "animate-spin animate-duration-time-2"
       }),
-      i ? /* @__PURE__ */ s(u, {
+      n ? /* @__PURE__ */ s(c, {
         className: "h-3 w-3",
-        children: i
+        children: n
       }) : null,
-      r,
-      f ? /* @__PURE__ */ p("button", {
+      i,
+      h ? /* @__PURE__ */ f("button", {
         type: "button",
-        className: c(V({
-          size: l,
-          variant: m
+        className: p(j({
+          size: m,
+          variant: d
         })),
         onClick: y,
         "aria-label": "Dismiss",
-        children: [/* @__PURE__ */ s(w, { className: "h-full w-full" }), /* @__PURE__ */ s("span", {
+        children: [/* @__PURE__ */ s(D, { className: "h-full w-full" }), /* @__PURE__ */ s("span", {
           className: "sr-only",
           children: "Dismiss"
         })]
-      }) : o ? /* @__PURE__ */ s(u, {
+      }) : l ? /* @__PURE__ */ s(c, {
         className: "h-3 w-3",
-        children: o
+        children: l
       }) : null
     ]
   });
 };
 export {
-  $ as Badge
+  q as Badge
 };

package/dist/components/Button/Button.js

@@ -1,4 +1,4 @@
-import { t as u } from "../../dist-DqKFpce5.js";
+import { t as u } from "../../dist-xCbHbMLA.js";
 import { t as l } from "../../utils-Cx-WzRZF.js";
 import { buttonVariants as c } from "./Button.variants.js";
 import { forwardRef as x } from "react";

package/dist/components/Checkbox/Checkbox.js

@@ -1,4 +1,4 @@
-import { t as r } from "../../Checkbox-DzAx7n67.js";
+import { t as r } from "../../Checkbox-B_ngk9Dj.js";
 export {
   r as Checkbox
 };

package/dist/components/Command/Command.js

@@ -1,6 +1,6 @@
-import { n as d } from "../../dist-CTvBzxW8.js";
+import { n as d } from "../../dist-DX0sBG3Q.js";
 import { t as o } from "../../utils-Cx-WzRZF.js";
-import { s, t as p } from "../../dist-BiJrNvNo.js";
+import { s, t as p } from "../../dist-C3YVLapk.js";
 import { wrapperVariants as l } from "./Command.variants.js";
 import { CommandGroup as D } from "./components/CommandGroup.js";
 import { CommandItem as v } from "./components/CommandItem.js";