@react-devtools-plus/ui 0.2.0

package/dist/index.js

@@ -0,0 +1,581 @@
+var R = Object.defineProperty, Z = Object.defineProperties;
+var H = Object.getOwnPropertyDescriptors;
+var I = Object.getOwnPropertySymbols;
+var j = Object.prototype.hasOwnProperty, E = Object.prototype.propertyIsEnumerable;
+var L = (o, e, _) => e in o ? R(o, e, { enumerable: !0, configurable: !0, writable: !0, value: _ }) : o[e] = _, u = (o, e) => {
+  for (var _ in e || (e = {}))
+    j.call(e, _) && L(o, _, e[_]);
+  if (I)
+    for (var _ of I(e))
+      E.call(e, _) && L(o, _, e[_]);
+  return o;
+}, b = (o, e) => Z(o, H(e));
+var B = (o, e) => {
+  var _ = {};
+  for (var s in o)
+    j.call(o, s) && e.indexOf(s) < 0 && (_[s] = o[s]);
+  if (o != null && I)
+    for (var s of I(o))
+      e.indexOf(s) < 0 && E.call(o, s) && (_[s] = o[s]);
+  return _;
+};
+import { jsx as n, jsxs as z } from "react/jsx-runtime";
+import { forwardRef as M, createContext as D, useState as F, useRef as K, useEffect as C, useMemo as J, useContext as Y } from "react";
+import { flushSync as Q } from "react-dom";
+import { createTheme as V, applyTheme as X, watchSystemDarkMode as G, resolveThemeMode as q } from "./theme.js";
+import { PRESET_COLORS as qo, borderRadius as Ao, detectSystemDarkMode as Uo, generateCSSVariables as e_, generateColorPalette as o_, generateNeutralColors as __, generateSemanticColors as t_, resolveThemeColor as s_, shadows as r_, spacing as n_, transitions as a_, typography as l_, zIndex as c_ } from "./theme.js";
+const A = "Badge-module__wrapper___DxhQK", U = "Badge-module__badge___RsuMz", ee = "Badge-module__standalone___etUpX", oe = "Badge-module__dot___i0c-G", _e = "Badge-module__size-sm___C5J66", te = "Badge-module__size-lg___nYU0Z", se = "Badge-module__color-primary___LWp2-", re = "Badge-module__color-success___tWyRo", ne = "Badge-module__color-warning___9Jy7J", ae = "Badge-module__color-error___rwZFr", le = "Badge-module__color-info___CkG5J", ce = "Badge-module__color-neutral___KWbX-", p = {
+  wrapper: A,
+  badge: U,
+  standalone: ee,
+  dot: oe,
+  "size-sm": "Badge-module__size-sm___C5J66",
+  sizeSm: _e,
+  "size-lg": "Badge-module__size-lg___nYU0Z",
+  sizeLg: te,
+  "color-primary": "Badge-module__color-primary___LWp2-",
+  colorPrimary: se,
+  "color-success": "Badge-module__color-success___tWyRo",
+  colorSuccess: re,
+  "color-warning": "Badge-module__color-warning___9Jy7J",
+  colorWarning: ne,
+  "color-error": "Badge-module__color-error___rwZFr",
+  colorError: ae,
+  "color-info": "Badge-module__color-info___CkG5J",
+  colorInfo: le,
+  "color-neutral": "Badge-module__color-neutral___KWbX-",
+  colorNeutral: ce
+}, Ho = ({
+  children: o,
+  count: e = 0,
+  dot: _ = !1,
+  max: s = 99,
+  color: r = "primary",
+  size: a = "md",
+  showZero: c = !1,
+  className: m = "",
+  style: t
+}) => {
+  const l = typeof e == "number" ? e : 0, i = l > s ? `${s}+` : e, d = _ || c || l > 0 || typeof e == "string" && e;
+  return o ? /* @__PURE__ */ z("span", { className: [p.wrapper, m].filter(Boolean).join(" "), style: t, children: [
+    o,
+    d && /* @__PURE__ */ n(
+      "span",
+      {
+        className: [
+          p.badge,
+          p[`color-${r}`],
+          p[`size-${a}`],
+          _ && p.dot
+        ].filter(Boolean).join(" "),
+        children: !_ && i
+      }
+    )
+  ] }) : /* @__PURE__ */ n(
+    "span",
+    {
+      className: [
+        p.standalone,
+        p[`color-${r}`],
+        p[`size-${a}`],
+        _ && p.dot,
+        m
+      ].filter(Boolean).join(" "),
+      style: t,
+      children: !_ && i
+    }
+  );
+}, de = "Button-module__button___2ZuB7", ie = "Button-module__size-sm___yph5g", ue = "Button-module__size-md___HBcrV", me = "Button-module__size-lg___2sR8u", pe = "Button-module__variant-default___uQ3S6", ge = "Button-module__disabled___Tl9fh", he = "Button-module__variant-primary___yvq47", ze = "Button-module__variant-success___0aOFB", be = "Button-module__variant-warning___-sJWp", fe = "Button-module__variant-error___eSqWK", we = "Button-module__variant-ghost___3HPKX", Se = "Button-module__variant-text___jt-rA", ve = "Button-module__loading___EQAt2", Be = "Button-module__content___EKXmF", ye = "Button-module__icon___-43u5", $e = "Button-module__block___bnWJO", Ne = "Button-module__spinner___ZExvW", xe = "Button-module__spin___JvkZu", g = {
+  button: de,
+  "size-sm": "Button-module__size-sm___yph5g",
+  sizeSm: ie,
+  "size-md": "Button-module__size-md___HBcrV",
+  sizeMd: ue,
+  "size-lg": "Button-module__size-lg___2sR8u",
+  sizeLg: me,
+  "variant-default": "Button-module__variant-default___uQ3S6",
+  variantDefault: pe,
+  disabled: ge,
+  "variant-primary": "Button-module__variant-primary___yvq47",
+  variantPrimary: he,
+  "variant-success": "Button-module__variant-success___0aOFB",
+  variantSuccess: ze,
+  "variant-warning": "Button-module__variant-warning___-sJWp",
+  variantWarning: be,
+  "variant-error": "Button-module__variant-error___eSqWK",
+  variantError: fe,
+  "variant-ghost": "Button-module__variant-ghost___3HPKX",
+  variantGhost: we,
+  "variant-text": "Button-module__variant-text___jt-rA",
+  variantText: Se,
+  loading: ve,
+  content: Be,
+  icon: ye,
+  block: $e,
+  spinner: Ne,
+  spin: xe
+}, Do = (v) => {
+  var f = v, {
+    children: o,
+    htmlType: e = "button",
+    variant: _ = "default",
+    size: s = "md",
+    disabled: r = !1,
+    loading: a = !1,
+    block: c = !1,
+    icon: m,
+    className: t = "",
+    style: l,
+    onClick: i
+  } = f, d = B(f, [
+    "children",
+    "htmlType",
+    "variant",
+    "size",
+    "disabled",
+    "loading",
+    "block",
+    "icon",
+    "className",
+    "style",
+    "onClick"
+  ]);
+  const T = [
+    g.button,
+    g[`variant-${_}`],
+    g[`size-${s}`],
+    c && g.block,
+    (r || a) && g.disabled,
+    a && g.loading,
+    t
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ z(
+    "button",
+    b(u({
+      type: e,
+      className: T,
+      disabled: r || a,
+      style: l,
+      onClick: i
+    }, d), {
+      children: [
+        a && /* @__PURE__ */ n("span", { className: g.spinner }),
+        !a && m && /* @__PURE__ */ n("span", { className: g.icon, children: m }),
+        o && /* @__PURE__ */ n("span", { className: g.content, children: o })
+      ]
+    })
+  );
+}, ke = "Card-module__card___Cb1o4", Te = "Card-module__bordered___fBy0-", Ie = "Card-module__hoverable___aGYcW", Ce = "Card-module__header___PTXf2", Me = "Card-module__title___mSgoo", We = "Card-module__body___W441Z", Le = "Card-module__padding-none___OI9cD", je = "Card-module__padding-sm___zE1jj", Ee = "Card-module__padding-md___ndH23", Je = "Card-module__padding-lg___l9K5D", w = {
+  card: ke,
+  bordered: Te,
+  hoverable: Ie,
+  header: Ce,
+  title: Me,
+  body: We,
+  "padding-none": "Card-module__padding-none___OI9cD",
+  paddingNone: Le,
+  "padding-sm": "Card-module__padding-sm___zE1jj",
+  paddingSm: je,
+  "padding-md": "Card-module__padding-md___ndH23",
+  paddingMd: Ee,
+  "padding-lg": "Card-module__padding-lg___l9K5D",
+  paddingLg: Je
+}, Fo = ({
+  title: o,
+  children: e,
+  className: _ = "",
+  bordered: s = !0,
+  hoverable: r = !1,
+  padding: a = "md",
+  style: c,
+  onClick: m
+}) => {
+  const t = [
+    w.card,
+    s && w.bordered,
+    r && w.hoverable,
+    w[`padding-${a}`],
+    _
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ z(
+    "div",
+    {
+      className: t,
+      style: c,
+      onClick: m,
+      children: [
+        o && /* @__PURE__ */ n("div", { className: w.header, children: /* @__PURE__ */ n("h3", { className: w.title, children: o }) }),
+        /* @__PURE__ */ n("div", { className: w.body, children: e })
+      ]
+    }
+  );
+}, Oe = "Checkbox-module__checkbox___lSeQj", Pe = "Checkbox-module__input___2kt-h", Re = "Checkbox-module__box___OCPee", Ze = "Checkbox-module__checkIcon___L7mG7", He = "Checkbox-module__label___cwRtI", De = "Checkbox-module__disabled___x7-eg", y = {
+  checkbox: Oe,
+  input: Pe,
+  box: Re,
+  checkIcon: Ze,
+  label: He,
+  disabled: De
+}, Fe = M((m, c) => {
+  var t = m, { checked: o, onChange: e, label: _, disabled: s, className: r = "" } = t, a = B(t, ["checked", "onChange", "label", "disabled", "className"]);
+  return /* @__PURE__ */ z("label", { className: `${y.checkbox}  ${s ? y.disabled : ""}  ${r}`, children: [
+    /* @__PURE__ */ n(
+      "input",
+      u({
+        type: "checkbox",
+        className: y.input,
+        checked: o,
+        onChange: (l) => e == null ? void 0 : e(l.target.checked),
+        disabled: s,
+        ref: c
+      }, a)
+    ),
+    /* @__PURE__ */ n("div", { className: y.box, children: /* @__PURE__ */ n("svg", { className: y.checkIcon, viewBox: "0 0 24 24", children: /* @__PURE__ */ n("polyline", { points: "20 6 9 17 4 12" }) }) }),
+    _ && /* @__PURE__ */ n("span", { className: y.label, children: _ })
+  ] });
+});
+Fe.displayName = "Checkbox";
+const Ke = "Input-module__wrapper___iHNUs", Ye = "Input-module__disabled___nzcnQ", Qe = "Input-module__size-sm___3ztQq", Ve = "Input-module__size-md___I7Ar8", Xe = "Input-module__size-lg___sd7Z-", Ge = "Input-module__status-error___Spzrx", qe = "Input-module__status-warning___mWfkv", Ae = "Input-module__status-success___Ik3ZH", Ue = "Input-module__block___RCPH3", eo = "Input-module__input___WjT81", oo = "Input-module__prefix___tWvYu", _o = "Input-module__suffix___MnuX-", to = "Input-module__clear___Y9bUX", h = {
+  wrapper: Ke,
+  disabled: Ye,
+  "size-sm": "Input-module__size-sm___3ztQq",
+  sizeSm: Qe,
+  "size-md": "Input-module__size-md___I7Ar8",
+  sizeMd: Ve,
+  "size-lg": "Input-module__size-lg___sd7Z-",
+  sizeLg: Xe,
+  "status-error": "Input-module__status-error___Spzrx",
+  statusError: Ge,
+  "status-warning": "Input-module__status-warning___mWfkv",
+  statusWarning: qe,
+  "status-success": "Input-module__status-success___Ik3ZH",
+  statusSuccess: Ae,
+  block: Ue,
+  input: eo,
+  prefix: oo,
+  suffix: _o,
+  clear: to
+}, so = M((v, d) => {
+  var f = v, { size: o = "md", status: e, prefix: _, suffix: s, allowClear: r = !1, onClear: a, block: c = !1, className: m = "", disabled: t, value: l } = f, i = B(f, ["size", "status", "prefix", "suffix", "allowClear", "onClear", "block", "className", "disabled", "value"]);
+  const T = [
+    h.wrapper,
+    h[`size-${o}`],
+    e && h[`status-${e}`],
+    t && h.disabled,
+    c && h.block,
+    m
+  ].filter(Boolean).join(" "), N = r && l && !t;
+  return /* @__PURE__ */ z("div", { className: T, children: [
+    _ && /* @__PURE__ */ n("span", { className: h.prefix, children: _ }),
+    /* @__PURE__ */ n(
+      "input",
+      u({
+        ref: d,
+        className: h.input,
+        disabled: t,
+        value: l
+      }, i)
+    ),
+    N && /* @__PURE__ */ n(
+      "button",
+      {
+        type: "button",
+        className: h.clear,
+        onClick: a,
+        tabIndex: -1,
+        children: "×"
+      }
+    ),
+    s && !N && /* @__PURE__ */ n("span", { className: h.suffix, children: s })
+  ] });
+});
+so.displayName = "Input";
+const ro = "Select-module__wrapper___KS2K3", no = "Select-module__select___cjdcr", ao = "Select-module__size-sm___QLegM", lo = "Select-module__size-md___0JLRh", co = "Select-module__size-lg___WT5Lo", io = "Select-module__arrow___w35wW", uo = "Select-module__arrow-sm___8eD2n", k = {
+  wrapper: ro,
+  select: no,
+  "size-sm": "Select-module__size-sm___QLegM",
+  sizeSm: ao,
+  "size-md": "Select-module__size-md___0JLRh",
+  sizeMd: lo,
+  "size-lg": "Select-module__size-lg___WT5Lo",
+  sizeLg: co,
+  arrow: io,
+  "arrow-sm": "Select-module__arrow-sm___8eD2n",
+  arrowSm: uo
+}, mo = M((m, c) => {
+  var t = m, { options: o = [], onChange: e, className: _ = "", size: s = "md", children: r } = t, a = B(t, ["options", "onChange", "className", "size", "children"]);
+  const l = [
+    k.select,
+    k[`size-${s}`]
+  ].filter(Boolean).join(" "), i = [
+    k.arrow,
+    s === "sm" && k["arrow-sm"]
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ z("div", { className: `${k.wrapper}  ${_}`, children: [
+    /* @__PURE__ */ z(
+      "select",
+      b(u({
+        className: l,
+        onChange: (d) => e == null ? void 0 : e(d.target.value),
+        ref: c
+      }, a), {
+        children: [
+          o.map((d) => /* @__PURE__ */ n("option", { value: d.value, children: d.label }, d.value)),
+          r
+        ]
+      })
+    ),
+    /* @__PURE__ */ n("svg", { className: i, viewBox: "0 0 20 20", fill: "none", stroke: "currentColor", children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5", d: "M6 8l4 4 4-4" }) })
+  ] });
+});
+mo.displayName = "Select";
+const po = "Switch-module__input___5BPNu", go = "Switch-module__track___7ObdZ", ho = "Switch-module__size-sm___3fYth", zo = "Switch-module__size-md___SNixg", bo = "Switch-module__size-lg___0syzl", fo = "Switch-module__disabled___2aZ0V", wo = "Switch-module__label___LrH7V", $ = {
+  switch: "Switch-module__switch___hgdMu",
+  input: po,
+  track: go,
+  "size-sm": "Switch-module__size-sm___3fYth",
+  sizeSm: ho,
+  "size-md": "Switch-module__size-md___SNixg",
+  sizeMd: zo,
+  "size-lg": "Switch-module__size-lg___0syzl",
+  sizeLg: bo,
+  disabled: fo,
+  label: wo
+}, So = (m) => {
+  var t = m, {
+    checked: o,
+    onChange: e,
+    label: _,
+    className: s = "",
+    disabled: r,
+    size: a = "md"
+  } = t, c = B(t, [
+    "checked",
+    "onChange",
+    "label",
+    "className",
+    "disabled",
+    "size"
+  ]);
+  const l = [
+    $.switch,
+    r && $.disabled,
+    s
+  ].filter(Boolean).join(" "), i = [
+    $.track,
+    $[`size-${a}`]
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ z("label", { className: l, children: [
+    /* @__PURE__ */ n(
+      "input",
+      u({
+        type: "checkbox",
+        className: $.input,
+        checked: o,
+        onChange: (d) => e == null ? void 0 : e(d.target.checked),
+        disabled: r
+      }, c)
+    ),
+    /* @__PURE__ */ n("div", { className: i }),
+    _ && /* @__PURE__ */ n("span", { className: $.label, children: _ })
+  ] });
+};
+So.displayName = "Switch";
+const vo = "Tag-module__tag___16VPH", Bo = "Tag-module__size-sm___DpOlV", yo = "Tag-module__size-md___fa5ep", $o = "Tag-module__variant-solid___Hi-Zy", No = "Tag-module__color-primary___rx17k", xo = "Tag-module__variant-outline___7Zcet", ko = "Tag-module__color-success___-zzpn", To = "Tag-module__color-warning___EKTvk", Io = "Tag-module__color-error___mYB7S", Co = "Tag-module__color-info___vNcdt", Mo = "Tag-module__color-neutral___5FRfc", Wo = "Tag-module__clickable___KYvr6", Lo = "Tag-module__closable___w571P", jo = "Tag-module__close___SCP4u", S = {
+  tag: vo,
+  "size-sm": "Tag-module__size-sm___DpOlV",
+  sizeSm: Bo,
+  "size-md": "Tag-module__size-md___fa5ep",
+  sizeMd: yo,
+  "variant-solid": "Tag-module__variant-solid___Hi-Zy",
+  variantSolid: $o,
+  "color-primary": "Tag-module__color-primary___rx17k",
+  colorPrimary: No,
+  "variant-outline": "Tag-module__variant-outline___7Zcet",
+  variantOutline: xo,
+  "color-success": "Tag-module__color-success___-zzpn",
+  colorSuccess: ko,
+  "color-warning": "Tag-module__color-warning___EKTvk",
+  colorWarning: To,
+  "color-error": "Tag-module__color-error___mYB7S",
+  colorError: Io,
+  "color-info": "Tag-module__color-info___vNcdt",
+  colorInfo: Co,
+  "color-neutral": "Tag-module__color-neutral___5FRfc",
+  colorNeutral: Mo,
+  clickable: Wo,
+  closable: Lo,
+  close: jo
+}, Ko = ({
+  children: o,
+  color: e = "neutral",
+  variant: _ = "outline",
+  size: s = "md",
+  closable: r = !1,
+  onClose: a,
+  onClick: c,
+  className: m = "",
+  style: t
+}) => {
+  const l = c ? "button" : "span", i = [
+    S.tag,
+    S[`size-${s}`],
+    S[`variant-${_}`],
+    S[`color-${e}`],
+    c && S.clickable,
+    r && S.closable,
+    m
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ z(
+    l,
+    {
+      type: c ? "button" : void 0,
+      className: i,
+      style: t,
+      onClick: c,
+      children: [
+        /* @__PURE__ */ n("span", { children: o }),
+        r && /* @__PURE__ */ n(
+          "button",
+          {
+            type: "button",
+            className: S.close,
+            onClick: (d) => {
+              d.stopPropagation(), a == null || a(d);
+            },
+            "aria-label": "Close",
+            children: "×"
+          }
+        )
+      ]
+    }
+  );
+}, O = D(null), Eo = {}, Yo = ({
+  children: o,
+  config: e = Eo,
+  storageKey: _ = "react-devtools-theme"
+}) => {
+  const [s, r] = F(() => {
+    if (typeof window == "undefined")
+      return e;
+    try {
+      const t = localStorage.getItem(_), l = localStorage.getItem(`${_}-initial`);
+      if (t) {
+        const i = JSON.parse(t);
+        return (l ? JSON.stringify(JSON.parse(l)) !== JSON.stringify(e) : JSON.stringify(e) !== "{}") ? u(u({}, i), e) : u(u({}, e), i);
+      }
+    } catch (t) {
+      console.warn("[Theme] Failed to load persisted config:", t);
+    }
+    return e;
+  }), a = K(e);
+  C(() => {
+    JSON.stringify(e) !== JSON.stringify(a.current) && (a.current = e, r((t) => u(u({}, t), e)));
+  }, [e]);
+  const c = J(() => V(s), [s]);
+  C(() => {
+    if (typeof window != "undefined")
+      try {
+        localStorage.setItem(_, JSON.stringify(s)), localStorage.setItem(`${_}-initial`, JSON.stringify(e));
+      } catch (t) {
+        console.warn("[Theme] Failed to persist config:", t);
+      }
+  }, [s, _, e]), C(() => {
+    X(c);
+  }, [c]), C(() => s.mode !== "auto" ? void 0 : G(() => {
+    r((l) => b(u({}, l), { mode: "auto" }));
+  }), [s.mode]);
+  const m = J(() => ({
+    theme: c,
+    config: s,
+    setMode: (t) => {
+      r((l) => b(u({}, l), { mode: t }));
+    },
+    setPrimaryColor: (t) => {
+      r((l) => b(u({}, l), { primaryColor: t }));
+    },
+    toggleMode: (t) => {
+      var N, W;
+      const i = q(s.mode || "auto") === "light" ? "dark" : "light";
+      if (!document.startViewTransition || window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
+        r((x) => b(u({}, x), { mode: i }));
+        return;
+      }
+      const d = (N = t == null ? void 0 : t.clientX) != null ? N : window.innerWidth / 2, v = (W = t == null ? void 0 : t.clientY) != null ? W : window.innerHeight / 2, f = Math.hypot(
+        Math.max(d, window.innerWidth - d),
+        Math.max(v, window.innerHeight - v)
+      );
+      document.startViewTransition(() => {
+        Q(() => {
+          r((x) => b(u({}, x), { mode: i }));
+        });
+      }).ready.then(() => {
+        const x = [
+          `circle(0px at ${d}px ${v}px)`,
+          `circle(${f}px at ${d}px ${v}px)`
+        ];
+        document.documentElement.animate(
+          {
+            clipPath: x
+          },
+          {
+            duration: 400,
+            easing: "ease-in-out",
+            pseudoElement: "::view-transition-new(root)"
+          }
+        );
+      });
+    }
+  }), [c, s]);
+  return /* @__PURE__ */ n(O.Provider, { value: m, children: o });
+};
+function P() {
+  const o = Y(O);
+  if (!o)
+    throw new Error("useTheme must be used within ThemeProvider");
+  return o;
+}
+function Qo() {
+  const { theme: o, setMode: e, toggleMode: _ } = P();
+  return {
+    mode: o.mode,
+    setMode: e,
+    toggleMode: _
+  };
+}
+function Vo() {
+  const { theme: o } = P();
+  return o.colors;
+}
+export {
+  Ho as Badge,
+  Do as Button,
+  Fo as Card,
+  Fe as Checkbox,
+  so as Input,
+  qo as PRESET_COLORS,
+  mo as Select,
+  So as Switch,
+  Ko as Tag,
+  Yo as ThemeProvider,
+  X as applyTheme,
+  Ao as borderRadius,
+  V as createTheme,
+  Uo as detectSystemDarkMode,
+  e_ as generateCSSVariables,
+  o_ as generateColorPalette,
+  __ as generateNeutralColors,
+  t_ as generateSemanticColors,
+  s_ as resolveThemeColor,
+  q as resolveThemeMode,
+  r_ as shadows,
+  n_ as spacing,
+  a_ as transitions,
+  l_ as typography,
+  P as useTheme,
+  Vo as useThemeColors,
+  Qo as useThemeMode,
+  G as watchSystemDarkMode,
+  c_ as zIndex
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/components/Badge/Badge.tsx","../src/components/Button/Button.tsx","../src/components/Card/Card.tsx","../src/components/Checkbox/Checkbox.tsx","../src/components/Input/Input.tsx","../src/components/Select/Select.tsx","../src/components/Switch/Switch.tsx","../src/components/Tag/Tag.tsx","../src/composables/useTheme.tsx"],"sourcesContent":["import type { CSSProperties, FC, ReactNode } from 'react'\nimport styles from './Badge.module.css'\n\nexport interface BadgeProps {\n  /**\n   * Badge content\n   */\n  children?: ReactNode\n\n  /**\n   * Badge count or text\n   */\n  count?: number | string\n\n  /**\n   * Show dot instead of count\n   * @default false\n   */\n  dot?: boolean\n\n  /**\n   * Max count to display\n   * @default 99\n   */\n  max?: number\n\n  /**\n   * Badge color\n   * @default 'primary'\n   */\n  color?: 'primary' | 'success' | 'warning' | 'error' | 'info' | 'neutral'\n\n  /**\n   * Badge size\n   * @default 'md'\n   */\n  size?: 'sm' | 'md' | 'lg'\n\n  /**\n   * Show zero count\n   * @default false\n   */\n  showZero?: boolean\n\n  /**\n   * Additional CSS class\n   */\n  className?: string\n\n  /**\n   * Custom styles\n   */\n  style?: CSSProperties\n}\n\nexport const Badge: FC<BadgeProps> = ({\n  children,\n  count = 0,\n  dot = false,\n  max = 99,\n  color = 'primary',\n  size = 'md',\n  showZero = false,\n  className = '',\n  style,\n}) => {\n  const numericCount = typeof count === 'number' ? count : 0\n  const displayCount = numericCount > max ? `${max}+` : count\n  const showBadge = dot || showZero || (numericCount > 0) || (typeof count === 'string' && count)\n\n  if (!children) {\n    // Standalone badge\n    return (\n      <span\n        className={[\n          styles.standalone,\n          styles[`color-${color}`],\n          styles[`size-${size}`],\n          dot && styles.dot,\n          className,\n        ].filter(Boolean).join(' ')}\n        style={style}\n      >\n        {!dot && displayCount}\n      </span>\n    )\n  }\n\n  return (\n    <span className={[styles.wrapper, className].filter(Boolean).join(' ')} style={style}>\n      {children}\n      {showBadge && (\n        <span\n          className={[\n            styles.badge,\n            styles[`color-${color}`],\n            styles[`size-${size}`],\n            dot && styles.dot,\n          ].filter(Boolean).join(' ')}\n        >\n          {!dot && displayCount}\n        </span>\n      )}\n    </span>\n  )\n}\n","import type { ButtonHTMLAttributes, CSSProperties, FC, ReactNode } from 'react'\nimport styles from './Button.module.css'\n\nexport interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'type'> {\n  /**\n   * Button content\n   */\n  children?: ReactNode\n\n  /**\n   * Button type\n   * @default 'button'\n   */\n  htmlType?: 'button' | 'submit' | 'reset'\n\n  /**\n   * Button variant\n   * @default 'default'\n   */\n  variant?: 'default' | 'primary' | 'success' | 'warning' | 'error' | 'ghost' | 'text'\n\n  /**\n   * Button size\n   * @default 'md'\n   */\n  size?: 'sm' | 'md' | 'lg'\n\n  /**\n   * Disabled state\n   * @default false\n   */\n  disabled?: boolean\n\n  /**\n   * Loading state\n   * @default false\n   */\n  loading?: boolean\n\n  /**\n   * Block level button\n   * @default false\n   */\n  block?: boolean\n\n  /**\n   * Icon before content\n   */\n  icon?: ReactNode\n\n  /**\n   * Additional CSS class\n   */\n  className?: string\n\n  /**\n   * Custom styles\n   */\n  style?: CSSProperties\n}\n\nexport const Button: FC<ButtonProps> = ({\n  children,\n  htmlType = 'button',\n  variant = 'default',\n  size = 'md',\n  disabled = false,\n  loading = false,\n  block = false,\n  icon,\n  className = '',\n  style,\n  onClick,\n  ...rest\n}) => {\n  const classNames = [\n    styles.button,\n    styles[`variant-${variant}`],\n    styles[`size-${size}`],\n    block && styles.block,\n    (disabled || loading) && styles.disabled,\n    loading && styles.loading,\n    className,\n  ].filter(Boolean).join(' ')\n\n  return (\n    <button\n      type={htmlType}\n      className={classNames}\n      disabled={disabled || loading}\n      style={style}\n      onClick={onClick}\n      {...rest}\n    >\n      {loading && (\n        <span className={styles.spinner} />\n      )}\n      {!loading && icon && (\n        <span className={styles.icon}>{icon}</span>\n      )}\n      {children && (\n        <span className={styles.content}>{children}</span>\n      )}\n    </button>\n  )\n}\n","import type { CSSProperties, FC, ReactNode } from 'react'\nimport styles from './Card.module.css'\n\nexport interface CardProps {\n  /**\n   * Card title\n   */\n  title?: string\n\n  /**\n   * Card content\n   */\n  children?: ReactNode\n\n  /**\n   * Additional CSS class\n   */\n  className?: string\n\n  /**\n   * Show border\n   * @default true\n   */\n  bordered?: boolean\n\n  /**\n   * Hoverable effect\n   * @default false\n   */\n  hoverable?: boolean\n\n  /**\n   * Card padding size\n   * @default 'md'\n   */\n  padding?: 'none' | 'sm' | 'md' | 'lg'\n\n  /**\n   * Custom styles\n   */\n  style?: CSSProperties\n\n  /**\n   * Click handler\n   */\n  onClick?: () => void\n}\n\nexport const Card: FC<CardProps> = ({\n  title,\n  children,\n  className = '',\n  bordered = true,\n  hoverable = false,\n  padding = 'md',\n  style,\n  onClick,\n}) => {\n  const classNames = [\n    styles.card,\n    bordered && styles.bordered,\n    hoverable && styles.hoverable,\n    styles[`padding-${padding}`],\n    className,\n  ].filter(Boolean).join(' ')\n\n  return (\n    <div\n      className={classNames}\n      style={style}\n      onClick={onClick}\n    >\n      {title && (\n        <div className={styles.header}>\n          <h3 className={styles.title}>{title}</h3>\n        </div>\n      )}\n      <div className={styles.body}>\n        {children}\n      </div>\n    </div>\n  )\n}\n","import type { InputHTMLAttributes } from 'react'\nimport { forwardRef } from 'react'\nimport styles from './Checkbox.module.css'\n\nexport interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange'> {\n  checked?: boolean\n  onChange?: (checked: boolean) => void\n  label?: string\n}\n\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(({ checked, onChange, label, disabled, className = '', ...props }, ref) => {\n  return (\n    <label className={`${styles.checkbox}  ${disabled ? styles.disabled : ''}  ${className}`}>\n      <input\n        type=\"checkbox\"\n        className={styles.input}\n        checked={checked}\n        onChange={e => onChange?.(e.target.checked)}\n        disabled={disabled}\n        ref={ref}\n        {...props}\n      />\n      <div className={styles.box}>\n        <svg className={styles.checkIcon} viewBox=\"0 0 24 24\">\n          <polyline points=\"20 6 9 17 4 12\" />\n        </svg>\n      </div>\n      {label && <span className={styles.label}>{label}</span>}\n    </label>\n  )\n})\n\nCheckbox.displayName = 'Checkbox'\n","import type { InputHTMLAttributes, ReactNode } from 'react'\nimport { forwardRef } from 'react'\nimport styles from './Input.module.css'\n\nexport interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix'> {\n  /**\n   * Input size\n   * @default 'md'\n   */\n  size?: 'sm' | 'md' | 'lg'\n\n  /**\n   * Input status\n   */\n  status?: 'error' | 'warning' | 'success'\n\n  /**\n   * Prefix icon or text\n   */\n  prefix?: ReactNode\n\n  /**\n   * Suffix icon or text\n   */\n  suffix?: ReactNode\n\n  /**\n   * Allow clear\n   * @default false\n   */\n  allowClear?: boolean\n\n  /**\n   * Clear callback\n   */\n  onClear?: () => void\n\n  /**\n   * Full width\n   * @default false\n   */\n  block?: boolean\n}\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(({ size = 'md', status, prefix, suffix, allowClear = false, onClear, block = false, className = '', disabled, value, ...rest }, ref) => {\n  const wrapperClassNames = [\n    styles.wrapper,\n    styles[`size-${size}`],\n    status && styles[`status-${status}`],\n    disabled && styles.disabled,\n    block && styles.block,\n    className,\n  ].filter(Boolean).join(' ')\n\n  const showClear = allowClear && value && !disabled\n\n  return (\n    <div className={wrapperClassNames}>\n      {prefix && (\n        <span className={styles.prefix}>{prefix}</span>\n      )}\n      <input\n        ref={ref}\n        className={styles.input}\n        disabled={disabled}\n        value={value}\n        {...rest}\n      />\n      {showClear && (\n        <button\n          type=\"button\"\n          className={styles.clear}\n          onClick={onClear}\n          tabIndex={-1}\n        >\n          ×\n        </button>\n      )}\n      {suffix && !showClear && (\n        <span className={styles.suffix}>{suffix}</span>\n      )}\n    </div>\n  )\n})\n\nInput.displayName = 'Input'\n","import type { SelectHTMLAttributes } from 'react'\nimport { forwardRef } from 'react'\nimport styles from './Select.module.css'\n\nexport interface SelectOption {\n  label: string\n  value: string | number\n}\n\nexport type SelectSize = 'sm' | 'md' | 'lg'\n\nexport interface SelectProps extends Omit<SelectHTMLAttributes<HTMLSelectElement>, 'onChange' | 'size'> {\n  options?: SelectOption[]\n  onChange?: (value: string) => void\n  value?: string | number\n  size?: SelectSize\n}\n\nexport const Select = forwardRef<HTMLSelectElement, SelectProps>(({ options = [], onChange, className = '', size = 'md', children, ...props }, ref) => {\n  const selectClass = [\n    styles.select,\n    styles[`size-${size}`],\n  ].filter(Boolean).join(' ')\n\n  const arrowClass = [\n    styles.arrow,\n    size === 'sm' && styles['arrow-sm'],\n  ].filter(Boolean).join(' ')\n\n  return (\n    <div className={`${styles.wrapper}  ${className}`}>\n      <select\n        className={selectClass}\n        onChange={e => onChange?.(e.target.value)}\n        ref={ref}\n        {...props}\n      >\n        {options.map(option => (\n          <option key={option.value} value={option.value}>\n            {option.label}\n          </option>\n        ))}\n        {children}\n      </select>\n      <svg className={arrowClass} viewBox=\"0 0 20 20\" fill=\"none\" stroke=\"currentColor\">\n        <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"1.5\" d=\"M6 8l4 4 4-4\" />\n      </svg>\n    </div>\n  )\n})\n\nSelect.displayName = 'Select'\n","import type { FC, InputHTMLAttributes } from 'react'\nimport styles from './Switch.module.css'\n\nexport type SwitchSize = 'sm' | 'md' | 'lg'\n\nexport interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'size'> {\n  checked?: boolean\n  onChange?: (checked: boolean) => void\n  label?: string\n  size?: SwitchSize\n}\n\nexport const Switch: FC<SwitchProps> = ({\n  checked,\n  onChange,\n  label,\n  className = '',\n  disabled,\n  size = 'md',\n  ...props\n}) => {\n  const containerClass = [\n    styles.switch,\n    disabled && styles.disabled,\n    className,\n  ].filter(Boolean).join(' ')\n\n  const trackClass = [\n    styles.track,\n    styles[`size-${size}`],\n  ].filter(Boolean).join(' ')\n\n  return (\n    <label className={containerClass}>\n      <input\n        type=\"checkbox\"\n        className={styles.input}\n        checked={checked}\n        onChange={e => onChange?.(e.target.checked)}\n        disabled={disabled}\n        {...props}\n      />\n      <div className={trackClass} />\n      {label && (\n        <span className={styles.label}>\n          {label}\n        </span>\n      )}\n    </label>\n  )\n}\n\nSwitch.displayName = 'Switch'\n","import type { CSSProperties, FC, ReactNode } from 'react'\nimport styles from './Tag.module.css'\n\nexport type TagColor = 'primary' | 'success' | 'warning' | 'error' | 'info' | 'neutral'\nexport type TagVariant = 'solid' | 'outline'\nexport type TagSize = 'sm' | 'md'\n\nexport interface TagProps {\n  children?: ReactNode\n  color?: TagColor\n  variant?: TagVariant\n  size?: TagSize\n  closable?: boolean\n  onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void\n  onClick?: (event: React.MouseEvent<HTMLSpanElement | HTMLButtonElement>) => void\n  className?: string\n  style?: CSSProperties\n}\n\nexport const Tag: FC<TagProps> = ({\n  children,\n  color = 'neutral',\n  variant = 'outline',\n  size = 'md',\n  closable = false,\n  onClose,\n  onClick,\n  className = '',\n  style,\n}) => {\n  const TagElement: 'button' | 'span' = onClick ? 'button' : 'span'\n\n  const tagClassName = [\n    styles.tag,\n    styles[`size-${size}`],\n    styles[`variant-${variant}`],\n    styles[`color-${color}`],\n    onClick && styles.clickable,\n    closable && styles.closable,\n    className,\n  ].filter(Boolean).join(' ')\n\n  return (\n    <TagElement\n      type={onClick ? 'button' : undefined}\n      className={tagClassName}\n      style={style}\n      onClick={onClick}\n    >\n      <span>{children}</span>\n      {closable && (\n        <button\n          type=\"button\"\n          className={styles.close}\n          onClick={(e) => {\n            e.stopPropagation()\n            onClose?.(e)\n          }}\n          aria-label=\"Close\"\n        >\n          ×\n        </button>\n      )}\n    </TagElement>\n  )\n}\n","import type { FC, ReactNode } from 'react'\nimport type { Theme, ThemeConfig, ThemeMode } from '../theme/types'\nimport { createContext, useContext, useEffect, useMemo, useRef, useState } from 'react'\nimport { flushSync } from 'react-dom'\nimport { applyTheme, createTheme, resolveThemeMode, watchSystemDarkMode } from '../theme'\n\n/**\n * Theme context\n */\ninterface ThemeContextValue {\n  theme: Theme\n  config: ThemeConfig\n  setMode: (mode: ThemeMode) => void\n  setPrimaryColor: (color: string) => void\n  toggleMode: (event?: React.MouseEvent) => void\n}\n\nconst ThemeContext = createContext<ThemeContextValue | null>(null)\n\n/**\n * Theme Provider Props\n */\nexport interface ThemeProviderProps {\n  children: ReactNode\n  config?: ThemeConfig\n  /**\n   * Storage key for persisting theme config\n   * @default 'react-devtools-theme'\n   */\n  storageKey?: string\n}\n\nconst DEFAULT_CONFIG: ThemeConfig = {}\n\n/**\n * Theme Provider Component\n */\nexport const ThemeProvider: FC<ThemeProviderProps> = ({\n  children,\n  config: initialConfig = DEFAULT_CONFIG,\n  storageKey = 'react-devtools-theme',\n}) => {\n  // Load persisted config from localStorage\n  const [config, setConfig] = useState<ThemeConfig>(() => {\n    if (typeof window === 'undefined')\n      return initialConfig\n\n    try {\n      const stored = localStorage.getItem(storageKey)\n      const storedInitial = localStorage.getItem(`${storageKey}-initial`)\n\n      if (stored) {\n        const parsedStored = JSON.parse(stored)\n\n        // Check if initial config changed since last time (e.g. developer updated vite.config.ts)\n        // If it changed, the new initial config should take precedence over stored user preference\n        // for the keys that are defined in initialConfig.\n        const initialConfigChanged = storedInitial\n          ? JSON.stringify(JSON.parse(storedInitial)) !== JSON.stringify(initialConfig)\n          : JSON.stringify(initialConfig) !== '{}' // Treat first time non-empty config as change\n\n        if (initialConfigChanged) {\n          return { ...parsedStored, ...initialConfig }\n        }\n\n        // Otherwise, user preference (stored) takes precedence\n        return { ...initialConfig, ...parsedStored }\n      }\n    }\n    catch (err) {\n      console.warn('[Theme] Failed to load persisted config:', err)\n    }\n\n    return initialConfig\n  })\n\n  // Sync initialConfig changes during runtime (e.g. HMR)\n  const initialConfigRef = useRef(initialConfig)\n  useEffect(() => {\n    if (JSON.stringify(initialConfig) !== JSON.stringify(initialConfigRef.current)) {\n      initialConfigRef.current = initialConfig\n      setConfig(prev => ({ ...prev, ...initialConfig }))\n    }\n  }, [initialConfig])\n\n  // Create theme from config\n  const theme = useMemo(() => createTheme(config), [config])\n\n  // Persist config changes\n  useEffect(() => {\n    if (typeof window === 'undefined')\n      return\n\n    try {\n      localStorage.setItem(storageKey, JSON.stringify(config))\n      // Also persist the initialConfig we started with, so we can detect changes next time\n      localStorage.setItem(`${storageKey}-initial`, JSON.stringify(initialConfig))\n    }\n    catch (err) {\n      console.warn('[Theme] Failed to persist config:', err)\n    }\n  }, [config, storageKey, initialConfig])\n\n  // Apply theme to DOM\n  useEffect(() => {\n    applyTheme(theme)\n  }, [theme])\n\n  // Watch system dark mode changes (only when mode is 'auto')\n  useEffect(() => {\n    if (config.mode !== 'auto')\n      return\n\n    const unwatch = watchSystemDarkMode(() => {\n      // Force re-render by updating config\n      setConfig(prev => ({ ...prev, mode: 'auto' }))\n    })\n\n    return unwatch\n  }, [config.mode])\n\n  // Context value\n  const value = useMemo<ThemeContextValue>(() => ({\n    theme,\n    config,\n\n    setMode: (mode: ThemeMode) => {\n      setConfig(prev => ({ ...prev, mode }))\n    },\n\n    setPrimaryColor: (primaryColor: string) => {\n      setConfig(prev => ({ ...prev, primaryColor }))\n    },\n\n    toggleMode: (event?: React.MouseEvent) => {\n      const currentMode = resolveThemeMode(config.mode || 'auto')\n      const nextMode = currentMode === 'light' ? 'dark' : 'light'\n\n      // Use View Transitions API if available\n      // View Transition API is experimental\n      if (!document.startViewTransition || window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\n        setConfig(prev => ({ ...prev, mode: nextMode }))\n        return\n      }\n\n      // Get click position or center of screen\n      const x = event?.clientX ?? window.innerWidth / 2\n      const y = event?.clientY ?? window.innerHeight / 2\n\n      // Calculate distance to furthest corner\n      const endRadius = Math.hypot(\n        Math.max(x, window.innerWidth - x),\n        Math.max(y, window.innerHeight - y),\n      )\n\n      // View Transition API is experimental\n      const transition = document.startViewTransition(() => {\n        // eslint-disable-next-line react-dom/no-flush-sync\n        flushSync(() => {\n          setConfig(prev => ({ ...prev, mode: nextMode }))\n        })\n      })\n\n      transition.ready.then(() => {\n        const clipPath = [\n          `circle(0px at ${x}px ${y}px)`,\n          `circle(${endRadius}px at ${x}px ${y}px)`,\n        ]\n\n        // Animate the new view expanding from the click point\n        document.documentElement.animate(\n          {\n            clipPath,\n          },\n          {\n            duration: 400,\n            easing: 'ease-in-out',\n            pseudoElement: '::view-transition-new(root)',\n          },\n        )\n      })\n    },\n  }), [theme, config])\n\n  return (\n    <ThemeContext.Provider value={value}>\n      {children}\n    </ThemeContext.Provider>\n  )\n}\n\n/**\n * Use theme hook\n */\n// eslint-disable-next-line react-refresh/only-export-components\nexport function useTheme(): ThemeContextValue {\n  const context = useContext(ThemeContext)\n\n  if (!context) {\n    throw new Error('useTheme must be used within ThemeProvider')\n  }\n\n  return context\n}\n\n/**\n * Use theme mode hook\n */\n// eslint-disable-next-line react-refresh/only-export-components\nexport function useThemeMode() {\n  const { theme, setMode, toggleMode } = useTheme()\n\n  return {\n    mode: theme.mode,\n    setMode,\n    toggleMode,\n  }\n}\n\n/**\n * Use theme colors hook\n */\n// eslint-disable-next-line react-refresh/only-export-components\nexport function useThemeColors() {\n  const { theme } = useTheme()\n  return theme.colors\n}\n"],"names":["Badge","children","count","dot","max","color","size","showZero","className","style","numericCount","displayCount","showBadge","jsxs","styles","jsx","Button","_a","_b","htmlType","variant","disabled","loading","block","icon","onClick","rest","__objRest","classNames","__spreadProps","__spreadValues","Card","title","bordered","hoverable","padding","Checkbox","forwardRef","ref","checked","onChange","label","props","e","Input","status","prefix","suffix","allowClear","onClear","value","wrapperClassNames","showClear","Select","options","selectClass","arrowClass","option","Switch","containerClass","trackClass","Tag","closable","onClose","TagElement","tagClassName","ThemeContext","createContext","DEFAULT_CONFIG","ThemeProvider","initialConfig","storageKey","config","setConfig","useState","stored","storedInitial","parsedStored","err","initialConfigRef","useRef","useEffect","prev","theme","useMemo","createTheme","applyTheme","watchSystemDarkMode","mode","primaryColor","event","nextMode","resolveThemeMode","x","y","endRadius","flushSync","clipPath","useTheme","context","useContext","useThemeMode","setMode","toggleMode","useThemeColors"],"mappings":"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"}