shekel-fe-shared-lib 1.0.0 → 1.0.1

package/dist/index.mjs

@@ -1,6 +1,5 @@
-import K from "react";
-import { Button as ee } from "antd";
-var R = { exports: {} }, b = {};
+import se, { useState as _, useRef as J, useEffect as z } from "react";
+var I = { exports: {} }, A = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -10,29 +9,29 @@ var R = { exports: {} }, b = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Y;
-function re() {
-  if (Y) return b;
-  Y = 1;
-  var l = Symbol.for("react.transitional.element"), f = Symbol.for("react.fragment");
-  function u(c, o, s) {
-    var i = null;
-    if (s !== void 0 && (i = "" + s), o.key !== void 0 && (i = "" + o.key), "key" in o) {
-      s = {};
-      for (var m in o)
-        m !== "key" && (s[m] = o[m]);
-    } else s = o;
-    return o = s.ref, {
-      $$typeof: l,
-      type: c,
-      key: i,
-      ref: o !== void 0 ? o : null,
-      props: s
+var K;
+function ne() {
+  if (K) return A;
+  K = 1;
+  var s = Symbol.for("react.transitional.element"), l = Symbol.for("react.fragment");
+  function n(r, a, c) {
+    var u = null;
+    if (c !== void 0 && (u = "" + c), a.key !== void 0 && (u = "" + a.key), "key" in a) {
+      c = {};
+      for (var f in a)
+        f !== "key" && (c[f] = a[f]);
+    } else c = a;
+    return a = c.ref, {
+      $$typeof: s,
+      type: r,
+      key: u,
+      ref: a !== void 0 ? a : null,
+      props: c
     };
   }
-  return b.Fragment = f, b.jsx = u, b.jsxs = u, b;
+  return A.Fragment = l, A.jsx = n, A.jsxs = n, A;
 }
-var _ = {};
+var M = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -42,264 +41,1367 @@ var _ = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var I;
-function te() {
-  return I || (I = 1, process.env.NODE_ENV !== "production" && (function() {
-    function l(e) {
-      if (e == null) return null;
-      if (typeof e == "function")
-        return e.$$typeof === H ? null : e.displayName || e.name || null;
-      if (typeof e == "string") return e;
-      switch (e) {
-        case p:
+var ee;
+function ae() {
+  return ee || (ee = 1, process.env.NODE_ENV !== "production" && (function() {
+    function s(t) {
+      if (t == null) return null;
+      if (typeof t == "function")
+        return t.$$typeof === D ? null : t.displayName || t.name || null;
+      if (typeof t == "string") return t;
+      switch (t) {
+        case i:
           return "Fragment";
-        case U:
+        case b:
           return "Profiler";
-        case W:
+        case k:
           return "StrictMode";
-        case z:
+        case T:
           return "Suspense";
-        case G:
+        case S:
           return "SuspenseList";
-        case X:
+        case W:
           return "Activity";
       }
-      if (typeof e == "object")
-        switch (typeof e.tag == "number" && console.error(
+      if (typeof t == "object")
+        switch (typeof t.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), e.$$typeof) {
-          case M:
+        ), t.$$typeof) {
+          case y:
             return "Portal";
-          case J:
-            return e.displayName || "Context";
-          case q:
-            return (e._context.displayName || "Context") + ".Consumer";
-          case V:
-            var r = e.render;
-            return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case B:
-            return r = e.displayName || null, r !== null ? r : l(e.type) || "Memo";
-          case T:
-            r = e._payload, e = e._init;
+          case $:
+            return t.displayName || "Context";
+          case N:
+            return (t._context.displayName || "Context") + ".Consumer";
+          case R:
+            var g = t.render;
+            return t = t.displayName, t || (t = g.displayName || g.name || "", t = t !== "" ? "ForwardRef(" + t + ")" : "ForwardRef"), t;
+          case L:
+            return g = t.displayName || null, g !== null ? g : s(t.type) || "Memo";
+          case P:
+            g = t._payload, t = t._init;
             try {
-              return l(e(r));
+              return s(t(g));
             } catch {
             }
         }
       return null;
     }
-    function f(e) {
-      return "" + e;
+    function l(t) {
+      return "" + t;
     }
-    function u(e) {
+    function n(t) {
       try {
-        f(e);
-        var r = !1;
+        l(t);
+        var g = !1;
       } catch {
-        r = !0;
+        g = !0;
       }
-      if (r) {
-        r = console;
-        var t = r.error, n = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return t.call(
-          r,
+      if (g) {
+        g = console;
+        var w = g.error, C = typeof Symbol == "function" && Symbol.toStringTag && t[Symbol.toStringTag] || t.constructor.name || "Object";
+        return w.call(
+          g,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          n
-        ), f(e);
+          C
+        ), l(t);
       }
     }
-    function c(e) {
-      if (e === p) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === T)
+    function r(t) {
+      if (t === i) return "<>";
+      if (typeof t == "object" && t !== null && t.$$typeof === P)
         return "<...>";
       try {
-        var r = l(e);
-        return r ? "<" + r + ">" : "<...>";
+        var g = s(t);
+        return g ? "<" + g + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function o() {
-      var e = g.A;
-      return e === null ? null : e.getOwner();
+    function a() {
+      var t = B.A;
+      return t === null ? null : t.getOwner();
     }
-    function s() {
+    function c() {
       return Error("react-stack-top-frame");
     }
-    function i(e) {
-      if (h.call(e, "key")) {
-        var r = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (r && r.isReactWarning) return !1;
+    function u(t) {
+      if (j.call(t, "key")) {
+        var g = Object.getOwnPropertyDescriptor(t, "key").get;
+        if (g && g.isReactWarning) return !1;
       }
-      return e.key !== void 0;
+      return t.key !== void 0;
     }
-    function m(e, r) {
-      function t() {
-        x || (x = !0, console.error(
+    function f(t, g) {
+      function w() {
+        G || (G = !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)",
-          r
+          g
         ));
       }
-      t.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: t,
+      w.isReactWarning = !0, Object.defineProperty(t, "key", {
+        get: w,
         configurable: !0
       });
     }
-    function D() {
-      var e = l(this.type);
-      return j[e] || (j[e] = !0, console.error(
+    function m() {
+      var t = s(this.type);
+      return H[t] || (H[t] = !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."
-      )), e = this.props.ref, e !== void 0 ? e : null;
+      )), t = this.props.ref, t !== void 0 ? t : null;
     }
-    function L(e, r, t, n, v, y) {
-      var a = t.ref;
-      return e = {
-        $$typeof: P,
-        type: e,
-        key: r,
-        props: t,
-        _owner: n
-      }, (a !== void 0 ? a : null) !== null ? Object.defineProperty(e, "ref", {
+    function h(t, g, w, C, F, U) {
+      var E = w.ref;
+      return t = {
+        $$typeof: o,
+        type: t,
+        key: g,
+        props: w,
+        _owner: C
+      }, (E !== void 0 ? E : null) !== null ? Object.defineProperty(t, "ref", {
         enumerable: !1,
-        get: D
-      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
+        get: m
+      }) : Object.defineProperty(t, "ref", { enumerable: !1, value: null }), t._store = {}, Object.defineProperty(t._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(e, "_debugInfo", {
+      }), Object.defineProperty(t, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(e, "_debugStack", {
+      }), Object.defineProperty(t, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: v
-      }), Object.defineProperty(e, "_debugTask", {
+        value: F
+      }), Object.defineProperty(t, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: y
-      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+        value: U
+      }), Object.freeze && (Object.freeze(t.props), Object.freeze(t)), t;
     }
-    function A(e, r, t, n, v, y) {
-      var a = r.children;
-      if (a !== void 0)
-        if (n)
-          if (Z(a)) {
-            for (n = 0; n < a.length; n++)
-              S(a[n]);
-            Object.freeze && Object.freeze(a);
+    function v(t, g, w, C, F, U) {
+      var E = g.children;
+      if (E !== void 0)
+        if (C)
+          if (Y(E)) {
+            for (C = 0; C < E.length; C++)
+              p(E[C]);
+            Object.freeze && Object.freeze(E);
           } 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 S(a);
-      if (h.call(r, "key")) {
-        a = l(e);
-        var d = Object.keys(r).filter(function(Q) {
-          return Q !== "key";
+        else p(E);
+      if (j.call(g, "key")) {
+        E = s(t);
+        var O = Object.keys(g).filter(function(re) {
+          return re !== "key";
         });
-        n = 0 < d.length ? "{key: someKey, " + d.join(": ..., ") + ": ...}" : "{key: someKey}", $[a + n] || (d = 0 < d.length ? "{" + d.join(": ..., ") + ": ...}" : "{}", console.error(
+        C = 0 < O.length ? "{key: someKey, " + O.join(": ..., ") + ": ...}" : "{key: someKey}", Z[E + C] || (O = 0 < O.length ? "{" + O.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} />`,
-          n,
-          a,
-          d,
-          a
-        ), $[a + n] = !0);
+          C,
+          E,
+          O,
+          E
+        ), Z[E + C] = !0);
       }
-      if (a = null, t !== void 0 && (u(t), a = "" + t), i(r) && (u(r.key), a = "" + r.key), "key" in r) {
-        t = {};
-        for (var O in r)
-          O !== "key" && (t[O] = r[O]);
-      } else t = r;
-      return a && m(
+      if (E = null, w !== void 0 && (n(w), E = "" + w), u(g) && (n(g.key), E = "" + g.key), "key" in g) {
+        w = {};
+        for (var q in g)
+          q !== "key" && (w[q] = g[q]);
+      } else w = g;
+      return E && f(
+        w,
+        typeof t == "function" ? t.displayName || t.name || "Unknown" : t
+      ), h(
         t,
-        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), L(
-        e,
-        a,
-        t,
-        o(),
-        v,
-        y
+        E,
+        w,
+        a(),
+        F,
+        U
       );
     }
-    function S(e) {
-      w(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === T && (e._payload.status === "fulfilled" ? w(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    function p(t) {
+      d(t) ? t._store && (t._store.validated = 1) : typeof t == "object" && t !== null && t.$$typeof === P && (t._payload.status === "fulfilled" ? d(t._payload.value) && t._payload.value._store && (t._payload.value._store.validated = 1) : t._store && (t._store.validated = 1));
     }
-    function w(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === P;
+    function d(t) {
+      return typeof t == "object" && t !== null && t.$$typeof === o;
     }
-    var E = K, P = Symbol.for("react.transitional.element"), M = Symbol.for("react.portal"), p = Symbol.for("react.fragment"), W = Symbol.for("react.strict_mode"), U = Symbol.for("react.profiler"), q = Symbol.for("react.consumer"), J = Symbol.for("react.context"), V = Symbol.for("react.forward_ref"), z = Symbol.for("react.suspense"), G = Symbol.for("react.suspense_list"), B = Symbol.for("react.memo"), T = Symbol.for("react.lazy"), X = Symbol.for("react.activity"), H = Symbol.for("react.client.reference"), g = E.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, h = Object.prototype.hasOwnProperty, Z = Array.isArray, k = console.createTask ? console.createTask : function() {
+    var x = se, o = Symbol.for("react.transitional.element"), y = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), k = Symbol.for("react.strict_mode"), b = Symbol.for("react.profiler"), N = Symbol.for("react.consumer"), $ = Symbol.for("react.context"), R = Symbol.for("react.forward_ref"), T = Symbol.for("react.suspense"), S = Symbol.for("react.suspense_list"), L = Symbol.for("react.memo"), P = Symbol.for("react.lazy"), W = Symbol.for("react.activity"), D = Symbol.for("react.client.reference"), B = x.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, j = Object.prototype.hasOwnProperty, Y = Array.isArray, V = console.createTask ? console.createTask : function() {
       return null;
     };
-    E = {
-      react_stack_bottom_frame: function(e) {
-        return e();
+    x = {
+      react_stack_bottom_frame: function(t) {
+        return t();
       }
     };
-    var x, j = {}, N = E.react_stack_bottom_frame.bind(
-      E,
-      s
-    )(), C = k(c(s)), $ = {};
-    _.Fragment = p, _.jsx = function(e, r, t) {
-      var n = 1e4 > g.recentlyCreatedOwnerStacks++;
-      return A(
-        e,
-        r,
+    var G, H = {}, X = x.react_stack_bottom_frame.bind(
+      x,
+      c
+    )(), Q = V(r(c)), Z = {};
+    M.Fragment = i, M.jsx = function(t, g, w) {
+      var C = 1e4 > B.recentlyCreatedOwnerStacks++;
+      return v(
         t,
+        g,
+        w,
         !1,
-        n ? Error("react-stack-top-frame") : N,
-        n ? k(c(e)) : C
+        C ? Error("react-stack-top-frame") : X,
+        C ? V(r(t)) : Q
       );
-    }, _.jsxs = function(e, r, t) {
-      var n = 1e4 > g.recentlyCreatedOwnerStacks++;
-      return A(
-        e,
-        r,
+    }, M.jsxs = function(t, g, w) {
+      var C = 1e4 > B.recentlyCreatedOwnerStacks++;
+      return v(
         t,
+        g,
+        w,
         !0,
-        n ? Error("react-stack-top-frame") : N,
-        n ? k(c(e)) : C
+        C ? Error("react-stack-top-frame") : X,
+        C ? V(r(t)) : Q
       );
     };
-  })()), _;
+  })()), M;
 }
-var F;
-function ne() {
-  return F || (F = 1, process.env.NODE_ENV === "production" ? R.exports = re() : R.exports = te()), R.exports;
+var te;
+function le() {
+  return te || (te = 1, process.env.NODE_ENV === "production" ? I.exports = ne() : I.exports = ae()), I.exports;
 }
-var ae = ne();
-const le = ({
-  variant: l = "primary",
+var e = le();
+const de = ({
+  variant: s = "primary",
+  size: l = "md",
+  fullWidth: n = !1,
+  icon: r,
+  iconPosition: a = "left",
+  loading: c = !1,
+  hoverColor: u,
+  className: f = "",
+  children: m,
+  disabled: h,
+  ...v
+}) => {
+  const p = "inline-flex items-center justify-center font-normal rounded-lg transition-all duration-300 ease-out focus:outline-none disabled:opacity-50 disabled:cursor-not-allowed active:scale-95", d = {
+    primary: "bg-[#EC615B] hover:bg-[#D4554F] text-white focus:ring-[#EC615B] shadow-sm hover:shadow-md",
+    outlined: "border border-gray-300 bg-white hover:bg-gray-50 text-[#181918] focus:ring-gray-300",
+    ghost: "bg-gray-100 hover:bg-gray-200 text-[#181918] focus:ring-gray-300",
+    text: "text-[#181918] hover:bg-gray-100 focus:ring-gray-300"
+  }, x = {
+    sm: "px-3 py-1.5 text-sm gap-1.5",
+    md: "px-4 py-2 text-base gap-2",
+    lg: "px-6 py-3 text-lg gap-2.5"
+  }, o = n ? "w-full" : "", y = `${p} ${d[s]} ${x[l]} ${o} ${f}`, i = () => c ? /* @__PURE__ */ e.jsxs(
+    "svg",
+    {
+      className: "animate-spin h-4 w-4",
+      xmlns: "http://www.w3.org/2000/svg",
+      fill: "none",
+      viewBox: "0 0 24 24",
+      children: [
+        /* @__PURE__ */ e.jsx(
+          "circle",
+          {
+            className: "opacity-25",
+            cx: "12",
+            cy: "12",
+            r: "10",
+            stroke: "currentColor",
+            strokeWidth: "4"
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          "path",
+          {
+            className: "opacity-75",
+            fill: "currentColor",
+            d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+          }
+        )
+      ]
+    }
+  ) : r;
+  return /* @__PURE__ */ e.jsxs(
+    "button",
+    {
+      className: y,
+      disabled: h || c,
+      style: u ? {
+        "--hover-color": u
+      } : void 0,
+      onMouseEnter: (k) => {
+        u && !h && !c && (k.currentTarget.style.backgroundColor = u);
+      },
+      onMouseLeave: (k) => {
+        u && !h && !c && (k.currentTarget.style.backgroundColor = "");
+      },
+      ...v,
+      children: [
+        a === "left" && i(),
+        m,
+        a === "right" && i()
+      ]
+    }
+  );
+}, ue = ({
+  label: s,
+  value: l,
+  selected: n = !1,
+  onClick: r,
+  className: a = ""
+}) => {
+  const f = `stat-card relative flex flex-col p-4 rounded-lg border transition-all duration-500 ease-in-out cursor-pointer overflow-hidden ${n ? "border-[#181918] bg-[#F4F4F4] shadow-sm scale-[1.02]" : "border-gray-200 bg-white hover:border-gray-300 hover:shadow-sm"} ${a}`;
+  return /* @__PURE__ */ e.jsxs("div", { className: f, onClick: r, children: [
+    n && /* @__PURE__ */ e.jsx("div", { className: "absolute inset-0 bg-gradient-to-r from-transparent via-[#EC615B]/5 to-transparent animate-slide-in pointer-events-none" }),
+    /* @__PURE__ */ e.jsxs("div", { className: "relative z-10 transition-transform duration-300 ease-out hover:scale-[0.98] active:scale-[0.96]", children: [
+      /* @__PURE__ */ e.jsx("span", { className: `text-sm font-normal mb-2 block transition-colors duration-500 ${n ? "text-gray-700" : "text-gray-600"}`, children: s }),
+      /* @__PURE__ */ e.jsx("span", { className: `text-3xl font-semibold stat-value block transition-all duration-500 ${n ? "text-[#181918] scale-105" : "text-[#181918]"}`, children: l })
+    ] })
+  ] });
+}, xe = ({
+  icon: s,
+  iconPosition: l = "left",
+  size: n = "md",
+  fullWidth: r = !1,
+  className: a = "",
+  onIconClick: c,
+  ...u
+}) => {
+  const f = "relative inline-flex items-center", m = "border border-gray-300 rounded-lg focus:outline-none focus:ring-1 focus:ring-[#EC615B] focus:border-[#EC615B] transition-all duration-200 ease-in-out placeholder:text-gray-400", h = {
+    sm: "px-3 py-1.5 text-sm",
+    md: "px-4 py-2 text-base",
+    lg: "px-5 py-3 text-lg"
+  }, v = {
+    sm: "w-4 h-4",
+    md: "w-5 h-5",
+    lg: "w-6 h-6"
+  }, p = l === "left" ? n === "sm" ? "pl-9" : n === "md" ? "pl-10" : "pl-12" : n === "sm" ? "pr-9" : n === "md" ? "pr-10" : "pr-12", d = r ? "w-full" : "", x = `${m} ${h[n]} ${s ? p : ""} ${d} ${a}`, o = l === "left" ? "left-3" : "right-3", y = /* @__PURE__ */ e.jsx(
+    "svg",
+    {
+      className: v[n],
+      xmlns: "http://www.w3.org/2000/svg",
+      fill: "none",
+      viewBox: "0 0 24 24",
+      stroke: "currentColor",
+      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"
+        }
+      )
+    }
+  );
+  return /* @__PURE__ */ e.jsxs("div", { className: `${f} ${d}`, children: [
+    s && /* @__PURE__ */ e.jsx(
+      "div",
+      {
+        className: `absolute ${o} text-gray-400 ${c ? "cursor-pointer hover:text-gray-600" : ""}`,
+        onClick: c,
+        children: s === !0 ? y : s
+      }
+    ),
+    /* @__PURE__ */ e.jsx("input", { type: "text", className: x, ...u })
+  ] });
+}, fe = ({
+  padding: s = "md",
+  shadow: l = "sm",
+  hover: n = !1,
+  bordered: r = !0,
+  rounded: a = "lg",
+  className: c = "",
+  children: u,
+  ...f
+}) => {
+  const m = "card bg-white transition-all duration-300 ease-out", h = {
+    none: "p-0",
+    sm: "p-3",
+    md: "p-4",
+    lg: "p-6"
+  }, v = {
+    none: "",
+    sm: "shadow-sm",
+    md: "shadow-md",
+    lg: "shadow-lg"
+  }, p = {
+    none: "rounded-none",
+    sm: "rounded-sm",
+    md: "rounded-md",
+    lg: "rounded-lg",
+    xl: "rounded-xl"
+  }, d = r ? "border border-gray-200" : "", x = n ? "cursor-pointer" : "", o = `${m} ${h[s]} ${v[l]} ${p[a]} ${d} ${x} ${c}`;
+  return /* @__PURE__ */ e.jsx("div", { className: o, ...f, children: /* @__PURE__ */ e.jsx("div", { className: n ? "transition-transform duration-300 ease-out hover:scale-[0.98] active:scale-[0.96]" : "", children: u }) });
+}, me = ({
+  items: s,
+  trigger: l = "click",
+  placement: n = "bottomLeft",
+  children: r,
+  className: a = "",
+  overlayClassName: c = "",
+  disabled: u = !1
+}) => {
+  const [f, m] = _(!1), h = J(null);
+  z(() => {
+    const i = (k) => {
+      h.current && !h.current.contains(k.target) && m(!1);
+    };
+    return f && document.addEventListener("mousedown", i), () => {
+      document.removeEventListener("mousedown", i);
+    };
+  }, [f]);
+  const v = () => {
+    !u && l === "click" && m(!f);
+  }, p = () => {
+    !u && l === "hover" && m(!0);
+  }, d = () => {
+    !u && l === "hover" && m(!1);
+  }, x = (i) => {
+    !i.disabled && i.onClick && i.onClick(), m(!1);
+  }, o = {
+    bottomLeft: "top-full left-0 mt-1",
+    bottomRight: "top-full right-0 mt-1",
+    topLeft: "bottom-full left-0 mb-1",
+    topRight: "bottom-full right-0 mb-1"
+  }, y = n.startsWith("bottom") ? "dropdown-slide-down" : "dropdown-slide-up";
+  return /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      ref: h,
+      className: `relative inline-block ${a}`,
+      onMouseEnter: p,
+      onMouseLeave: d,
+      children: [
+        /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            onClick: v,
+            className: `inline-flex ${u ? "cursor-not-allowed opacity-50" : "cursor-pointer"}`,
+            children: r
+          }
+        ),
+        f && !u && /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            className: `absolute ${o[n]} ${y} z-50 min-w-[160px] ${c}`,
+            children: /* @__PURE__ */ e.jsx("div", { className: "dropdown-menu bg-white rounded-lg shadow-lg border border-gray-200 py-1 overflow-hidden", children: s.map((i) => /* @__PURE__ */ e.jsxs(
+              "div",
+              {
+                onClick: () => x(i),
+                className: `
+                  dropdown-menu-item
+                  flex items-center gap-2 px-4 py-2 text-sm cursor-pointer transition-all duration-200 ease-out
+                  ${i.disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-gray-50"}
+                  ${i.danger ? "text-red-600 hover:bg-red-50" : "text-gray-700"}
+                `,
+                children: [
+                  i.icon && /* @__PURE__ */ e.jsx("span", { className: "flex-shrink-0", children: i.icon }),
+                  /* @__PURE__ */ e.jsx("span", { children: i.label })
+                ]
+              },
+              i.key
+            )) })
+          }
+        )
+      ]
+    }
+  );
+}, oe = ({
+  options: s,
+  value: l,
+  defaultValue: n,
+  placeholder: r = "Select an option",
+  onChange: a,
+  disabled: c = !1,
+  size: u = "md",
   fullWidth: f = !1,
+  className: m = "",
+  allowClear: h = !1,
+  showSearch: v = !1,
+  searchPlaceholder: p = "Search..."
+}) => {
+  const [d, x] = _(!1), [o, y] = _(
+    n
+  ), [i, k] = _(""), b = J(null), N = J(null), $ = l !== void 0 ? l : o;
+  z(() => {
+    const j = (Y) => {
+      b.current && !b.current.contains(Y.target) && (x(!1), k(""));
+    };
+    return d && (document.addEventListener("mousedown", j), v && N.current && N.current.focus()), () => {
+      document.removeEventListener("mousedown", j);
+    };
+  }, [d, v]);
+  const R = (j) => {
+    l === void 0 && y(j), a == null || a(j), x(!1), k("");
+  }, T = (j) => {
+    j.stopPropagation(), l === void 0 && y(void 0), a == null || a("");
+  }, S = s.find((j) => j.value === $), L = v ? s.filter(
+    (j) => j.label.toLowerCase().includes(i.toLowerCase())
+  ) : s, P = {
+    sm: "px-3 py-1.5 text-sm",
+    md: "px-4 py-2 text-base",
+    lg: "px-5 py-3 text-lg"
+  }, W = f ? "w-full" : "min-w-[200px]", D = /* @__PURE__ */ e.jsx(
+    "svg",
+    {
+      className: `w-4 h-4 transition-transform duration-200 ease-out ${d ? "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" })
+    }
+  ), B = /* @__PURE__ */ e.jsx("svg", { className: "w-4 h-4", 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" }) });
+  return /* @__PURE__ */ e.jsxs("div", { ref: b, className: `relative ${W} ${m}`, children: [
+    /* @__PURE__ */ e.jsxs(
+      "div",
+      {
+        onClick: () => !c && x(!d),
+        className: `
+          select-trigger
+          flex items-center justify-between gap-2
+          border border-gray-300 rounded-lg
+          bg-white
+          transition-all duration-200 ease-out
+          ${P[u]}
+          ${c ? "opacity-50 cursor-not-allowed bg-gray-50" : "cursor-pointer hover:border-gray-400"}
+          ${d ? "border-[#EC615B] ring-2 ring-[#EC615B] ring-opacity-20" : ""}
+        `,
+        children: [
+          /* @__PURE__ */ e.jsx("span", { className: S ? "text-gray-900" : "text-gray-400", children: S ? S.label : r }),
+          /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-1", children: [
+            h && $ && !c && /* @__PURE__ */ e.jsx(
+              "span",
+              {
+                onClick: T,
+                className: "text-gray-400 hover:text-gray-600 transition-colors duration-200 ease-out",
+                children: B
+              }
+            ),
+            /* @__PURE__ */ e.jsx("span", { className: "text-gray-400", children: D })
+          ] })
+        ]
+      }
+    ),
+    d && !c && /* @__PURE__ */ e.jsx("div", { className: "absolute top-full left-0 right-0 mt-1 z-50 dropdown-slide-down", children: /* @__PURE__ */ e.jsxs("div", { className: "select-dropdown bg-white rounded-lg shadow-lg border border-gray-200 py-1 max-h-[300px] overflow-auto", children: [
+      v && /* @__PURE__ */ e.jsx("div", { className: "px-2 py-2 border-b border-gray-200", children: /* @__PURE__ */ e.jsx(
+        "input",
+        {
+          ref: N,
+          type: "text",
+          value: i,
+          onChange: (j) => k(j.target.value),
+          placeholder: p,
+          className: "w-full px-3 py-1.5 text-sm border border-gray-300 rounded focus:outline-none focus:ring-2 focus:ring-[#EC615B] focus:border-[#EC615B] transition-all duration-200 ease-out",
+          onClick: (j) => j.stopPropagation()
+        }
+      ) }),
+      L.length === 0 ? /* @__PURE__ */ e.jsx("div", { className: "px-4 py-3 text-sm text-gray-500 text-center", children: "No results found" }) : L.map((j) => /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          onClick: () => !j.disabled && R(j.value),
+          className: `
+                    select-option
+                    px-4 py-2 text-sm cursor-pointer transition-all duration-200 ease-out
+                    ${j.disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-gray-50"}
+                    ${j.value === $ ? "bg-[#FCEAE9] text-[#EC615B] font-medium" : "text-[#181918]"}
+                  `,
+          children: j.label
+        },
+        j.value
+      ))
+    ] }) })
+  ] });
+}, he = ({
+  columns: s,
+  dataSource: l,
+  rowKey: n = "id",
+  pagination: r,
+  loading: a = !1,
+  onRow: c,
   className: u = "",
-  ...c
+  bordered: f = !1,
+  striped: m = !1
+}) => {
+  const [h, v] = _(
+    r && typeof r == "object" && r.current || 1
+  ), [p, d] = _(
+    r && typeof r == "object" && r.pageSize || 10
+  ), x = (b, N) => typeof n == "function" ? n(b) : b[n] || String(N), o = (b, N) => N ? N.split(".").reduce(($, R) => $ == null ? void 0 : $[R], b) : b, y = r === !1 ? l : l.slice((h - 1) * p, h * p), i = (b) => {
+    v(b), r && typeof r == "object" && r.onChange && r.onChange(b, p);
+  }, k = (b) => {
+    d(b), v(1), r && typeof r == "object" && r.onChange && r.onChange(1, b);
+  };
+  return /* @__PURE__ */ e.jsxs("div", { className: "w-full", children: [
+    /* @__PURE__ */ e.jsx("div", { className: "overflow-x-auto rounded-2xl border border-[#EEEEEE]", children: /* @__PURE__ */ e.jsxs("table", { className: `w-full ${f ? "border-collapse" : ""} ${u}`, children: [
+      /* @__PURE__ */ e.jsx("thead", { className: "bg-[#F5F6F7]", children: /* @__PURE__ */ e.jsx("tr", { children: s.map((b, N) => /* @__PURE__ */ e.jsx(
+        "th",
+        {
+          className: `px-4 py-3 text-left text-xs font-medium text-[#333333] uppercase tracking-wider ${f && N !== s.length - 1 ? "border-r border-[#EEEEEE]" : ""} ${b.align === "center" ? "text-center" : b.align === "right" ? "text-right" : ""}`,
+          style: { width: b.width },
+          children: b.title
+        },
+        b.key
+      )) }) }),
+      /* @__PURE__ */ e.jsx("tbody", { className: "bg-white divide-y divide-gray-200", children: a ? /* @__PURE__ */ e.jsx("tr", { children: /* @__PURE__ */ e.jsx("td", { colSpan: s.length, className: "px-4 py-8 text-center text-[#333333]", children: /* @__PURE__ */ e.jsxs("div", { className: "flex justify-center items-center", children: [
+        /* @__PURE__ */ e.jsxs(
+          "svg",
+          {
+            className: "animate-spin h-5 w-5 mr-2",
+            xmlns: "http://www.w3.org/2000/svg",
+            fill: "none",
+            viewBox: "0 0 24 24",
+            children: [
+              /* @__PURE__ */ e.jsx(
+                "circle",
+                {
+                  className: "opacity-25",
+                  cx: "12",
+                  cy: "12",
+                  r: "10",
+                  stroke: "currentColor",
+                  strokeWidth: "4"
+                }
+              ),
+              /* @__PURE__ */ e.jsx(
+                "path",
+                {
+                  className: "opacity-75",
+                  fill: "currentColor",
+                  d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+                }
+              )
+            ]
+          }
+        ),
+        "Loading..."
+      ] }) }) }) : y.length === 0 ? /* @__PURE__ */ e.jsx("tr", { children: /* @__PURE__ */ e.jsx("td", { colSpan: s.length, className: "px-4 py-8 text-center text-[#333333]", children: "No data" }) }) : y.map((b, N) => {
+        const $ = c ? c(b, N) : {};
+        return /* @__PURE__ */ e.jsx(
+          "tr",
+          {
+            className: `${m && N % 2 === 1 ? "bg-[#F5F6F7]" : ""} hover:bg-gray-50 transition-colors duration-200 ease-out`,
+            ...$,
+            children: s.map((R, T) => {
+              const S = o(b, R.dataIndex), L = R.render ? R.render(S, b, N) : S;
+              return /* @__PURE__ */ e.jsx(
+                "td",
+                {
+                  className: `px-4 py-4 text-sm text-gray-900 ${f && T !== s.length - 1 ? "border-r border-[#EEEEEE]" : ""} ${R.align === "center" ? "text-center" : R.align === "right" ? "text-right" : ""}`,
+                  children: L
+                },
+                R.key
+              );
+            })
+          },
+          x(b, N)
+        );
+      }) })
+    ] }) }),
+    r !== !1 && /* @__PURE__ */ e.jsx(
+      ie,
+      {
+        current: h,
+        pageSize: p,
+        total: l.length,
+        onChange: i,
+        onPageSizeChange: k,
+        showSizeChanger: r && typeof r == "object" ? r.showSizeChanger : !0,
+        pageSizeOptions: r && typeof r == "object" ? r.pageSizeOptions : [10, 20, 50, 100],
+        showTotal: r && typeof r == "object" ? r.showTotal : !0,
+        size: r && typeof r == "object" ? r.size : "md"
+      }
+    )
+  ] });
+}, ie = ({
+  current: s,
+  pageSize: l,
+  total: n,
+  onChange: r,
+  onPageSizeChange: a,
+  showSizeChanger: c = !0,
+  pageSizeOptions: u = [10, 20, 50, 100],
+  showTotal: f = !0,
+  size: m = "md"
+}) => {
+  const h = Math.ceil(n / l), v = (s - 1) * l + 1, p = Math.min(s * l, n), d = {
+    sm: {
+      button: "px-2.5 py-1 text-xs",
+      icon: "h-3.5 w-3.5",
+      nav: "px-1.5 py-1.5"
+    },
+    md: {
+      button: "px-4 py-2 text-sm",
+      icon: "h-5 w-5",
+      nav: "px-2 py-2"
+    },
+    lg: {
+      button: "px-5 py-2.5 text-base",
+      icon: "h-6 w-6",
+      nav: "px-3 py-3"
+    }
+  }, x = () => {
+    const o = [];
+    if (h <= 7)
+      for (let i = 1; i <= h; i++)
+        o.push(i);
+    else if (s <= 3) {
+      for (let i = 1; i <= 5; i++) o.push(i);
+      o.push("..."), o.push(h);
+    } else if (s >= h - 2) {
+      o.push(1), o.push("...");
+      for (let i = h - 4; i <= h; i++) o.push(i);
+    } else {
+      o.push(1), o.push("...");
+      for (let i = s - 1; i <= s + 1; i++) o.push(i);
+      o.push("..."), o.push(h);
+    }
+    return o;
+  };
+  return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between px-4 py-3 border-t border-[#EEEEEE] sm:px-6 mt-4", children: [
+    f && /* @__PURE__ */ e.jsxs("div", { className: "text-sm text-[#181918]", children: [
+      v,
+      "-",
+      p,
+      " of ",
+      n,
+      " items"
+    ] }),
+    /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
+      c && /* @__PURE__ */ e.jsx(
+        oe,
+        {
+          value: l.toString(),
+          onChange: (o) => a(Number(o)),
+          options: u.map((o) => ({
+            value: o.toString(),
+            label: `${o} / page`
+          })),
+          size: "sm",
+          className: "w-32"
+        }
+      ),
+      /* @__PURE__ */ e.jsxs("nav", { className: "inline-flex gap-1 items-center", "aria-label": "Pagination", children: [
+        /* @__PURE__ */ e.jsx(
+          "button",
+          {
+            onClick: () => r(s - 1),
+            disabled: s === 1,
+            className: `relative inline-flex items-center justify-center rounded-md ${d[m].nav} text-[#181918] hover:bg-gray-100 focus:z-20 disabled:opacity-30 disabled:cursor-not-allowed disabled:hover:bg-transparent transition-all duration-300 ease-out hover:scale-110 active:scale-95`,
+            children: /* @__PURE__ */ e.jsx("svg", { className: d[m].icon, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", children: /* @__PURE__ */ e.jsx(
+              "path",
+              {
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                strokeWidth: 2,
+                d: "M15 19l-7-7 7-7"
+              }
+            ) })
+          }
+        ),
+        x().map((o, y) => o === "..." ? /* @__PURE__ */ e.jsx(
+          "span",
+          {
+            className: `relative inline-flex items-center justify-center ${d[m].button} font-normal text-[#181918]`,
+            children: "..."
+          },
+          `ellipsis-${y}`
+        ) : /* @__PURE__ */ e.jsx(
+          "button",
+          {
+            onClick: () => r(o),
+            className: `relative inline-flex items-center justify-center rounded-md ${d[m].button} font-medium transition-all duration-300 ease-out focus:z-20 hover:scale-105 active:scale-95 ${s === o ? "bg-[#EC615B] text-white shadow-sm" : "text-[#181918] hover:bg-gray-100"}`,
+            children: o
+          },
+          o
+        )),
+        /* @__PURE__ */ e.jsx(
+          "button",
+          {
+            onClick: () => r(s + 1),
+            disabled: s === h,
+            className: `relative inline-flex items-center justify-center rounded-md ${d[m].nav} text-[#181918] hover:bg-gray-100 focus:z-20 disabled:opacity-30 disabled:cursor-not-allowed disabled:hover:bg-transparent transition-all duration-300 ease-out hover:scale-110 active:scale-95`,
+            children: /* @__PURE__ */ e.jsx("svg", { className: d[m].icon, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", children: /* @__PURE__ */ e.jsx(
+              "path",
+              {
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                strokeWidth: 2,
+                d: "M9 5l7 7-7 7"
+              }
+            ) })
+          }
+        )
+      ] })
+    ] })
+  ] });
+}, ge = ({
+  title: s,
+  description: l,
+  searchPlaceholder: n = "Search...",
+  onSearch: r,
+  actions: a,
+  filters: c,
+  className: u = ""
+}) => {
+  const f = (m) => {
+    r == null || r(m.target.value);
+  };
+  return /* @__PURE__ */ e.jsxs("div", { className: `space-y-4 mb-4 ${u}`, children: [
+    (s || l) && /* @__PURE__ */ e.jsxs("div", { children: [
+      s && /* @__PURE__ */ e.jsx("h2", { className: "text-xl font-semibold text-gray-900", children: s }),
+      l && /* @__PURE__ */ e.jsx("p", { className: "text-sm text-gray-500 mt-1", children: l })
+    ] }),
+    /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between gap-4", children: [
+      r && /* @__PURE__ */ e.jsx("div", { className: "flex-1 max-w-md", children: /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
+        /* @__PURE__ */ e.jsx("div", { className: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none", children: /* @__PURE__ */ e.jsx(
+          "svg",
+          {
+            className: "h-5 w-5 text-gray-400",
+            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",
+          {
+            type: "text",
+            placeholder: n,
+            onChange: f,
+            className: "block w-full pl-10 pr-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent text-sm"
+          }
+        )
+      ] }) }),
+      a && /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-2", children: a })
+    ] }),
+    c && /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-3", children: c })
+  ] });
+}, pe = ({
+  open: s,
+  onClose: l,
+  title: n,
+  children: r,
+  footer: a,
+  width: c = "520px",
+  closable: u = !0,
+  maskClosable: f = !0,
+  centered: m = !0,
+  className: h = ""
 }) => {
-  const o = {
-    primary: "bg-blue-500 hover:bg-blue-600 border-blue-500",
-    secondary: "bg-gray-500 hover:bg-gray-600 border-gray-500",
-    success: "bg-green-500 hover:bg-green-600 border-green-500",
-    danger: "bg-red-500 hover:bg-red-600 border-red-500"
-  }, s = f ? "w-full" : "", i = `${o[l]} ${s} ${u}`;
-  return /* @__PURE__ */ ae.jsx(
-    ee,
+  const [v, p] = _(!1), [d, x] = _(!1);
+  if (z(() => {
+    if (s)
+      p(!0), setTimeout(() => x(!0), 10), document.body.style.overflow = "hidden";
+    else {
+      x(!1);
+      const i = setTimeout(() => {
+        p(!1);
+      }, 200);
+      return document.body.style.overflow = "unset", () => clearTimeout(i);
+    }
+  }, [s]), z(() => {
+    const i = (k) => {
+      k.key === "Escape" && u && s && l();
+    };
+    return s && document.addEventListener("keydown", i), () => {
+      document.removeEventListener("keydown", i);
+    };
+  }, [s, l, u]), !v) return null;
+  const o = () => {
+    f && l();
+  }, y = (i) => {
+    i.stopPropagation();
+  };
+  return /* @__PURE__ */ e.jsxs(
+    "div",
     {
-      type: "primary",
-      className: i,
-      ...c
+      className: "fixed inset-0 z-50 overflow-y-auto",
+      onClick: o,
+      children: [
+        /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            className: `fixed inset-0 bg-black transition-opacity duration-200 ease-out ${d ? "opacity-50" : "opacity-0"}`
+          }
+        ),
+        /* @__PURE__ */ e.jsx("div", { className: `flex min-h-full items-center justify-center p-4 ${m ? "items-center" : "items-start pt-20"}`, children: /* @__PURE__ */ e.jsxs(
+          "div",
+          {
+            className: `relative bg-white rounded-lg shadow-xl transition-all duration-200 ease-out ${d ? "opacity-100 scale-100 translate-y-0" : "opacity-0 scale-95 -translate-y-4"} ${h}`,
+            style: { width: c, maxWidth: "90vw" },
+            onClick: y,
+            children: [
+              (n || u) && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between px-6 py-4 border-b border-gray-200", children: [
+                n && /* @__PURE__ */ e.jsx("h3", { className: "text-lg font-semibold text-gray-900", children: n }),
+                u && /* @__PURE__ */ e.jsx(
+                  "button",
+                  {
+                    onClick: l,
+                    className: "text-gray-400 hover:text-gray-600 transition-colors duration-200 ease-out",
+                    children: /* @__PURE__ */ e.jsx(
+                      "svg",
+                      {
+                        className: "w-5 h-5",
+                        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"
+                          }
+                        )
+                      }
+                    )
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ e.jsx("div", { className: "px-6 py-4 max-h-[70vh] overflow-y-auto", children: r }),
+              a && /* @__PURE__ */ e.jsx("div", { className: "px-6 py-4 border-t border-gray-200 flex justify-end gap-2", children: a })
+            ]
+          }
+        ) })
+      ]
     }
   );
-};
+}, ve = ({
+  children: s,
+  variant: l = "default",
+  size: n = "md",
+  dot: r = !1,
+  icon: a,
+  iconPosition: c = "left",
+  className: u = ""
+}) => {
+  const f = {
+    default: "bg-gray-100 text-[#181918]",
+    primary: "bg-[#FCEAE9] text-[#EC615B]",
+    success: "bg-green-100 text-green-800",
+    warning: "bg-yellow-100 text-yellow-800",
+    danger: "bg-red-100 text-red-800",
+    info: "bg-cyan-100 text-cyan-800"
+  }, m = {
+    sm: "px-2 py-0.5 text-xs",
+    md: "px-2.5 py-1 text-sm",
+    lg: "px-3 py-1.5 text-base"
+  }, h = {
+    sm: "w-1.5 h-1.5",
+    md: "w-2 h-2",
+    lg: "w-2.5 h-2.5"
+  }, v = {
+    default: "bg-gray-600",
+    primary: "bg-[#EC615B]",
+    success: "bg-green-600",
+    warning: "bg-yellow-600",
+    danger: "bg-red-600",
+    info: "bg-cyan-600"
+  }, p = {
+    sm: "w-3 h-3",
+    md: "w-3.5 h-3.5",
+    lg: "w-4 h-4"
+  };
+  return /* @__PURE__ */ e.jsxs(
+    "span",
+    {
+      className: `inline-flex items-center gap-1.5 font-medium rounded-full transition-all duration-200 ${f[l]} ${m[n]} ${u}`,
+      children: [
+        r && /* @__PURE__ */ e.jsx("span", { className: `rounded-full ${h[n]} ${v[l]}` }),
+        a && c === "left" && /* @__PURE__ */ e.jsx("span", { className: `inline-flex items-center ${p[n]}`, children: a }),
+        s,
+        a && c === "right" && /* @__PURE__ */ e.jsx("span", { className: `inline-flex items-center ${p[n]}`, children: a })
+      ]
+    }
+  );
+}, be = ({
+  items: s,
+  current: l = 0,
+  direction: n = "vertical",
+  size: r = "md",
+  variant: a = "default",
+  className: c = ""
+}) => {
+  const u = (d, x) => x.status ? x.status : d < l ? "finish" : d === l ? "process" : "wait", f = {
+    sm: "w-6 h-6",
+    md: "w-8 h-8",
+    lg: "w-10 h-10"
+  }, m = {
+    sm: "text-sm",
+    md: "text-base",
+    lg: "text-lg"
+  }, h = {
+    sm: "text-xs",
+    md: "text-sm",
+    lg: "text-base"
+  }, v = (d, x) => x || (d === "finish" ? /* @__PURE__ */ e.jsx("svg", { className: "w-5 h-5", 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"
+    }
+  ) }) : d === "error" ? /* @__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"
+    }
+  ) }) : null), p = (d) => {
+    const x = a === "outline";
+    switch (d) {
+      case "finish":
+        return {
+          icon: x ? "bg-white text-green-500 border-green-500" : "bg-green-500 text-white border-green-500",
+          title: "text-[#181918]",
+          description: "text-gray-600",
+          line: "bg-green-500"
+        };
+      case "process":
+        return {
+          icon: x ? "bg-white text-[#EC615B] border-[#EC615B]" : "bg-[#EC615B] text-white border-[#EC615B]",
+          title: "text-[#181918] font-semibold",
+          description: "text-gray-700",
+          line: "bg-gray-300"
+        };
+      case "error":
+        return {
+          icon: x ? "bg-white text-red-500 border-red-500" : "bg-red-500 text-white border-red-500",
+          title: "text-red-600",
+          description: "text-red-500",
+          line: "bg-gray-300"
+        };
+      default:
+        return {
+          icon: "bg-white text-gray-400 border-gray-300",
+          title: "text-gray-500",
+          description: "text-gray-400",
+          line: "bg-gray-300"
+        };
+    }
+  };
+  return n === "horizontal" ? /* @__PURE__ */ e.jsx("div", { className: `flex items-start ${c}`, children: s.map((d, x) => {
+    const o = u(x, d), y = p(o), i = x === s.length - 1;
+    return /* @__PURE__ */ e.jsxs("div", { className: "flex flex-1 items-start", children: [
+      /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col items-center", children: [
+        /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            className: `flex items-center justify-center ${f[r]} rounded-full border transition-all duration-300 ${y.icon}`,
+            children: v(o, d.icon)
+          }
+        ),
+        /* @__PURE__ */ e.jsxs("div", { className: "mt-2 text-center", children: [
+          /* @__PURE__ */ e.jsx(
+            "div",
+            {
+              className: `${m[r]} ${y.title} transition-colors duration-300`,
+              children: d.title
+            }
+          ),
+          d.description && /* @__PURE__ */ e.jsx(
+            "div",
+            {
+              className: `${h[r]} ${y.description} mt-1 transition-colors duration-300`,
+              children: d.description
+            }
+          )
+        ] })
+      ] }),
+      !i && /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          className: `flex-1 h-0.5 mt-4 mx-2 ${y.line} transition-colors duration-300`
+        }
+      )
+    ] }, x);
+  }) }) : /* @__PURE__ */ e.jsx("div", { className: `flex flex-col ${c}`, children: s.map((d, x) => {
+    const o = u(x, d), y = p(o), i = x === s.length - 1;
+    return /* @__PURE__ */ e.jsxs("div", { className: "flex", children: [
+      /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col items-center mr-4", children: [
+        /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            className: `flex items-center justify-center ${f[r]} rounded-full border transition-all duration-300 ${y.icon}`,
+            children: v(o, d.icon)
+          }
+        ),
+        !i && /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            className: `w-0.5 flex-1 my-1 ${y.line} transition-colors duration-300`,
+            style: { minHeight: "20px" }
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e.jsxs("div", { className: "flex-1 pb-6", children: [
+        /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            className: `${m[r]} ${y.title} transition-colors duration-300`,
+            children: d.title
+          }
+        ),
+        d.description && /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            className: `${h[r]} ${y.description} mt-1 transition-colors duration-300`,
+            children: d.description
+          }
+        )
+      ] })
+    ] }, x);
+  }) });
+}, ye = ({
+  percent: s = 0,
+  status: l = "normal",
+  showInfo: n = !0,
+  strokeColor: r,
+  strokeWidth: a,
+  size: c = "md",
+  className: u = "",
+  format: f
+}) => {
+  const m = Math.min(100, Math.max(0, s)), h = {
+    sm: "h-1.5",
+    md: "h-2",
+    lg: "h-3"
+  }, v = {
+    sm: "text-xs",
+    md: "text-sm",
+    lg: "text-base"
+  }, p = () => {
+    if (r) return r;
+    switch (l) {
+      case "success":
+        return "bg-green-500";
+      case "exception":
+        return "bg-red-500";
+      case "active":
+        return "bg-[#EC615B]";
+      default:
+        return m === 100 ? "bg-green-500" : "bg-[#EC615B]";
+    }
+  }, d = () => l === "success" || m === 100 ? /* @__PURE__ */ e.jsx("svg", { className: "w-4 h-4 text-green-500", 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"
+    }
+  ) }) : l === "exception" ? /* @__PURE__ */ e.jsx("svg", { className: "w-4 h-4 text-red-500", 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"
+    }
+  ) }) : null, x = () => f ? f(m) : `${Math.round(m)}%`, o = a ? `${a}px` : void 0;
+  return /* @__PURE__ */ e.jsxs("div", { className: `flex items-center gap-2 ${u}`, children: [
+    /* @__PURE__ */ e.jsx("div", { className: "flex-1", children: /* @__PURE__ */ e.jsx(
+      "div",
+      {
+        className: `w-full bg-gray-200 rounded-full overflow-hidden ${h[c]}`,
+        style: { height: o },
+        children: /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            className: `${p()} ${h[c]} rounded-full transition-all duration-300 ease-out ${l === "active" ? "progress-active" : ""}`,
+            style: {
+              width: `${m}%`,
+              height: o
+            }
+          }
+        )
+      }
+    ) }),
+    n && /* @__PURE__ */ e.jsx("div", { className: `flex items-center gap-1 ${v[c]} text-gray-600 font-normal`, children: d() || x() })
+  ] });
+}, je = ({
+  checked: s,
+  defaultChecked: l = !1,
+  onChange: n,
+  disabled: r = !1,
+  indeterminate: a = !1,
+  size: c = "md",
+  variant: u = "filled",
+  className: f = "",
+  id: m,
+  name: h,
+  value: v
+}) => {
+  const [p, d] = _(l), x = s !== void 0, o = x ? s : p, y = (R) => {
+    if (r) return;
+    const T = R.target.checked;
+    x || d(T), n == null || n(T);
+  }, i = {
+    sm: "w-4 h-4",
+    md: "w-5 h-5",
+    lg: "w-6 h-6"
+  }, k = {
+    sm: "w-3 h-3",
+    md: "w-3.5 h-3.5",
+    lg: "w-4 h-4"
+  }, b = u === "filled", N = () => r ? "cursor-not-allowed opacity-50 border-gray-300 bg-gray-100" : b ? !o && !a ? "border-gray-300 bg-white hover:border-gray-400" : "border-[#EC615B] bg-[#EC615B] hover:bg-[#D4554F] hover:border-[#D4554F]" : !o && !a ? "border-gray-300 bg-white hover:border-gray-400" : "border-[#EC615B] bg-white hover:border-[#D4554F]", $ = () => b ? "text-white" : "text-[#EC615B]";
+  return /* @__PURE__ */ e.jsxs("div", { className: "inline-flex items-center", children: [
+    /* @__PURE__ */ e.jsx(
+      "input",
+      {
+        type: "checkbox",
+        id: m,
+        name: h,
+        value: v,
+        checked: o,
+        onChange: y,
+        disabled: r,
+        className: "sr-only"
+      }
+    ),
+    /* @__PURE__ */ e.jsxs(
+      "label",
+      {
+        htmlFor: m,
+        className: `
+          relative flex items-center justify-center
+          ${i[c]}
+          ${u === "outline" ? "border" : "border-2"}
+          rounded
+          transition-all duration-200 ease-out
+          cursor-pointer
+          ${N()}
+          ${f}
+        `,
+        children: [
+          o && !a && /* @__PURE__ */ e.jsx(
+            "svg",
+            {
+              className: `${k[c]} ${$()}`,
+              fill: "none",
+              stroke: "currentColor",
+              viewBox: "0 0 24 24",
+              strokeWidth: 3,
+              children: /* @__PURE__ */ e.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" })
+            }
+          ),
+          a && /* @__PURE__ */ e.jsx(
+            "svg",
+            {
+              className: `${k[c]} ${$()}`,
+              fill: "currentColor",
+              viewBox: "0 0 24 24",
+              children: /* @__PURE__ */ e.jsx("rect", { x: "4", y: "11", width: "16", height: "2", rx: "1" })
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}, we = ({
+  items: s,
+  onRemove: l,
+  emptyMessage: n = "No items selected",
+  className: r = "",
+  itemClassName: a = "",
+  maxHeight: c = "300px"
+}) => s.length === 0 ? /* @__PURE__ */ e.jsx("div", { className: `text-center py-8 text-gray-500 text-sm ${r}`, children: n }) : /* @__PURE__ */ e.jsx(
+  "div",
+  {
+    className: `space-y-2 overflow-y-auto ${r}`,
+    style: { maxHeight: c },
+    children: s.map((u, f) => /* @__PURE__ */ e.jsxs(
+      "div",
+      {
+        className: `
+            group flex items-center justify-between
+            bg-[#F4F4F4] rounded-lg px-4 py-3
+            transition-all duration-300 ease-out
+            hover:bg-[#EBEBEB] hover:shadow-sm
+            animate-slide-in-item
+            ${a}
+          `,
+        style: {
+          animationDelay: `${f * 50}ms`
+        },
+        children: [
+          /* @__PURE__ */ e.jsxs("div", { className: "flex-1 min-w-0", children: [
+            u.sublabel && /* @__PURE__ */ e.jsx("div", { className: "text-xs text-gray-500 font-normal mb-0.5", children: u.sublabel }),
+            /* @__PURE__ */ e.jsx("div", { className: "text-sm font-medium text-[#181918] truncate", children: u.label })
+          ] }),
+          /* @__PURE__ */ e.jsx(
+            "button",
+            {
+              onClick: () => l(u.id),
+              className: `
+              ml-3 flex-shrink-0
+              w-6 h-6 rounded-full
+              flex items-center justify-center
+              text-gray-400
+              transition-all duration-200 ease-out
+              hover:bg-white hover:text-[#EC615B] hover:scale-110
+              active:scale-95
+              focus:outline-none focus:ring-2 focus:ring-[#EC615B] focus:ring-opacity-50
+            `,
+              "aria-label": `Remove ${u.label}`,
+              children: /* @__PURE__ */ e.jsx(
+                "svg",
+                {
+                  className: "w-4 h-4",
+                  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"
+                    }
+                  )
+                }
+              )
+            }
+          )
+        ]
+      },
+      u.id
+    ))
+  }
+);
 export {
-  le as Button
+  ve as Badge,
+  de as Button,
+  fe as Card,
+  je as Checkbox,
+  me as Dropdown,
+  pe as Modal,
+  ye as Progress,
+  xe as SearchInput,
+  oe as Select,
+  we as SelectedItemsList,
+  ue as StatCard,
+  be as Steps,
+  he as Table,
+  ge as TableTop
 };
 //# sourceMappingURL=index.mjs.map