tailwind-ux-kit 1.0.59 → 1.0.60

package/lib/tailwind-ux-kit.es.js

@@ -1,12 +1,12 @@
 "use client";
-import { jsxs as w, jsx as i } from "react/jsx-runtime";
-import z, { forwardRef as X, useState as I, useMemo as P, useId as se, useRef as _, useCallback as j, useEffect as T, createContext as Y, useContext as J } from "react";
-const W = {
+import { jsxs as v, jsx as a } from "react/jsx-runtime";
+import A, { forwardRef as Y, useState as I, useMemo as P, useId as oe, useRef as _, useCallback as j, useEffect as T, createContext as J, useContext as Q } from "react";
+const K = {
   xs: "text-xs px-2 py-1",
   sm: "text-sm px-3 py-1.5",
   md: "text-sm px-3 py-3",
   lg: "text-lg px-5 py-3"
-}, K = {
+}, U = {
   flat: "rounded-none",
   rounded: "rounded-sm",
   pill: "rounded-full"
@@ -18,10 +18,10 @@ const W = {
   filled: "absolute duration-300 transform -translate-y-4 scale-75 top-4 z-10 origin-[0] start-2.5 peer-placeholder-shown:translate-y-0 peer-placeholder-shown:scale-100 peer-focus:scale-75 peer-focus:-translate-y-4 peer-focus:text-blue-600",
   outlined: "absolute duration-300 transform -translate-y-4 scale-75 top-2 z-10 origin-[0] bg-white px-2 peer-placeholder-shown:scale-100 peer-placeholder-shown:top-1/2 peer-placeholder-shown:-translate-y-1/2 peer-focus:top-2 peer-focus:scale-75 peer-focus:-translate-y-4 peer-focus:text-blue-600",
   standard: "absolute duration-300 transform -translate-y-6 scale-75 top-3 origin-[0] peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6 peer-focus:text-blue-600"
-}, ie = (e, n, t) => {
-  if (t)
-    return "border-red-500 bg-red-50 text-red-900 placeholder-red-700 focus:ring-red-500 focus:border-red-500";
+}, ie = (e, r, n) => {
   if (n)
+    return "border-red-500 bg-red-50 text-red-900 placeholder-red-700 focus:ring-red-500 focus:border-red-500";
+  if (r)
     return "border-green-500 bg-green-50 text-green-900 placeholder-green-700 focus:ring-green-500 focus:border-green-500";
   switch (e) {
     case "error":
@@ -33,84 +33,84 @@ const W = {
     default:
       return "border-gray-300 focus:ring-blue-500";
   }
-}, ce = X((e, n) => {
+}, ce = Y((e, r) => {
   const {
-    label: t,
-    id: r,
+    label: n,
+    id: t,
     inputSize: s = "md",
     shape: u = "rounded",
-    validate: c,
+    validate: l,
     onValidatedChange: d,
-    className: l = "",
-    icon: a,
+    className: c = "",
+    icon: i,
     iconPosition: o = "left",
     floatingLabelStyle: f,
     onChange: p,
     isValid: b,
     isInvalid: g,
     feedback: m,
-    feedbackType: v = "invalid",
+    feedbackType: w = "invalid",
     ...h
-  } = e, [N, k] = I("default"), C = z.useCallback(
+  } = e, [N, S] = I("default"), C = A.useCallback(
     (M) => {
-      const D = M.target.value, A = (c == null ? void 0 : c(D)) ?? "default";
-      k(A), d == null || d(M, A), p == null || p(M);
+      const D = M.target.value, z = (l == null ? void 0 : l(D)) ?? "default";
+      S(z), d == null || d(M, z), p == null || p(M);
     },
-    [c, d, p]
-  ), S = P(() => r || (typeof t == "string" ? `input-${t.toLowerCase().replace(/\s+/g, "-")}` : `input-${Math.random().toString(36).slice(2)}`), [r, t]), x = !!f, $ = W[s] || W.md, E = K[u] || K.flat, y = P(
+    [l, d, p]
+  ), k = P(() => t || (typeof n == "string" ? `input-${n.toLowerCase().replace(/\s+/g, "-")}` : `input-${Math.random().toString(36).slice(2)}`), [t, n]), x = !!f, $ = K[s] || K.md, E = U[u] || U.flat, y = P(
     () => ie(N, b, g),
     [N, b, g]
-  ), L = P(() => o === "start" || o === "left" ? "left-0 ps-3.5" : "right-0 pe-3.5", [o]), O = P(() => a ? o === "start" || o === "left" ? "ps-10" : "pe-10" : "", [a, o]);
-  return /* @__PURE__ */ w(
+  ), L = P(() => o === "start" || o === "left" ? "left-0 ps-3.5" : "right-0 pe-3.5", [o]), O = P(() => i ? o === "start" || o === "left" ? "ps-10" : "pe-10" : "", [i, o]);
+  return /* @__PURE__ */ v(
     "div",
     {
       className: `w-full relative ${x ? "z-0" : ""} tailwind-ux-input`,
       children: [
-        !x && t && /* @__PURE__ */ i(
+        !x && n && /* @__PURE__ */ a(
           "label",
           {
-            htmlFor: S,
+            htmlFor: k,
             className: `block mb-1 text-sm ${b ? "text-green-700 dark:text-green-500" : g ? "text-red-700 dark:text-red-500" : "text-gray-700"}`,
-            children: t
+            children: n
           }
         ),
-        /* @__PURE__ */ w("div", { className: "relative w-full", children: [
-          a && /* @__PURE__ */ i(
+        /* @__PURE__ */ v("div", { className: "relative w-full", children: [
+          i && /* @__PURE__ */ a(
             "div",
             {
               className: `absolute inset-y-0 flex items-center ${L}`,
               "aria-hidden": "true",
-              children: /* @__PURE__ */ i("span", { className: "text-gray-500", children: a })
+              children: /* @__PURE__ */ a("span", { className: "text-gray-500", children: i })
             }
           ),
-          /* @__PURE__ */ i(
+          /* @__PURE__ */ a(
             "input",
             {
               ...h,
-              id: S,
-              ref: n,
+              id: k,
+              ref: r,
               placeholder: x ? " " : h.placeholder,
               onChange: C,
               className: `border peer w-full block font-normal appearance-none focus:outline-none focus:ring-0 transition text-gray-900 placeholder-gray-600 border-gray-400
             ${$}
             ${x && f && ae[f]}
-            ${O} ${E} ${y} ${l}`
+            ${O} ${E} ${y} ${c}`
             }
           ),
-          x && t && f && /* @__PURE__ */ i(
+          x && n && f && /* @__PURE__ */ a(
             "label",
             {
-              htmlFor: S,
-              className: `ms-1 ${le[f]} ${l}`,
-              children: t
+              htmlFor: k,
+              className: `ms-1 ${le[f]} ${c}`,
+              children: n
             }
           )
         ] }),
-        m && /* @__PURE__ */ i(
+        m && /* @__PURE__ */ a(
           "p",
           {
-            className: `mt-1 text-xs ${v === "invalid" ? "text-red-600 dark:text-red-500" : "text-green-600 dark:text-green-500"}`,
-            role: v === "invalid" ? "alert" : void 0,
+            className: `mt-1 text-xs ${w === "invalid" ? "text-red-600 dark:text-red-500" : "text-green-600 dark:text-green-500"}`,
+            role: w === "invalid" ? "alert" : void 0,
             children: m
           }
         )
@@ -136,89 +136,89 @@ const de = {
   filled: "absolute duration-300 transform -translate-y-4 scale-75 top-4 z-10 origin-[0] start-2.5 peer-placeholder-shown:translate-y-0 peer-placeholder-shown:scale-100 peer-focus:scale-75 peer-focus:-translate-y-4 peer-focus:text-blue-600",
   outlined: "absolute duration-300 transform -translate-y-4 scale-75 top-2 z-10 origin-[0] bg-white px-2 peer-placeholder-shown:scale-100 peer-placeholder-shown:top-1/2 peer-placeholder-shown:-translate-y-1/2 peer-focus:top-2 peer-focus:scale-75 peer-focus:-translate-y-4 peer-focus:text-blue-600",
   standard: "absolute duration-300 transform -translate-y-6 scale-75 top-3 origin-[0] peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-6 peer-focus:text-blue-600"
-}, ge = (e, n, t) => {
-  if (t)
-    return "border-red-500 bg-red-50 text-red-900 focus:ring-red-500 focus:border-red-500";
+}, ge = (e, r, n) => {
   if (n)
+    return "border-red-500 bg-red-50 text-red-900 focus:ring-red-500 focus:border-red-500";
+  if (r)
     return "border-green-500 bg-green-50 text-green-900 focus:ring-green-500 focus:border-green-500";
-  const r = "focus:ring focus:border";
+  const t = "focus:ring focus:border";
   switch (e) {
     case "error":
-      return `${r}-red-500 border-red-500 bg-red-50`;
+      return `${t}-red-500 border-red-500 bg-red-50`;
     case "warning":
-      return `${r}-yellow-500 border-yellow-500 bg-yellow-50`;
+      return `${t}-yellow-500 border-yellow-500 bg-yellow-50`;
     case "success":
-      return `${r}-green-500 border-green-500 bg-green-50`;
+      return `${t}-green-500 border-green-500 bg-green-50`;
     default:
       return "border-gray-300 focus:ring-blue-500";
   }
-}, be = X((e, n) => {
+}, be = Y((e, r) => {
   const {
-    label: t,
-    id: r,
+    label: n,
+    id: t,
     inputSize: s = "md",
     shape: u = "rounded",
-    validate: c,
+    validate: l,
     onValidatedChange: d,
-    className: l = "",
-    icon: a,
+    className: c = "",
+    icon: i,
     iconPosition: o = "left",
     floatingLabelStyle: f,
     onChange: p,
     isValid: b,
     isInvalid: g,
     feedback: m,
-    feedbackType: v = "invalid",
+    feedbackType: w = "invalid",
     children: h,
     ...N
-  } = e, [k, C] = I("default"), S = se(), x = P(() => r || (typeof t == "string" ? `select-${t.toLowerCase().replace(/\s+/g, "-")}` : S), [r, t, S]), $ = (A) => {
-    const R = A.target.value, G = (c == null ? void 0 : c(R)) ?? "default";
-    C(G), d == null || d(A, G), p == null || p(A);
-  }, E = !!f, y = de[s], L = ue[u], O = ge(k, b, g);
-  return /* @__PURE__ */ w("div", { className: `w-full relative ${E ? "z-0" : ""}`, children: [
-    !E && t && /* @__PURE__ */ i(
+  } = e, [S, C] = I("default"), k = oe(), x = P(() => t || (typeof n == "string" ? `select-${n.toLowerCase().replace(/\s+/g, "-")}` : k), [t, n, k]), $ = (z) => {
+    const R = z.target.value, G = (l == null ? void 0 : l(R)) ?? "default";
+    C(G), d == null || d(z, G), p == null || p(z);
+  }, E = !!f, y = de[s], L = ue[u], O = ge(S, b, g);
+  return /* @__PURE__ */ v("div", { className: `w-full relative ${E ? "z-0" : ""}`, children: [
+    !E && n && /* @__PURE__ */ a(
       "label",
       {
         htmlFor: x,
         className: `block mb-1 text-sm ${b ? "text-green-700" : g ? "text-red-700" : "text-gray-700"}`,
-        children: t
+        children: n
       }
     ),
-    /* @__PURE__ */ w("div", { className: "relative w-full", children: [
-      a && /* @__PURE__ */ i(
+    /* @__PURE__ */ v("div", { className: "relative w-full", children: [
+      i && /* @__PURE__ */ a(
         "div",
         {
           className: `absolute inset-y-0 flex items-center ${o === "start" || o === "left" ? "left-0 ps-3.5" : "right-0 pe-3.5"}`,
-          children: /* @__PURE__ */ i("span", { className: "text-gray-500", children: a })
+          children: /* @__PURE__ */ a("span", { className: "text-gray-500", children: i })
         }
       ),
-      /* @__PURE__ */ i(
+      /* @__PURE__ */ a(
         "select",
         {
           ...N,
           id: x,
-          ref: n,
+          ref: r,
           onChange: $,
           className: `border peer w-full block font-normal appearance-none focus:outline-none focus:ring-0 transition text-gray-600 placeholder-[#798ba5] border-gray-400
-            ${y} ${a && (o === "start" || o === "left") ? "ps-10" : a ? "pe-10" : ""}
+            ${y} ${i && (o === "start" || o === "left") ? "ps-10" : i ? "pe-10" : ""}
             ${E && f && fe[f]}
-            ${L} ${O} ${l}`,
+            ${L} ${O} ${c}`,
           children: h
         }
       ),
-      E && t && f && /* @__PURE__ */ i(
+      E && n && f && /* @__PURE__ */ a(
         "label",
         {
           htmlFor: x,
-          className: `ms-1 ${pe[f]} ${l}`,
-          children: t
+          className: `ms-1 ${pe[f]} ${c}`,
+          children: n
         }
       )
     ] }),
-    m && /* @__PURE__ */ i(
+    m && /* @__PURE__ */ a(
       "p",
       {
-        className: `mt-1 text-xs ${v === "invalid" ? "text-red-600" : "text-green-600"}`,
+        className: `mt-1 text-xs ${w === "invalid" ? "text-red-600" : "text-green-600"}`,
         children: m
       }
     )
@@ -262,28 +262,28 @@ const me = {
   rounded: "rounded-sm",
   pill: "rounded-full",
   circle: "rounded-full w-10 h-10 p-0 flex items-center justify-center"
-}, Te = ({
+}, Re = ({
   children: e,
-  variant: n = "primary",
-  size: t = "md",
-  type: r = "button",
+  variant: r = "primary",
+  size: n = "md",
+  type: t = "button",
   shape: s = "rounded",
   className: u = "",
-  isLoading: c = !1,
+  isLoading: l = !1,
   disabled: d = !1,
-  ...l
+  ...c
 }) => {
-  const a = d || c, o = [
+  const i = d || l, o = [
     "inline-flex items-center justify-center font-normal transition duration-150",
-    me[n],
-    xe[t],
+    me[r],
+    xe[n],
     he[s],
     s === "flat" ? "shadow-none" : "shadow-sm",
-    a ? "opacity-50 cursor-not-allowed" : "cursor-pointer",
+    i ? "opacity-50 cursor-not-allowed" : "cursor-pointer",
     u
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ w("button", { type: r, className: o, disabled: a, ...l, children: [
-    c && /* @__PURE__ */ w(
+  return /* @__PURE__ */ v("button", { type: t, className: o, disabled: i, ...c, children: [
+    l && /* @__PURE__ */ v(
       "svg",
       {
         "aria-hidden": "true",
@@ -293,14 +293,14 @@ const me = {
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg",
         children: [
-          /* @__PURE__ */ i(
+          /* @__PURE__ */ a(
             "path",
             {
               d: "M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z",
               fill: "currentColor"
             }
           ),
-          /* @__PURE__ */ i(
+          /* @__PURE__ */ a(
             "path",
             {
               d: "M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z",
@@ -312,31 +312,224 @@ const me = {
     ),
     e
   ] });
-}, _e = ({
+};
+var V = {
+  color: void 0,
+  size: void 0,
+  className: void 0,
+  style: void 0,
+  attr: void 0
+}, q = A.createContext && /* @__PURE__ */ A.createContext(V), ye = ["attr", "size", "title"];
+function we(e, r) {
+  if (e == null) return {};
+  var n = ve(e, r), t, s;
+  if (Object.getOwnPropertySymbols) {
+    var u = Object.getOwnPropertySymbols(e);
+    for (s = 0; s < u.length; s++)
+      t = u[s], !(r.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(e, t) && (n[t] = e[t]);
+  }
+  return n;
+}
+function ve(e, r) {
+  if (e == null) return {};
+  var n = {};
+  for (var t in e)
+    if (Object.prototype.hasOwnProperty.call(e, t)) {
+      if (r.indexOf(t) >= 0) continue;
+      n[t] = e[t];
+    }
+  return n;
+}
+function B() {
+  return B = Object.assign ? Object.assign.bind() : function(e) {
+    for (var r = 1; r < arguments.length; r++) {
+      var n = arguments[r];
+      for (var t in n)
+        Object.prototype.hasOwnProperty.call(n, t) && (e[t] = n[t]);
+    }
+    return e;
+  }, B.apply(this, arguments);
+}
+function X(e, r) {
+  var n = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var t = Object.getOwnPropertySymbols(e);
+    r && (t = t.filter(function(s) {
+      return Object.getOwnPropertyDescriptor(e, s).enumerable;
+    })), n.push.apply(n, t);
+  }
+  return n;
+}
+function F(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var n = arguments[r] != null ? arguments[r] : {};
+    r % 2 ? X(Object(n), !0).forEach(function(t) {
+      Ce(e, t, n[t]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : X(Object(n)).forEach(function(t) {
+      Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
+    });
+  }
+  return e;
+}
+function Ce(e, r, n) {
+  return r = ke(r), r in e ? Object.defineProperty(e, r, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = n, e;
+}
+function ke(e) {
+  var r = Ne(e, "string");
+  return typeof r == "symbol" ? r : r + "";
+}
+function Ne(e, r) {
+  if (typeof e != "object" || !e) return e;
+  var n = e[Symbol.toPrimitive];
+  if (n !== void 0) {
+    var t = n.call(e, r);
+    if (typeof t != "object") return t;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (r === "string" ? String : Number)(e);
+}
+function ee(e) {
+  return e && e.map((r, n) => /* @__PURE__ */ A.createElement(r.tag, F({
+    key: n
+  }, r.attr), ee(r.child)));
+}
+function Z(e) {
+  return (r) => /* @__PURE__ */ A.createElement(Se, B({
+    attr: F({}, e.attr)
+  }, r), ee(e.child));
+}
+function Se(e) {
+  var r = (n) => {
+    var {
+      attr: t,
+      size: s,
+      title: u
+    } = e, l = we(e, ye), d = s || n.size || "1em", c;
+    return n.className && (c = n.className), e.className && (c = (c ? c + " " : "") + e.className), /* @__PURE__ */ A.createElement("svg", B({
+      stroke: "currentColor",
+      fill: "currentColor",
+      strokeWidth: "0"
+    }, n.attr, t, l, {
+      className: c,
+      style: F(F({
+        color: e.color || n.color
+      }, n.style), e.style),
+      height: d,
+      width: d,
+      xmlns: "http://www.w3.org/2000/svg"
+    }), u && /* @__PURE__ */ A.createElement("title", null, u), e.children);
+  };
+  return q !== void 0 ? /* @__PURE__ */ A.createElement(q.Consumer, null, (n) => r(n)) : r(V);
+}
+function $e(e) {
+  return Z({ attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z" }, child: [] }] })(e);
+}
+const Ee = {
+  xs: "w-3 h-3 text-[10px]",
+  sm: "w-4 h-4 text-xs",
+  md: "w-5 h-5 text-sm",
+  lg: "w-6 h-6 text-base"
+}, Le = {
+  flat: "rounded-none",
+  rounded: "rounded-md",
+  pill: "rounded-full"
+}, Oe = {
+  primary: "btn-primary",
+  secondary: "btn-secondary",
+  success: "btn-success",
+  danger: "btn-danger",
+  warning: "btn-warning",
+  info: "btn-info",
+  dark: "btn-dark",
+  light: "btn-light",
+  link: "btn-link",
+  "outline-primary": "btn-outline-primary",
+  "outline-secondary": "btn-outline-secondary",
+  "outline-success": "btn-outline-success",
+  "outline-danger": "btn-outline-danger",
+  "outline-warning": "btn-outline-warning",
+  "outline-info": "btn-outline-info",
+  "outline-dark": "btn-outline-dark",
+  "outline-light": "btn-outline-light",
+  "soft-primary": "btn-soft-primary",
+  "soft-secondary": "btn-soft-secondary",
+  "soft-success": "btn-soft-success",
+  "soft-danger": "btn-soft-danger",
+  "soft-warning": "btn-soft-warning",
+  "soft-info": "btn-soft-info",
+  "soft-dark": "btn-soft-dark",
+  "soft-light": "btn-soft-light"
+}, He = ({
   label: e,
-  header: n,
-  items: t = [],
-  onSelect: r,
+  boxSize: r = "md",
+  shape: n = "rounded",
+  variant: t = "success",
+  checked: s = !1,
+  onSelectionChange: u,
+  disabled: l = !1,
+  className: d = "",
+  id: c,
+  value: i,
+  icon: o,
+  children: f,
+  ...p
+}) => {
+  const b = (E) => {
+    !l && u && u(E.target.checked);
+  }, g = "mr-2 border flex items-center justify-center transition-all", m = Ee[r], w = Le[n], h = Oe[t] ?? "", N = t.startsWith("outline"), S = t.startsWith("soft"), x = `${g} ${m} ${w} ${h} ${s && (N || S || t === "link") ? "peer-checked:bg-current peer-checked:text-white" : s ? "peer-checked:bg-current" : ""}`, $ = {
+    xs: "w-2 h-2",
+    sm: "w-2.5 h-2.5",
+    md: "w-3 h-3",
+    lg: "w-3.5 h-3.5"
+  };
+  return /* @__PURE__ */ v(
+    "label",
+    {
+      className: `flex items-center ${l ? "opacity-50 cursor-not-allowed" : "cursor-pointer"} me-4 ${d}`,
+      children: [
+        /* @__PURE__ */ a(
+          "input",
+          {
+            type: "checkbox",
+            className: "peer hidden",
+            checked: s,
+            onChange: b,
+            disabled: l,
+            id: c,
+            value: i,
+            ...p
+          }
+        ),
+        /* @__PURE__ */ a("span", { className: x.trim(), children: s && (o ?? /* @__PURE__ */ a($e, { className: `text-white ${$[r]}` })) }),
+        e || f ? /* @__PURE__ */ a("span", { className: "text-sm font-medium text-gray-900 dark:text-gray-300", children: e ?? f }) : null
+      ]
+    }
+  );
+}, We = ({
+  label: e,
+  header: r,
+  items: n = [],
+  onSelect: t,
   renderItem: s,
   position: u = "right",
-  className: c = "",
+  className: l = "",
   menuClassName: d = "",
-  width: l = "w-48",
-  closeOnSelect: a = !1,
+  width: c = "w-48",
+  closeOnSelect: i = !1,
   transition: o = !0,
   ariaLabel: f = "Dropdown menu",
   ...p
 }) => {
-  const [b, g] = I(!1), [m, v] = I(!1), h = _(null), N = _(null), k = P(() => ({
+  const [b, g] = I(!1), [m, w] = I(!1), h = _(null), N = _(null), S = P(() => ({
     left: "left-0",
     center: "left-1/2 transform -translate-x-1/2",
     right: "right-0"
   })[u], [u]), C = j(() => {
     const y = N.current, L = h.current;
     if (!y || !L) return;
-    const { top: O, bottom: M } = y.getBoundingClientRect(), D = L.offsetHeight, A = window.innerHeight - M, R = O;
-    v(A < D && R > D);
-  }, []), S = j((y) => {
+    const { top: O, bottom: M } = y.getBoundingClientRect(), D = L.offsetHeight, z = window.innerHeight - M, R = O;
+    w(z < D && R > D);
+  }, []), k = j((y) => {
     var L, O;
     !((L = h.current) != null && L.contains(y.target)) && !((O = N.current) != null && O.contains(y.target)) && g(!1);
   }, []), x = j(() => g((y) => !y), []), $ = j(() => g(!1), []);
@@ -345,38 +538,37 @@ const me = {
       return C(), window.addEventListener("resize", C), window.addEventListener("scroll", C, !0), () => {
         window.removeEventListener("resize", C), window.removeEventListener("scroll", C, !0);
       };
-  }, [b, C]), T(() => (document.addEventListener("mousedown", S), () => document.removeEventListener("mousedown", S)), [S]);
+  }, [b, C]), T(() => (document.addEventListener("mousedown", k), () => document.removeEventListener("mousedown", k)), [k]);
   const E = P(
     () => [
       "absolute z-50 bg-white rounded shadow-lg overflow-hidden",
       m ? "bottom-full mb-2" : "top-full mt-2",
-      k,
-      l,
+      S,
+      c,
       o && "transition-all duration-200 ease-out",
       d
     ].filter(Boolean).join(" "),
-    [m, k, l, o, d]
+    [m, S, c, o, d]
   );
-  return /* @__PURE__ */ w("div", { className: `relative inline-block ${c}`, ...p, children: [
-    /* @__PURE__ */ i(
+  return /* @__PURE__ */ v("div", { className: `relative inline-block ${l}`, ...p, children: [
+    /* @__PURE__ */ a(
       "button",
       {
         ref: N,
         onClick: x,
-        "aria-haspopup": "true",
         "aria-expanded": b,
         "aria-label": f,
         className: "focus:outline-none",
         children: e
       }
     ),
-    b && /* @__PURE__ */ w("div", { ref: h, role: "menu", className: E, children: [
-      n && n,
-      t.map((y, L) => {
+    b && /* @__PURE__ */ v("div", { ref: h, role: "menu", className: E, children: [
+      r && r,
+      n.map((y, L) => {
         const O = () => {
-          r && r(y), a && $();
+          t && t(y), i && $();
         };
-        return /* @__PURE__ */ i("div", { children: s ? s(y, O) : /* @__PURE__ */ i(
+        return /* @__PURE__ */ a("div", { children: s ? s(y, O) : /* @__PURE__ */ a(
           "div",
           {
             onClick: O,
@@ -388,28 +580,28 @@ const me = {
       })
     ] })
   ] });
-}, Be = ({
+}, Ze = ({
   children: e,
-  content: n,
-  position: t = "top",
-  className: r = "",
+  content: r,
+  position: n = "top",
+  className: t = "",
   tooltipClass: s = "",
   tooltipStyle: u = {}
 }) => {
-  const c = _(null), d = _(null);
+  const l = _(null), d = _(null);
   T(() => {
-    const a = c.current, o = d.current;
-    if (!a || !o) return;
+    const i = l.current, o = d.current;
+    if (!i || !o) return;
     const f = () => {
       o.style.opacity = "1", o.style.visibility = "visible";
     }, p = () => {
       o.style.opacity = "0", o.style.visibility = "hidden";
     };
-    return a.addEventListener("mouseenter", f), a.addEventListener("mouseleave", p), () => {
-      a.removeEventListener("mouseenter", f), a.removeEventListener("mouseleave", p);
+    return i.addEventListener("mouseenter", f), i.addEventListener("mouseleave", p), () => {
+      i.removeEventListener("mouseenter", f), i.removeEventListener("mouseleave", p);
     };
   }, []);
-  const l = (a) => {
+  const c = (i) => {
     const o = {
       position: "absolute",
       opacity: 0,
@@ -427,7 +619,7 @@ const me = {
       zIndex: 9999,
       width: "max-content"
     };
-    switch (a) {
+    switch (i) {
       case "top":
         return {
           ...o,
@@ -464,23 +656,23 @@ const me = {
         return o;
     }
   };
-  return /* @__PURE__ */ w("div", { ref: c, className: `relative inline-block ${r}`, children: [
+  return /* @__PURE__ */ v("div", { ref: l, className: `relative inline-block ${t}`, children: [
     e,
-    /* @__PURE__ */ i(
+    /* @__PURE__ */ a(
       "div",
       {
         ref: d,
         role: "tooltip",
         className: s,
         style: {
-          ...l(t),
+          ...c(n),
           ...u
         },
-        children: n
+        children: r
       }
     )
   ] });
-}, ye = {
+}, Pe = {
   primary: "bg-blue-500 text-white",
   secondary: "bg-gray-500 text-white",
   success: "bg-green-500 text-white",
@@ -498,209 +690,101 @@ const me = {
   "outline-info": "border border-cyan-500 text-cyan-500 bg-transparent",
   "outline-dark": "border border-black text-black bg-transparent",
   "outline-light": "border border-gray-100 text-gray-800 bg-transparent"
-}, we = {
+}, je = {
   xs: "text-xs px-2 py-0.5",
   sm: "text-sm px-2.5 py-0.5",
   md: "text-base px-3 py-1",
   lg: "text-lg px-3.5 py-1.5",
   xl: "text-xl px-4 py-2"
-}, ve = {
+}, Ie = {
   flat: "rounded-none",
   rounded: "rounded-sm",
   pill: "rounded-full",
   circle: "rounded-full p-2 w-8 h-8 justify-center"
-}, Fe = ({
+}, Ge = ({
   label: e,
-  variant: n = "primary",
-  size: t = "sm",
-  shape: r = "rounded",
+  variant: r = "primary",
+  size: n = "sm",
+  shape: t = "rounded",
   icon: s,
   dismissible: u,
-  onDismiss: c,
+  onDismiss: l,
   className: d = "",
-  ...l
+  ...c
 }) => {
-  const a = !e && !!s, o = `inline-flex items-center font-medium ${ye[n] || ""} ${we[t] || ""} ${ve[r] || ""} ${a ? "justify-center p-2 w-8 h-8" : ""} ` + d;
-  return /* @__PURE__ */ w("span", { className: o.trim(), ...l, children: [
-    s && /* @__PURE__ */ i("span", { className: e ? "mr-1" : "", children: s }),
+  const i = !e && !!s, o = `inline-flex items-center font-medium ${Pe[r] || ""} ${je[n] || ""} ${Ie[t] || ""} ${i ? "justify-center p-2 w-8 h-8" : ""} ` + d;
+  return /* @__PURE__ */ v("span", { className: o.trim(), ...c, children: [
+    s && /* @__PURE__ */ a("span", { className: e ? "mr-1" : "", children: s }),
     e,
-    u && /* @__PURE__ */ i(
+    u && /* @__PURE__ */ a(
       "button",
       {
         type: "button",
-        onClick: c,
+        onClick: l,
         className: "ml-2 text-xs font-bold leading-none focus:outline-none",
         children: "×"
       }
     )
   ] });
 };
-var Q = {
-  color: void 0,
-  size: void 0,
-  className: void 0,
-  style: void 0,
-  attr: void 0
-}, U = z.createContext && /* @__PURE__ */ z.createContext(Q), Ce = ["attr", "size", "title"];
-function Se(e, n) {
-  if (e == null) return {};
-  var t = Ne(e, n), r, s;
-  if (Object.getOwnPropertySymbols) {
-    var u = Object.getOwnPropertySymbols(e);
-    for (s = 0; s < u.length; s++)
-      r = u[s], !(n.indexOf(r) >= 0) && Object.prototype.propertyIsEnumerable.call(e, r) && (t[r] = e[r]);
-  }
-  return t;
-}
-function Ne(e, n) {
-  if (e == null) return {};
-  var t = {};
-  for (var r in e)
-    if (Object.prototype.hasOwnProperty.call(e, r)) {
-      if (n.indexOf(r) >= 0) continue;
-      t[r] = e[r];
-    }
-  return t;
-}
-function B() {
-  return B = Object.assign ? Object.assign.bind() : function(e) {
-    for (var n = 1; n < arguments.length; n++) {
-      var t = arguments[n];
-      for (var r in t)
-        Object.prototype.hasOwnProperty.call(t, r) && (e[r] = t[r]);
-    }
-    return e;
-  }, B.apply(this, arguments);
-}
-function q(e, n) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var r = Object.getOwnPropertySymbols(e);
-    n && (r = r.filter(function(s) {
-      return Object.getOwnPropertyDescriptor(e, s).enumerable;
-    })), t.push.apply(t, r);
-  }
-  return t;
-}
-function F(e) {
-  for (var n = 1; n < arguments.length; n++) {
-    var t = arguments[n] != null ? arguments[n] : {};
-    n % 2 ? q(Object(t), !0).forEach(function(r) {
-      ke(e, r, t[r]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : q(Object(t)).forEach(function(r) {
-      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
-    });
-  }
-  return e;
-}
-function ke(e, n, t) {
-  return n = $e(n), n in e ? Object.defineProperty(e, n, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[n] = t, e;
-}
-function $e(e) {
-  var n = Ee(e, "string");
-  return typeof n == "symbol" ? n : n + "";
-}
-function Ee(e, n) {
-  if (typeof e != "object" || !e) return e;
-  var t = e[Symbol.toPrimitive];
-  if (t !== void 0) {
-    var r = t.call(e, n);
-    if (typeof r != "object") return r;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (n === "string" ? String : Number)(e);
-}
-function V(e) {
-  return e && e.map((n, t) => /* @__PURE__ */ z.createElement(n.tag, F({
-    key: t
-  }, n.attr), V(n.child)));
-}
-function ee(e) {
-  return (n) => /* @__PURE__ */ z.createElement(Le, B({
-    attr: F({}, e.attr)
-  }, n), V(e.child));
-}
-function Le(e) {
-  var n = (t) => {
-    var {
-      attr: r,
-      size: s,
-      title: u
-    } = e, c = Se(e, Ce), d = s || t.size || "1em", l;
-    return t.className && (l = t.className), e.className && (l = (l ? l + " " : "") + e.className), /* @__PURE__ */ z.createElement("svg", B({
-      stroke: "currentColor",
-      fill: "currentColor",
-      strokeWidth: "0"
-    }, t.attr, r, c, {
-      className: l,
-      style: F(F({
-        color: e.color || t.color
-      }, t.style), e.style),
-      height: d,
-      width: d,
-      xmlns: "http://www.w3.org/2000/svg"
-    }), u && /* @__PURE__ */ z.createElement("title", null, u), e.children);
-  };
-  return U !== void 0 ? /* @__PURE__ */ z.createElement(U.Consumer, null, (t) => n(t)) : n(Q);
-}
-function Oe(e) {
-  return ee({ attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M256 294.1L383 167c9.4-9.4 24.6-9.4 33.9 0s9.3 24.6 0 34L273 345c-9.1 9.1-23.7 9.3-33.1.7L95 201.1c-4.7-4.7-7-10.9-7-17s2.3-12.3 7-17c9.4-9.4 24.6-9.4 33.9 0l127.1 127z" }, child: [] }] })(e);
+function ze(e) {
+  return Z({ attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M256 294.1L383 167c9.4-9.4 24.6-9.4 33.9 0s9.3 24.6 0 34L273 345c-9.1 9.1-23.7 9.3-33.1.7L95 201.1c-4.7-4.7-7-10.9-7-17s2.3-12.3 7-17c9.4-9.4 24.6-9.4 33.9 0l127.1 127z" }, child: [] }] })(e);
 }
-const Re = ({
+const Ke = ({
   items: e,
-  allowMultipleOpen: n = !1,
-  className: t = "",
-  tileClasses: r = "",
+  allowMultipleOpen: r = !1,
+  className: n = "",
+  tileClasses: t = "",
   open: s,
   onChange: u,
-  renderTitle: c,
+  renderTitle: l,
   renderContent: d,
-  showArrowIcon: l = !0,
-  panelClasses: a = ""
+  showArrowIcon: c = !0,
+  panelClasses: i = ""
 }) => {
   const [o, f] = I(/* @__PURE__ */ new Set()), p = P(() => s ? new Set(s) : o, [s, o]), b = j(
     (g) => {
       const m = new Set(p);
-      m.has(g) ? m.delete(g) : (n || m.clear(), m.add(g)), s && u ? u(Array.from(m)) : f(m);
+      m.has(g) ? m.delete(g) : (r || m.clear(), m.add(g)), s && u ? u(Array.from(m)) : f(m);
     },
-    [p, s, u, n]
+    [p, s, u, r]
   );
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ a(
     "div",
     {
       className: "accordion",
       role: "region",
-      "aria-multiselectable": n,
+      "aria-multiselectable": r,
       children: e.map((g) => {
-        const m = p.has(g.id), v = `accordion-heading-${g.id}`, h = `accordion-panel-${g.id}`;
-        return /* @__PURE__ */ w(
+        const m = p.has(g.id), w = `accordion-heading-${g.id}`, h = `accordion-panel-${g.id}`;
+        return /* @__PURE__ */ v(
           "div",
           {
-            className: `accordion-item border rounded border-gray-300 dark:border-gray-700 ${t}`,
+            className: `accordion-item border rounded border-gray-300 dark:border-gray-700 ${n}`,
             children: [
-              /* @__PURE__ */ w(
+              /* @__PURE__ */ v(
                 "button",
                 {
-                  id: v,
+                  id: w,
                   type: "button",
                   "aria-expanded": m,
                   "aria-controls": h,
                   onClick: () => b(g.id),
-                  className: `flex justify-between items-center w-full p-1.5 text-left text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-800 focus:outline-none gap-3 ${r}`,
+                  className: `flex justify-between items-center w-full p-1.5 text-left text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-800 focus:outline-none gap-3 ${t}`,
                   children: [
-                    c ? c(g, m) : g.title,
-                    l ? /* @__PURE__ */ i(Oe, {}) : null
+                    l ? l(g, m) : g.title,
+                    c ? /* @__PURE__ */ a(ze, {}) : null
                   ]
                 }
               ),
-              /* @__PURE__ */ i(
+              /* @__PURE__ */ a(
                 "div",
                 {
                   id: h,
                   role: "region",
-                  "aria-labelledby": v,
+                  "aria-labelledby": w,
                   hidden: !m,
-                  className: `p-4 border-t border-gray-200 dark:border-gray-700 text-gray-600 dark:text-gray-400 ${a}`,
+                  className: `p-4 border-t border-gray-200 dark:border-gray-700 text-gray-600 dark:text-gray-400 ${i}`,
                   children: d ? d(g, m) : g.content
                 }
               )
@@ -711,29 +795,29 @@ const Re = ({
       })
     }
   );
-}, te = Y(null), re = () => {
-  const e = J(te);
+}, te = J(null), ne = () => {
+  const e = Q(te);
   if (!e)
     throw new Error(
       "useModalActions must be used within a ModalActionProvider"
     );
   return e;
-}, ne = Y(null), oe = () => J(ne);
-function He({
+}, re = J(null), se = () => Q(re);
+function Ue({
   id: e,
-  title: n,
-  children: t,
-  standalone: r = !1,
+  title: r,
+  children: n,
+  standalone: t = !1,
   showFloatingClose: s = !1,
   containerClasses: u = "",
-  onClose: c,
+  onClose: l,
   disableEscapeClose: d = !1
 }) {
-  const l = oe(), a = re(), o = !r && !!l && !!a, [f, p] = I(!1), b = o ? l.isOpen(e) : f, g = o ? l.getModalData(e) : null, m = j(() => {
-    o ? a.closeModal(e) : p(!1), c == null || c();
-  }, [o, a, e, c]);
+  const c = se(), i = ne(), o = !t && !!c && !!i, [f, p] = I(!1), b = o ? c.isOpen(e) : f, g = o ? c.getModalData(e) : null, m = j(() => {
+    o ? i.closeModal(e) : p(!1), l == null || l();
+  }, [o, i, e, l]);
   return T(() => {
-    const v = document.activeElement;
+    const w = document.activeElement;
     console.log(e);
     const h = document.getElementById(e);
     console.log("modalEl=", h);
@@ -744,7 +828,7 @@ function He({
       "input:not([disabled])",
       "select:not([disabled])",
       '[tabindex]:not([tabindex="-1"])'
-    ], k = () => {
+    ], S = () => {
       if (!h) return [];
       const x = h.querySelectorAll(
         N.join(",")
@@ -752,33 +836,33 @@ function He({
       return Array.from(x).filter(($) => $.offsetParent !== null);
     }, C = (x) => {
       if (x.key === "Tab") {
-        const $ = k();
+        const $ = S();
         if ($.length === 0) return;
         const E = $[0], y = $[$.length - 1];
         x.shiftKey ? document.activeElement === E && (x.preventDefault(), y.focus()) : document.activeElement === y && (x.preventDefault(), E.focus());
       }
-    }, S = (x) => {
+    }, k = (x) => {
       x.key === "Escape" && !d && m(), C(x);
     };
     return b && (document.body.style.overflow = "hidden", setTimeout(() => {
-      const x = k();
+      const x = S();
       x.length && x[0].focus();
-    }, 0), window.addEventListener("keydown", S)), () => {
-      document.body.style.overflow = "", v && v.focus(), window.removeEventListener("keydown", S);
+    }, 0), window.addEventListener("keydown", k)), () => {
+      document.body.style.overflow = "", w && w.focus(), window.removeEventListener("keydown", k);
     };
-  }, [b, d, m, e]), b ? /* @__PURE__ */ i(
+  }, [b, d, m, e]), b ? /* @__PURE__ */ a(
     "div",
     {
       className: "fixed inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-[2px]",
       id: e,
-      children: /* @__PURE__ */ w(
+      children: /* @__PURE__ */ v(
         "div",
         {
           className: `bg-white rounded-lg shadow-lg w-full max-w-md p-4 transform transition-all duration-300 scale-100 ${u}`,
           children: [
-            /* @__PURE__ */ w("div", { className: "flex justify-between items-center relative", children: [
-              n && /* @__PURE__ */ i("h2", { className: "text-lg font-semibold", children: n }),
-              s && /* @__PURE__ */ i(
+            /* @__PURE__ */ v("div", { className: "flex justify-between items-center relative", children: [
+              r && /* @__PURE__ */ a("h2", { className: "text-lg font-semibold", children: r }),
+              s && /* @__PURE__ */ a(
                 "button",
                 {
                   onClick: m,
@@ -788,104 +872,104 @@ function He({
                 }
               )
             ] }),
-            /* @__PURE__ */ i("div", { className: "mt-3 text-sm text-gray-700", children: typeof t == "function" ? t({ modalData: g }) : t })
+            /* @__PURE__ */ a("div", { className: "mt-3 text-sm text-gray-700", children: typeof n == "function" ? n({ modalData: g }) : n })
           ]
         }
       )
     }
   ) : null;
 }
-function Ze({
+function qe({
   children: e
 }) {
-  const [n, t] = I({}), [r, s] = I({}), u = j((f, p) => {
-    t((b) => ({ ...b, [f]: !0 })), p && s((b) => ({ ...b, [f]: p }));
-  }, []), c = j((f) => {
-    t((p) => ({ ...p, [f]: !1 })), s((p) => {
+  const [r, n] = I({}), [t, s] = I({}), u = j((f, p) => {
+    n((b) => ({ ...b, [f]: !0 })), p && s((b) => ({ ...b, [f]: p }));
+  }, []), l = j((f) => {
+    n((p) => ({ ...p, [f]: !1 })), s((p) => {
       const b = { ...p };
       return delete b[f], b;
     });
-  }, []), d = j((f) => !!n[f], [n]), l = j(
-    (f) => r[f],
-    [r]
-  ), a = P(
-    () => ({ openModal: u, closeModal: c }),
-    [u, c]
+  }, []), d = j((f) => !!r[f], [r]), c = j(
+    (f) => t[f],
+    [t]
+  ), i = P(
+    () => ({ openModal: u, closeModal: l }),
+    [u, l]
   ), o = P(
-    () => ({ isOpen: d, getModalData: l }),
-    [d, l]
+    () => ({ isOpen: d, getModalData: c }),
+    [d, c]
   );
-  return /* @__PURE__ */ i(te.Provider, { value: a, children: /* @__PURE__ */ i(ne.Provider, { value: o, children: e }) });
+  return /* @__PURE__ */ a(te.Provider, { value: i, children: /* @__PURE__ */ a(re.Provider, { value: o, children: e }) });
 }
-function Ge(e) {
-  const { openModal: n, closeModal: t } = re(), { isOpen: r, getModalData: s } = oe();
+function Xe(e) {
+  const { openModal: r, closeModal: n } = ne(), { isOpen: t, getModalData: s } = se();
   return {
-    open: (u) => n(e, u),
-    close: () => t(e),
-    isOpen: r(e),
+    open: (u) => r(e, u),
+    close: () => n(e),
+    isOpen: t(e),
     data: s(e)
   };
 }
-let H = null, Z = {};
-function Pe(e) {
+let H = null, W = {};
+function Ae(e) {
   H = e;
 }
-function We(e) {
-  Z = { ...Z, ...e };
+function Ye(e) {
+  W = { ...W, ...e };
 }
-function je() {
-  return Z;
+function Me() {
+  return W;
 }
-function Ke(e, n, t = 3e3, r) {
-  H ? H(e, n, t, r) : console.warn("Toast system is not mounted");
+function Je(e, r, n = 3e3, t) {
+  H ? H(e, r, n, t) : console.warn("Toast system is not mounted");
 }
-function Ie(e) {
-  return ee({ attr: { viewBox: "0 0 15 15", fill: "none" }, child: [{ tag: "path", attr: { fillRule: "evenodd", clipRule: "evenodd", d: "M11.7816 4.03157C12.0062 3.80702 12.0062 3.44295 11.7816 3.2184C11.5571 2.99385 11.193 2.99385 10.9685 3.2184L7.50005 6.68682L4.03164 3.2184C3.80708 2.99385 3.44301 2.99385 3.21846 3.2184C2.99391 3.44295 2.99391 3.80702 3.21846 4.03157L6.68688 7.49999L3.21846 10.9684C2.99391 11.193 2.99391 11.557 3.21846 11.7816C3.44301 12.0061 3.80708 12.0061 4.03164 11.7816L7.50005 8.31316L10.9685 11.7816C11.193 12.0061 11.5571 12.0061 11.7816 11.7816C12.0062 11.557 12.0062 11.193 11.7816 10.9684L8.31322 7.49999L11.7816 4.03157Z", fill: "currentColor" }, child: [] }] })(e);
+function De(e) {
+  return Z({ attr: { viewBox: "0 0 15 15", fill: "none" }, child: [{ tag: "path", attr: { fillRule: "evenodd", clipRule: "evenodd", d: "M11.7816 4.03157C12.0062 3.80702 12.0062 3.44295 11.7816 3.2184C11.5571 2.99385 11.193 2.99385 10.9685 3.2184L7.50005 6.68682L4.03164 3.2184C3.80708 2.99385 3.44301 2.99385 3.21846 3.2184C2.99391 3.44295 2.99391 3.80702 3.21846 4.03157L6.68688 7.49999L3.21846 10.9684C2.99391 11.193 2.99391 11.557 3.21846 11.7816C3.44301 12.0061 3.80708 12.0061 4.03164 11.7816L7.50005 8.31316L10.9685 11.7816C11.193 12.0061 11.5571 12.0061 11.7816 11.7816C12.0062 11.557 12.0062 11.193 11.7816 10.9684L8.31322 7.49999L11.7816 4.03157Z", fill: "currentColor" }, child: [] }] })(e);
 }
-const Ae = () => "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(e) {
-  const n = Math.random() * 16 | 0;
-  return (e === "x" ? n : n & 3 | 8).toString(16);
-}), Ue = () => {
-  const [e, n] = I([]);
+const Te = () => "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(e) {
+  const r = Math.random() * 16 | 0;
+  return (e === "x" ? r : r & 3 | 8).toString(16);
+}), Qe = () => {
+  const [e, r] = I([]);
   T(() => {
-    Pe((r, s, u, c) => {
-      const d = Ae();
-      n((l) => [...l, { id: d, type: r, message: s, config: c }]), setTimeout(() => {
-        n((l) => l.filter((a) => a.id !== d));
+    Ae((t, s, u, l) => {
+      const d = Te();
+      r((c) => [...c, { id: d, type: t, message: s, config: l }]), setTimeout(() => {
+        r((c) => c.filter((i) => i.id !== d));
       }, u);
     });
   }, []);
-  const t = je();
-  return /* @__PURE__ */ i("div", { className: "fixed top-5 right-5 z-[9999] flex flex-col gap-2", children: e.map((r) => {
-    var l, a, o, f, p, b, g, m, v, h, N, k, C;
-    const s = ((l = r.config) == null ? void 0 : l.icon) || ((a = t.icons) == null ? void 0 : a[r.type]) || ze(r.type), u = ((o = r.config) == null ? void 0 : o.bgColor) || ((p = (f = t.colors) == null ? void 0 : f[r.type]) == null ? void 0 : p.bg) || "bg-white dark:bg-gray-800", c = ((b = r.config) == null ? void 0 : b.textColor) || ((m = (g = t.colors) == null ? void 0 : g[r.type]) == null ? void 0 : m.text) || "text-gray-700 dark:text-gray-300", d = ((v = r.config) == null ? void 0 : v.iconContainerClass) || "w-8 h-8 mr-3 text-xl flex items-center justify-center";
-    return /* @__PURE__ */ w(
+  const n = Me();
+  return /* @__PURE__ */ a("div", { className: "fixed top-5 right-5 z-[9999] flex flex-col gap-2", children: e.map((t) => {
+    var c, i, o, f, p, b, g, m, w, h, N, S, C;
+    const s = ((c = t.config) == null ? void 0 : c.icon) || ((i = n.icons) == null ? void 0 : i[t.type]) || _e(t.type), u = ((o = t.config) == null ? void 0 : o.bgColor) || ((p = (f = n.colors) == null ? void 0 : f[t.type]) == null ? void 0 : p.bg) || "bg-white dark:bg-gray-800", l = ((b = t.config) == null ? void 0 : b.textColor) || ((m = (g = n.colors) == null ? void 0 : g[t.type]) == null ? void 0 : m.text) || "text-gray-700 dark:text-gray-300", d = ((w = t.config) == null ? void 0 : w.iconContainerClass) || "w-8 h-8 mr-3 text-xl flex items-center justify-center";
+    return /* @__PURE__ */ v(
       "div",
       {
-        className: `flex items-center w-full max-w-xs p-4 text-sm rounded-lg shadow ${u} ${c}`,
+        className: `flex items-center w-full max-w-xs p-4 text-sm rounded-lg shadow ${u} ${l}`,
         children: [
-          /* @__PURE__ */ i("div", { className: d, children: s }),
-          /* @__PURE__ */ w("div", { className: "flex-1 me-3", children: [
-            ((h = r.config) == null ? void 0 : h.title) && /* @__PURE__ */ i("div", { className: "font-semibold text-black", children: r.config.title }),
-            ((N = r.config) == null ? void 0 : N.description) && /* @__PURE__ */ i("div", { className: "text-sm text-gray-500", children: r.config.description }),
-            !((k = r.config) != null && k.title) && !((C = r.config) != null && C.description) && /* @__PURE__ */ i("div", { className: "text-sm", children: r.message })
+          /* @__PURE__ */ a("div", { className: d, children: s }),
+          /* @__PURE__ */ v("div", { className: "flex-1 me-3", children: [
+            ((h = t.config) == null ? void 0 : h.title) && /* @__PURE__ */ a("div", { className: "font-semibold text-black", children: t.config.title }),
+            ((N = t.config) == null ? void 0 : N.description) && /* @__PURE__ */ a("div", { className: "text-sm text-gray-500", children: t.config.description }),
+            !((S = t.config) != null && S.title) && !((C = t.config) != null && C.description) && /* @__PURE__ */ a("div", { className: "text-sm", children: t.message })
           ] }),
-          /* @__PURE__ */ i(
+          /* @__PURE__ */ a(
             "button",
             {
-              onClick: () => n((S) => S.filter((x) => x.id !== r.id)),
+              onClick: () => r((k) => k.filter((x) => x.id !== t.id)),
               className: "ml-auto text-gray-400 hover:text-gray-700 dark:text-gray-500 dark:hover:text-white",
               "aria-label": "Close",
-              children: /* @__PURE__ */ i(Ie, { size: 18 })
+              children: /* @__PURE__ */ a(De, { size: 18 })
             }
           )
         ]
       },
-      r.id
+      t.id
     );
   }) });
 };
-function ze(e) {
+function _e(e) {
   switch (e) {
     case "success":
       return "✅";
@@ -898,19 +982,20 @@ function ze(e) {
   }
 }
 export {
-  Re as Accordion,
-  Fe as Badge,
-  Te as Button,
-  _e as Dropdown,
+  Ke as Accordion,
+  Ge as Badge,
+  Re as Button,
+  He as Checkbox,
+  We as Dropdown,
   ce as Input,
-  He as Modal,
-  Ze as ModalProvider,
+  Ue as Modal,
+  qe as ModalProvider,
   be as Select,
-  Ue as Toast,
-  Be as Tooltip,
-  We as setToastDefaults,
-  Ke as showToast,
-  re as useModalActions,
-  Ge as useModalInstance,
-  oe as useModalState
+  Qe as Toast,
+  Ze as Tooltip,
+  Ye as setToastDefaults,
+  Je as showToast,
+  ne as useModalActions,
+  Xe as useModalInstance,
+  se as useModalState
 };