@emanuelrista/primo-ui-kit 1.1.4

package/dist/primo-ui-kit.js

@@ -0,0 +1,1633 @@
+import se, { useEffect as W, useState as M, useRef as Q } from "react";
+var G = { exports: {} }, F = {};
+var ee;
+function ne() {
+  if (ee) return F;
+  ee = 1;
+  var n = /* @__PURE__ */ Symbol.for("react.transitional.element"), l = /* @__PURE__ */ Symbol.for("react.fragment");
+  function t(o, s, a) {
+    var i = null;
+    if (a !== void 0 && (i = "" + a), s.key !== void 0 && (i = "" + s.key), "key" in s) {
+      a = {};
+      for (var d in s)
+        d !== "key" && (a[d] = s[d]);
+    } else a = s;
+    return s = a.ref, {
+      $$typeof: n,
+      type: o,
+      key: i,
+      ref: s !== void 0 ? s : null,
+      props: a
+    };
+  }
+  return F.Fragment = l, F.jsx = t, F.jsxs = t, F;
+}
+var U = {};
+var re;
+function le() {
+  return re || (re = 1, process.env.NODE_ENV !== "production" && (function() {
+    function n(r) {
+      if (r == null) return null;
+      if (typeof r == "function")
+        return r.$$typeof === S ? null : r.displayName || r.name || null;
+      if (typeof r == "string") return r;
+      switch (r) {
+        case v:
+          return "Fragment";
+        case R:
+          return "Profiler";
+        case C:
+          return "StrictMode";
+        case P:
+          return "Suspense";
+        case I:
+          return "SuspenseList";
+        case p:
+          return "Activity";
+      }
+      if (typeof r == "object")
+        switch (typeof r.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), r.$$typeof) {
+          case k:
+            return "Portal";
+          case T:
+            return r.displayName || "Context";
+          case E:
+            return (r._context.displayName || "Context") + ".Consumer";
+          case z:
+            var m = r.render;
+            return r = r.displayName, r || (r = m.displayName || m.name || "", r = r !== "" ? "ForwardRef(" + r + ")" : "ForwardRef"), r;
+          case B:
+            return m = r.displayName || null, m !== null ? m : n(r.type) || "Memo";
+          case L:
+            m = r._payload, r = r._init;
+            try {
+              return n(r(m));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function l(r) {
+      return "" + r;
+    }
+    function t(r) {
+      try {
+        l(r);
+        var m = !1;
+      } catch {
+        m = !0;
+      }
+      if (m) {
+        m = console;
+        var y = m.error, w = typeof Symbol == "function" && Symbol.toStringTag && r[Symbol.toStringTag] || r.constructor.name || "Object";
+        return y.call(
+          m,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          w
+        ), l(r);
+      }
+    }
+    function o(r) {
+      if (r === v) return "<>";
+      if (typeof r == "object" && r !== null && r.$$typeof === L)
+        return "<...>";
+      try {
+        var m = n(r);
+        return m ? "<" + m + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function s() {
+      var r = A.A;
+      return r === null ? null : r.getOwner();
+    }
+    function a() {
+      return Error("react-stack-top-frame");
+    }
+    function i(r) {
+      if (O.call(r, "key")) {
+        var m = Object.getOwnPropertyDescriptor(r, "key").get;
+        if (m && m.isReactWarning) return !1;
+      }
+      return r.key !== void 0;
+    }
+    function d(r, m) {
+      function y() {
+        _ || (_ = !0, console.error(
+          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
+          m
+        ));
+      }
+      y.isReactWarning = !0, Object.defineProperty(r, "key", {
+        get: y,
+        configurable: !0
+      });
+    }
+    function c() {
+      var r = n(this.type);
+      return D[r] || (D[r] = !0, console.error(
+        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
+      )), r = this.props.ref, r !== void 0 ? r : null;
+    }
+    function u(r, m, y, w, J, H) {
+      var j = y.ref;
+      return r = {
+        $$typeof: N,
+        type: r,
+        key: m,
+        props: y,
+        _owner: w
+      }, (j !== void 0 ? j : null) !== null ? Object.defineProperty(r, "ref", {
+        enumerable: !1,
+        get: c
+      }) : Object.defineProperty(r, "ref", { enumerable: !1, value: null }), r._store = {}, Object.defineProperty(r._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(r, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(r, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: J
+      }), Object.defineProperty(r, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: H
+      }), Object.freeze && (Object.freeze(r.props), Object.freeze(r)), r;
+    }
+    function b(r, m, y, w, J, H) {
+      var j = m.children;
+      if (j !== void 0)
+        if (w)
+          if (x(j)) {
+            for (w = 0; w < j.length; w++)
+              h(j[w]);
+            Object.freeze && Object.freeze(j);
+          } else
+            console.error(
+              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
+            );
+        else h(j);
+      if (O.call(m, "key")) {
+        j = n(r);
+        var Y = Object.keys(m).filter(function(ae) {
+          return ae !== "key";
+        });
+        w = 0 < Y.length ? "{key: someKey, " + Y.join(": ..., ") + ": ...}" : "{key: someKey}", Z[j + w] || (Y = 0 < Y.length ? "{" + Y.join(": ..., ") + ": ...}" : "{}", console.error(
+          `A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,
+          w,
+          j,
+          Y,
+          j
+        ), Z[j + w] = !0);
+      }
+      if (j = null, y !== void 0 && (t(y), j = "" + y), i(m) && (t(m.key), j = "" + m.key), "key" in m) {
+        y = {};
+        for (var q in m)
+          q !== "key" && (y[q] = m[q]);
+      } else y = m;
+      return j && d(
+        y,
+        typeof r == "function" ? r.displayName || r.name || "Unknown" : r
+      ), u(
+        r,
+        j,
+        y,
+        s(),
+        J,
+        H
+      );
+    }
+    function h(r) {
+      g(r) ? r._store && (r._store.validated = 1) : typeof r == "object" && r !== null && r.$$typeof === L && (r._payload.status === "fulfilled" ? g(r._payload.value) && r._payload.value._store && (r._payload.value._store.validated = 1) : r._store && (r._store.validated = 1));
+    }
+    function g(r) {
+      return typeof r == "object" && r !== null && r.$$typeof === N;
+    }
+    var f = se, N = /* @__PURE__ */ Symbol.for("react.transitional.element"), k = /* @__PURE__ */ Symbol.for("react.portal"), v = /* @__PURE__ */ Symbol.for("react.fragment"), C = /* @__PURE__ */ Symbol.for("react.strict_mode"), R = /* @__PURE__ */ Symbol.for("react.profiler"), E = /* @__PURE__ */ Symbol.for("react.consumer"), T = /* @__PURE__ */ Symbol.for("react.context"), z = /* @__PURE__ */ Symbol.for("react.forward_ref"), P = /* @__PURE__ */ Symbol.for("react.suspense"), I = /* @__PURE__ */ Symbol.for("react.suspense_list"), B = /* @__PURE__ */ Symbol.for("react.memo"), L = /* @__PURE__ */ Symbol.for("react.lazy"), p = /* @__PURE__ */ Symbol.for("react.activity"), S = /* @__PURE__ */ Symbol.for("react.client.reference"), A = f.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, O = Object.prototype.hasOwnProperty, x = Array.isArray, $ = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    f = {
+      react_stack_bottom_frame: function(r) {
+        return r();
+      }
+    };
+    var _, D = {}, V = f.react_stack_bottom_frame.bind(
+      f,
+      a
+    )(), K = $(o(a)), Z = {};
+    U.Fragment = v, U.jsx = function(r, m, y) {
+      var w = 1e4 > A.recentlyCreatedOwnerStacks++;
+      return b(
+        r,
+        m,
+        y,
+        !1,
+        w ? Error("react-stack-top-frame") : V,
+        w ? $(o(r)) : K
+      );
+    }, U.jsxs = function(r, m, y) {
+      var w = 1e4 > A.recentlyCreatedOwnerStacks++;
+      return b(
+        r,
+        m,
+        y,
+        !0,
+        w ? Error("react-stack-top-frame") : V,
+        w ? $(o(r)) : K
+      );
+    };
+  })()), U;
+}
+var te;
+function oe() {
+  return te || (te = 1, process.env.NODE_ENV === "production" ? G.exports = ne() : G.exports = le()), G.exports;
+}
+var e = oe();
+const de = ({
+  children: n,
+  variant: l = "primary",
+  size: t = "md",
+  onClick: o,
+  disabled: s = !1,
+  fullWidth: a = !1,
+  className: i = "",
+  ...d
+}) => {
+  const c = "rounded-btn transition-all duration-200 font-semibold inline-flex items-center justify-center disabled:opacity-50 disabled:cursor-not-allowed", u = {
+    primary: "bg-primary hover:bg-primary-hover text-white",
+    secondary: "bg-secondary hover:bg-secondary-hover text-white",
+    danger: "bg-danger hover:bg-danger-hover text-white",
+    success: "bg-success hover:brightness-110 text-white",
+    warning: "bg-warning hover:brightness-110 text-white",
+    info: "bg-info hover:brightness-110 text-white",
+    outline: "border-2 border-primary text-primary hover:bg-primary hover:text-white",
+    "outline-secondary": "border-2 border-secondary text-secondary hover:bg-secondary hover:text-white",
+    "outline-danger": "border-2 border-danger text-danger hover:bg-danger hover:text-white",
+    "outline-success": "border-2 border-success text-success hover:bg-success hover:text-white",
+    "outline-warning": "border-2 border-warning text-warning hover:bg-warning hover:text-white",
+    "outline-info": "border-2 border-info text-info hover:bg-info hover:text-white",
+    ghost: "text-primary hover:bg-primary-light"
+  }, b = {
+    xs: "px-3 py-1 text-xs",
+    sm: "px-4 py-2 text-sm",
+    md: "px-6 py-2.5 text-base",
+    lg: "px-8 py-3 text-lg"
+  }, h = a ? "w-full" : "", g = `${c} ${u[l]} ${b[t]} ${h} ${i}`;
+  return /* @__PURE__ */ e.jsx(
+    "button",
+    {
+      className: g,
+      onClick: o,
+      disabled: s,
+      ...d,
+      children: n
+    }
+  );
+}, ue = ({
+  isOpen: n,
+  onClose: l,
+  title: t,
+  children: o,
+  size: s = "md",
+  showCloseButton: a = !0,
+  closeOnBackdropClick: i = !0,
+  footer: d = null,
+  icon: c = null,
+  // Optional icon element
+  subtitle: u = null
+  // Optional subtitle text below icon
+}) => {
+  if (W(() => {
+    const g = (f) => {
+      f.key === "Escape" && n && l();
+    };
+    return n && (document.addEventListener("keydown", g), document.body.style.overflow = "hidden"), () => {
+      document.removeEventListener("keydown", g), document.body.style.overflow = "unset";
+    };
+  }, [n, l]), !n) return null;
+  const b = {
+    sm: "max-w-md",
+    md: "max-w-2xl",
+    lg: "max-w-4xl",
+    xl: "max-w-6xl",
+    full: "max-w-[95vw]"
+  }, h = () => {
+    i && l();
+  };
+  return /* @__PURE__ */ e.jsxs("div", { className: "fixed inset-0 z-50 flex items-center justify-center p-4", children: [
+    /* @__PURE__ */ e.jsx(
+      "div",
+      {
+        className: "fixed inset-0 bg-black/40 backdrop-blur-sm",
+        onClick: h
+      }
+    ),
+    /* @__PURE__ */ e.jsxs(
+      "div",
+      {
+        className: `relative bg-white rounded-modal shadow-card w-full ${b[s]} max-h-[90vh] flex flex-col animate-fadeIn`,
+        onClick: (g) => g.stopPropagation(),
+        children: [
+          (t || a) && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between p-6 bg-primary", children: [
+            t && /* @__PURE__ */ e.jsx("h2", { className: "text-xl font-semibold text-white", children: t }),
+            a && /* @__PURE__ */ e.jsx(
+              "button",
+              {
+                onClick: l,
+                className: "ml-auto text-white hover:text-white/80 transition-colors p-1",
+                "aria-label": "Close modal",
+                children: /* @__PURE__ */ e.jsx(
+                  "svg",
+                  {
+                    className: "w-6 h-6",
+                    fill: "none",
+                    stroke: "currentColor",
+                    viewBox: "0 0 24 24",
+                    children: /* @__PURE__ */ e.jsx(
+                      "path",
+                      {
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round",
+                        strokeWidth: 2,
+                        d: "M6 18L18 6M6 6l12 12"
+                      }
+                    )
+                  }
+                )
+              }
+            )
+          ] }),
+          c && /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col items-center justify-center py-6 px-6", children: [
+            /* @__PURE__ */ e.jsx("div", { className: "mb-4", children: c }),
+            u && /* @__PURE__ */ e.jsx("p", { className: "text-lg font-semibold text-dark", children: u })
+          ] }),
+          /* @__PURE__ */ e.jsx("div", { className: "p-6 overflow-y-auto flex-1", children: o }),
+          d && /* @__PURE__ */ e.jsx("div", { className: "p-6 border-t border-grey", children: d })
+        ]
+      }
+    )
+  ] });
+}, me = ({
+  columns: n,
+  data: l,
+  renderRow: t,
+  striped: o = !1,
+  hoverable: s = !0,
+  bordered: a = !1,
+  unwrapped: i = !1,
+  className: d = ""
+}) => /* @__PURE__ */ e.jsx("div", { className: `overflow-auto max-h-[80vh] ${d}`, children: /* @__PURE__ */ e.jsxs("table", { className: "w-full", children: [
+  /* @__PURE__ */ e.jsx("thead", { className: "bg-grey-lighter sticky top-0 z-20", children: /* @__PURE__ */ e.jsx("tr", { children: n.map((c, u) => /* @__PURE__ */ e.jsx(
+    "th",
+    {
+      className: `px-4 py-3 font-semibold text-dark ${c.align === "center" ? "text-center" : c.align === "right" ? "text-right" : "text-left"} ${a ? "border border-grey" : ""}`,
+      children: c.header
+    },
+    u
+  )) }) }),
+  /* @__PURE__ */ e.jsx("tbody", { children: l.length === 0 ? /* @__PURE__ */ e.jsx("tr", { children: /* @__PURE__ */ e.jsx(
+    "td",
+    {
+      colSpan: n.length,
+      className: "px-4 py-8 text-center text-grey-medium",
+      children: "No data available"
+    }
+  ) }) : i ? l.map((c, u) => t(c, u)) : l.map((c, u) => /* @__PURE__ */ e.jsx(
+    "tr",
+    {
+      className: `
+                  ${a ? "border border-grey" : "border-b border-grey"}
+                  ${s ? "hover:bg-grey-lightest" : ""}
+                  ${o && u % 2 === 1 ? "bg-grey-lightest/50" : ""}
+                  transition-colors
+                `,
+      children: t(c, u)
+    },
+    c.id || u
+  )) })
+] }) }), xe = ({
+  type: n = "text",
+  label: l,
+  placeholder: t,
+  value: o,
+  onChange: s,
+  error: a,
+  helperText: i,
+  disabled: d = !1,
+  required: c = !1,
+  fullWidth: u = !1,
+  size: b = "md",
+  className: h = "",
+  ...g
+}) => {
+  const N = `
+    w-full rounded-sheet border transition-all duration-200
+    focus:outline-none focus:ring-2
+    disabled:bg-grey-lighter disabled:cursor-not-allowed
+    ${a ? "border-danger focus:ring-danger/30" : "border-grey focus:border-primary focus:ring-primary/30"}
+    ${{
+    sm: "px-3 py-1.5 text-sm",
+    md: "px-4 py-2 text-base",
+    lg: "px-5 py-3 text-lg"
+  }[b]}
+    ${h}
+  `;
+  return /* @__PURE__ */ e.jsxs("div", { className: `${u ? "w-full" : ""}`, children: [
+    l && /* @__PURE__ */ e.jsxs("label", { className: "block mb-2 font-semibold text-dark text-sm", children: [
+      l,
+      c && /* @__PURE__ */ e.jsx("span", { className: "text-danger ml-1", children: "*" })
+    ] }),
+    /* @__PURE__ */ e.jsx(
+      "input",
+      {
+        type: n,
+        value: o,
+        onChange: s,
+        placeholder: t,
+        disabled: d,
+        required: c,
+        className: N,
+        ...g
+      }
+    ),
+    (a || i) && /* @__PURE__ */ e.jsx("p", { className: `mt-1 text-sm ${a ? "text-danger" : "text-grey-medium"}`, children: a || i })
+  ] });
+}, fe = ({
+  label: n,
+  options: l = [],
+  value: t,
+  onChange: o,
+  error: s,
+  helperText: a,
+  disabled: i = !1,
+  required: d = !1,
+  fullWidth: c = !1,
+  placeholder: u = "Select an option",
+  size: b = "md",
+  className: h = "",
+  variant: g = "default",
+  // 'default' or 'badge'
+  getBadgeColor: f,
+  // Function to get badge color based on value
+  ...N
+}) => {
+  const [k, v] = M(!1), C = Q(null), R = {
+    sm: "px-3 py-1.5 text-sm",
+    md: "px-4 py-2 text-base",
+    lg: "px-5 py-3 text-lg"
+  };
+  W(() => {
+    const p = (S) => {
+      C.current && !C.current.contains(S.target) && v(!1);
+    };
+    return k && document.addEventListener("mousedown", p), () => {
+      document.removeEventListener("mousedown", p);
+    };
+  }, [k]);
+  const E = (p) => {
+    p.disabled || (o({ target: { value: p.value } }), v(!1));
+  }, T = l.find((p) => p.value === t), z = T?.label || u, P = (p) => ({
+    success: "bg-success text-white",
+    warning: "bg-warning text-white",
+    danger: "bg-danger text-white",
+    info: "bg-info text-white",
+    primary: "bg-primary text-white"
+  })[p] || "bg-grey-medium text-white", I = f ? f(t) : null, B = g === "badge", L = `
+    w-full rounded-sheet border transition-all duration-200
+    focus:outline-none focus:ring-2
+    disabled:bg-grey-lighter disabled:cursor-not-allowed
+    cursor-pointer
+    ${B && I ? P(I) : "bg-white text-dark"}
+    ${s ? "border-danger focus:ring-danger/30" : "border-grey focus:border-primary focus:ring-primary/30"}
+    ${R[b]}
+    ${h}
+    ${i ? "opacity-50 cursor-not-allowed" : ""}
+  `;
+  return /* @__PURE__ */ e.jsxs("div", { className: `${c ? "w-full" : ""} relative`, ref: C, children: [
+    n && /* @__PURE__ */ e.jsxs("label", { className: "block mb-2 font-semibold text-dark text-sm", children: [
+      n,
+      d && /* @__PURE__ */ e.jsx("span", { className: "text-danger ml-1", children: "*" })
+    ] }),
+    /* @__PURE__ */ e.jsx(
+      "div",
+      {
+        className: L,
+        onClick: () => !i && v(!k),
+        role: "button",
+        tabIndex: 0,
+        onKeyDown: (p) => {
+          (p.key === "Enter" || p.key === " ") && (p.preventDefault(), !i && v(!k));
+        },
+        children: /* @__PURE__ */ e.jsxs("div", { className: "flex justify-between items-center", children: [
+          /* @__PURE__ */ e.jsx("span", { className: `font-semibold ${!T && "text-grey-medium"}`, children: z }),
+          /* @__PURE__ */ e.jsx(
+            "svg",
+            {
+              className: `w-5 h-5 transition-transform duration-200 ${k ? "rotate-180" : ""}`,
+              fill: "none",
+              stroke: "currentColor",
+              viewBox: "0 0 24 24",
+              children: /* @__PURE__ */ e.jsx(
+                "path",
+                {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  strokeWidth: 2,
+                  d: "M19 9l-7 7-7-7"
+                }
+              )
+            }
+          )
+        ] })
+      }
+    ),
+    k && !i && /* @__PURE__ */ e.jsx(
+      "div",
+      {
+        className: "absolute z-[9999] mt-1 w-full bg-white border border-grey rounded-sheet shadow-card max-h-60 overflow-y-auto",
+        children: l.map((p, S) => {
+          const A = p.value === t, O = f ? f(p.value) : null;
+          return /* @__PURE__ */ e.jsx(
+            "div",
+            {
+              className: `
+                  m-1 px-4 py-2 cursor-pointer transition-colors duration-150
+                  ${p.disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-grey-lighter"}
+                  ${A ? "bg-primary/10" : ""}
+                  ${B && O ? P(O) : ""}
+                `,
+              onClick: () => E(p),
+              children: /* @__PURE__ */ e.jsx("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ e.jsx("span", { className: "font-semibold", children: p.label }) })
+            },
+            p.value || S
+          );
+        })
+      }
+    ),
+    (s || a) && /* @__PURE__ */ e.jsx("p", { className: `mt-1 text-sm ${s ? "text-danger" : "text-grey-medium"}`, children: s || a })
+  ] });
+}, be = ({
+  label: n,
+  options: l = [],
+  value: t,
+  onChange: o,
+  error: s,
+  helperText: a,
+  disabled: i = !1,
+  required: d = !1,
+  fullWidth: c = !1,
+  placeholder: u = "Search or select an option",
+  size: b = "md",
+  className: h = "",
+  searchPlaceholder: g = "Type to search...",
+  noResultsText: f = "No results found",
+  multiple: N = !1,
+  ...k
+}) => {
+  const [v, C] = M(!1), [R, E] = M(""), T = Q(null), z = Q(null), P = {
+    sm: "px-3 py-1.5 text-sm",
+    md: "px-4 py-2 text-base",
+    lg: "px-5 py-3 text-lg"
+  };
+  W(() => {
+    const x = ($) => {
+      T.current && !T.current.contains($.target) && (C(!1), E(""));
+    };
+    return v && document.addEventListener("mousedown", x), () => {
+      document.removeEventListener("mousedown", x);
+    };
+  }, [v]), W(() => {
+    v && z.current && z.current.focus();
+  }, [v]);
+  const I = (x) => {
+    if (!x.disabled)
+      if (N) {
+        const $ = Array.isArray(t) ? t : [], D = $.includes(x.value) ? $.filter((V) => V !== x.value) : [...$, x.value];
+        o({ target: { value: D } });
+      } else
+        o({ target: { value: x.value } }), C(!1), E("");
+  }, B = (x, $) => {
+    if ($.stopPropagation(), N) {
+      const D = (Array.isArray(t) ? t : []).filter((V) => V !== x);
+      o({ target: { value: D } });
+    }
+  }, L = l.find((x) => x.value === t), p = N && Array.isArray(t) ? l.filter((x) => t.includes(x.value)) : [], S = N ? p.length > 0 ? `${p.length} selected` : u : L?.label || u, A = l.filter(
+    (x) => x.label.toLowerCase().includes(R.toLowerCase())
+  ), O = `
+    w-full rounded-sheet border transition-all duration-200
+    focus:outline-none focus:ring-2
+    disabled:bg-grey-lighter disabled:cursor-not-allowed
+    cursor-pointer
+    bg-white text-dark
+    ${s ? "border-danger focus:ring-danger/30" : "border-grey focus:border-primary focus:ring-primary/30"}
+    ${P[b]}
+    ${h}
+    ${i ? "opacity-50 cursor-not-allowed" : ""}
+  `;
+  return /* @__PURE__ */ e.jsxs("div", { className: `${c ? "w-full" : ""} relative`, ref: T, children: [
+    n && /* @__PURE__ */ e.jsxs("label", { className: "block mb-2 font-semibold text-dark text-sm", children: [
+      n,
+      d && /* @__PURE__ */ e.jsx("span", { className: "text-danger ml-1", children: "*" })
+    ] }),
+    /* @__PURE__ */ e.jsx(
+      "div",
+      {
+        className: O,
+        onClick: () => !i && C(!v),
+        role: "button",
+        tabIndex: 0,
+        onKeyDown: (x) => {
+          (x.key === "Enter" || x.key === " ") && (x.preventDefault(), !i && C(!v));
+        },
+        children: /* @__PURE__ */ e.jsxs("div", { className: "flex justify-between items-center", children: [
+          N && p.length > 0 ? /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap gap-1 flex-1 mr-2", children: p.map((x) => /* @__PURE__ */ e.jsxs(
+            "span",
+            {
+              className: "inline-flex items-center gap-1 px-2 py-1 bg-primary/10 text-primary rounded text-sm font-semibold",
+              children: [
+                x.label,
+                /* @__PURE__ */ e.jsx(
+                  "button",
+                  {
+                    onClick: ($) => B(x.value, $),
+                    className: "hover:bg-primary/20 rounded-full p-0.5",
+                    type: "button",
+                    children: /* @__PURE__ */ e.jsx(
+                      "svg",
+                      {
+                        className: "w-3 h-3",
+                        fill: "none",
+                        stroke: "currentColor",
+                        viewBox: "0 0 24 24",
+                        children: /* @__PURE__ */ e.jsx(
+                          "path",
+                          {
+                            strokeLinecap: "round",
+                            strokeLinejoin: "round",
+                            strokeWidth: 2,
+                            d: "M6 18L18 6M6 6l12 12"
+                          }
+                        )
+                      }
+                    )
+                  }
+                )
+              ]
+            },
+            x.value
+          )) }) : /* @__PURE__ */ e.jsx("span", { className: `font-semibold ${!L && !p.length && "text-grey-medium"}`, children: S }),
+          /* @__PURE__ */ e.jsx(
+            "svg",
+            {
+              className: `w-5 h-5 transition-transform duration-200 flex-shrink-0 ${v ? "rotate-180" : ""}`,
+              fill: "none",
+              stroke: "currentColor",
+              viewBox: "0 0 24 24",
+              children: /* @__PURE__ */ e.jsx(
+                "path",
+                {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  strokeWidth: 2,
+                  d: "M19 9l-7 7-7-7"
+                }
+              )
+            }
+          )
+        ] })
+      }
+    ),
+    v && !i && /* @__PURE__ */ e.jsxs(
+      "div",
+      {
+        className: "absolute z-[9999] mt-1 w-full bg-white border border-grey rounded-sheet shadow-card",
+        children: [
+          /* @__PURE__ */ e.jsx("div", { className: "p-2 border-b border-grey", children: /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
+            /* @__PURE__ */ e.jsx(
+              "svg",
+              {
+                className: "absolute left-3 top-1/2 transform -translate-y-1/2 w-5 h-5 text-grey-medium",
+                fill: "none",
+                stroke: "currentColor",
+                viewBox: "0 0 24 24",
+                children: /* @__PURE__ */ e.jsx(
+                  "path",
+                  {
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    strokeWidth: 2,
+                    d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ e.jsx(
+              "input",
+              {
+                ref: z,
+                type: "text",
+                className: "w-full pl-10 pr-4 py-2 border border-grey rounded-sheet focus:outline-none focus:ring-2 focus:ring-primary/30 focus:border-primary",
+                placeholder: g,
+                value: R,
+                onChange: (x) => E(x.target.value),
+                onClick: (x) => x.stopPropagation()
+              }
+            )
+          ] }) }),
+          /* @__PURE__ */ e.jsx("div", { className: "max-h-60 overflow-y-auto", children: A.length > 0 ? A.map((x, $) => {
+            const _ = N ? Array.isArray(t) && t.includes(x.value) : x.value === t;
+            return /* @__PURE__ */ e.jsx(
+              "div",
+              {
+                className: `
+                      px-4 py-2 cursor-pointer transition-colors duration-150
+                      ${x.disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-grey-lighter"}
+                      ${_ ? "bg-primary/10" : ""}
+                    `,
+                onClick: () => I(x),
+                children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between", children: [
+                  /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 flex-1", children: [
+                    N && /* @__PURE__ */ e.jsx(
+                      "div",
+                      {
+                        className: `w-5 h-5 rounded border-2 flex items-center justify-center transition-colors ${_ ? "bg-primary border-primary" : "border-grey"}`,
+                        children: _ && /* @__PURE__ */ e.jsx(
+                          "svg",
+                          {
+                            className: "w-3 h-3 text-white",
+                            fill: "currentColor",
+                            viewBox: "0 0 20 20",
+                            children: /* @__PURE__ */ e.jsx(
+                              "path",
+                              {
+                                fillRule: "evenodd",
+                                d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",
+                                clipRule: "evenodd"
+                              }
+                            )
+                          }
+                        )
+                      }
+                    ),
+                    /* @__PURE__ */ e.jsx("span", { className: "font-semibold", children: x.label })
+                  ] }),
+                  !N && _ && /* @__PURE__ */ e.jsx(
+                    "svg",
+                    {
+                      className: "w-5 h-5 text-primary",
+                      fill: "currentColor",
+                      viewBox: "0 0 20 20",
+                      children: /* @__PURE__ */ e.jsx(
+                        "path",
+                        {
+                          fillRule: "evenodd",
+                          d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",
+                          clipRule: "evenodd"
+                        }
+                      )
+                    }
+                  )
+                ] })
+              },
+              x.value || $
+            );
+          }) : /* @__PURE__ */ e.jsx("div", { className: "px-4 py-8 text-center text-grey-medium", children: f }) })
+        ]
+      }
+    ),
+    (s || a) && /* @__PURE__ */ e.jsx("p", { className: `mt-1 text-sm ${s ? "text-danger" : "text-grey-medium"}`, children: s || a })
+  ] });
+}, ge = ({
+  label: n,
+  placeholder: l,
+  value: t,
+  onChange: o,
+  error: s,
+  helperText: a,
+  disabled: i = !1,
+  required: d = !1,
+  fullWidth: c = !1,
+  rows: u = 4,
+  resize: b = !0,
+  className: h = "",
+  ...g
+}) => {
+  const f = `
+    w-full rounded-sheet border transition-all duration-200 px-4 py-2
+    focus:outline-none focus:ring-2
+    disabled:bg-grey-lighter disabled:cursor-not-allowed
+    ${s ? "border-danger focus:ring-danger/30" : "border-grey focus:border-primary focus:ring-primary/30"}
+    ${b ? "resize-y" : "resize-none"}
+    ${h}
+  `;
+  return /* @__PURE__ */ e.jsxs("div", { className: `${c ? "w-full" : ""}`, children: [
+    n && /* @__PURE__ */ e.jsxs("label", { className: "block mb-2 font-semibold text-dark text-sm", children: [
+      n,
+      d && /* @__PURE__ */ e.jsx("span", { className: "text-danger ml-1", children: "*" })
+    ] }),
+    /* @__PURE__ */ e.jsx(
+      "textarea",
+      {
+        value: t,
+        onChange: o,
+        placeholder: l,
+        disabled: i,
+        required: d,
+        rows: u,
+        className: f,
+        ...g
+      }
+    ),
+    (s || a) && /* @__PURE__ */ e.jsx("p", { className: `mt-1 text-sm ${s ? "text-danger" : "text-grey-medium"}`, children: s || a })
+  ] });
+}, he = ({
+  children: n,
+  title: l,
+  subtitle: t,
+  footer: o,
+  hoverable: s = !1,
+  clickable: a = !1,
+  onClick: i,
+  className: d = "",
+  ...c
+}) => {
+  const u = `
+    bg-white rounded-card shadow-card p-6
+    ${s ? "hover:shadow-lg transition-shadow duration-200" : ""}
+    ${a ? "cursor-pointer hover:shadow-lg transition-shadow duration-200" : ""}
+    ${d}
+  `;
+  return /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: u,
+      onClick: a ? i : void 0,
+      ...c,
+      children: [
+        (l || t) && /* @__PURE__ */ e.jsxs("div", { className: "mb-4", children: [
+          l && /* @__PURE__ */ e.jsx("h3", { className: "text-lg font-semibold text-dark mb-1", children: l }),
+          t && /* @__PURE__ */ e.jsx("p", { className: "text-sm text-grey-medium", children: t })
+        ] }),
+        /* @__PURE__ */ e.jsx("div", { children: n }),
+        o && /* @__PURE__ */ e.jsx("div", { className: "mt-4 pt-4 border-t border-grey", children: o })
+      ]
+    }
+  );
+}, pe = ({
+  children: n,
+  variant: l = "primary",
+  size: t = "md",
+  rounded: o = !1,
+  className: s = ""
+}) => {
+  const a = {
+    primary: "bg-primary-light text-primary",
+    secondary: "bg-secondary/20 text-secondary",
+    success: "bg-success/20 text-success",
+    danger: "bg-danger-bg text-danger",
+    warning: "bg-warning-bg text-warning",
+    info: "bg-info-bg text-info",
+    grey: "bg-grey text-grey-dark"
+  }, i = {
+    sm: "px-2 py-0.5 text-xs",
+    md: "px-3 py-1 text-sm",
+    lg: "px-4 py-1.5 text-base"
+  }, d = `
+    inline-flex items-center justify-center font-semibold
+    ${o ? "rounded-full" : "rounded"}
+    ${a[l]}
+    ${i[t]}
+    ${s}
+  `;
+  return /* @__PURE__ */ e.jsx("span", { className: d, children: n });
+}, ve = ({
+  children: n,
+  variant: l = "info",
+  title: t,
+  onClose: o,
+  showIcon: s = !0,
+  className: a = ""
+}) => {
+  const i = {
+    success: "bg-success/10 border-success text-success",
+    danger: "bg-danger-bg border-danger text-danger",
+    warning: "bg-warning-bg border-warning text-warning",
+    info: "bg-info-bg border-info text-info"
+  }, d = {
+    success: /* @__PURE__ */ e.jsx("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ e.jsx("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z", clipRule: "evenodd" }) }),
+    danger: /* @__PURE__ */ e.jsx("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ e.jsx("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z", clipRule: "evenodd" }) }),
+    warning: /* @__PURE__ */ e.jsx("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ e.jsx("path", { fillRule: "evenodd", d: "M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z", clipRule: "evenodd" }) }),
+    info: /* @__PURE__ */ e.jsx("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ e.jsx("path", { fillRule: "evenodd", d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z", clipRule: "evenodd" }) })
+  };
+  return /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      className: `rounded border p-4 ${i[l]} ${a}`,
+      role: "alert",
+      children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-start", children: [
+        s && /* @__PURE__ */ e.jsx("div", { className: "flex-shrink-0", children: d[l] }),
+        /* @__PURE__ */ e.jsxs("div", { className: `flex-1 ${s ? "ml-3" : ""}`, children: [
+          t && /* @__PURE__ */ e.jsx("h3", { className: "font-semibold mb-1", children: t }),
+          /* @__PURE__ */ e.jsx("div", { className: t ? "text-sm" : "", children: n })
+        ] }),
+        o && /* @__PURE__ */ e.jsx(
+          "button",
+          {
+            onClick: o,
+            className: "ml-3 flex-shrink-0 hover:opacity-70 transition-opacity",
+            "aria-label": "Close alert",
+            children: /* @__PURE__ */ e.jsx("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ e.jsx("path", { fillRule: "evenodd", d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z", clipRule: "evenodd" }) })
+          }
+        )
+      ] })
+    }
+  );
+}, ye = ({
+  children: n,
+  variant: l = "info",
+  className: t = ""
+}) => {
+  const o = {
+    info: "bg-info-bg border-info text-dark",
+    warning: "bg-warning-bg border-warning text-dark",
+    danger: "bg-danger-bg border-danger text-dark"
+  };
+  return /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      className: `border rounded p-4 ${o[l]} ${t}`,
+      children: n
+    }
+  );
+}, X = ({
+  size: n = "md",
+  color: l = "primary",
+  className: t = ""
+}) => {
+  const o = {
+    sm: 20,
+    md: 32,
+    lg: 48,
+    xl: 64
+  }, s = {
+    primary: "var(--color-primary)",
+    secondary: "var(--color-secondary)",
+    success: "var(--color-success)",
+    danger: "var(--color-danger)",
+    warning: "var(--color-warning)",
+    info: "var(--color-info)",
+    white: "#ffffff"
+  }, a = o[n], i = s[l], d = Math.max(2, a / 10), c = (a - d) / 2, u = 2 * Math.PI * c;
+  return /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      className: `inline-block ${t}`,
+      style: { width: a, height: a },
+      role: "status",
+      "aria-label": "Loading",
+      children: /* @__PURE__ */ e.jsxs(
+        "svg",
+        {
+          width: a,
+          height: a,
+          viewBox: `0 0 ${a} ${a}`,
+          className: "animate-spin",
+          children: [
+            /* @__PURE__ */ e.jsx(
+              "circle",
+              {
+                cx: a / 2,
+                cy: a / 2,
+                r: c,
+                fill: "none",
+                stroke: i,
+                strokeWidth: d,
+                strokeLinecap: "round",
+                strokeDasharray: `${u * 0.25} ${u * 0.75}`,
+                opacity: "0.3"
+              }
+            ),
+            /* @__PURE__ */ e.jsx(
+              "circle",
+              {
+                cx: a / 2,
+                cy: a / 2,
+                r: c,
+                fill: "none",
+                stroke: i,
+                strokeWidth: d,
+                strokeLinecap: "round",
+                strokeDasharray: `${u * 0.25} ${u * 0.75}`,
+                opacity: "0.6",
+                transform: `rotate(120 ${a / 2} ${a / 2})`
+              }
+            ),
+            /* @__PURE__ */ e.jsx(
+              "circle",
+              {
+                cx: a / 2,
+                cy: a / 2,
+                r: c,
+                fill: "none",
+                stroke: i,
+                strokeWidth: d,
+                strokeLinecap: "round",
+                strokeDasharray: `${u * 0.25} ${u * 0.75}`,
+                opacity: "1",
+                transform: `rotate(240 ${a / 2} ${a / 2})`
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}, ie = ({
+  variant: n = "text",
+  width: l,
+  height: t,
+  circle: o = !1,
+  count: s = 1,
+  className: a = ""
+}) => {
+  const c = `
+    bg-primary-light relative overflow-hidden
+    ${o ? "rounded-full" : {
+    text: "h-4 rounded",
+    title: "h-6 rounded",
+    button: "h-10 rounded-btn",
+    card: "h-32 rounded-card",
+    avatar: "w-10 h-10 rounded-full"
+  }[n]}
+    ${a}
+  `, u = {
+    width: l || (n === "text" || n === "title" ? "100%" : void 0),
+    height: t
+  }, b = {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    background: "linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent)"
+  }, h = () => /* @__PURE__ */ e.jsx("div", { className: c, style: u, children: /* @__PURE__ */ e.jsx("div", { className: "animate-shimmer", style: b }) });
+  return s > 1 ? /* @__PURE__ */ e.jsx("div", { className: "space-y-2", children: Array.from({ length: s }).map((g, f) => /* @__PURE__ */ e.jsx("div", { children: h() }, f)) }) : h();
+}, we = ({
+  type: n = "spinner",
+  // 'spinner' | 'skeleton'
+  variant: l = "inline",
+  // 'inline' | 'overlay' | 'block'
+  size: t = "md",
+  color: o = "primary",
+  text: s,
+  skeletonProps: a = {},
+  className: i = "",
+  children: d
+}) => n === "spinner" ? l === "overlay" ? /* @__PURE__ */ e.jsx("div", { className: `absolute inset-0 flex items-center justify-center bg-white bg-opacity-75 z-10 ${i}`, children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col items-center gap-2", children: [
+  /* @__PURE__ */ e.jsx(X, { size: t, color: o }),
+  s && /* @__PURE__ */ e.jsx("span", { className: "text-sm text-grey-medium", children: s })
+] }) }) : l === "block" ? /* @__PURE__ */ e.jsx("div", { className: `flex items-center justify-center py-8 ${i}`, children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col items-center gap-2", children: [
+  /* @__PURE__ */ e.jsx(X, { size: t, color: o }),
+  s && /* @__PURE__ */ e.jsx("span", { className: "text-sm text-grey-medium", children: s })
+] }) }) : /* @__PURE__ */ e.jsxs("div", { className: `inline-flex items-center gap-2 ${i}`, children: [
+  /* @__PURE__ */ e.jsx(X, { size: t, color: o }),
+  s && /* @__PURE__ */ e.jsx("span", { className: "text-sm text-grey-medium", children: s })
+] }) : n === "skeleton" ? /* @__PURE__ */ e.jsx(ie, { ...a, className: i }) : null, je = ({
+  isOpen: n,
+  onClose: l,
+  onConfirm: t,
+  title: o = "NOTE",
+  message: s = "",
+  children: a,
+  variant: i = "primary",
+  type: d = "alert",
+  confirmText: c = "Conferma",
+  cancelText: u = "Annulla",
+  closeText: b = "OK",
+  closeOnBackdropClick: h = !1,
+  closeOnEscape: g = !1
+}) => {
+  if (W(() => {
+    const R = (E) => {
+      E.key === "Escape" && n && g && l?.();
+    };
+    return n && (document.addEventListener("keydown", R), document.body.style.overflow = "hidden"), () => {
+      document.removeEventListener("keydown", R), document.body.style.overflow = "unset";
+    };
+  }, [n, l, g]), !n) return null;
+  const f = {
+    primary: {
+      header: "bg-primary",
+      button: "bg-primary hover:bg-primary-hover text-white",
+      buttonOutline: "border-2 border-primary text-primary hover:bg-primary-light"
+    },
+    warning: {
+      header: "bg-warning",
+      button: "bg-warning hover:bg-warning text-white",
+      buttonOutline: "border-2 border-warning text-warning hover:bg-warning-light"
+    },
+    info: {
+      header: "bg-info",
+      button: "bg-info hover:bg-info text-white",
+      buttonOutline: "border-2 border-info text-info hover:bg-blue-100"
+    },
+    danger: {
+      header: "bg-danger",
+      button: "bg-danger hover:bg-danger-hover text-white",
+      buttonOutline: "border-2 border-danger text-danger hover:bg-danger-light/30"
+    }
+  }, N = () => {
+    h && l?.();
+  }, k = () => {
+    t?.();
+  }, v = () => {
+    l?.();
+  }, C = () => {
+    if (d === "alert")
+      return /* @__PURE__ */ e.jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ e.jsx(
+        "button",
+        {
+          onClick: v,
+          className: `px-6 py-2 rounded-btn font-semibold transition-colors ${f[i].button}`,
+          children: b
+        }
+      ) });
+    if (d === "confirm" || d === "custom")
+      return /* @__PURE__ */ e.jsxs("div", { className: "flex justify-end gap-3", children: [
+        /* @__PURE__ */ e.jsx(
+          "button",
+          {
+            onClick: v,
+            className: `px-6 py-2 rounded-btn font-semibold transition-colors ${f[i].buttonOutline}`,
+            children: u
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          "button",
+          {
+            onClick: k,
+            className: `px-6 py-2 rounded-btn font-semibold transition-colors ${f[i].button}`,
+            children: c
+          }
+        )
+      ] });
+  };
+  return /* @__PURE__ */ e.jsxs("div", { className: "fixed inset-0 z-50 flex items-center justify-center p-4", children: [
+    /* @__PURE__ */ e.jsx(
+      "div",
+      {
+        className: "fixed inset-0 bg-black/40 backdrop-blur-sm",
+        onClick: N
+      }
+    ),
+    /* @__PURE__ */ e.jsxs(
+      "div",
+      {
+        className: "relative bg-white rounded-modal shadow-card w-full max-w-md flex flex-col animate-fadeIn",
+        onClick: (R) => R.stopPropagation(),
+        children: [
+          /* @__PURE__ */ e.jsx("div", { className: `flex items-center justify-center p-6 rounded-t-modal ${f[i].header}`, children: /* @__PURE__ */ e.jsx("h2", { className: "text-xl font-semibold text-white uppercase tracking-wide", children: o }) }),
+          /* @__PURE__ */ e.jsx("div", { className: "p-6 flex-1", children: d === "custom" ? a : /* @__PURE__ */ e.jsx("p", { className: "text-dark text-base", children: s }) }),
+          /* @__PURE__ */ e.jsx("div", { className: "p-6 border-t border-grey", children: C() })
+        ]
+      }
+    )
+  ] });
+}, Ne = ({
+  children: n,
+  content: l,
+  variant: t = "primary",
+  title: o,
+  position: s = "top",
+  className: a = ""
+}) => {
+  const [i, d] = M(!1), c = {
+    primary: "border-primary bg-white",
+    warning: "border-warning bg-white",
+    danger: "border-danger bg-white"
+  }, u = {
+    primary: "text-primary",
+    warning: "text-warning",
+    danger: "text-danger"
+  }, b = {
+    primary: "border-primary",
+    warning: "border-warning",
+    danger: "border-danger"
+  }, h = {
+    top: "bottom-full left-1/2 -translate-x-1/2 mb-3",
+    bottom: "top-full left-1/2 -translate-x-1/2 mt-3",
+    left: "right-full top-1/2 -translate-y-1/2 mr-3",
+    right: "left-full top-1/2 -translate-y-1/2 ml-3"
+  }, g = {
+    top: "top-full left-1/2 -translate-x-1/2",
+    bottom: "bottom-full left-1/2 -translate-x-1/2",
+    left: "left-full top-1/2 -translate-y-1/2",
+    right: "right-full top-1/2 -translate-y-1/2"
+  }, f = {
+    top: "border-l-[8px] border-r-[8px] border-t-[8px] border-l-transparent border-r-transparent",
+    bottom: "border-l-[8px] border-r-[8px] border-b-[8px] border-l-transparent border-r-transparent",
+    left: "border-t-[8px] border-b-[8px] border-l-[8px] border-t-transparent border-b-transparent",
+    right: "border-t-[8px] border-b-[8px] border-r-[8px] border-t-transparent border-b-transparent"
+  };
+  return /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: "relative inline-block",
+      onMouseEnter: () => d(!0),
+      onMouseLeave: () => d(!1),
+      children: [
+        n,
+        i && /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            className: `absolute z-50 ${h[s]} pointer-events-none`,
+            role: "tooltip",
+            children: /* @__PURE__ */ e.jsxs(
+              "div",
+              {
+                className: `rounded-sheet border-[3px] p-4 shadow-lg min-w-[200px] max-w-[300px] ${c[t]} ${a} relative`,
+                children: [
+                  o && /* @__PURE__ */ e.jsx("h3", { className: `text-sm font-semibold mb-2 uppercase tracking-wider ${u[t]}`, children: o }),
+                  /* @__PURE__ */ e.jsx("div", { className: "text-sm text-grey-dark", children: l }),
+                  /* @__PURE__ */ e.jsx("div", { className: `absolute ${g[s]} w-0 h-0 ${f[s]} ${b[t]}` })
+                ]
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}, ke = ({
+  children: n,
+  expandedContent: l,
+  defaultExpanded: t = !1,
+  asTableRow: o = !1,
+  className: s = "",
+  arrowClassName: a = "",
+  contentClassName: i = "",
+  onToggle: d
+}) => {
+  const [c, u] = M(t), b = (g) => {
+    g.stopPropagation();
+    const f = !c;
+    u(f), d && d(f);
+  }, h = ({ className: g = "" }) => /* @__PURE__ */ e.jsx(
+    "svg",
+    {
+      className: `w-5 h-5 transition-transform duration-200 ${c ? "rotate-90" : ""} ${g}`,
+      fill: "currentColor",
+      viewBox: "0 0 20 20",
+      children: /* @__PURE__ */ e.jsx(
+        "path",
+        {
+          fillRule: "evenodd",
+          d: "M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z",
+          clipRule: "evenodd"
+        }
+      )
+    }
+  );
+  return o ? /* @__PURE__ */ e.jsxs(se.Fragment, { children: [
+    /* @__PURE__ */ e.jsxs("tr", { className: `border-b border-grey hover:bg-grey-lightest transition-colors ${s}`, children: [
+      /* @__PURE__ */ e.jsx("td", { className: "px-4 py-3 w-12", children: /* @__PURE__ */ e.jsx(
+        "button",
+        {
+          onClick: b,
+          className: `text-primary hover:text-primary-hover transition-colors ${a}`,
+          "aria-label": c ? "Collapse" : "Expand",
+          children: /* @__PURE__ */ e.jsx(h, {})
+        }
+      ) }),
+      n
+    ] }),
+    c && /* @__PURE__ */ e.jsx("tr", { className: "border-b border-grey bg-grey-lightest/50", children: /* @__PURE__ */ e.jsx("td", { colSpan: "100%", className: `px-4 py-4 ${i}`, children: l }) })
+  ] }) : /* @__PURE__ */ e.jsxs("div", { className: `border border-grey rounded-card overflow-hidden ${s}`, children: [
+    /* @__PURE__ */ e.jsxs(
+      "div",
+      {
+        className: "flex items-center gap-3 p-4 bg-white hover:bg-grey-lightest transition-colors cursor-pointer",
+        onClick: b,
+        children: [
+          /* @__PURE__ */ e.jsx(
+            "button",
+            {
+              className: `text-primary hover:text-primary-hover transition-colors ${a}`,
+              "aria-label": c ? "Collapse" : "Expand",
+              children: /* @__PURE__ */ e.jsx(h, {})
+            }
+          ),
+          /* @__PURE__ */ e.jsx("div", { className: "flex-1", children: n })
+        ]
+      }
+    ),
+    c && /* @__PURE__ */ e.jsx("div", { className: `p-4 bg-grey-lightest/50 border-t border-grey ${i}`, children: l })
+  ] });
+}, $e = ({
+  label: n,
+  checked: l = !1,
+  onChange: t,
+  disabled: o = !1,
+  error: s = !1,
+  helperText: a,
+  required: i = !1,
+  className: d = "",
+  ...c
+}) => {
+  const u = (b) => {
+    !o && t && t(b);
+  };
+  return /* @__PURE__ */ e.jsxs("div", { className: `${d}`, children: [
+    /* @__PURE__ */ e.jsxs("label", { className: `flex items-center gap-3 cursor-pointer ${o ? "opacity-50 cursor-not-allowed" : ""}`, children: [
+      /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          className: `w-6 h-6 rounded border flex items-center justify-center transition-colors flex-shrink-0 ${l ? "bg-primary border-primary" : s ? "border-danger" : "border-grey"} ${o ? "cursor-not-allowed" : "cursor-pointer"}`,
+          onClick: (b) => {
+            b.stopPropagation(), !o && t && t({ target: { checked: !l } });
+          },
+          children: l && /* @__PURE__ */ e.jsx(
+            "svg",
+            {
+              className: "w-4 h-4 text-white",
+              fill: "currentColor",
+              viewBox: "0 0 20 20",
+              children: /* @__PURE__ */ e.jsx(
+                "path",
+                {
+                  fillRule: "evenodd",
+                  d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",
+                  clipRule: "evenodd"
+                }
+              )
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ e.jsx(
+        "input",
+        {
+          type: "checkbox",
+          checked: l,
+          onChange: u,
+          disabled: o,
+          className: "sr-only",
+          ...c
+        }
+      ),
+      n && /* @__PURE__ */ e.jsxs("span", { className: "font-semibold text-dark text-base", children: [
+        n,
+        i && /* @__PURE__ */ e.jsx("span", { className: "text-danger ml-1", children: "*" })
+      ] })
+    ] }),
+    (s || a) && /* @__PURE__ */ e.jsx("p", { className: `mt-1 text-sm ml-9 ${s ? "text-danger" : "text-grey-medium"}`, children: s || a })
+  ] });
+}, Ce = ({
+  checked: n = !1,
+  onChange: l,
+  disabled: t = !1,
+  label: o,
+  error: s,
+  helperText: a,
+  required: i = !1,
+  className: d = "",
+  ...c
+}) => {
+  const u = () => {
+    !t && l && l(!n);
+  };
+  return /* @__PURE__ */ e.jsxs("div", { className: `inline-flex flex-col ${d}`, children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "flex items-center", children: [
+      /* @__PURE__ */ e.jsx(
+        "button",
+        {
+          type: "button",
+          role: "switch",
+          "aria-checked": n,
+          disabled: t,
+          onClick: u,
+          className: `
+            relative inline-flex h-8 w-14 items-center rounded-full
+            transition-colors duration-200 ease-in-out
+            focus:outline-none focus:ring-2 focus:ring-offset-2
+            ${t ? "cursor-not-allowed opacity-50" : "cursor-pointer"}
+            ${n ? "bg-primary focus:ring-primary" : "bg-grey-medium focus:ring-grey-medium"}
+            ${s ? "ring-2 ring-danger" : ""}
+          `,
+          ...c,
+          children: /* @__PURE__ */ e.jsx(
+            "span",
+            {
+              className: `
+              inline-block h-6 w-6 transform rounded-full bg-white
+              transition-transform duration-200 ease-in-out
+              shadow-md
+              ${n ? "translate-x-7" : "translate-x-1"}
+            `
+            }
+          )
+        }
+      ),
+      o && /* @__PURE__ */ e.jsxs("label", { className: `ml-3 text-sm font-medium ${t ? "text-grey-400" : "text-grey-700"}`, children: [
+        o,
+        i && /* @__PURE__ */ e.jsx("span", { className: "ml-1 text-danger", children: "*" })
+      ] })
+    ] }),
+    (a || s) && /* @__PURE__ */ e.jsx("p", { className: `mt-1 text-sm ${s ? "text-danger" : "text-grey-500"}`, children: s || a })
+  ] });
+}, Re = ({
+  label: n,
+  value: l,
+  onChange: t,
+  error: o,
+  helperText: s,
+  disabled: a = !1,
+  required: i = !1,
+  fullWidth: d = !1,
+  size: c = "md",
+  showTime: u = !1,
+  className: b = "",
+  ...h
+}) => {
+  const f = `
+    w-full rounded-sheet border transition-all duration-200
+    focus:outline-none focus:ring-2
+    disabled:bg-grey-lighter disabled:cursor-not-allowed
+    ${o ? "border-danger focus:ring-danger/30" : "border-grey focus:border-primary focus:ring-primary/30"}
+    ${{
+    sm: "px-3 py-1.5 text-sm",
+    md: "px-4 py-2 text-base",
+    lg: "px-5 py-3 text-lg"
+  }[c]}
+    ${b}
+  `;
+  return /* @__PURE__ */ e.jsxs("div", { className: `${d ? "w-full" : ""}`, children: [
+    n && /* @__PURE__ */ e.jsxs("label", { className: "block mb-2 font-semibold text-dark text-sm", children: [
+      n,
+      i && /* @__PURE__ */ e.jsx("span", { className: "text-danger ml-1", children: "*" })
+    ] }),
+    /* @__PURE__ */ e.jsx(
+      "input",
+      {
+        type: u ? "datetime-local" : "date",
+        value: l,
+        onChange: t,
+        disabled: a,
+        required: i,
+        className: f,
+        ...h
+      }
+    ),
+    (o || s) && /* @__PURE__ */ e.jsx("p", { className: `mt-1 text-sm ${o ? "text-danger" : "text-grey-medium"}`, children: o || s })
+  ] });
+}, Ee = ({
+  children: n,
+  variant: l = "info",
+  title: t,
+  onClose: o,
+  showIcon: s = !0,
+  className: a = "",
+  duration: i = 5e3,
+  position: d = "top-right",
+  autoClose: c = !0
+}) => {
+  const [u, b] = M(!0), [h, g] = M(!1);
+  W(() => {
+    if (c && i > 0) {
+      const E = setTimeout(() => {
+        f();
+      }, i);
+      return () => clearTimeout(E);
+    }
+  }, [c, i]);
+  const f = () => {
+    g(!0), setTimeout(() => {
+      b(!1), o && o();
+    }, 300);
+  };
+  if (!u)
+    return null;
+  const N = {
+    success: "bg-success-bg border-success text-dark",
+    danger: "bg-danger-bg border-danger text-dark",
+    warning: "bg-warning-bg border-warning text-dark",
+    info: "bg-info-bg border-info text-dark"
+  }, k = {
+    success: "text-success",
+    danger: "text-danger",
+    warning: "text-warning",
+    info: "text-info"
+  }, v = {
+    success: /* @__PURE__ */ e.jsx("svg", { className: `w-5 h-5 ${k.success}`, fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ e.jsx("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z", clipRule: "evenodd" }) }),
+    danger: /* @__PURE__ */ e.jsx("svg", { className: `w-5 h-5 ${k.danger}`, fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ e.jsx("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z", clipRule: "evenodd" }) }),
+    warning: /* @__PURE__ */ e.jsx("svg", { className: `w-5 h-5 ${k.warning}`, fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ e.jsx("path", { fillRule: "evenodd", d: "M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z", clipRule: "evenodd" }) }),
+    info: /* @__PURE__ */ e.jsx("svg", { className: `w-5 h-5 ${k.info}`, fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ e.jsx("path", { fillRule: "evenodd", d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z", clipRule: "evenodd" }) })
+  }, C = {
+    "top-right": "top-4 right-4",
+    "top-left": "top-4 left-4",
+    "bottom-right": "bottom-4 right-4",
+    "bottom-left": "bottom-4 left-4",
+    "top-center": "top-4 left-1/2 -translate-x-1/2",
+    "bottom-center": "bottom-4 left-1/2 -translate-x-1/2"
+  }, R = h ? "opacity-0 translate-x-4" : "opacity-100 translate-x-0";
+  return /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      className: `fixed ${C[d]} z-50 transition-all duration-300 ease-in-out ${R}`,
+      children: /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          className: `rounded border p-4 shadow-lg min-w-[300px] max-w-[500px] ${N[l]} ${a}`,
+          role: "alert",
+          children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-start", children: [
+            s && /* @__PURE__ */ e.jsx("div", { className: "flex-shrink-0 mt-0.5", children: v[l] }),
+            /* @__PURE__ */ e.jsxs("div", { className: `flex-1 ${s ? "ml-3" : ""}`, children: [
+              t && /* @__PURE__ */ e.jsx("h3", { className: "font-semibold mb-1", children: t }),
+              /* @__PURE__ */ e.jsx("div", { className: t ? "text-sm" : "", children: n })
+            ] }),
+            /* @__PURE__ */ e.jsx(
+              "button",
+              {
+                onClick: f,
+                className: "ml-3 flex-shrink-0 hover:opacity-70 transition-opacity",
+                "aria-label": "Close toast",
+                children: /* @__PURE__ */ e.jsx("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ e.jsx("path", { fillRule: "evenodd", d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z", clipRule: "evenodd" }) })
+              }
+            )
+          ] })
+        }
+      )
+    }
+  );
+}, _e = ({
+  children: n,
+  className: l = "",
+  ...t
+}) => {
+  const s = `flex items-center gap-6 border-b border-grey-medium bg-white ${l}`;
+  return /* @__PURE__ */ e.jsx("nav", { className: s, ...t, children: n });
+}, Te = ({
+  children: n,
+  active: l = !1,
+  onClick: t,
+  href: o,
+  className: s = "",
+  ...a
+}) => {
+  const c = `py-3 px-4 font-medium text-sm cursor-pointer transition-all duration-200 border-b-4 -mb-px ${l ? "text-dark border-secondary bg-grey-lightest" : "text-text-secondary border-transparent hover:text-dark hover:border-grey-medium hover:bg-grey-lightest"} ${s}`;
+  return o ? /* @__PURE__ */ e.jsx("a", { href: o, className: c, ...a, children: n }) : /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      className: c,
+      onClick: t,
+      role: "button",
+      tabIndex: 0,
+      onKeyPress: (u) => {
+        (u.key === "Enter" || u.key === " ") && t?.(u);
+      },
+      ...a,
+      children: n
+    }
+  );
+};
+export {
+  ke as Accordion,
+  ve as Alert,
+  pe as Badge,
+  je as Bootbox,
+  de as Button,
+  he as Card,
+  $e as Checkbox,
+  Re as DateTimePicker,
+  ye as InfoBox,
+  xe as Input,
+  we as Loader,
+  ue as Modal,
+  _e as Navbar,
+  Te as NavbarItem,
+  fe as Select,
+  be as SelectSearchable,
+  ie as Skeleton,
+  X as Spinner,
+  me as Table,
+  ge as TextArea,
+  Ee as Toast,
+  Ce as Toggle,
+  Ne as Tooltip
+};