frostglass 1.0.0

package/dist-lib/frostglass.es.js

@@ -0,0 +1,992 @@
+import re, { useState as N, useEffect as A, useRef as B, createContext as me, useContext as ae } from "react";
+import { X as O, ChevronDown as ne, Check as ge, XCircle as xe, AlertCircle as he, CheckCircle as fe, Info as pe, Upload as ve, FileText as be, ChevronsLeft as ye, ChevronLeft as V, ChevronRight as G, ChevronsRight as je, AlertTriangle as ke, Star as Ne } from "lucide-react";
+import { createPortal as le } from "react-dom";
+var D = { exports: {} }, S = {};
+var K;
+function we() {
+  if (K) return S;
+  K = 1;
+  var s = /* @__PURE__ */ Symbol.for("react.transitional.element"), r = /* @__PURE__ */ Symbol.for("react.fragment");
+  function n(o, l, a) {
+    var i = null;
+    if (a !== void 0 && (i = "" + a), l.key !== void 0 && (i = "" + l.key), "key" in l) {
+      a = {};
+      for (var c in l)
+        c !== "key" && (a[c] = l[c]);
+    } else a = l;
+    return l = a.ref, {
+      $$typeof: s,
+      type: o,
+      key: i,
+      ref: l !== void 0 ? l : null,
+      props: a
+    };
+  }
+  return S.Fragment = r, S.jsx = n, S.jsxs = n, S;
+}
+var $ = {};
+var ee;
+function Ee() {
+  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 === ce ? null : t.displayName || t.name || null;
+      if (typeof t == "string") return t;
+      switch (t) {
+        case v:
+          return "Fragment";
+        case h:
+          return "Profiler";
+        case j:
+          return "StrictMode";
+        case M:
+          return "Suspense";
+        case F:
+          return "SuspenseList";
+        case ie:
+          return "Activity";
+      }
+      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."
+        ), t.$$typeof) {
+          case _:
+            return "Portal";
+          case T:
+            return t.displayName || "Context";
+          case E:
+            return (t._context.displayName || "Context") + ".Consumer";
+          case k:
+            var d = t.render;
+            return t = t.displayName, t || (t = d.displayName || d.name || "", t = t !== "" ? "ForwardRef(" + t + ")" : "ForwardRef"), t;
+          case oe:
+            return d = t.displayName || null, d !== null ? d : s(t.type) || "Memo";
+          case P:
+            d = t._payload, t = t._init;
+            try {
+              return s(t(d));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function r(t) {
+      return "" + t;
+    }
+    function n(t) {
+      try {
+        r(t);
+        var d = !1;
+      } catch {
+        d = !0;
+      }
+      if (d) {
+        d = console;
+        var x = d.error, f = typeof Symbol == "function" && Symbol.toStringTag && t[Symbol.toStringTag] || t.constructor.name || "Object";
+        return x.call(
+          d,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          f
+        ), r(t);
+      }
+    }
+    function o(t) {
+      if (t === v) return "<>";
+      if (typeof t == "object" && t !== null && t.$$typeof === P)
+        return "<...>";
+      try {
+        var d = s(t);
+        return d ? "<" + d + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function l() {
+      var t = Y.A;
+      return t === null ? null : t.getOwner();
+    }
+    function a() {
+      return Error("react-stack-top-frame");
+    }
+    function i(t) {
+      if (J.call(t, "key")) {
+        var d = Object.getOwnPropertyDescriptor(t, "key").get;
+        if (d && d.isReactWarning) return !1;
+      }
+      return t.key !== void 0;
+    }
+    function c(t, d) {
+      function x() {
+        q || (q = !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)",
+          d
+        ));
+      }
+      x.isReactWarning = !0, Object.defineProperty(t, "key", {
+        get: x,
+        configurable: !0
+      });
+    }
+    function u() {
+      var t = s(this.type);
+      return X[t] || (X[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."
+      )), t = this.props.ref, t !== void 0 ? t : null;
+    }
+    function g(t, d, x, f, z, W) {
+      var p = x.ref;
+      return t = {
+        $$typeof: R,
+        type: t,
+        key: d,
+        props: x,
+        _owner: f
+      }, (p !== void 0 ? p : null) !== null ? Object.defineProperty(t, "ref", {
+        enumerable: !1,
+        get: u
+      }) : 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(t, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(t, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: z
+      }), Object.defineProperty(t, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: W
+      }), Object.freeze && (Object.freeze(t.props), Object.freeze(t)), t;
+    }
+    function b(t, d, x, f, z, W) {
+      var p = d.children;
+      if (p !== void 0)
+        if (f)
+          if (de(p)) {
+            for (f = 0; f < p.length; f++)
+              m(p[f]);
+            Object.freeze && Object.freeze(p);
+          } 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 m(p);
+      if (J.call(d, "key")) {
+        p = s(t);
+        var C = Object.keys(d).filter(function(ue) {
+          return ue !== "key";
+        });
+        f = 0 < C.length ? "{key: someKey, " + C.join(": ..., ") + ": ...}" : "{key: someKey}", Q[p + f] || (C = 0 < C.length ? "{" + C.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} />`,
+          f,
+          p,
+          C,
+          p
+        ), Q[p + f] = !0);
+      }
+      if (p = null, x !== void 0 && (n(x), p = "" + x), i(d) && (n(d.key), p = "" + d.key), "key" in d) {
+        x = {};
+        for (var L in d)
+          L !== "key" && (x[L] = d[L]);
+      } else x = d;
+      return p && c(
+        x,
+        typeof t == "function" ? t.displayName || t.name || "Unknown" : t
+      ), g(
+        t,
+        p,
+        x,
+        l(),
+        z,
+        W
+      );
+    }
+    function m(t) {
+      y(t) ? t._store && (t._store.validated = 1) : typeof t == "object" && t !== null && t.$$typeof === P && (t._payload.status === "fulfilled" ? y(t._payload.value) && t._payload.value._store && (t._payload.value._store.validated = 1) : t._store && (t._store.validated = 1));
+    }
+    function y(t) {
+      return typeof t == "object" && t !== null && t.$$typeof === R;
+    }
+    var w = re, R = /* @__PURE__ */ Symbol.for("react.transitional.element"), _ = /* @__PURE__ */ Symbol.for("react.portal"), v = /* @__PURE__ */ Symbol.for("react.fragment"), j = /* @__PURE__ */ Symbol.for("react.strict_mode"), h = /* @__PURE__ */ Symbol.for("react.profiler"), E = /* @__PURE__ */ Symbol.for("react.consumer"), T = /* @__PURE__ */ Symbol.for("react.context"), k = /* @__PURE__ */ Symbol.for("react.forward_ref"), M = /* @__PURE__ */ Symbol.for("react.suspense"), F = /* @__PURE__ */ Symbol.for("react.suspense_list"), oe = /* @__PURE__ */ Symbol.for("react.memo"), P = /* @__PURE__ */ Symbol.for("react.lazy"), ie = /* @__PURE__ */ Symbol.for("react.activity"), ce = /* @__PURE__ */ Symbol.for("react.client.reference"), Y = w.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, J = Object.prototype.hasOwnProperty, de = Array.isArray, I = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    w = {
+      react_stack_bottom_frame: function(t) {
+        return t();
+      }
+    };
+    var q, X = {}, H = w.react_stack_bottom_frame.bind(
+      w,
+      a
+    )(), Z = I(o(a)), Q = {};
+    $.Fragment = v, $.jsx = function(t, d, x) {
+      var f = 1e4 > Y.recentlyCreatedOwnerStacks++;
+      return b(
+        t,
+        d,
+        x,
+        !1,
+        f ? Error("react-stack-top-frame") : H,
+        f ? I(o(t)) : Z
+      );
+    }, $.jsxs = function(t, d, x) {
+      var f = 1e4 > Y.recentlyCreatedOwnerStacks++;
+      return b(
+        t,
+        d,
+        x,
+        !0,
+        f ? Error("react-stack-top-frame") : H,
+        f ? I(o(t)) : Z
+      );
+    };
+  })()), $;
+}
+var se;
+function Te() {
+  return se || (se = 1, process.env.NODE_ENV === "production" ? D.exports = we() : D.exports = Ee()), D.exports;
+}
+var e = Te();
+const te = ({
+  children: s,
+  variant: r = "primary",
+  size: n = "md",
+  className: o = "",
+  onClick: l,
+  ...a
+}) => {
+  const i = {
+    sm: { fontSize: "0.8rem", padding: "0.4rem 0.8rem" },
+    md: { fontSize: "0.95rem", padding: "0.6rem 1.2rem" },
+    lg: { fontSize: "1.1rem", padding: "0.8rem 1.6rem" }
+  };
+  return /* @__PURE__ */ e.jsx(
+    "button",
+    {
+      className: `glass-btn ${r} ${o}`,
+      style: {
+        ...i[n],
+        ...a.style
+      },
+      onClick: l,
+      ...a,
+      children: s
+    }
+  );
+}, $e = ({ children: s, className: r = "", hoverEffect: n = !1, ...o }) => /* @__PURE__ */ e.jsxs(
+  "div",
+  {
+    className: `${n ? "glass-interactive" : "glass"} ${r}`,
+    style: { padding: "1.5rem", position: "relative", overflow: "hidden" },
+    ...o,
+    children: [
+      /* @__PURE__ */ e.jsx("div", { style: {
+        position: "absolute",
+        top: 0,
+        left: 0,
+        right: 0,
+        height: "1px",
+        background: "linear-gradient(90deg, transparent, rgba(255,255,255,0.8), transparent)"
+      } }),
+      s
+    ]
+  }
+), Re = ({ isOpen: s, onClose: r, title: n, children: o }) => {
+  const [l, a] = N(!1);
+  return A(() => {
+    if (a(!0), s) {
+      const i = window.innerWidth - document.documentElement.clientWidth;
+      document.body.style.paddingRight = `${i}px`, document.body.style.overflow = "hidden";
+    }
+    return () => {
+      document.body.style.overflow = "unset", document.body.style.paddingRight = "0px";
+    };
+  }, [s]), !l || !s ? null : le(
+    /* @__PURE__ */ e.jsx("div", { className: "glass-overlay", children: /* @__PURE__ */ e.jsxs(
+      "div",
+      {
+        className: "glass glass-animate-enter",
+        style: {
+          width: "90%",
+          maxWidth: "500px",
+          padding: "1.5rem",
+          background: "rgba(255, 255, 255, 0.9)",
+          boxShadow: "0 20px 40px rgba(0,0,0,0.1)"
+        },
+        children: [
+          /* @__PURE__ */ e.jsxs("div", { style: {
+            display: "flex",
+            justifyContent: "space-between",
+            alignItems: "center",
+            marginBottom: "1rem",
+            paddingBottom: "0.5rem",
+            borderBottom: "1px solid rgba(0,0,0,0.05)"
+          }, children: [
+            /* @__PURE__ */ e.jsx("h3", { style: { fontSize: "1.25rem", fontWeight: 700 }, children: n }),
+            /* @__PURE__ */ e.jsx(
+              "button",
+              {
+                onClick: r,
+                className: "glass-close-btn",
+                children: /* @__PURE__ */ e.jsx(O, { size: 20 })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e.jsx("div", { style: { color: "var(--color-text-dim)", lineHeight: 1.6 }, children: o })
+        ]
+      }
+    ) }),
+    document.body
+  );
+}, Ae = ({ label: s, error: r, ...n }) => /* @__PURE__ */ e.jsxs("div", { style: { marginBottom: "1rem" }, children: [
+  s && /* @__PURE__ */ e.jsx("label", { style: {
+    display: "block",
+    marginBottom: "0.4rem",
+    fontSize: "0.9rem",
+    fontWeight: 500,
+    color: "var(--color-text)"
+  }, children: s }),
+  /* @__PURE__ */ e.jsx("input", { className: "glass-input", ...n }),
+  r && /* @__PURE__ */ e.jsx("span", { style: { fontSize: "0.8rem", color: "var(--color-accent)", marginTop: "0.2rem", display: "block" }, children: r })
+] }), ze = ({ options: s, value: r, onChange: n, placeholder: o = "Select..." }) => {
+  const [l, a] = N(!1), [i, c] = N(!1), u = B(null);
+  A(() => {
+    l && c(!0);
+  }, [l]);
+  const g = () => {
+    l || c(!1);
+  };
+  A(() => {
+    const m = (y) => {
+      u.current && !u.current.contains(y.target) && a(!1);
+    };
+    return document.addEventListener("mousedown", m), () => document.removeEventListener("mousedown", m);
+  }, []);
+  const b = s.find((m) => m.value === r)?.label || o;
+  return /* @__PURE__ */ e.jsxs("div", { ref: u, style: { position: "relative", minWidth: "150px" }, children: [
+    /* @__PURE__ */ e.jsxs(
+      "button",
+      {
+        className: "glass-input",
+        onClick: () => a(!l),
+        style: {
+          display: "flex",
+          justifyContent: "space-between",
+          alignItems: "center",
+          cursor: "pointer",
+          background: l ? "rgba(255,255,255,0.8)" : "rgba(255,255,255,0.4)"
+        },
+        children: [
+          /* @__PURE__ */ e.jsx("span", { children: b }),
+          /* @__PURE__ */ e.jsx(
+            ne,
+            {
+              size: 16,
+              style: {
+                transform: l ? "rotate(180deg)" : "rotate(0)",
+                transition: "transform 0.2s"
+              }
+            }
+          )
+        ]
+      }
+    ),
+    i && /* @__PURE__ */ e.jsx(
+      "div",
+      {
+        className: `glass ${l ? "glass-dropdown-enter" : "glass-dropdown-exit"}`,
+        onAnimationEnd: g,
+        style: {
+          position: "absolute",
+          top: "110%",
+          left: 0,
+          right: 0,
+          background: "rgba(255, 255, 255, 0.95)",
+          padding: "0.5rem",
+          zIndex: 50,
+          maxHeight: "200px",
+          overflowY: "auto"
+        },
+        children: s.map((m) => /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            onClick: () => {
+              n(m.value), a(!1);
+            },
+            style: {
+              padding: "0.6rem 0.8rem",
+              borderRadius: "8px",
+              cursor: "pointer",
+              color: r === m.value ? "var(--color-primary)" : "var(--color-text)",
+              background: r === m.value ? "rgba(59, 130, 246, 0.1)" : "transparent",
+              fontSize: "0.9rem",
+              transition: "background 0.2s",
+              marginBottom: "4px"
+            },
+            onMouseEnter: (y) => {
+              r !== m.value && (y.currentTarget.style.background = "rgba(0,0,0,0.03)");
+            },
+            onMouseLeave: (y) => {
+              r !== m.value && (y.currentTarget.style.background = "transparent");
+            },
+            children: m.label
+          },
+          m.value
+        ))
+      }
+    )
+  ] });
+}, De = ({ label: s, error: r, containerStyle: n, ...o }) => /* @__PURE__ */ e.jsxs("div", { style: { marginBottom: "1rem", width: "100%", ...n }, children: [
+  s && /* @__PURE__ */ e.jsx("label", { style: {
+    display: "block",
+    marginBottom: "0.4rem",
+    fontSize: "0.9rem",
+    fontWeight: 500,
+    color: "var(--color-text)"
+  }, children: s }),
+  /* @__PURE__ */ e.jsx("textarea", { className: "glass-textarea", ...o }),
+  r && /* @__PURE__ */ e.jsx("span", { style: { fontSize: "0.8rem", color: "var(--color-accent)", marginTop: "0.2rem", display: "block" }, children: r })
+] }), Oe = ({ checked: s, onChange: r, label: n }) => /* @__PURE__ */ e.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "10px" }, children: [
+  /* @__PURE__ */ e.jsxs("label", { className: "glass-switch-label", children: [
+    /* @__PURE__ */ e.jsx(
+      "input",
+      {
+        type: "checkbox",
+        className: "glass-switch-input",
+        checked: s,
+        onChange: (o) => r && r(o.target.checked)
+      }
+    ),
+    /* @__PURE__ */ e.jsx("span", { className: "glass-switch-slider" })
+  ] }),
+  n && /* @__PURE__ */ e.jsx("span", { style: { fontSize: "0.95rem", color: "var(--color-text)" }, children: n })
+] }), Ge = ({ checked: s, onChange: r, label: n, ...o }) => /* @__PURE__ */ e.jsxs("label", { className: "glass-checkbox-container", style: o.style, children: [
+  /* @__PURE__ */ e.jsx(
+    "input",
+    {
+      type: "checkbox",
+      className: "glass-checkbox-input",
+      checked: s,
+      onChange: (l) => r && r(l.target.checked),
+      ...o
+    }
+  ),
+  /* @__PURE__ */ e.jsx("span", { className: "glass-checkbox-checkmark", children: s && /* @__PURE__ */ e.jsx(ge, { size: 14, strokeWidth: 3 }) }),
+  n
+] }), Me = ({ checked: s, onChange: r, label: n, name: o, value: l, ...a }) => /* @__PURE__ */ e.jsxs("label", { className: "glass-radio-container", style: a.style, children: [
+  /* @__PURE__ */ e.jsx(
+    "input",
+    {
+      type: "radio",
+      className: "glass-radio-input",
+      name: o,
+      value: l,
+      checked: s,
+      onChange: (i) => r && r(i.target.value),
+      ...a
+    }
+  ),
+  /* @__PURE__ */ e.jsx("span", { className: "glass-radio-circle" }),
+  n
+] }), Fe = ({ value: s, min: r = 0, max: n = 100, onChange: o, ...l }) => /* @__PURE__ */ e.jsx("div", { className: "glass-slider-container", style: l.style, children: /* @__PURE__ */ e.jsx(
+  "input",
+  {
+    type: "range",
+    min: r,
+    max: n,
+    value: s,
+    onChange: (a) => o && o(Number(a.target.value)),
+    className: "glass-slider",
+    ...l
+  }
+) }), Pe = ({ value: s, max: r = 100, height: n = "12px", color: o, ...l }) => {
+  const a = Math.min(100, Math.max(0, s / r * 100));
+  return /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      className: "glass-progress-container",
+      style: { height: n, ...l.style },
+      children: /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          className: "glass-progress-bar",
+          style: {
+            width: `${a}%`,
+            backgroundColor: o || void 0
+          }
+        }
+      )
+    }
+  );
+}, Ye = ({ children: s, variant: r = "default", className: n = "", ...o }) => {
+  const l = {
+    default: { background: "rgba(255, 255, 255, 0.5)", color: "var(--color-text)" },
+    primary: { background: "rgba(59, 130, 246, 0.2)", color: "#1d4ed8", border: "1px solid rgba(59, 130, 246, 0.3)" },
+    success: { background: "rgba(16, 185, 129, 0.2)", color: "#047857", border: "1px solid rgba(16, 185, 129, 0.3)" },
+    warning: { background: "rgba(245, 158, 11, 0.2)", color: "#b45309", border: "1px solid rgba(245, 158, 11, 0.3)" },
+    error: { background: "rgba(239, 68, 68, 0.2)", color: "#b91c1c", border: "1px solid rgba(239, 68, 68, 0.3)" }
+  }, a = {
+    ...l[r] || l.default
+  };
+  return /* @__PURE__ */ e.jsx("span", { className: `glass-badge ${n}`, style: { ...a, ...o.style }, ...o, children: s });
+}, U = me({}), Ie = ({ defaultValue: s, value: r, onValueChange: n, children: o, className: l = "", ...a }) => {
+  const [i, c] = N(s), u = r !== void 0, g = u ? r : i, b = (m) => {
+    u || c(m), n && n(m);
+  };
+  return /* @__PURE__ */ e.jsx(U.Provider, { value: { activeTab: g, setActiveTab: b }, children: /* @__PURE__ */ e.jsx("div", { className: `glass-tabs ${l}`, ...a, style: { width: "100%", ...a.style }, children: o }) });
+}, We = ({ children: s, className: r = "", ...n }) => /* @__PURE__ */ e.jsx("div", { className: `glass-tabs-list ${r}`, ...n, children: s }), Le = ({ value: s, children: r, className: n = "", onClick: o, ...l }) => {
+  const { activeTab: a, setActiveTab: i } = ae(U), c = a === s, u = (g) => {
+    i(s), o && o(g);
+  };
+  return /* @__PURE__ */ e.jsx(
+    "button",
+    {
+      className: `glass-tab-trigger ${n}`,
+      "data-state": c ? "active" : "inactive",
+      onClick: u,
+      ...l,
+      children: r
+    }
+  );
+}, Be = ({ value: s, children: r, className: n = "", ...o }) => {
+  const { activeTab: l } = ae(U);
+  return l !== s ? null : /* @__PURE__ */ e.jsx("div", { className: `glass-tab-content glass-animate-enter ${n}`, ...o, style: { paddingTop: "1rem", ...o.style }, children: r });
+}, Ve = ({ columns: s, data: r, className: n = "", ...o }) => /* @__PURE__ */ e.jsx("div", { className: `glass-table-container ${n}`, ...o, children: /* @__PURE__ */ e.jsxs("table", { className: "glass-table", children: [
+  /* @__PURE__ */ e.jsx("thead", { children: /* @__PURE__ */ e.jsx("tr", { children: s.map((l, a) => /* @__PURE__ */ e.jsx("th", { style: { width: l.width }, children: l.title }, a)) }) }),
+  /* @__PURE__ */ e.jsx("tbody", { children: r.map((l, a) => /* @__PURE__ */ e.jsx("tr", { children: s.map((i, c) => /* @__PURE__ */ e.jsx("td", { children: i.render ? i.render(l[i.key], l) : l[i.key] }, `${a}-${c}`)) }, a)) })
+] }) }), Ue = ({ src: s, alt: r, fallback: n, size: o = "md", className: l = "", ...a }) => {
+  const i = {
+    sm: { width: "32px", height: "32px", fontSize: "12px" },
+    md: { width: "40px", height: "40px", fontSize: "14px" },
+    lg: { width: "56px", height: "56px", fontSize: "18px" },
+    xl: { width: "80px", height: "80px", fontSize: "24px" }
+  };
+  return /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: `glass-avatar ${l}`,
+      style: { ...i[o], ...a.style },
+      ...a,
+      children: [
+        s ? /* @__PURE__ */ e.jsx("img", { src: s, alt: r, onError: (c) => {
+          c.currentTarget.style.display = "none", c.currentTarget.nextSibling.style.display = "flex";
+        } }) : null,
+        /* @__PURE__ */ e.jsx(
+          "span",
+          {
+            className: "glass-avatar-fallback",
+            style: { display: s ? "none" : "flex" },
+            children: n || r?.charAt(0).toUpperCase() || "?"
+          }
+        )
+      ]
+    }
+  );
+}, Je = ({ content: s, children: r, className: n = "", ...o }) => /* @__PURE__ */ e.jsxs("div", { className: `glass-tooltip-trigger ${n}`, ...o, children: [
+  r,
+  /* @__PURE__ */ e.jsx("div", { className: "glass-tooltip-content", children: s })
+] }), qe = ({ type: s = "info", title: r, children: n, className: o = "", ...l }) => {
+  const a = {
+    info: {
+      background: "rgba(59, 130, 246, 0.1)",
+      borderColor: "rgba(59, 130, 246, 0.2)",
+      color: "#1d4ed8",
+      icon: /* @__PURE__ */ e.jsx(pe, { size: 20 })
+    },
+    success: {
+      background: "rgba(16, 185, 129, 0.1)",
+      borderColor: "rgba(16, 185, 129, 0.2)",
+      color: "#047857",
+      icon: /* @__PURE__ */ e.jsx(fe, { size: 20 })
+    },
+    warning: {
+      background: "rgba(245, 158, 11, 0.1)",
+      borderColor: "rgba(245, 158, 11, 0.2)",
+      color: "#b45309",
+      icon: /* @__PURE__ */ e.jsx(he, { size: 20 })
+    },
+    error: {
+      background: "rgba(239, 68, 68, 0.1)",
+      borderColor: "rgba(239, 68, 68, 0.2)",
+      color: "#b91c1c",
+      icon: /* @__PURE__ */ e.jsx(xe, { size: 20 })
+    }
+  }, i = a[s] || a.info;
+  return /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: `glass-alert ${o}`,
+      style: {
+        background: i.background,
+        borderColor: i.borderColor,
+        color: i.color,
+        ...l.style
+      },
+      ...l,
+      children: [
+        /* @__PURE__ */ e.jsx("div", { style: { flexShrink: 0, marginTop: "2px" }, children: i.icon }),
+        /* @__PURE__ */ e.jsxs("div", { children: [
+          r && /* @__PURE__ */ e.jsx("h5", { className: "glass-alert-title", children: r }),
+          /* @__PURE__ */ e.jsx("div", { className: "glass-alert-desc", children: n })
+        ] })
+      ]
+    }
+  );
+}, Xe = ({ width: s, height: r, borderRadius: n, className: o = "", ...l }) => /* @__PURE__ */ e.jsx(
+  "div",
+  {
+    className: `glass-skeleton ${o}`,
+    style: {
+      width: s,
+      height: r,
+      borderRadius: n || "8px",
+      ...l.style
+    },
+    ...l
+  }
+), He = ({
+  accept: s,
+  multiple: r,
+  onUpload: n,
+  title: o = "点击或拖拽文件上传",
+  hint: l = "支持 JPG, PNG, PDF (最大 10MB)",
+  showList: a = !0,
+  className: i = "",
+  ...c
+}) => {
+  const u = B(null), [g, b] = N([]), [m, y] = N(!1), w = (v) => {
+    const j = Array.from(v.target.files);
+    b((h) => r ? [...h, ...j] : j), n && n(j);
+  }, R = (v) => {
+    v.preventDefault(), y(!1);
+    const j = Array.from(v.dataTransfer.files);
+    b((h) => r ? [...h, ...j] : j), n && n(j);
+  }, _ = (v) => {
+    b(g.filter((j, h) => h !== v));
+  };
+  return /* @__PURE__ */ e.jsxs("div", { className: `glass-upload-container ${i}`, ...c, children: [
+    /* @__PURE__ */ e.jsxs(
+      "div",
+      {
+        className: `glass-upload-zone ${m ? "active" : ""}`,
+        onClick: () => u.current?.click(),
+        onDragOver: (v) => {
+          v.preventDefault(), y(!0);
+        },
+        onDragLeave: () => y(!1),
+        onDrop: R,
+        style: c.style,
+        children: [
+          /* @__PURE__ */ e.jsx(ve, { size: 32, strokeWidth: 1.5 }),
+          /* @__PURE__ */ e.jsxs("div", { children: [
+            /* @__PURE__ */ e.jsx("p", { style: { fontWeight: 500, marginBottom: "0.2rem" }, children: o }),
+            /* @__PURE__ */ e.jsx("p", { style: { fontSize: "0.8rem", opacity: 0.7 }, children: l })
+          ] }),
+          /* @__PURE__ */ e.jsx(
+            "input",
+            {
+              type: "file",
+              ref: u,
+              style: { display: "none" },
+              accept: s,
+              multiple: r,
+              onChange: w
+            }
+          )
+        ]
+      }
+    ),
+    a && g.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "glass-upload-file-list", children: g.map((v, j) => /* @__PURE__ */ e.jsxs("div", { className: "glass-upload-file-item", children: [
+      /* @__PURE__ */ e.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "0.5rem", overflow: "hidden" }, children: [
+        /* @__PURE__ */ e.jsx(be, { size: 16 }),
+        /* @__PURE__ */ e.jsx("span", { style: { whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis" }, children: v.name })
+      ] }),
+      /* @__PURE__ */ e.jsx(
+        "button",
+        {
+          onClick: () => _(j),
+          style: { color: "var(--color-text-dim)", cursor: "pointer", display: "flex" },
+          children: /* @__PURE__ */ e.jsx(O, { size: 16 })
+        }
+      )
+    ] }, j)) })
+  ] });
+}, Ze = ({ date: s, onDateSelect: r, className: n = "", ...o }) => {
+  const l = /* @__PURE__ */ new Date(), [a, i] = N(s || l), [c, u] = N(s || null), g = (h) => {
+    const E = h.getFullYear(), T = h.getMonth();
+    return new Date(E, T + 1, 0).getDate();
+  }, b = (h) => {
+    const E = h.getFullYear(), T = h.getMonth();
+    return new Date(E, T, 1).getDay();
+  }, m = () => {
+    i(new Date(a.getFullYear(), a.getMonth() - 1, 1));
+  }, y = () => {
+    i(new Date(a.getFullYear(), a.getMonth() + 1, 1));
+  }, w = () => {
+    i(new Date(a.getFullYear() - 1, a.getMonth(), 1));
+  }, R = () => {
+    i(new Date(a.getFullYear() + 1, a.getMonth(), 1));
+  }, _ = (h) => {
+    const E = new Date(a.getFullYear(), a.getMonth(), h);
+    u(E), r && r(E);
+  }, v = () => {
+    const h = g(a), E = b(a), T = [];
+    for (let k = 0; k < E; k++)
+      T.push(/* @__PURE__ */ e.jsx("div", { className: "glass-calendar-day empty" }, `empty-${k}`));
+    for (let k = 1; k <= h; k++) {
+      const M = k === l.getDate() && a.getMonth() === l.getMonth() && a.getFullYear() === l.getFullYear(), F = c && k === c.getDate() && a.getMonth() === c.getMonth() && a.getFullYear() === c.getFullYear();
+      T.push(
+        /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            className: `glass-calendar-day ${M ? "today" : ""} ${F ? "selected" : ""}`,
+            onClick: () => _(k),
+            children: k
+          },
+          k
+        )
+      );
+    }
+    return T;
+  }, j = ["日", "一", "二", "三", "四", "五", "六"];
+  return /* @__PURE__ */ e.jsxs("div", { className: `glass-calendar ${n}`, ...o, style: o.style, children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "glass-calendar-header", children: [
+      /* @__PURE__ */ e.jsxs("div", { style: { display: "flex", gap: "4px" }, children: [
+        /* @__PURE__ */ e.jsx("button", { onClick: w, title: "上一年", className: "glass-calendar-nav", children: /* @__PURE__ */ e.jsx(ye, { size: 18, color: "var(--color-text)" }) }),
+        /* @__PURE__ */ e.jsx("button", { onClick: m, title: "上个月", className: "glass-calendar-nav", children: /* @__PURE__ */ e.jsx(V, { size: 18, color: "var(--color-text)" }) })
+      ] }),
+      /* @__PURE__ */ e.jsxs("span", { className: "glass-calendar-title", children: [
+        a.getFullYear(),
+        "年 ",
+        a.getMonth() + 1,
+        "月"
+      ] }),
+      /* @__PURE__ */ e.jsxs("div", { style: { display: "flex", gap: "4px" }, children: [
+        /* @__PURE__ */ e.jsx("button", { onClick: y, title: "下个月", className: "glass-calendar-nav", children: /* @__PURE__ */ e.jsx(G, { size: 18, color: "var(--color-text)" }) }),
+        /* @__PURE__ */ e.jsx("button", { onClick: R, title: "下一年", className: "glass-calendar-nav", children: /* @__PURE__ */ e.jsx(je, { size: 18, color: "var(--color-text)" }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ e.jsxs("div", { className: "glass-calendar-grid", children: [
+      j.map((h) => /* @__PURE__ */ e.jsx("div", { className: "glass-calendar-day-header", children: h }, h)),
+      v()
+    ] })
+  ] });
+}, Qe = ({ currentPage: s, totalPages: r, onPageChange: n, className: o = "", ...l }) => {
+  const a = [];
+  for (let i = 1; i <= r; i++)
+    a.push(i);
+  return /* @__PURE__ */ e.jsxs("div", { className: `glass-pagination ${o}`, ...l, children: [
+    /* @__PURE__ */ e.jsx(
+      "button",
+      {
+        className: `glass-pagination-item ${s === 1 ? "disabled" : ""}`,
+        onClick: () => s > 1 && n(s - 1),
+        disabled: s === 1,
+        children: /* @__PURE__ */ e.jsx(V, { size: 16 })
+      }
+    ),
+    a.map((i) => /* @__PURE__ */ e.jsx(
+      "button",
+      {
+        className: `glass-pagination-item ${s === i ? "active" : ""}`,
+        onClick: () => n(i),
+        children: i
+      },
+      i
+    )),
+    /* @__PURE__ */ e.jsx(
+      "button",
+      {
+        className: `glass-pagination-item ${s === r ? "disabled" : ""}`,
+        onClick: () => s < r && n(s + 1),
+        disabled: s === r,
+        children: /* @__PURE__ */ e.jsx(G, { size: 16 })
+      }
+    )
+  ] });
+}, Ke = ({ isOpen: s, onClose: r, placement: n = "left", title: o, children: l, className: a = "", ...i }) => (A(() => (s ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
+  document.body.style.overflow = "";
+}), [s]), s ? le(
+  /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx("div", { className: "glass-drawer-overlay", onClick: r }),
+    /* @__PURE__ */ e.jsxs(
+      "div",
+      {
+        className: `glass-drawer-content glass-drawer-${n} ${a}`,
+        ...i,
+        children: [
+          /* @__PURE__ */ e.jsxs("div", { className: "glass-drawer-header", children: [
+            /* @__PURE__ */ e.jsx("h3", { style: { fontSize: "1.2rem", fontWeight: 600 }, children: o }),
+            /* @__PURE__ */ e.jsx("button", { onClick: r, style: { padding: "4px", cursor: "pointer", opacity: 0.6 }, children: /* @__PURE__ */ e.jsx(O, { size: 20 }) })
+          ] }),
+          /* @__PURE__ */ e.jsx("div", { className: "glass-drawer-body", children: l })
+        ]
+      }
+    )
+  ] }),
+  document.body
+) : null), es = ({ items: s, activeItem: r, onItemClick: n, className: o = "", ...l }) => /* @__PURE__ */ e.jsx("div", { className: `glass-menu ${o}`, ...l, children: s.map((a, i) => /* @__PURE__ */ e.jsxs(
+  "div",
+  {
+    className: `glass-menu-item ${r === a.key ? "active" : ""}`,
+    onClick: () => n && n(a.key),
+    children: [
+      a.icon && /* @__PURE__ */ e.jsx("span", { style: { marginRight: "10px", display: "flex" }, children: a.icon }),
+      /* @__PURE__ */ e.jsx("span", { children: a.label })
+    ]
+  },
+  a.key || i
+)) }), ss = ({ items: s, className: r = "", allowMultiple: n = !1, ...o }) => {
+  const [l, a] = N(/* @__PURE__ */ new Set([0])), i = (c) => {
+    a((u) => {
+      const g = new Set(n ? u : []);
+      return u.has(c) ? g.delete(c) : g.add(c), g;
+    });
+  };
+  return /* @__PURE__ */ e.jsx("div", { className: `glass-accordion ${r}`, ...o, children: s.map((c, u) => {
+    const g = l.has(u);
+    return /* @__PURE__ */ e.jsxs("div", { className: "glass-accordion-item", children: [
+      /* @__PURE__ */ e.jsxs("button", { className: "glass-accordion-header", onClick: () => i(u), children: [
+        /* @__PURE__ */ e.jsx("span", { children: c.title }),
+        g ? /* @__PURE__ */ e.jsx(ne, { size: 16 }) : /* @__PURE__ */ e.jsx(G, { size: 16 })
+      ] }),
+      /* @__PURE__ */ e.jsx("div", { className: `glass-accordion-content-wrapper ${g ? "expanded" : ""}`, children: /* @__PURE__ */ e.jsx("div", { className: "glass-accordion-content", children: /* @__PURE__ */ e.jsx("div", { className: "glass-accordion-inner", children: /* @__PURE__ */ e.jsx("div", { style: { color: "var(--color-text-dim)", lineHeight: 1.6 }, children: c.content }) }) }) })
+    ] }, u);
+  }) });
+}, ts = ({ children: s, className: r = "", ...n }) => /* @__PURE__ */ e.jsx("div", { className: `glass-timeline ${r}`, ...n, children: s }), rs = ({ title: s, time: r, children: n, color: o = "var(--color-primary)" }) => /* @__PURE__ */ e.jsxs("div", { className: "glass-timeline-item", children: [
+  /* @__PURE__ */ e.jsx("div", { className: "glass-timeline-dot", style: { borderColor: o } }),
+  /* @__PURE__ */ e.jsxs("div", { style: { marginBottom: "0.2rem", display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
+    /* @__PURE__ */ e.jsx("h5", { style: { fontSize: "1rem", fontWeight: 600 }, children: s }),
+    r && /* @__PURE__ */ e.jsx("span", { style: { fontSize: "0.8rem", color: "var(--color-text-dim)" }, children: r })
+  ] }),
+  /* @__PURE__ */ e.jsx("div", { style: { color: "var(--color-text-dim)", fontSize: "0.9rem" }, children: n })
+] }), as = ({ slides: s, className: r = "", autoPlay: n = !1, ...o }) => {
+  const [l, a] = N(0), i = () => {
+    a((u) => u === s.length - 1 ? 0 : u + 1);
+  }, c = () => {
+    a((u) => u === 0 ? s.length - 1 : u - 1);
+  };
+  return re.useEffect(() => {
+    if (!n) return;
+    const u = setInterval(i, 3e3);
+    return () => clearInterval(u);
+  }, [n, s.length]), /* @__PURE__ */ e.jsxs("div", { className: `glass-carousel ${r}`, ...o, children: [
+    /* @__PURE__ */ e.jsx("button", { className: "glass-carousel-btn prev", onClick: c, children: /* @__PURE__ */ e.jsx(V, { size: 20 }) }),
+    /* @__PURE__ */ e.jsx("div", { className: "glass-carousel-track", style: { transform: `translateX(-${l * 100}%)` }, children: s.map((u, g) => /* @__PURE__ */ e.jsx("div", { className: "glass-carousel-slide", children: u }, g)) }),
+    /* @__PURE__ */ e.jsx("button", { className: "glass-carousel-btn next", onClick: i, children: /* @__PURE__ */ e.jsx(G, { size: 20 }) })
+  ] });
+}, ns = ({ trigger: s, content: r, className: n = "", ...o }) => {
+  const [l, a] = N(!1), i = B(null);
+  return A(() => {
+    const c = (u) => {
+      i.current && !i.current.contains(u.target) && a(!1);
+    };
+    return document.addEventListener("mousedown", c), () => document.removeEventListener("mousedown", c);
+  }, []), /* @__PURE__ */ e.jsxs("div", { className: "glass-popover-trigger", ref: i, style: { position: "relative" }, children: [
+    /* @__PURE__ */ e.jsx("div", { onClick: () => a(!l), style: { cursor: "pointer", display: "inline-block" }, children: s }),
+    /* @__PURE__ */ e.jsx(
+      "div",
+      {
+        className: `glass-popover-content ${l ? "open" : ""} ${n}`,
+        style: { top: "calc(100% + 10px)", left: "50%", transform: l ? "translate(-50%, 0) scale(1)" : "translate(-50%, -10px) scale(0.95)", ...o.style },
+        ...o,
+        children: r
+      }
+    )
+  ] });
+}, ls = ({ children: s, onClose: r, className: n = "", ...o }) => /* @__PURE__ */ e.jsxs("span", { className: `glass-tag ${n}`, ...o, children: [
+  s,
+  r && /* @__PURE__ */ e.jsx("span", { className: "close-icon", onClick: (l) => {
+    l.stopPropagation(), r();
+  }, children: /* @__PURE__ */ e.jsx(O, { size: 12 }) })
+] }), os = ({ size: s = "md", className: r = "", ...n }) => {
+  const o = {
+    sm: { width: "16px", height: "16px", borderWidth: "2px" },
+    md: { width: "24px", height: "24px", borderWidth: "3px" },
+    lg: { width: "40px", height: "40px", borderWidth: "4px" }
+  };
+  return /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      className: `glass-spinner ${r}`,
+      style: { ...o[s], ...n.style },
+      ...n
+    }
+  );
+}, is = ({ isOpen: s, onClose: r, onConfirm: n, title: o = "确认操作", description: l = "您确定要执行此操作吗？", confirmText: a = "确认", cancelText: i = "取消" }) => /* @__PURE__ */ e.jsx(Re, { isOpen: s, onClose: r, title: o, children: /* @__PURE__ */ e.jsxs("div", { style: { textAlign: "center", padding: "0.5rem 0" }, children: [
+  /* @__PURE__ */ e.jsx("div", { style: { display: "inline-flex", padding: "12px", borderRadius: "50%", background: "rgba(245, 158, 11, 0.15)", color: "#f59e0b", marginBottom: "1rem" }, children: /* @__PURE__ */ e.jsx(ke, { size: 32 }) }),
+  /* @__PURE__ */ e.jsx("p", { style: { color: "var(--color-text-dim)", marginBottom: "1.5rem", lineHeight: 1.6 }, children: l }),
+  /* @__PURE__ */ e.jsxs("div", { style: { display: "flex", gap: "1rem" }, children: [
+    /* @__PURE__ */ e.jsx(te, { variant: "ghost", onClick: r, style: { flex: 1, border: "1px solid rgba(0,0,0,0.1)" }, children: i }),
+    /* @__PURE__ */ e.jsx(te, { variant: "primary", onClick: n, style: { flex: 1 }, children: a })
+  ] })
+] }) }), cs = ({ value: s = 0, max: r = 5, onChange: n, readOnly: o = !1, size: l = 20, className: a = "", ...i }) => {
+  const [c, u] = N(0);
+  return /* @__PURE__ */ e.jsx("div", { className: `glass-rating ${a}`, onMouseLeave: () => u(0), ...i, children: Array.from({ length: r }).map((g, b) => {
+    const m = b + 1, w = (c > 0 ? c : s) >= m;
+    return /* @__PURE__ */ e.jsx(
+      Ne,
+      {
+        size: l,
+        className: `glass-rating-star ${w ? "filled" : ""}`,
+        fill: w ? "currentColor" : "none",
+        onMouseEnter: () => !o && u(m),
+        onClick: () => !o && n && n(m),
+        style: { cursor: o ? "default" : "pointer" }
+      },
+      b
+    );
+  }) });
+};
+export {
+  ss as GlassAccordion,
+  qe as GlassAlert,
+  Ue as GlassAvatar,
+  Ye as GlassBadge,
+  te as GlassButton,
+  Ze as GlassCalendar,
+  $e as GlassCard,
+  as as GlassCarousel,
+  Ge as GlassCheckbox,
+  is as GlassConfirm,
+  Ke as GlassDrawer,
+  ze as GlassDropdown,
+  Ae as GlassInput,
+  es as GlassMenu,
+  Re as GlassModal,
+  Qe as GlassPagination,
+  ns as GlassPopover,
+  Pe as GlassProgress,
+  Me as GlassRadio,
+  cs as GlassRating,
+  Xe as GlassSkeleton,
+  Fe as GlassSlider,
+  os as GlassSpinner,
+  Oe as GlassSwitch,
+  Ve as GlassTable,
+  Ie as GlassTabs,
+  Be as GlassTabsContent,
+  We as GlassTabsList,
+  Le as GlassTabsTrigger,
+  ls as GlassTag,
+  De as GlassTextarea,
+  ts as GlassTimeline,
+  rs as GlassTimelineItem,
+  Je as GlassTooltip,
+  He as GlassUpload
+};
+//# sourceMappingURL=frostglass.es.js.map