@996-design/996-ui 0.1.0

package/dist/esm/index.js

@@ -0,0 +1,4063 @@
+// src/index.ts
+export * from "@996-design/996-antd";
+
+// src/antd-theme.ts
+import { theme } from "@996-design/996-antd";
+var sharedToken = {
+  borderRadius: 8,
+  borderRadiusLG: 16,
+  colorError: "#fa433d",
+  colorInfo: "#1e8cff",
+  colorSuccess: "#07c160",
+  colorWarning: "#f39713",
+  controlHeight: 40,
+  controlHeightLG: 48,
+  controlHeightSM: 32,
+  fontFamily: '"PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif'
+};
+var antd996DarkTheme = {
+  algorithm: theme.darkAlgorithm,
+  cssVar: { key: "hj-996ux", prefix: "hj" },
+  token: {
+    ...sharedToken,
+    colorBgBase: "#121318",
+    colorPrimary: "#ffcc33",
+    colorTextBase: "#ffffff"
+  }
+};
+var antd996LightTheme = {
+  algorithm: theme.defaultAlgorithm,
+  cssVar: { key: "hj-996ux", prefix: "hj" },
+  token: {
+    ...sharedToken,
+    colorBgBase: "#f5f7fa",
+    colorPrimary: "#9a6d00",
+    colorTextBase: "#17191f"
+  }
+};
+function getAntd996Theme(colorScheme) {
+  return colorScheme === "light" ? antd996LightTheme : antd996DarkTheme;
+}
+var antd996Theme = antd996DarkTheme;
+// src/utils/cn.ts
+function cn(...values) {
+  return values.filter(Boolean).join(" ");
+}
+
+// src/utils/slots.ts
+function slotClass(classNames, slot, ...defaults) {
+  return cn(...defaults, classNames?.[slot]);
+}
+function slotStyle(styles, slot, defaults) {
+  return { ...defaults, ...styles?.[slot] };
+}
+
+// src/components/ButtonGroup.tsx
+import { jsxDEV } from "react/jsx-dev-runtime";
+function ButtonGroup({
+  attached = true,
+  block = false,
+  children,
+  className = "",
+  classNames,
+  separated = false,
+  style,
+  styles,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV("div", {
+    className: slotClass(classNames, "root", "hj-button-group", attached && "hj-button-group-attached", block && "hj-button-group-block", separated && "hj-button-group-separated", className),
+    role: "group",
+    style: slotStyle(styles, "root", style),
+    ...props,
+    children
+  }, undefined, false, undefined, this);
+}
+// src/components/EmptyState.tsx
+import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+function EmptyState({ description, title }) {
+  return /* @__PURE__ */ jsxDEV2("div", {
+    className: "rounded-[4px] border border-dashed border-[#3b4652] bg-[#111923] p-4 text-center",
+    children: [
+      /* @__PURE__ */ jsxDEV2("p", {
+        className: "text-sm font-semibold text-[#f2f4f6]",
+        children: title
+      }, undefined, false, undefined, this),
+      description ? /* @__PURE__ */ jsxDEV2("p", {
+        className: "mt-1.5 text-xs text-[#6f7985]",
+        children: description
+      }, undefined, false, undefined, this) : null
+    ]
+  }, undefined, true, undefined, this);
+}
+// src/components/GameCover.tsx
+import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
+function GameCover({ alt = "", className = "", fallback, src }) {
+  if (src) {
+    return /* @__PURE__ */ jsxDEV3("img", {
+      className: `h-full w-full object-cover ${className}`,
+      alt,
+      src
+    }, undefined, false, undefined, this);
+  }
+  return /* @__PURE__ */ jsxDEV3("div", {
+    className: `flex h-full w-full items-center justify-center bg-[#151f29] text-xl font-semibold text-[#6f7985] ${className}`,
+    children: fallback
+  }, undefined, false, undefined, this);
+}
+// src/components/Icon.tsx
+import { jsxDEV as jsxDEV4, Fragment } from "react/jsx-dev-runtime";
+function Icon({
+  className = "",
+  classNames,
+  name,
+  size = 16,
+  strokeWidth = 2,
+  style,
+  styles,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV4("svg", {
+    "aria-hidden": props["aria-label"] ? undefined : true,
+    className: slotClass(classNames, "root", "inline-block shrink-0", className),
+    fill: "none",
+    height: size,
+    style: slotStyle(styles, "root", style),
+    viewBox: "0 0 24 24",
+    width: size,
+    ...props,
+    children: renderPath(name, strokeWidth)
+  }, undefined, false, undefined, this);
+}
+function renderPath(name, strokeWidth) {
+  switch (name) {
+    case "back":
+      return /* @__PURE__ */ jsxDEV4("path", {
+        d: "m14.5 6-6 6 6 6",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth
+      }, undefined, false, undefined, this);
+    case "bars":
+      return /* @__PURE__ */ jsxDEV4(Fragment, {
+        children: [
+          /* @__PURE__ */ jsxDEV4("rect", {
+            fill: "currentColor",
+            height: "8",
+            rx: "1.5",
+            width: "4",
+            x: "4",
+            y: "10"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV4("rect", {
+            fill: "currentColor",
+            height: "14",
+            rx: "1.5",
+            width: "4",
+            x: "10",
+            y: "4"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV4("rect", {
+            fill: "currentColor",
+            height: "6",
+            rx: "1.5",
+            width: "4",
+            x: "16",
+            y: "12"
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this);
+    case "bell":
+      return /* @__PURE__ */ jsxDEV4(Fragment, {
+        children: [
+          /* @__PURE__ */ jsxDEV4("path", {
+            d: "M6.5 10.5c0-3.4 2.1-5.7 5.5-5.7s5.5 2.3 5.5 5.7v3.2l1.5 2H5l1.5-2v-3.2Z",
+            stroke: "currentColor",
+            strokeLinejoin: "round",
+            strokeWidth
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV4("path", {
+            d: "M9.8 18.2c.45.72 1.18 1.08 2.2 1.08s1.75-.36 2.2-1.08",
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeWidth
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this);
+    case "calendar":
+      return /* @__PURE__ */ jsxDEV4(Fragment, {
+        children: [
+          /* @__PURE__ */ jsxDEV4("rect", {
+            height: "16",
+            rx: "3",
+            stroke: "currentColor",
+            strokeWidth,
+            width: "16",
+            x: "4",
+            y: "5"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV4("path", {
+            d: "M8 3.5v4M16 3.5v4M4 10h16",
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeWidth
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this);
+    case "cart":
+      return /* @__PURE__ */ jsxDEV4(Fragment, {
+        children: [
+          /* @__PURE__ */ jsxDEV4("path", {
+            d: "M4 5h2l1.5 9h9.2l2-6.5H7",
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            strokeWidth
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV4("circle", {
+            cx: "9.3",
+            cy: "18.5",
+            fill: "currentColor",
+            r: "1.3"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV4("circle", {
+            cx: "16.4",
+            cy: "18.5",
+            fill: "currentColor",
+            r: "1.3"
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this);
+    case "check":
+      return /* @__PURE__ */ jsxDEV4("path", {
+        d: "m5 12.5 4.2 4.2L19 7",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth
+      }, undefined, false, undefined, this);
+    case "chevron-down":
+      return /* @__PURE__ */ jsxDEV4("path", {
+        d: "m7 10 5 5 5-5",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth
+      }, undefined, false, undefined, this);
+    case "chevron-right":
+      return /* @__PURE__ */ jsxDEV4("path", {
+        d: "m10 7 5 5-5 5",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth
+      }, undefined, false, undefined, this);
+    case "close":
+      return /* @__PURE__ */ jsxDEV4("path", {
+        d: "m7 7 10 10M17 7 7 17",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeWidth
+      }, undefined, false, undefined, this);
+    case "copy":
+      return /* @__PURE__ */ jsxDEV4(Fragment, {
+        children: [
+          /* @__PURE__ */ jsxDEV4("rect", {
+            height: "11",
+            rx: "2",
+            stroke: "currentColor",
+            strokeWidth,
+            width: "11",
+            x: "8",
+            y: "5"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV4("path", {
+            d: "M5 8v9c0 1.1.9 2 2 2h9",
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeWidth
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this);
+    case "document":
+      return /* @__PURE__ */ jsxDEV4(Fragment, {
+        children: [
+          /* @__PURE__ */ jsxDEV4("rect", {
+            height: "20",
+            rx: "4",
+            stroke: "currentColor",
+            strokeWidth,
+            width: "20",
+            x: "2",
+            y: "2"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV4("path", {
+            d: "M8 8h8M8 12h8M8 16h5",
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeWidth
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this);
+    case "download":
+      return /* @__PURE__ */ jsxDEV4(Fragment, {
+        children: /* @__PURE__ */ jsxDEV4("path", {
+          d: "M12 4v10M8 10l4 4 4-4M5 19h14",
+          stroke: "currentColor",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this);
+    case "eye":
+      return /* @__PURE__ */ jsxDEV4(Fragment, {
+        children: [
+          /* @__PURE__ */ jsxDEV4("path", {
+            d: "M3.5 12s3-5 8.5-5 8.5 5 8.5 5-3 5-8.5 5-8.5-5-8.5-5Z",
+            stroke: "currentColor",
+            strokeLinejoin: "round",
+            strokeWidth
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV4("circle", {
+            cx: "12",
+            cy: "12",
+            r: "2.2",
+            stroke: "currentColor",
+            strokeWidth
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this);
+    case "flame":
+      return /* @__PURE__ */ jsxDEV4("path", {
+        d: "M12.4 21c-3.4 0-6.2-2.3-6.2-5.9 0-2.4 1.4-4.3 3.4-5.9.4 1.8 1.4 2.8 2.6 3.3-.6-3.1.8-5.8 3-7.5.3 2.8 2.6 4.4 2.6 8.1 0 4.6-2.6 7.9-5.4 7.9Z",
+        stroke: "currentColor",
+        strokeLinejoin: "round",
+        strokeWidth
+      }, undefined, false, undefined, this);
+    case "gamepad":
+      return /* @__PURE__ */ jsxDEV4(Fragment, {
+        children: [
+          /* @__PURE__ */ jsxDEV4("path", {
+            d: "M7.1 8.2h9.8c1.73 0 2.8.93 3.18 2.76l.66 3.17c.34 1.62-.53 2.77-1.95 2.77-.84 0-1.39-.34-2.06-1.12l-.83-.98H8.1l-.83.98c-.67.78-1.22 1.12-2.06 1.12-1.42 0-2.29-1.15-1.95-2.77l.66-3.17C4.3 9.13 5.37 8.2 7.1 8.2Z",
+            stroke: "currentColor",
+            strokeLinejoin: "round",
+            strokeWidth
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV4("path", {
+            d: "M7.1 12.5h3.4M8.8 10.8v3.4",
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeWidth
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV4("circle", {
+            cx: "15.1",
+            cy: "12.5",
+            fill: "currentColor",
+            r: "1"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV4("circle", {
+            cx: "17.7",
+            cy: "12.5",
+            fill: "currentColor",
+            r: "1"
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this);
+    case "gift":
+      return /* @__PURE__ */ jsxDEV4(Fragment, {
+        children: [
+          /* @__PURE__ */ jsxDEV4("path", {
+            d: "M4 10h16v10H4V10ZM3.5 7h17v3h-17V7ZM12 7v13",
+            stroke: "currentColor",
+            strokeLinejoin: "round",
+            strokeWidth
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV4("path", {
+            d: "M12 7c-2.7 0-4.5-.8-4.5-2.2C7.5 3.8 8.2 3 9.2 3 10.8 3 12 7 12 7Zm0 0c2.7 0 4.5-.8 4.5-2.2 0-1-.7-1.8-1.7-1.8C13.2 3 12 7 12 7Z",
+            stroke: "currentColor",
+            strokeLinejoin: "round",
+            strokeWidth
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this);
+    case "lock":
+      return /* @__PURE__ */ jsxDEV4(Fragment, {
+        children: [
+          /* @__PURE__ */ jsxDEV4("path", {
+            d: "M7.5 10V8.2C7.5 5.65 9.2 4 12 4s4.5 1.65 4.5 4.2V10",
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeWidth
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV4("rect", {
+            height: "9",
+            rx: "2.2",
+            stroke: "currentColor",
+            strokeWidth,
+            width: "15",
+            x: "4.5",
+            y: "10"
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this);
+    case "minus":
+      return /* @__PURE__ */ jsxDEV4("path", {
+        d: "M5 12h14",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeWidth
+      }, undefined, false, undefined, this);
+    case "plus":
+      return /* @__PURE__ */ jsxDEV4("path", {
+        d: "M12 5v14M5 12h14",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeWidth
+      }, undefined, false, undefined, this);
+    case "refresh":
+      return /* @__PURE__ */ jsxDEV4("path", {
+        d: "M18 8.2A6.8 6.8 0 1 0 19 12M18 4v4.2h-4.2",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth
+      }, undefined, false, undefined, this);
+    case "rocket":
+      return /* @__PURE__ */ jsxDEV4(Fragment, {
+        children: [
+          /* @__PURE__ */ jsxDEV4("path", {
+            d: "M13 5.5c2-1.9 4.3-2.4 6.2-2.2.2 1.9-.3 4.2-2.2 6.2l-5.6 5.6-3.9.9.9-3.9L13 5.5Z",
+            stroke: "currentColor",
+            strokeLinejoin: "round",
+            strokeWidth
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV4("path", {
+            d: "M8 16l-3 3M14.8 6.2l3 3",
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeWidth
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this);
+    case "search":
+      return /* @__PURE__ */ jsxDEV4(Fragment, {
+        children: [
+          /* @__PURE__ */ jsxDEV4("circle", {
+            cx: "11",
+            cy: "11",
+            r: "6",
+            stroke: "currentColor",
+            strokeWidth
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV4("path", {
+            d: "m16 16 4 4",
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeWidth
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this);
+    case "shield":
+      return /* @__PURE__ */ jsxDEV4("path", {
+        d: "M12 3.5 18 6v5.2c0 4.2-2.3 7.2-6 9.3-3.7-2.1-6-5.1-6-9.3V6l6-2.5Z",
+        stroke: "currentColor",
+        strokeLinejoin: "round",
+        strokeWidth
+      }, undefined, false, undefined, this);
+    case "star":
+      return /* @__PURE__ */ jsxDEV4("path", {
+        d: "m12 3.8 2.35 4.76 5.25.76-3.8 3.7.9 5.23L12 15.78l-4.7 2.47.9-5.23-3.8-3.7 5.25-.76L12 3.8Z",
+        stroke: "currentColor",
+        strokeLinejoin: "round",
+        strokeWidth
+      }, undefined, false, undefined, this);
+    case "tag":
+      return /* @__PURE__ */ jsxDEV4(Fragment, {
+        children: [
+          /* @__PURE__ */ jsxDEV4("path", {
+            d: "M4 5.5V12l7.3 7.3a2.4 2.4 0 0 0 3.4 0l4.6-4.6a2.4 2.4 0 0 0 0-3.4L12 4H5.5A1.5 1.5 0 0 0 4 5.5Z",
+            stroke: "currentColor",
+            strokeLinejoin: "round",
+            strokeWidth
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV4("circle", {
+            cx: "8",
+            cy: "8",
+            fill: "currentColor",
+            r: "1.2"
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this);
+    case "thumb-up":
+      return /* @__PURE__ */ jsxDEV4(Fragment, {
+        children: [
+          /* @__PURE__ */ jsxDEV4("path", {
+            d: "M8.5 10.5 11.5 4c1.7.4 2.3 1.7 1.8 3.2l-.6 1.8H18c1.4 0 2.3 1.2 2 2.6l-1.1 5.7c-.3 1.4-1.3 2.2-2.7 2.2H8.5v-9Z",
+            stroke: "currentColor",
+            strokeLinejoin: "round",
+            strokeWidth
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV4("path", {
+            d: "M4 10.5h4.5v9H4z",
+            stroke: "currentColor",
+            strokeLinejoin: "round",
+            strokeWidth
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this);
+    case "user":
+      return /* @__PURE__ */ jsxDEV4(Fragment, {
+        children: [
+          /* @__PURE__ */ jsxDEV4("path", {
+            d: "M7.7 8.4a4.3 4.3 0 1 1 8.6 0 4.3 4.3 0 0 1-8.6 0Z",
+            stroke: "currentColor",
+            strokeWidth
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV4("path", {
+            d: "M5 20c.66-3.38 3.2-5.33 7-5.33s6.34 1.95 7 5.33",
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeWidth
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this);
+    case "warning":
+      return /* @__PURE__ */ jsxDEV4(Fragment, {
+        children: [
+          /* @__PURE__ */ jsxDEV4("circle", {
+            cx: "12",
+            cy: "12",
+            fill: "currentColor",
+            r: "10"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV4("path", {
+            d: "M12 6.8v6.6",
+            stroke: "var(--hj-color-web-surface)",
+            strokeLinecap: "round",
+            strokeWidth
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV4("circle", {
+            cx: "12",
+            cy: "17",
+            fill: "var(--hj-color-web-surface)",
+            r: "1.2"
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this);
+  }
+}
+// src/components/IconButton.tsx
+import { jsxDEV as jsxDEV5 } from "react/jsx-dev-runtime";
+var toneClass = {
+  default: "border-[var(--hj-icon-button-default-border)] bg-[var(--hj-icon-button-default-bg)] text-[var(--hj-icon-button-default-fg)] hover:border-[var(--hj-icon-button-default-border-hover)] hover:text-[var(--hj-icon-button-default-fg-hover)]",
+  primary: "border-[var(--hj-icon-button-primary-border)] bg-[var(--hj-icon-button-primary-bg)] text-[var(--hj-icon-button-primary-fg)] hover:bg-[var(--hj-icon-button-primary-bg-hover)]",
+  ghost: "border-[var(--hj-icon-button-ghost-border)] bg-[var(--hj-icon-button-ghost-bg)] text-[var(--hj-icon-button-ghost-fg)] hover:text-[var(--hj-icon-button-ghost-fg-hover)]",
+  selected: "border-[var(--hj-icon-button-selected-border)] bg-[var(--hj-icon-button-selected-bg)] text-[var(--hj-icon-button-selected-fg)]"
+};
+var sizeClass = {
+  xs: "h-2 w-2 text-[0px]",
+  sm: "h-6 w-6 text-sm",
+  md: "h-9 w-9 text-lg"
+};
+function IconButton({
+  children,
+  className = "",
+  classNames,
+  size = "sm",
+  style,
+  styles,
+  tone = "default",
+  type = "button",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV5("button", {
+    className: slotClass(classNames, "root", "hj-wave inline-flex shrink-0 items-center justify-center rounded-[3px] border font-semibold leading-none transition disabled:cursor-not-allowed disabled:opacity-50", toneClass[tone], sizeClass[size], className),
+    style: slotStyle(styles, "root", style),
+    type,
+    ...props,
+    children: /* @__PURE__ */ jsxDEV5("span", {
+      className: slotClass(classNames, "content"),
+      style: slotStyle(styles, "content"),
+      children
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+// src/ConfigProvider.tsx
+import { createContext, useCallback, useContext, useId, useMemo } from "react";
+import { jsxDEV as jsxDEV6 } from "react/jsx-dev-runtime";
+var Variants = ["outlined", "borderless", "filled", "underlined"];
+var defaultPrefixCls = "hj";
+var defaultIconPrefixCls = "hjicon";
+var defaultGetPrefixCls = (suffixCls, customizePrefixCls) => {
+  if (customizePrefixCls)
+    return customizePrefixCls;
+  return suffixCls ? `${defaultPrefixCls}-${suffixCls}` : defaultPrefixCls;
+};
+var defaultConfig = {
+  componentDisabled: false,
+  componentSize: "medium",
+  components: {},
+  disabled: false,
+  getPrefixCls: defaultGetPrefixCls,
+  iconPrefixCls: defaultIconPrefixCls,
+  motion: true,
+  prefixCls: defaultPrefixCls,
+  rootPrefixCls: defaultPrefixCls,
+  size: "md",
+  surface: "web"
+};
+var ConfigContext = createContext(defaultConfig);
+var { Consumer: ConfigConsumer } = ConfigContext;
+var globalPrefixCls;
+var globalIconPrefixCls;
+var globalTheme;
+var globalHolderRender;
+function getGlobalPrefixCls() {
+  return globalPrefixCls ?? defaultPrefixCls;
+}
+function getGlobalIconPrefixCls() {
+  return globalIconPrefixCls ?? defaultIconPrefixCls;
+}
+function setGlobalConfig(props) {
+  if (props.prefixCls !== undefined)
+    globalPrefixCls = props.prefixCls;
+  if (props.iconPrefixCls !== undefined)
+    globalIconPrefixCls = props.iconPrefixCls;
+  if (Object.prototype.hasOwnProperty.call(props, "holderRender")) {
+    globalHolderRender = props.holderRender;
+  }
+  if (props.theme)
+    globalTheme = props.theme;
+}
+function globalConfig() {
+  const prefixCls = getGlobalPrefixCls();
+  return {
+    getIconPrefixCls: getGlobalIconPrefixCls,
+    getPrefixCls: (suffixCls, customizePrefixCls) => {
+      if (customizePrefixCls)
+        return customizePrefixCls;
+      return suffixCls ? `${prefixCls}-${suffixCls}` : prefixCls;
+    },
+    getRootPrefixCls: () => prefixCls,
+    getTheme: () => globalTheme,
+    holderRender: globalHolderRender
+  };
+}
+function isMotionDisabled(motion) {
+  return motion === false || typeof motion === "object" && motion.disabled === true;
+}
+function normalizeUiSize(size, fallback = "md") {
+  if (size === "small" || size === "sm")
+    return "sm";
+  if (size === "large" || size === "lg")
+    return "lg";
+  if (size === "medium" || size === "middle" || size === "md")
+    return "md";
+  return fallback;
+}
+function normalizeComponentSize(size, fallback) {
+  if (size === "small" || size === "sm")
+    return "small";
+  if (size === "large" || size === "lg")
+    return "large";
+  if (size === "middle")
+    return "middle";
+  if (size === "medium" || size === "md")
+    return "medium";
+  return fallback;
+}
+function isRecord(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function mergeObjectMap(parent, current) {
+  if (!current)
+    return parent;
+  const merged = {
+    ...parent
+  };
+  for (const [name, value] of Object.entries(current)) {
+    const parentValue = merged[name];
+    merged[name] = isRecord(parentValue) && isRecord(value) ? { ...parentValue, ...value } : value;
+  }
+  return merged;
+}
+function normalizeLocale(locale) {
+  if (!locale)
+    return;
+  const defaultLocale = locale.default;
+  return isRecord(defaultLocale) && defaultLocale.locale ? defaultLocale : locale;
+}
+function normalizeCssVarConfig(theme2, parentTheme, prefixCls, generatedKey) {
+  if (theme2.cssVar === false)
+    return false;
+  const inherited = parentTheme?.cssVar;
+  const effective = theme2.cssVar ?? inherited;
+  if (!effective)
+    return effective;
+  const parentConfig = isRecord(inherited) ? inherited : {};
+  const currentConfig = isRecord(theme2.cssVar) ? theme2.cssVar : {};
+  return {
+    ...parentConfig,
+    ...currentConfig,
+    key: typeof currentConfig.key === "string" ? currentConfig.key : generatedKey,
+    prefix: typeof currentConfig.prefix === "string" ? currentConfig.prefix : typeof parentConfig.prefix === "string" ? parentConfig.prefix : prefixCls
+  };
+}
+function mergeTheme(theme2, parentTheme, prefixCls, generatedKey) {
+  if (!theme2)
+    return parentTheme;
+  const inheritedTheme = theme2.inherit === false ? undefined : parentTheme;
+  const mergedComponents = mergeObjectMap(inheritedTheme?.components ?? {}, theme2.components);
+  const cssVar = normalizeCssVarConfig(theme2, parentTheme, prefixCls, generatedKey);
+  return {
+    ...inheritedTheme,
+    ...theme2,
+    components: mergedComponents,
+    cssVar,
+    hashed: theme2.hashed ?? parentTheme?.hashed,
+    token: {
+      ...inheritedTheme?.token,
+      ...theme2.token
+    }
+  };
+}
+var tokenCssVariableAliases = {
+  borderRadius: ["--hj-radius-md"],
+  borderRadiusLG: ["--hj-radius-lg"],
+  borderRadiusSM: ["--hj-radius-sm"],
+  borderRadiusXS: ["--hj-radius-xs"],
+  boxShadowSecondary: ["--hj-shadow-lg"],
+  colorBgBase: ["--hj-color-web-page"],
+  colorBgContainer: ["--hj-color-web-surface"],
+  colorBgElevated: ["--hj-color-web-surface-raised"],
+  colorBorder: ["--hj-color-web-border"],
+  colorDanger: ["--hj-color-danger"],
+  colorError: ["--hj-color-danger"],
+  colorForeground: ["--hj-color-web-foreground"],
+  colorInfo: ["--hj-color-info"],
+  colorMuted: ["--hj-color-web-muted"],
+  colorPrimary: ["--hj-color-brand"],
+  colorPrimaryActive: ["--hj-color-brand-active"],
+  colorPrimaryHover: ["--hj-color-brand-hover"],
+  colorSuccess: ["--hj-color-success"],
+  colorSurface: ["--hj-color-web-surface"],
+  colorSurfaceElevated: ["--hj-color-web-surface-raised"],
+  colorText: ["--hj-color-web-foreground"],
+  colorTextSecondary: ["--hj-color-web-muted"],
+  colorWarning: ["--hj-color-warning"],
+  motionDurationMid: ["--hj-motion-duration-normal"],
+  shadowPopup: ["--hj-shadow-lg"],
+  zDropdown: ["--hj-z-dropdown"],
+  zModal: ["--hj-z-modal"],
+  zToast: ["--hj-z-toast"]
+};
+function toKebabCase(value) {
+  return value.replace(/([a-z0-9])([A-Z])/g, "$1-$2").replace(/([A-Z])([A-Z][a-z])/g, "$1-$2").replace(/[^a-zA-Z0-9_-]+/g, "-").replace(/^-+|-+$/g, "").toLowerCase();
+}
+function formatTokenValue(name, value) {
+  if (typeof value !== "number")
+    return value;
+  if (/duration/i.test(name))
+    return `${value}ms`;
+  if (/radius/i.test(name) || /(fontSize|width|height|size|padding|margin|gap|offset|inset)$/i.test(name)) {
+    return `${value}px`;
+  }
+  return String(value);
+}
+function createThemeStyle(theme2) {
+  if (!theme2)
+    return {};
+  const style = {};
+  const cssVarConfig = isRecord(theme2.cssVar) ? theme2.cssVar : undefined;
+  const customPrefix = typeof cssVarConfig?.prefix === "string" ? toKebabCase(cssVarConfig.prefix) : undefined;
+  const assignToken = (name, value, namespace) => {
+    if (typeof value !== "string" && typeof value !== "number")
+      return;
+    const kebabName = toKebabCase(name);
+    if (!kebabName)
+      return;
+    const formattedValue = formatTokenValue(name, value);
+    const componentPrefix = namespace ? `${toKebabCase(namespace)}-` : "";
+    style[`--hj-${componentPrefix}${kebabName}`] = formattedValue;
+    if (customPrefix) {
+      style[`--${customPrefix}-${componentPrefix}${kebabName}`] = formattedValue;
+    }
+    if (!namespace) {
+      for (const variableName of tokenCssVariableAliases[name] ?? []) {
+        style[variableName] = formattedValue;
+      }
+    }
+  };
+  for (const [name, value] of Object.entries(theme2.token ?? {})) {
+    assignToken(name, value);
+  }
+  for (const [componentName, componentToken] of Object.entries(theme2.components ?? {})) {
+    for (const [name, value] of Object.entries(componentToken)) {
+      if (name !== "algorithm")
+        assignToken(name, value, componentName);
+    }
+  }
+  return style;
+}
+var InternalConfigProvider = ({
+  children,
+  className,
+  componentDisabled,
+  componentSize,
+  components,
+  direction,
+  disabled,
+  dropdownMatchSelectWidth,
+  getPopupContainer,
+  getTargetContainer,
+  iconPrefixCls,
+  locale,
+  motion,
+  popupMatchSelectWidth,
+  prefixCls,
+  renderEmpty,
+  size,
+  style,
+  surface,
+  theme: theme2,
+  variant,
+  virtual
+}) => {
+  const parent = useContext(ConfigContext);
+  const themeId = useId().replace(/:/g, "");
+  const rootPrefixCls = prefixCls ?? parent.getPrefixCls();
+  const getPrefixCls = useCallback((suffixCls, customizePrefixCls) => {
+    if (customizePrefixCls)
+      return customizePrefixCls;
+    return suffixCls ? `${rootPrefixCls}-${suffixCls}` : rootPrefixCls;
+  }, [rootPrefixCls]);
+  const localSize = componentSize ?? size;
+  const mergedTheme = useMemo(() => mergeTheme(theme2, parent.theme, rootPrefixCls, `css-var-${themeId}`), [parent.theme, rootPrefixCls, theme2, themeId]);
+  const mergedComponents = useMemo(() => mergeObjectMap(parent.components, components), [components, parent.components]);
+  const value = useMemo(() => {
+    const mergedDisabled = componentDisabled ?? disabled ?? parent.disabled;
+    return {
+      componentDisabled: mergedDisabled,
+      componentSize: normalizeComponentSize(localSize, parent.componentSize),
+      components: mergedComponents,
+      direction: direction ?? parent.direction,
+      disabled: mergedDisabled,
+      getPopupContainer: getPopupContainer ?? parent.getPopupContainer,
+      getPrefixCls,
+      getTargetContainer: getTargetContainer ?? parent.getTargetContainer,
+      iconPrefixCls: iconPrefixCls ?? parent.iconPrefixCls,
+      locale: normalizeLocale(locale) ?? parent.locale,
+      motion: motion ?? parent.motion,
+      popupMatchSelectWidth: popupMatchSelectWidth ?? dropdownMatchSelectWidth ?? parent.popupMatchSelectWidth,
+      prefixCls: rootPrefixCls,
+      renderEmpty: renderEmpty ?? parent.renderEmpty,
+      rootPrefixCls,
+      size: normalizeUiSize(localSize, parent.size),
+      surface: surface ?? parent.surface,
+      theme: mergedTheme,
+      variant: variant ?? parent.variant,
+      virtual: virtual ?? parent.virtual
+    };
+  }, [
+    componentDisabled,
+    direction,
+    disabled,
+    dropdownMatchSelectWidth,
+    getPopupContainer,
+    getPrefixCls,
+    getTargetContainer,
+    iconPrefixCls,
+    localSize,
+    locale,
+    mergedComponents,
+    mergedTheme,
+    motion,
+    parent,
+    popupMatchSelectWidth,
+    renderEmpty,
+    rootPrefixCls,
+    surface,
+    variant,
+    virtual
+  ]);
+  const rootClass = value.surface === "admin" ? "huaijiu-admin-root" : "huaijiu-web-root";
+  const cssVarClassName = isRecord(value.theme?.cssVar) && typeof value.theme.cssVar.key === "string" ? value.theme.cssVar.key : undefined;
+  const themeStyle = useMemo(() => createThemeStyle(value.theme), [value.theme]);
+  return /* @__PURE__ */ jsxDEV6(ConfigContext.Provider, {
+    value,
+    children: /* @__PURE__ */ jsxDEV6("div", {
+      className: cn(rootClass, value.direction === "rtl" && `${value.rootPrefixCls}-rtl`, isMotionDisabled(value.motion) && "huaijiu-motion-disabled", cssVarClassName, className),
+      dir: value.direction,
+      style: { ...themeStyle, ...style },
+      children
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+};
+function useConfig() {
+  return useContext(ConfigContext);
+}
+var ConfigProvider = Object.assign(InternalConfigProvider, {
+  ConfigConsumer,
+  ConfigContext,
+  config: setGlobalConfig,
+  useConfig
+});
+ConfigProvider.displayName = "ConfigProvider";
+
+// src/components/MenuList.tsx
+import { jsxDEV as jsxDEV7 } from "react/jsx-dev-runtime";
+var rootWidthClass = {
+  dropdown: "w-full py-0",
+  menu: "w-40 py-2",
+  user: "w-[172px] py-2"
+};
+var itemClass = {
+  dropdown: "h-[45px] px-4 text-base leading-6",
+  menu: "h-10 px-4 text-sm leading-[18px]",
+  user: "h-16 px-4"
+};
+function MenuList({
+  activeId,
+  className = "",
+  classNames,
+  disabled,
+  items,
+  onSelect,
+  style,
+  styles,
+  variant
+}) {
+  const config = useConfig();
+  const mergedVariant = variant ?? config.components.MenuList?.variant ?? "menu";
+  const mergedDisabled = disabled || config.disabled || config.components.MenuList?.disabled;
+  return /* @__PURE__ */ jsxDEV7("div", {
+    className: slotClass(classNames, "root", "overflow-hidden rounded-[var(--hj-radius-md)] border border-[var(--hj-menu-border)] bg-[var(--hj-menu-bg)] shadow-[var(--hj-menu-shadow)]", rootWidthClass[mergedVariant], className),
+    "aria-disabled": mergedDisabled || undefined,
+    role: "menu",
+    style: slotStyle(styles, "root", style),
+    children: items.map((item) => {
+      const active = item.id === activeId;
+      return /* @__PURE__ */ jsxDEV7("button", {
+        "aria-current": active || undefined,
+        className: slotClass(classNames, "item", "flex w-full items-center gap-3 text-left transition hover:bg-[var(--hj-menu-item-bg-hover)] disabled:cursor-not-allowed disabled:opacity-50", itemClass[mergedVariant], active ? "bg-[var(--hj-menu-item-bg-active)] text-[var(--hj-menu-item-fg-active)]" : "bg-[var(--hj-menu-item-bg)] text-[var(--hj-menu-item-fg)]"),
+        disabled: mergedDisabled || item.disabled,
+        onClick: () => onSelect?.(item.id),
+        role: "menuitem",
+        style: slotStyle(styles, "item"),
+        type: "button",
+        children: [
+          item.avatar ? /* @__PURE__ */ jsxDEV7("span", {
+            className: slotClass(classNames, "avatar", "flex h-10 w-10 shrink-0 items-center justify-center overflow-hidden rounded-full bg-[var(--hj-menu-avatar-bg)] text-[var(--hj-menu-avatar-fg)]"),
+            style: slotStyle(styles, "avatar"),
+            children: item.avatar
+          }, undefined, false, undefined, this) : null,
+          /* @__PURE__ */ jsxDEV7("span", {
+            className: slotClass(classNames, "content", "min-w-0 flex-1"),
+            style: slotStyle(styles, "content"),
+            children: [
+              /* @__PURE__ */ jsxDEV7("span", {
+                className: slotClass(classNames, "label", "block truncate", active ? "font-semibold" : "font-normal", mergedVariant === "dropdown" ? "text-base leading-6" : "text-sm leading-[18px]", active ? "text-[var(--hj-menu-item-fg-active)]" : mergedVariant === "user" ? "text-[var(--hj-menu-item-fg-active)]" : "text-[var(--hj-menu-item-fg)]"),
+                style: slotStyle(styles, "label"),
+                children: item.label
+              }, undefined, false, undefined, this),
+              item.description ? /* @__PURE__ */ jsxDEV7("span", {
+                className: slotClass(classNames, "description", "mt-[5px] block truncate text-xs leading-4 text-[var(--hj-menu-item-muted)]"),
+                style: slotStyle(styles, "description"),
+                children: item.description
+              }, undefined, false, undefined, this) : null
+            ]
+          }, undefined, true, undefined, this),
+          item.suffix ? /* @__PURE__ */ jsxDEV7("span", {
+            className: slotClass(classNames, "suffix", "shrink-0 text-[var(--hj-input-clear)]"),
+            style: slotStyle(styles, "suffix"),
+            children: item.suffix
+          }, undefined, false, undefined, this) : null
+        ]
+      }, item.id, true, undefined, this);
+    })
+  }, undefined, false, undefined, this);
+}
+// src/components/MessageToast.tsx
+import CSSMotion from "@rc-component/motion";
+
+// src/hooks/useReducedMotion.ts
+import { useEffect, useState } from "react";
+function useReducedMotion() {
+  const [reduced, setReduced] = useState(false);
+  useEffect(() => {
+    if (typeof window === "undefined" || typeof window.matchMedia !== "function")
+      return;
+    const query = window.matchMedia("(prefers-reduced-motion: reduce)");
+    const update = () => setReduced(query.matches);
+    update();
+    query.addEventListener("change", update);
+    return () => query.removeEventListener("change", update);
+  }, []);
+  return reduced;
+}
+
+// src/components/MessageToast.tsx
+import { jsxDEV as jsxDEV8 } from "react/jsx-dev-runtime";
+var iconClass = {
+  success: "bg-[var(--hj-message-success)]",
+  warning: "bg-[var(--hj-message-warning)]",
+  error: "bg-[var(--hj-message-error)]",
+  info: "bg-[var(--hj-message-info)]",
+  loading: "bg-[var(--hj-message-info)]"
+};
+var defaultIcon = {
+  success: "✓",
+  warning: "!",
+  error: "×",
+  info: "i",
+  loading: "…"
+};
+function MessageToast({
+  action,
+  children,
+  className = "",
+  classNames,
+  closable = false,
+  closeIcon,
+  icon,
+  onClose,
+  open = true,
+  role = "status",
+  showIcon,
+  styles,
+  type = "info",
+  variant
+}) {
+  const config = useConfig();
+  const reducedMotion = useReducedMotion();
+  const mergedShowIcon = showIcon ?? config.components.MessageToast?.showIcon ?? true;
+  const mergedVariant = variant ?? config.components.MessageToast?.variant ?? "dark";
+  const motionDisabled = reducedMotion || isMotionDisabled(config.motion);
+  return /* @__PURE__ */ jsxDEV8(CSSMotion, {
+    motionAppear: true,
+    motionDeadline: motionDisabled ? 1 : 300,
+    motionName: motionDisabled ? undefined : "hj-slide-up",
+    removeOnLeave: true,
+    visible: open,
+    children: ({ className: motionClassName, style: motionStyle }, ref) => /* @__PURE__ */ jsxDEV8("div", {
+      className: slotClass(classNames, "root", "inline-flex min-h-[var(--hj-message-height)] max-w-full items-center gap-[var(--hj-message-gap)] rounded-[var(--hj-message-radius)] px-[var(--hj-message-padding-x)] text-sm leading-[18px] shadow-[var(--hj-message-shadow)]", mergedVariant === "dark" ? "bg-[var(--hj-message-bg)] text-[var(--hj-message-fg)]" : "bg-[var(--hj-message-light-bg)] text-[var(--hj-message-light-fg)]", motionDisabled && "huaijiu-motion-disabled", motionClassName, className),
+      ref,
+      role,
+      style: { ...slotStyle(styles, "root"), ...motionStyle },
+      children: [
+        mergedShowIcon && icon !== null ? /* @__PURE__ */ jsxDEV8("span", {
+          className: slotClass(classNames, "icon", "flex h-[var(--hj-message-icon-size)] w-[var(--hj-message-icon-size)] shrink-0 items-center justify-center rounded-full text-xs font-bold leading-none text-white", iconClass[type]),
+          style: slotStyle(styles, "icon"),
+          children: icon ?? defaultIcon[type]
+        }, undefined, false, undefined, this) : null,
+        /* @__PURE__ */ jsxDEV8("span", {
+          className: slotClass(classNames, "content", "min-w-0 break-words"),
+          style: slotStyle(styles, "content"),
+          children
+        }, undefined, false, undefined, this),
+        action ? /* @__PURE__ */ jsxDEV8("span", {
+          className: slotClass(classNames, "action", "ml-1 whitespace-nowrap text-[var(--hj-message-action-fg)]"),
+          style: slotStyle(styles, "action"),
+          children: action
+        }, undefined, false, undefined, this) : null,
+        closable ? /* @__PURE__ */ jsxDEV8("button", {
+          "aria-label": "关闭",
+          className: slotClass(classNames, "close", "ml-1 inline-flex h-4 w-4 shrink-0 items-center justify-center text-[var(--hj-message-close-fg)] transition hover:text-[var(--hj-message-close-fg-hover)]"),
+          onClick: onClose,
+          style: slotStyle(styles, "close"),
+          type: "button",
+          children: closeIcon ?? "×"
+        }, undefined, false, undefined, this) : null
+      ]
+    }, undefined, true, undefined, this)
+  }, undefined, false, undefined, this);
+}
+// src/components/Panel.tsx
+import { jsxDEV as jsxDEV9 } from "react/jsx-dev-runtime";
+var radiusClass = { sm: "rounded-[6px]", md: "rounded-[8px]" };
+function Panel({
+  as: Component = "section",
+  children,
+  className = "",
+  radius = "md",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV9(Component, {
+    className: `${radiusClass[radius]} bg-[#242731] ${className}`,
+    ...props,
+    children
+  }, undefined, false, undefined, this);
+}
+// src/components/PriceText.tsx
+import { jsxDEV as jsxDEV10 } from "react/jsx-dev-runtime";
+function PriceText({
+  className,
+  freeClassName,
+  freeLabel = "免费",
+  originalPrice,
+  price
+}) {
+  const priceClassName = className ?? "text-base";
+  const numericPrice = Number(price);
+  if (numericPrice === 0) {
+    return /* @__PURE__ */ jsxDEV10("span", {
+      className: `${priceClassName} ${freeClassName ?? "font-semibold text-[#69c04a]"}`,
+      children: freeLabel
+    }, undefined, false, undefined, this);
+  }
+  return /* @__PURE__ */ jsxDEV10("span", {
+    className: "inline-flex items-baseline gap-2",
+    children: [
+      originalPrice && originalPrice !== price ? /* @__PURE__ */ jsxDEV10("span", {
+        className: "text-xs text-[#6f7985] line-through",
+        children: [
+          "¥",
+          originalPrice
+        ]
+      }, undefined, true, undefined, this) : null,
+      /* @__PURE__ */ jsxDEV10("span", {
+        className: `${priceClassName} font-semibold text-[#ffcc33]`,
+        children: [
+          "¥",
+          price
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+// src/components/ProgressBar.tsx
+import { jsxDEV as jsxDEV11 } from "react/jsx-dev-runtime";
+var toneClass2 = {
+  primary: "bg-[#ffcc33]",
+  success: "bg-[#69c04a]",
+  achievement: ""
+};
+function ProgressBar({
+  className = "",
+  max = 100,
+  tone = "primary",
+  value
+}) {
+  const width = `${Math.round(value / Math.max(max, 1) * 100)}%`;
+  const achievementGradient = "linear-gradient(90deg, #ffa50e 0%, #ff5f0b 100%)";
+  const trackColor = tone === "achievement" ? "rgba(255, 255, 255, 0.2)" : "#24303a";
+  return /* @__PURE__ */ jsxDEV11("div", {
+    className: `h-1.5 overflow-hidden rounded ${tone === "achievement" ? "bg-white/20" : "bg-[#24303a]"} ${className}`,
+    style: { backgroundColor: trackColor, flexShrink: 0, height: "6px", minHeight: "6px" },
+    children: /* @__PURE__ */ jsxDEV11("div", {
+      className: `h-full rounded ${toneClass2[tone]}`,
+      style: {
+        height: "100%",
+        width,
+        ...tone === "achievement" ? { backgroundImage: achievementGradient } : {}
+      }
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+// src/components/Button.tsx
+import { forwardRef, useEffect as useEffect2, useMemo as useMemo2, useState as useState2 } from "react";
+import { jsxDEV as jsxDEV12, Fragment as Fragment2 } from "react/jsx-dev-runtime";
+var solidToneClass = {
+  primary: "bg-[var(--hj-button-primary-bg)] text-[var(--hj-button-primary-fg)] hover:bg-[var(--hj-button-primary-bg-hover)] active:bg-[var(--hj-button-primary-bg-active)] active:text-[var(--hj-button-primary-fg-active)]",
+  default: "bg-[var(--hj-button-default-bg)] text-[var(--hj-button-default-fg)] hover:bg-[var(--hj-button-default-bg-hover)] hover:text-[var(--hj-button-default-fg-hover)] active:bg-[var(--hj-button-default-bg-active)] active:text-[var(--hj-button-default-fg-hover)]",
+  secondary: "bg-[var(--hj-button-default-bg)] text-[var(--hj-button-default-fg)] hover:bg-[var(--hj-button-default-bg-hover)] hover:text-[var(--hj-button-default-fg-hover)] active:bg-[var(--hj-button-default-bg-active)] active:text-[var(--hj-button-default-fg-hover)]",
+  ghost: "bg-transparent text-white/60 hover:bg-white/5 hover:text-white",
+  danger: "bg-[var(--hj-color-danger)] text-white hover:bg-[var(--hj-color-danger-soft)]",
+  success: "bg-[var(--hj-color-success)] text-white hover:brightness-110",
+  info: "bg-[var(--hj-color-info)] text-white hover:brightness-110",
+  light: "bg-[var(--hj-button-light-bg)] text-[var(--hj-button-light-fg)] shadow-[inset_0_0_0_1px_var(--hj-button-light-border)] hover:bg-[var(--hj-button-light-bg-hover)] hover:shadow-[inset_0_0_0_1px_var(--hj-button-light-border-hover)] active:bg-[var(--hj-button-light-bg-active)]",
+  purchase: "bg-[var(--hj-color-purchase)] text-white hover:brightness-110",
+  download: "bg-[var(--hj-button-primary-bg)] text-[var(--hj-button-primary-fg)] hover:bg-[var(--hj-button-primary-bg-hover)] active:bg-[var(--hj-button-primary-bg-active)] active:text-[var(--hj-button-primary-fg-active)]"
+};
+var sizeClass2 = {
+  xs: "h-[var(--hj-button-xs-height)] min-w-[var(--hj-button-xs-min-width)] rounded-[var(--hj-radius-sm)] px-[var(--hj-button-xs-padding-x)] text-[length:var(--hj-button-xs-font-size)] leading-[var(--hj-button-xs-line-height)]",
+  sm: "h-[var(--hj-button-sm-height)] min-w-[var(--hj-button-sm-min-width)] rounded-[var(--hj-radius-sm)] px-[var(--hj-button-sm-padding-x)] text-[length:var(--hj-button-sm-font-size)] leading-[var(--hj-button-sm-line-height)]",
+  md: "h-[var(--hj-button-md-height)] min-w-[var(--hj-button-md-min-width)] rounded-[var(--hj-radius-md)] px-[var(--hj-button-md-padding-x)] text-[length:var(--hj-button-md-font-size)] leading-[var(--hj-button-md-line-height)]",
+  lg: "h-[var(--hj-button-lg-height)] min-w-[var(--hj-button-lg-min-width)] rounded-[var(--hj-radius-md)] px-[var(--hj-button-lg-padding-x)] text-[length:var(--hj-button-lg-font-size)] leading-[var(--hj-button-lg-line-height)]"
+};
+var iconTextPaddingVariable = {
+  xs: "var(--hj-button-xs-icon-padding-x)",
+  sm: "var(--hj-button-sm-icon-padding-x)",
+  md: "var(--hj-button-md-icon-padding-x)",
+  lg: "var(--hj-button-lg-icon-padding-x)"
+};
+var narrowWidthClass = {
+  xs: "w-[var(--hj-button-xs-narrow-width)] min-w-[var(--hj-button-xs-narrow-width)] px-0",
+  sm: "w-[var(--hj-button-sm-narrow-width)] min-w-[var(--hj-button-sm-narrow-width)] px-0",
+  md: "w-[var(--hj-button-md-min-width)] min-w-[var(--hj-button-md-min-width)]",
+  lg: "w-[var(--hj-button-lg-min-width)] min-w-[var(--hj-button-lg-min-width)]"
+};
+var autoWidthClass = "w-auto min-w-0";
+var iconSizeClass = {
+  xs: "h-[var(--hj-button-xs-height)] w-[var(--hj-button-xs-height)] min-w-[var(--hj-button-xs-height)] rounded-[var(--hj-radius-sm)] p-0 text-[length:var(--hj-button-xs-font-size)] leading-[var(--hj-button-xs-line-height)]",
+  sm: "h-[var(--hj-button-sm-height)] w-[var(--hj-button-sm-height)] min-w-[var(--hj-button-sm-height)] rounded-[var(--hj-radius-sm)] p-0 text-[length:var(--hj-button-sm-font-size)] leading-[var(--hj-button-sm-line-height)]",
+  md: "h-[var(--hj-button-md-height)] w-[var(--hj-button-md-height)] min-w-[var(--hj-button-md-height)] rounded-[var(--hj-radius-md)] p-0 text-[length:var(--hj-button-md-font-size)] leading-[var(--hj-button-md-line-height)]",
+  lg: "h-[var(--hj-button-lg-height)] w-[var(--hj-button-lg-height)] min-w-[var(--hj-button-lg-height)] rounded-[var(--hj-radius-md)] p-0 text-[length:var(--hj-button-lg-font-size)] leading-[var(--hj-button-lg-line-height)]"
+};
+var circleSizeClass = {
+  xs: "h-[var(--hj-button-xs-height)] w-[var(--hj-button-xs-height)] min-w-[var(--hj-button-xs-height)] rounded-full px-0",
+  sm: "h-[var(--hj-button-sm-height)] w-[var(--hj-button-sm-height)] min-w-[var(--hj-button-sm-height)] rounded-full px-0",
+  md: "h-[var(--hj-button-md-height)] w-[var(--hj-button-md-height)] min-w-[var(--hj-button-md-height)] rounded-full px-0",
+  lg: "h-[var(--hj-button-lg-height)] w-[var(--hj-button-lg-height)] min-w-[var(--hj-button-lg-height)] rounded-full px-0"
+};
+var textSizeClass = "h-5 min-w-0 rounded-none p-0 text-[length:var(--hj-button-md-font-size)] leading-[var(--hj-button-md-line-height)]";
+function normalizeButtonSize(size, fallback) {
+  if (size === "small" || size === "sm")
+    return "sm";
+  if (size === "large" || size === "lg")
+    return "lg";
+  if (size === "medium" || size === "middle" || size === "md")
+    return "md";
+  return size ?? fallback;
+}
+var statusClass = {
+  default: {
+    primary: "",
+    default: "",
+    toggle: "",
+    text: ""
+  },
+  hover: {
+    primary: "bg-[var(--hj-button-primary-bg-hover)] text-[var(--hj-button-primary-fg-active)]",
+    default: "bg-[var(--hj-button-default-bg-hover)] text-[var(--hj-button-default-fg-hover)]",
+    toggle: "bg-[var(--hj-button-toggle-bg-hover)] text-[var(--hj-button-primary-bg)]",
+    text: "text-[var(--hj-button-primary-bg)] brightness-110"
+  },
+  active: {
+    primary: "bg-[var(--hj-button-primary-bg-active)] text-[var(--hj-button-primary-fg-active)]",
+    default: "bg-[var(--hj-button-default-bg-active)] text-[var(--hj-button-default-fg-hover)]",
+    toggle: "bg-[var(--hj-button-toggle-bg-active)] text-[var(--hj-button-primary-fg-active)]",
+    text: "text-[var(--hj-button-text-fg)] brightness-50"
+  }
+};
+function resolveVariantClass(tone, variant) {
+  if ((variant === "text" || variant === "link") && (tone === "default" || tone === "secondary"))
+    return "bg-transparent text-[var(--hj-button-text-default-fg)] hover:text-[var(--hj-button-text-fg)] active:brightness-50";
+  if (variant === "text" || variant === "link")
+    return "bg-transparent text-[var(--hj-button-text-fg)] hover:brightness-110 active:brightness-50";
+  if (variant === "outlined" || variant === "dashed") {
+    const toneClass3 = tone === "danger" ? "text-[var(--hj-color-danger)]" : tone === "success" ? "text-[var(--hj-color-success)]" : tone === "info" ? "text-[var(--hj-color-info)]" : tone === "purchase" ? "text-[var(--hj-color-purchase)]" : tone === "primary" || tone === "download" ? "text-[var(--hj-color-brand)]" : "text-[var(--hj-button-default-fg)]";
+    return cn("border border-current bg-transparent hover:bg-[var(--hj-button-default-bg-hover)]", variant === "dashed" && "border-dashed", toneClass3);
+  }
+  if (variant === "translucent" || variant === "filled")
+    return "bg-[var(--hj-button-translucent-bg)] text-[var(--hj-button-default-fg)] hover:bg-[var(--hj-button-translucent-bg-hover)] hover:text-[var(--hj-button-default-fg-hover)] active:bg-[var(--hj-button-translucent-bg-active)] active:text-[var(--hj-button-default-fg-hover)]";
+  if (variant === "toggle")
+    return "border border-[var(--hj-button-toggle-border)] bg-[var(--hj-button-toggle-bg)] text-[var(--hj-color-brand-weak)] hover:bg-[var(--hj-button-toggle-bg-hover)] active:bg-[var(--hj-button-toggle-bg-active)]";
+  if (variant === "icon" || variant === "solid")
+    return solidToneClass[tone];
+  if (variant === "secondary" || tone === "secondary" || tone === "default")
+    return solidToneClass.secondary;
+  return solidToneClass[tone];
+}
+function resolveStatusClass(tone, variant, status) {
+  if (status === "default")
+    return "";
+  if (variant === "text" || variant === "link")
+    return statusClass[status].text;
+  if (variant === "translucent" || variant === "filled") {
+    if (status === "hover")
+      return "bg-[var(--hj-button-translucent-bg-hover)] text-[var(--hj-button-default-fg-hover)]";
+    return "bg-[var(--hj-button-translucent-bg-active)] text-[var(--hj-button-default-fg-hover)]";
+  }
+  if (variant === "toggle")
+    return statusClass[status].toggle;
+  if (variant === "secondary" || variant === "outlined" || variant === "dashed" || tone === "secondary" || tone === "default" || tone === "light")
+    return statusClass[status].default;
+  return statusClass[status].primary;
+}
+function resolveDisabledOpacity(tone, variant) {
+  if (variant === "toggle")
+    return "disabled:opacity-50";
+  if (variant === "secondary" || variant === "outlined" || variant === "dashed" || tone === "secondary" || tone === "default" || tone === "light")
+    return "disabled:opacity-40";
+  return "disabled:opacity-50";
+}
+function resolveAntdTone({
+  color,
+  danger,
+  ghost,
+  tone,
+  type
+}) {
+  if (tone)
+    return tone;
+  if (danger || color === "danger" || color === "red" || color === "pink" || color === "magenta" || color === "volcano")
+    return "danger";
+  if (color === "success" || color === "green" || color === "lime")
+    return "success";
+  if (color === "info" || color === "blue" || color === "cyan" || color === "geekblue" || color === "purple")
+    return "info";
+  if (color === "purchase" || color === "orange" || color === "yellow" || color === "gold")
+    return "purchase";
+  if (color === "download")
+    return "download";
+  if (ghost)
+    return "ghost";
+  if (type === "primary" || color === "primary")
+    return "primary";
+  if (type === "link" || type === "text")
+    return "ghost";
+  return "secondary";
+}
+function resolveAntdVariant({
+  ghost,
+  tone,
+  type,
+  variant
+}) {
+  if (variant)
+    return variant;
+  if (type === "text" || ghost || tone === "ghost")
+    return "text";
+  if (type === "link")
+    return "link";
+  if (type === "dashed")
+    return "dashed";
+  if (tone === "secondary" || tone === "default")
+    return "outlined";
+  return "solid";
+}
+function getLoadingDelay(loading) {
+  if (typeof loading === "object")
+    return Math.max(0, loading.delay ?? 0);
+  return 0;
+}
+var Button = forwardRef(function Button2({
+  autoInsertSpace,
+  block = false,
+  children,
+  className = "",
+  classNames,
+  color,
+  danger,
+  disabled,
+  ghost,
+  href,
+  htmlType = "button",
+  icon,
+  iconPlacement,
+  iconPosition = "start",
+  loading = false,
+  onClick,
+  rootClassName,
+  shape = "default",
+  size,
+  style,
+  styles,
+  status = "default",
+  tone,
+  type,
+  variant,
+  width = "default",
+  ...props
+}, ref) {
+  const config = useConfig();
+  const mergedSize = normalizeButtonSize(size ?? config.components.Button?.size, config.size);
+  const delay = useMemo2(() => getLoadingDelay(loading), [loading]);
+  const [delayedLoading, setDelayedLoading] = useState2(typeof loading === "boolean" ? loading : delay <= 0 && Boolean(loading));
+  useEffect2(() => {
+    if (!loading) {
+      setDelayedLoading(false);
+      return;
+    }
+    if (delay <= 0) {
+      setDelayedLoading(true);
+      return;
+    }
+    const timer = window.setTimeout(() => setDelayedLoading(true), delay);
+    return () => window.clearTimeout(timer);
+  }, [delay, loading]);
+  const mergedTone = resolveAntdTone({ color, danger, ghost, tone, type });
+  const mergedDisabled = disabled || delayedLoading || config.disabled || config.components.Button?.disabled;
+  const mergedVariant = resolveAntdVariant({ ghost, tone: mergedTone, type, variant });
+  const isTextVariant = mergedVariant === "text" || mergedVariant === "link";
+  const mergedSizeClass = mergedVariant === "icon" ? iconSizeClass[mergedSize] : isTextVariant ? textSizeClass : sizeClass2[mergedSize];
+  const fontStyle = mergedTone === "light" ? {
+    fontFamily: "var(--hj-button-light-font-family)",
+    fontWeight: "var(--hj-button-light-font-weight)"
+  } : { fontFamily: "var(--hj-button-font-family)" };
+  const mergedIconPosition = iconPlacement ?? iconPosition;
+  const loadingIcon = typeof loading === "object" ? loading.icon : undefined;
+  const iconNode = delayedLoading ? /* @__PURE__ */ jsxDEV12("span", {
+    "aria-hidden": "true",
+    className: slotClass(classNames, "loadingIcon", "h-3.5 w-3.5 animate-spin rounded-full border-2 border-current border-t-transparent motion-reduce:animate-none"),
+    style: slotStyle(styles, "loadingIcon"),
+    children: loadingIcon
+  }, undefined, false, undefined, this) : icon ? /* @__PURE__ */ jsxDEV12("span", {
+    className: slotClass(classNames, "icon", "inline-flex shrink-0 items-center justify-center"),
+    style: slotStyle(styles, "icon"),
+    children: icon
+  }, undefined, false, undefined, this) : null;
+  const hasTextIcon = Boolean(iconNode && children != null && mergedVariant !== "icon" && !isTextVariant);
+  const iconTextPaddingStyle = hasTextIcon ? { paddingInline: iconTextPaddingVariable[mergedSize] } : undefined;
+  const rootClass = slotClass(classNames, "root", "hj-wave inline-flex cursor-pointer select-none items-center justify-center gap-1.5 border-0 font-[var(--hj-button-font-weight)] transition disabled:cursor-not-allowed", block && "w-full", mergedSizeClass, shape === "round" && "rounded-full", shape === "circle" && circleSizeClass[mergedSize], shape === "square" && children == null && iconSizeClass[mergedSize], width === "narrow" && mergedVariant !== "icon" && !isTextVariant && narrowWidthClass[mergedSize], width === "auto" && mergedVariant !== "icon" && !isTextVariant && autoWidthClass, resolveVariantClass(mergedTone, mergedVariant), resolveStatusClass(mergedTone, mergedVariant, status), resolveDisabledOpacity(mergedTone, mergedVariant), rootClassName, className);
+  const rootStyle = {
+    ...fontStyle,
+    ...iconTextPaddingStyle,
+    ...slotStyle(styles, "root", style)
+  };
+  const content = /* @__PURE__ */ jsxDEV12(Fragment2, {
+    children: [
+      mergedIconPosition === "start" ? iconNode : null,
+      children == null ? null : /* @__PURE__ */ jsxDEV12("span", {
+        className: cn("relative overflow-visible whitespace-nowrap", autoInsertSpace && "tracking-normal", classNames?.content),
+        style: styles?.content,
+        children
+      }, undefined, false, undefined, this),
+      mergedIconPosition === "end" ? iconNode : null
+    ]
+  }, undefined, true, undefined, this);
+  const handleClick = (event) => {
+    if (mergedDisabled) {
+      event.preventDefault();
+      event.stopPropagation();
+      return;
+    }
+    onClick?.(event);
+  };
+  if (href !== undefined) {
+    return /* @__PURE__ */ jsxDEV12("a", {
+      ...props,
+      "aria-busy": delayedLoading || undefined,
+      "aria-disabled": mergedDisabled || undefined,
+      className: rootClass,
+      href: mergedDisabled ? undefined : href,
+      onClick: handleClick,
+      ref,
+      style: rootStyle,
+      children: content
+    }, undefined, false, undefined, this);
+  }
+  return /* @__PURE__ */ jsxDEV12("button", {
+    ...props,
+    "aria-busy": delayedLoading || undefined,
+    className: rootClass,
+    disabled: mergedDisabled,
+    onClick: handleClick,
+    ref,
+    style: rootStyle,
+    type: htmlType,
+    children: content
+  }, undefined, false, undefined, this);
+});
+
+// src/components/ProgressButton.tsx
+import { jsxDEV as jsxDEV13 } from "react/jsx-dev-runtime";
+function ProgressButton({
+  className = "",
+  disabled,
+  label,
+  max = 100,
+  tone = "download",
+  value,
+  ...props
+}) {
+  const normalizedMax = Number.isFinite(max) && max > 0 ? max : 100;
+  const normalizedValue = value == null || !Number.isFinite(value) ? null : Math.max(0, Math.min(normalizedMax, value));
+  const width = normalizedValue == null ? "100%" : `${normalizedValue / normalizedMax * 100}%`;
+  return /* @__PURE__ */ jsxDEV13(Button, {
+    ...props,
+    className: `relative overflow-hidden ${className}`,
+    disabled,
+    tone,
+    children: [
+      /* @__PURE__ */ jsxDEV13("span", {
+        "aria-label": label,
+        "aria-valuemax": normalizedMax,
+        "aria-valuemin": 0,
+        "aria-valuenow": normalizedValue ?? undefined,
+        className: `absolute inset-y-0 left-0 bg-[#d6a84a]/30 ${normalizedValue == null ? "animate-pulse motion-reduce:animate-none" : ""}`,
+        role: "progressbar",
+        style: { width }
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV13("span", {
+        className: "relative",
+        children: label
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+// src/components/Typography.tsx
+import { TextArea as RcTextArea } from "@rc-component/input";
+import ResizeObserver from "@rc-component/resize-observer";
+import {
+  composeRef,
+  toArray,
+  useControlledState as useControlledState2,
+  useEvent,
+  useLayoutEffect
+} from "@rc-component/util";
+import {
+  createElement,
+  forwardRef as forwardRef3,
+  isValidElement as isValidElement2,
+  useEffect as useEffect3,
+  useImperativeHandle,
+  useMemo as useMemo4,
+  useRef,
+  useState as useState3
+} from "react";
+
+// src/components/Tooltip.tsx
+import RcTooltip from "@rc-component/tooltip";
+import { useControlledState } from "@rc-component/util";
+import { Fragment as Fragment3, cloneElement, forwardRef as forwardRef2, isValidElement, useMemo as useMemo3 } from "react";
+import { jsxDEV as jsxDEV14 } from "react/jsx-dev-runtime";
+function getTooltipChild(children, className) {
+  if (isValidElement(children) && children.type !== Fragment3) {
+    if (!className)
+      return children;
+    return cloneElement(children, { className: cn(children.props.className, className) });
+  }
+  return /* @__PURE__ */ jsxDEV14("span", {
+    className,
+    children
+  }, undefined, false, undefined, this);
+}
+function getTooltipPlacements(pointAtCenter, autoAdjustOverflow) {
+  const overflow = autoAdjustOverflow === false ? { adjustX: 0, adjustY: 0 } : {
+    adjustX: typeof autoAdjustOverflow === "object" ? autoAdjustOverflow.adjustX ?? 1 : 1,
+    adjustY: typeof autoAdjustOverflow === "object" ? autoAdjustOverflow.adjustY ?? 1 : 1
+  };
+  const cornerOffset = 12;
+  return {
+    top: { points: ["bc", "tc"], offset: [0, -8], overflow },
+    bottom: { points: ["tc", "bc"], offset: [0, 8], overflow },
+    left: { points: ["cr", "cl"], offset: [-8, 0], overflow },
+    right: { points: ["cl", "cr"], offset: [8, 0], overflow },
+    topLeft: pointAtCenter ? { points: ["bl", "tc"], offset: [-cornerOffset, -8], overflow, autoArrow: false } : { points: ["bl", "tl"], offset: [0, -8], overflow, autoArrow: false },
+    topRight: pointAtCenter ? { points: ["br", "tc"], offset: [cornerOffset, -8], overflow, autoArrow: false } : { points: ["br", "tr"], offset: [0, -8], overflow, autoArrow: false },
+    bottomLeft: pointAtCenter ? { points: ["tl", "bc"], offset: [-cornerOffset, 8], overflow, autoArrow: false } : { points: ["tl", "bl"], offset: [0, 8], overflow, autoArrow: false },
+    bottomRight: pointAtCenter ? { points: ["tr", "bc"], offset: [cornerOffset, 8], overflow, autoArrow: false } : { points: ["tr", "br"], offset: [0, 8], overflow, autoArrow: false },
+    leftTop: pointAtCenter ? { points: ["tr", "cl"], offset: [-8, -cornerOffset], overflow, autoArrow: false } : { points: ["tr", "tl"], offset: [-8, 0], overflow, autoArrow: false },
+    leftBottom: pointAtCenter ? { points: ["br", "cl"], offset: [-8, cornerOffset], overflow, autoArrow: false } : { points: ["br", "bl"], offset: [-8, 0], overflow, autoArrow: false },
+    rightTop: pointAtCenter ? { points: ["tl", "cr"], offset: [8, -cornerOffset], overflow, autoArrow: false } : { points: ["tl", "tr"], offset: [8, 0], overflow, autoArrow: false },
+    rightBottom: pointAtCenter ? { points: ["bl", "cr"], offset: [8, cornerOffset], overflow, autoArrow: false } : { points: ["bl", "br"], offset: [8, 0], overflow, autoArrow: false }
+  };
+}
+var Tooltip = forwardRef2(function Tooltip2({
+  afterOpenChange,
+  afterVisibleChange,
+  align,
+  arrow,
+  autoAdjustOverflow = true,
+  builtinPlacements,
+  children,
+  className = "",
+  classNames,
+  color,
+  defaultOpen,
+  defaultVisible,
+  disabled,
+  destroyOnHidden,
+  destroyTooltipOnHide,
+  forceRender,
+  fresh,
+  getPopupContainer,
+  getTooltipContainer,
+  id,
+  maxWidth,
+  motion,
+  mouseEnterDelay = 0.1,
+  mouseLeaveDelay = 0.1,
+  onOpenChange,
+  onPopupAlign,
+  onVisibleChange,
+  open,
+  openClassName,
+  overlay,
+  overlayClassName,
+  overlayInnerStyle,
+  overlayStyle,
+  placement,
+  rootClassName,
+  style,
+  styles,
+  title,
+  trigger,
+  unique,
+  variant,
+  visible,
+  zIndex
+}, ref) {
+  const config = useConfig();
+  const motionDisabled = isMotionDisabled(config.motion);
+  const mergedArrow = arrow ?? config.components.Tooltip?.arrow ?? true;
+  const mergedDisabled = disabled || config.disabled || config.components.Tooltip?.disabled;
+  const mergedPlacement = placement ?? config.components.Tooltip?.placement ?? "top";
+  const mergedTrigger = trigger ?? config.components.Tooltip?.trigger ?? "hover";
+  const mergedVariant = variant ?? config.components.Tooltip?.variant ?? "dark";
+  const mergedTitle = title ?? overlay;
+  const [mergedOpen, setMergedOpen] = useControlledState(defaultOpen ?? defaultVisible ?? false, open ?? visible);
+  const noTitle = !mergedTitle && mergedTitle !== 0;
+  const popupVisible = mergedDisabled || noTitle ? false : mergedOpen;
+  const pointAtCenter = typeof mergedArrow === "object" && mergedArrow.pointAtCenter === true;
+  const placements = useMemo3(() => builtinPlacements ?? getTooltipPlacements(pointAtCenter, autoAdjustOverflow), [autoAdjustOverflow, builtinPlacements, pointAtCenter]);
+  const triggerNode = getTooltipChild(children, cn(slotClass(classNames, "trigger"), popupVisible && openClassName));
+  const popupStyle = slotStyle(styles, "root", slotStyle(styles, "popup", {
+    ...maxWidth == null ? undefined : { maxWidth, whiteSpace: "normal" },
+    ...color ? { "--hj-tooltip-color": color, backgroundColor: color } : undefined,
+    ...overlayStyle,
+    ...style
+  }));
+  const popupClassName = cn("hj-tooltip-root", `hj-tooltip-${mergedVariant}`, pointAtCenter && "hj-tooltip-arrow-center", className, overlayClassName, rootClassName, classNames?.root, classNames?.popup);
+  const rcTrigger = typeof mergedTrigger === "string" ? mergedTrigger : [...mergedTrigger];
+  return /* @__PURE__ */ jsxDEV14(RcTooltip, {
+    afterVisibleChange: (nextOpen) => {
+      afterOpenChange?.(nextOpen);
+      afterVisibleChange?.(nextOpen);
+    },
+    align,
+    builtinPlacements: placements,
+    classNames: {
+      root: popupClassName,
+      arrow: slotClass(classNames, "arrow", "hj-tooltip-arrow-inner"),
+      container: slotClass(classNames, "content", "hj-tooltip-container-inner")
+    },
+    destroyOnHidden: destroyOnHidden ?? (typeof destroyTooltipOnHide === "object" ? true : destroyTooltipOnHide),
+    forceRender,
+    fresh,
+    getTooltipContainer: getPopupContainer ?? getTooltipContainer ?? (config.getPopupContainer ? () => config.getPopupContainer?.() ?? document.body : undefined),
+    id,
+    mouseEnterDelay,
+    mouseLeaveDelay,
+    motion: motionDisabled ? undefined : motion ?? { motionName: "hj-zoom" },
+    onPopupAlign,
+    overlay: mergedTitle,
+    placement: mergedPlacement,
+    prefixCls: "hj-tooltip",
+    ref,
+    showArrow: typeof mergedArrow === "object" ? true : mergedArrow,
+    styles: {
+      root: popupStyle,
+      arrow: slotStyle(styles, "arrow"),
+      container: slotStyle(styles, "content", overlayInnerStyle)
+    },
+    trigger: rcTrigger,
+    unique,
+    visible: popupVisible,
+    zIndex,
+    onVisibleChange: (nextOpen) => {
+      if (mergedDisabled || noTitle)
+        return;
+      setMergedOpen(nextOpen);
+      onOpenChange?.(nextOpen);
+      onVisibleChange?.(nextOpen);
+    },
+    children: triggerNode
+  }, undefined, false, undefined, this);
+});
+Tooltip.displayName = "Tooltip";
+
+// src/components/Typography.tsx
+import { jsxDEV as jsxDEV15, Fragment as Fragment4 } from "react/jsx-dev-runtime";
+var titleClass = {
+  page: "text-[32px] font-bold leading-[38px] tracking-normal text-white",
+  section: "text-sm font-semibold text-[#f2f4f6]",
+  card: "text-[13px] font-semibold text-[#f2f4f6]"
+};
+var titleLevelClass = {
+  1: "text-[32px] font-semibold leading-[1.25] text-[var(--hj-color-web-foreground)]",
+  2: "text-2xl font-semibold leading-[1.3] text-[var(--hj-color-web-foreground)]",
+  3: "text-xl font-semibold leading-[1.35] text-[var(--hj-color-web-foreground)]",
+  4: "text-base font-semibold leading-[1.4] text-[var(--hj-color-web-foreground)]",
+  5: "text-sm font-semibold leading-[1.45] text-[var(--hj-color-web-foreground)]"
+};
+var textClass = {
+  body: "text-sm text-[#a5adb8]",
+  muted: "text-xs text-[#8b94a0]",
+  action: "text-xs font-normal leading-none text-[#8b94a0] hover:text-[#d6a84a]"
+};
+var typeClass = {
+  secondary: "text-[var(--hj-color-web-muted)]",
+  success: "text-[var(--hj-color-success)]",
+  warning: "text-[var(--hj-color-warning)]",
+  danger: "text-[var(--hj-color-danger)]"
+};
+var EMPTY_COPY_CONFIG = {};
+var EMPTY_EDIT_CONFIG = {};
+var EMPTY_ELLIPSIS_CONFIG = {};
+var ELLIPSIS_TEXT = "...";
+function decorateContent(props, content) {
+  let result = content;
+  if (props.mark)
+    result = /* @__PURE__ */ jsxDEV15("mark", {
+      children: result
+    }, undefined, false, undefined, this);
+  if (props.code)
+    result = /* @__PURE__ */ jsxDEV15("code", {
+      children: result
+    }, undefined, false, undefined, this);
+  if (props.keyboard)
+    result = /* @__PURE__ */ jsxDEV15("kbd", {
+      children: result
+    }, undefined, false, undefined, this);
+  if (props.underline)
+    result = /* @__PURE__ */ jsxDEV15("u", {
+      children: result
+    }, undefined, false, undefined, this);
+  if (props.delete)
+    result = /* @__PURE__ */ jsxDEV15("del", {
+      children: result
+    }, undefined, false, undefined, this);
+  if (props.strong)
+    result = /* @__PURE__ */ jsxDEV15("strong", {
+      children: result
+    }, undefined, false, undefined, this);
+  if (props.italic)
+    result = /* @__PURE__ */ jsxDEV15("i", {
+      children: result
+    }, undefined, false, undefined, this);
+  return result;
+}
+function getNodeText(node) {
+  if (typeof node === "string" || typeof node === "number" || typeof node === "bigint") {
+    return String(node);
+  }
+  if (Array.isArray(node))
+    return node.map(getNodeText).join("");
+  if (isValidElement2(node)) {
+    return getNodeText(node.props.children);
+  }
+  return "";
+}
+function legacyCopy(text, format) {
+  const holder = document.createElement("textarea");
+  holder.value = text;
+  holder.setAttribute("readonly", "");
+  holder.style.position = "fixed";
+  holder.style.insetInlineStart = "-9999px";
+  holder.style.opacity = "0";
+  const handleCopy = (event) => {
+    event.clipboardData?.setData(format, text);
+    event.preventDefault();
+  };
+  document.addEventListener("copy", handleCopy);
+  document.body.appendChild(holder);
+  holder.select();
+  let copied = false;
+  try {
+    if (typeof document.execCommand !== "function")
+      throw new Error("Clipboard is unavailable");
+    copied = document.execCommand("copy");
+  } finally {
+    holder.remove();
+    document.removeEventListener("copy", handleCopy);
+  }
+  if (!copied)
+    throw new Error("Unable to copy text to the clipboard");
+}
+async function copyText(text, format = "text/plain") {
+  if (typeof navigator !== "undefined" && navigator.clipboard) {
+    try {
+      if (format === "text/html" && typeof ClipboardItem !== "undefined" && typeof navigator.clipboard.write === "function") {
+        const item = new ClipboardItem({
+          [format]: new Blob([text], { type: format })
+        });
+        await navigator.clipboard.write([item]);
+        return;
+      }
+      if (typeof navigator.clipboard.writeText === "function") {
+        await navigator.clipboard.writeText(text);
+        return;
+      }
+    } catch {}
+  }
+  if (typeof document === "undefined")
+    throw new Error("Clipboard is unavailable");
+  legacyCopy(text, format);
+}
+function toConfigList(value) {
+  if (value === false)
+    return [false, false];
+  return Array.isArray(value) ? value : [value];
+}
+function getConfigNode(value, fallback, alwaysRender = false) {
+  if (value === true || value === undefined)
+    return fallback;
+  return value || (alwaysRender ? fallback : value);
+}
+function EditableTypography({
+  ariaLabel,
+  className,
+  component,
+  config,
+  disabled,
+  onCancel,
+  onSave,
+  style,
+  value
+}) {
+  const inputRef = useRef(null);
+  const composingRef = useRef(false);
+  const lastKeyCodeRef = useRef(null);
+  const [current, setCurrent] = useState3(value);
+  useEffect3(() => setCurrent(value), [value]);
+  useLayoutEffect(() => {
+    const textArea = inputRef.current?.resizableTextArea.textArea;
+    if (!textArea)
+      return;
+    textArea.focus();
+    textArea.setSelectionRange(textArea.value.length, textArea.value.length);
+  }, []);
+  const confirmChange = useEvent(() => onSave(current.trim()));
+  const handleChange = (event) => {
+    setCurrent(event.target.value.replace(/[\n\r]/g, ""));
+  };
+  const handleKeyDown = (event) => {
+    if (!composingRef.current)
+      lastKeyCodeRef.current = event.keyCode;
+  };
+  const handleKeyUp = (event) => {
+    if (composingRef.current || lastKeyCodeRef.current !== event.keyCode || event.altKey || event.ctrlKey || event.metaKey || event.shiftKey) {
+      return;
+    }
+    if (event.key === "Enter" || event.keyCode === 13) {
+      confirmChange();
+      config.onEnd?.();
+    } else if (event.key === "Escape" || event.keyCode === 27) {
+      onCancel();
+    }
+  };
+  const handleBlur = () => confirmChange();
+  const enterIcon = config.enterIcon === undefined ? /* @__PURE__ */ jsxDEV15(Icon, {
+    "aria-hidden": "true",
+    name: "check",
+    size: 14
+  }, undefined, false, undefined, this) : config.enterIcon;
+  return /* @__PURE__ */ jsxDEV15("div", {
+    className: cn("hj-typography hj-typography-edit-content relative inline-flex w-full min-w-0 items-start", `hj-typography-${component}`, className),
+    style,
+    children: [
+      /* @__PURE__ */ jsxDEV15(RcTextArea, {
+        "aria-label": ariaLabel,
+        autoSize: config.autoSize ?? true,
+        className: "hj-typography-edit-input min-w-0 flex-1 rounded-[var(--hj-input-radius)] border border-[var(--hj-input-border-active)] bg-[var(--hj-input-bg)] text-[var(--hj-input-fg)]",
+        classNames: {
+          affixWrapper: "hj-typography-edit-input min-w-0 flex-1 rounded-[var(--hj-input-radius)] border border-[var(--hj-input-border-active)] bg-[var(--hj-input-bg)]",
+          textarea: cn("hj-typography-edit-textarea block min-h-8 w-full resize-none bg-transparent px-3 py-2 font-[inherit] leading-[inherit] text-[var(--hj-input-fg)] outline-none", enterIcon !== null && "pr-8")
+        },
+        disabled,
+        maxLength: config.maxLength,
+        prefixCls: "hj-typography-edit",
+        ref: inputRef,
+        rows: 1,
+        value: current,
+        onBlur: handleBlur,
+        onChange: handleChange,
+        onCompositionEnd: () => {
+          composingRef.current = false;
+        },
+        onCompositionStart: () => {
+          composingRef.current = true;
+        },
+        onKeyDown: handleKeyDown,
+        onKeyUp: handleKeyUp
+      }, undefined, false, undefined, this),
+      enterIcon !== null ? /* @__PURE__ */ jsxDEV15("span", {
+        "aria-hidden": "true",
+        className: "hj-typography-edit-content-confirm pointer-events-none absolute right-2 top-2 inline-flex text-[var(--hj-color-brand)]",
+        children: enterIcon
+      }, undefined, false, undefined, this) : null
+    ]
+  }, undefined, true, undefined, this);
+}
+var MeasureText = forwardRef3(function MeasureText2({ children, style }, ref) {
+  const elementRef = useRef(null);
+  useImperativeHandle(ref, () => ({
+    getHeight: () => {
+      const element = elementRef.current;
+      return element ? element.getBoundingClientRect().height || element.clientHeight : 0;
+    },
+    isExceed: () => {
+      const element = elementRef.current;
+      return element ? element.scrollHeight > element.clientHeight : false;
+    }
+  }));
+  return /* @__PURE__ */ jsxDEV15("span", {
+    "aria-hidden": "true",
+    ref: elementRef,
+    style: {
+      background: "transparent",
+      insetInlineStart: 0,
+      pointerEvents: "none",
+      position: "fixed",
+      top: 0,
+      visibility: "hidden",
+      zIndex: -1,
+      ...style
+    },
+    children
+  }, undefined, false, undefined, this);
+});
+function getNodesLength(nodes) {
+  return nodes.reduce((length, node) => length + (typeof node === "string" || typeof node === "number" ? String(node).length : 1), 0);
+}
+function sliceNodes(nodes, length) {
+  let currentLength = 0;
+  const result = [];
+  for (const node of nodes) {
+    if (currentLength === length)
+      break;
+    const canSlice = typeof node === "string" || typeof node === "number";
+    const nodeLength = canSlice ? String(node).length : 1;
+    const nextLength = currentLength + nodeLength;
+    if (nextLength > length) {
+      result.push(String(node).slice(0, length - currentLength));
+      break;
+    }
+    result.push(node);
+    currentLength = nextLength;
+  }
+  return result;
+}
+var lineClampStyle = {
+  WebkitBoxOrient: "vertical",
+  display: "-webkit-box",
+  overflow: "hidden"
+};
+function EllipsisMeasure({
+  enable,
+  expanded,
+  measureKey,
+  onEllipsis,
+  renderContent,
+  rows,
+  text,
+  width
+}) {
+  const render = useEvent(renderContent);
+  const triggerEllipsis = useEvent(onEllipsis);
+  const nodes = useMemo4(() => toArray(text), [text]);
+  const nodeLength = useMemo4(() => getNodesLength(nodes), [nodes]);
+  const cutMeasureRef = useRef(null);
+  const overflowMeasureRef = useRef(null);
+  const previousRowsMeasureRef = useRef(null);
+  const operationMeasureRef = useRef(null);
+  const whiteSpaceMeasureRef = useRef(null);
+  const [status, setStatus] = useState3("none");
+  const [cutRange, setCutRange] = useState3(null);
+  const [canEllipsis, setCanEllipsis] = useState3(false);
+  const [ellipsisHeight, setEllipsisHeight] = useState3(0);
+  const [parentWhiteSpace, setParentWhiteSpace] = useState3(null);
+  useLayoutEffect(() => {
+    if (enable && width > 0 && nodeLength > 0) {
+      setStatus("prepare");
+    } else {
+      setStatus("none");
+      setCutRange(null);
+      setCanEllipsis(false);
+    }
+  }, [enable, measureKey, nodeLength, rows, text, width]);
+  useLayoutEffect(() => {
+    if (status === "prepare") {
+      setParentWhiteSpace(whiteSpaceMeasureRef.current ? getComputedStyle(whiteSpaceMeasureRef.current).whiteSpace : null);
+      setStatus("start");
+      return;
+    }
+    if (status !== "start")
+      return;
+    const overflowing = overflowMeasureRef.current?.isExceed() ?? false;
+    const baseHeight = overflowMeasureRef.current?.getHeight() ?? 0;
+    const previousRowsHeight = rows === 1 ? 0 : previousRowsMeasureRef.current?.getHeight() ?? 0;
+    const operationHeight = operationMeasureRef.current?.getHeight() ?? 0;
+    setCanEllipsis(overflowing);
+    setCutRange(overflowing ? [0, nodeLength] : null);
+    setEllipsisHeight(Math.max(baseHeight, previousRowsHeight + operationHeight) + 1);
+    setStatus(overflowing ? "need" : "not-needed");
+    triggerEllipsis(overflowing);
+  }, [nodeLength, rows, status, triggerEllipsis]);
+  const cutMiddle = cutRange ? Math.ceil((cutRange[0] + cutRange[1]) / 2) : 0;
+  useLayoutEffect(() => {
+    if (!cutRange || cutRange[0] === cutRange[1])
+      return;
+    const [minimum, maximum] = cutRange;
+    const overflowing = (cutMeasureRef.current?.getHeight() ?? 0) > ellipsisHeight;
+    let target = cutMiddle;
+    if (maximum - minimum === 1)
+      target = overflowing ? minimum : maximum;
+    setCutRange(overflowing ? [minimum, target] : [target, maximum]);
+  }, [cutMiddle, cutRange, ellipsisHeight]);
+  const fullContent = render(nodes, false);
+  let visibleContent;
+  if (!enable || status === "none" || status === "not-needed") {
+    visibleContent = fullContent;
+  } else if (status !== "need" || !cutRange || cutRange[0] !== cutRange[1]) {
+    visibleContent = /* @__PURE__ */ jsxDEV15("span", {
+      style: { ...lineClampStyle, WebkitLineClamp: rows },
+      children: fullContent
+    }, undefined, false, undefined, this);
+  } else {
+    visibleContent = render(expanded ? nodes : sliceNodes(nodes, cutRange[0]), canEllipsis);
+  }
+  const measureStyle = {
+    margin: 0,
+    padding: 0,
+    whiteSpace: parentWhiteSpace === "nowrap" ? "normal" : "inherit",
+    width
+  };
+  return /* @__PURE__ */ jsxDEV15(Fragment4, {
+    children: [
+      visibleContent,
+      status === "start" ? /* @__PURE__ */ jsxDEV15(Fragment4, {
+        children: [
+          /* @__PURE__ */ jsxDEV15(MeasureText, {
+            ref: overflowMeasureRef,
+            style: { ...measureStyle, ...lineClampStyle, WebkitLineClamp: rows },
+            children: fullContent
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV15(MeasureText, {
+            ref: previousRowsMeasureRef,
+            style: { ...measureStyle, ...lineClampStyle, WebkitLineClamp: rows - 1 },
+            children: fullContent
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsxDEV15(MeasureText, {
+            ref: operationMeasureRef,
+            style: { ...measureStyle, ...lineClampStyle, WebkitLineClamp: 1 },
+            children: render([], true)
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this) : null,
+      status === "need" && cutRange && cutRange[0] !== cutRange[1] ? /* @__PURE__ */ jsxDEV15(MeasureText, {
+        ref: cutMeasureRef,
+        style: { ...measureStyle, top: 400 },
+        children: render(sliceNodes(nodes, cutMiddle), true)
+      }, undefined, false, undefined, this) : null,
+      status === "prepare" ? /* @__PURE__ */ jsxDEV15("span", {
+        ref: whiteSpaceMeasureRef,
+        style: { whiteSpace: "inherit" }
+      }, undefined, false, undefined, this) : null
+    ]
+  }, undefined, true, undefined, this);
+}
+function isPlainObject(value) {
+  if (!value || typeof value !== "object" || Array.isArray(value) || isValidElement2(value)) {
+    return false;
+  }
+  const prototype = Object.getPrototypeOf(value);
+  return prototype === Object.prototype || prototype === null;
+}
+function getEllipsisTooltipProps(tooltip, editText, children) {
+  if (tooltip === true)
+    return { title: editText ?? children };
+  if (isValidElement2(tooltip))
+    return { title: tooltip };
+  if (isPlainObject(tooltip)) {
+    return {
+      title: editText ?? children,
+      ...tooltip
+    };
+  }
+  return { title: tooltip };
+}
+function isElementEllipsized(element, rows) {
+  return rows === 1 ? element.scrollWidth > element.clientWidth : element.scrollHeight > element.clientHeight;
+}
+function TypographyBase({
+  actions,
+  children,
+  className,
+  code,
+  copyable = false,
+  delete: deleted,
+  disabled = false,
+  editable = false,
+  ellipsis,
+  italic,
+  keyboard,
+  mark,
+  rootClassName,
+  strong,
+  style,
+  type,
+  underline,
+  component,
+  onClick,
+  "aria-label": ariaLabel,
+  ...props
+}) {
+  const typographyRef = useRef(null);
+  const editButtonRef = useRef(null);
+  const copyTimerRef = useRef(null);
+  const enableCopy = Boolean(copyable);
+  const enableEdit = Boolean(editable);
+  const enableEllipsis = Boolean(ellipsis);
+  const copyConfig = typeof copyable === "object" ? copyable : EMPTY_COPY_CONFIG;
+  const editConfig = typeof editable === "object" ? editable : EMPTY_EDIT_CONFIG;
+  const ellipsisConfig = typeof ellipsis === "object" ? ellipsis : EMPTY_ELLIPSIS_CONFIG;
+  const triggerType = editConfig.triggerType ?? ["icon"];
+  const placement = actions?.placement ?? "end";
+  const [editing, setEditing] = useControlledState2(false, editConfig.editing);
+  const [expanded, setExpanded] = useControlledState2(ellipsisConfig.defaultExpanded ?? false, ellipsisConfig.expanded);
+  const [copied, setCopied] = useState3(false);
+  const [copyLoading, setCopyLoading] = useState3(false);
+  const [ellipsisWidth, setEllipsisWidth] = useState3(0);
+  const [isJsEllipsis, setIsJsEllipsis] = useState3(false);
+  const [isNativeEllipsis, setIsNativeEllipsis] = useState3(false);
+  const previousEditingRef = useRef(editing);
+  const rows = Math.max(1, Math.floor(ellipsisConfig.rows ?? 1));
+  const mergedEnableEllipsis = enableEllipsis && (!expanded || ellipsisConfig.expandable === "collapsible");
+  const needMeasureEllipsis = mergedEnableEllipsis && (ellipsisConfig.suffix !== undefined || Boolean(ellipsisConfig.onEllipsis) || Boolean(ellipsisConfig.expandable) || enableEdit || enableCopy);
+  const cssEllipsis = mergedEnableEllipsis && !needMeasureEllipsis;
+  const tooltipProps = getEllipsisTooltipProps(ellipsisConfig.tooltip, editConfig.text, children);
+  const { title: ellipsisTooltipTitle, ...ellipsisTooltipRest } = tooltipProps;
+  const hasEllipsisTooltip = ellipsisTooltipTitle !== undefined && ellipsisTooltipTitle !== false;
+  const isMergedEllipsis = mergedEnableEllipsis ? cssEllipsis ? hasEllipsisTooltip && isNativeEllipsis : isJsEllipsis : false;
+  const measureKey = useMemo4(() => ({
+    code,
+    copied,
+    copyIcon: copyConfig.icon,
+    copyLoading,
+    deleted,
+    editIcon: editConfig.icon,
+    enableCopy,
+    enableEdit,
+    expanded,
+    italic,
+    keyboard,
+    mark,
+    placement,
+    strong,
+    style,
+    suffix: ellipsisConfig.suffix,
+    symbol: ellipsisConfig.symbol,
+    underline
+  }), [
+    code,
+    copied,
+    copyConfig.icon,
+    copyLoading,
+    deleted,
+    editConfig.icon,
+    ellipsisConfig.suffix,
+    ellipsisConfig.symbol,
+    enableCopy,
+    enableEdit,
+    expanded,
+    italic,
+    keyboard,
+    mark,
+    placement,
+    strong,
+    style,
+    underline
+  ]);
+  useEffect3(() => () => {
+    if (copyTimerRef.current)
+      clearTimeout(copyTimerRef.current);
+  }, []);
+  useLayoutEffect(() => {
+    if (!editing && previousEditingRef.current)
+      editButtonRef.current?.focus();
+    previousEditingRef.current = editing;
+  }, [editing]);
+  useLayoutEffect(() => {
+    const element = typographyRef.current;
+    if (!cssEllipsis || !hasEllipsisTooltip || !element) {
+      setIsNativeEllipsis(false);
+      return;
+    }
+    setIsNativeEllipsis(isElementEllipsized(element, rows));
+  }, [children, cssEllipsis, ellipsisWidth, hasEllipsisTooltip, rows, style]);
+  const triggerEditing = useEvent((nextEditing) => {
+    if (nextEditing)
+      editConfig.onStart?.();
+    setEditing(nextEditing);
+  });
+  const handleEditSave = useEvent((value) => {
+    editConfig.onChange?.(value);
+    setEditing(false);
+  });
+  const handleEditCancel = useEvent(() => {
+    editConfig.onCancel?.();
+    setEditing(false);
+  });
+  const handleCopy = useEvent(async (event) => {
+    event.preventDefault();
+    event.stopPropagation();
+    if (disabled || copyLoading)
+      return;
+    setCopyLoading(true);
+    try {
+      const configuredText = typeof copyConfig.text === "function" ? await copyConfig.text() : copyConfig.text;
+      await copyText(configuredText ?? getNodeText(children), copyConfig.format);
+      setCopied(true);
+      if (copyTimerRef.current)
+        clearTimeout(copyTimerRef.current);
+      copyTimerRef.current = setTimeout(() => setCopied(false), 3000);
+      copyConfig.onCopy?.(event);
+    } finally {
+      setCopyLoading(false);
+    }
+  });
+  const handleJsEllipsis = useEvent((nextEllipsis) => {
+    setIsJsEllipsis((previous) => {
+      if (previous !== nextEllipsis)
+        ellipsisConfig.onEllipsis?.(nextEllipsis);
+      return nextEllipsis;
+    });
+  });
+  if (enableEdit && editing) {
+    const editableValue = editConfig.text ?? (typeof children === "string" || typeof children === "number" ? String(children) : "");
+    return /* @__PURE__ */ jsxDEV15(EditableTypography, {
+      ariaLabel,
+      className: cn(type && type !== "button" ? `hj-typography-${type}` : undefined, type && type !== "button" ? typeClass[type] : undefined, disabled && "hj-typography-disabled cursor-not-allowed opacity-45", rootClassName, className),
+      component,
+      config: editConfig,
+      disabled,
+      style,
+      value: editableValue,
+      onCancel: handleEditCancel,
+      onSave: handleEditSave
+    }, undefined, false, undefined, this);
+  }
+  const renderExpand = (canEllipsis) => {
+    if (!canEllipsis || !ellipsisConfig.expandable)
+      return null;
+    const nextExpanded = !expanded;
+    const defaultSymbol = expanded ? "Collapse" : "Expand";
+    const symbol = typeof ellipsisConfig.symbol === "function" ? ellipsisConfig.symbol(expanded) : ellipsisConfig.symbol ?? defaultSymbol;
+    return /* @__PURE__ */ jsxDEV15("button", {
+      "aria-expanded": expanded,
+      "aria-label": defaultSymbol,
+      className: cn("hj-typography-action border-0 bg-transparent p-0 text-[var(--hj-color-brand)] hover:text-[var(--hj-color-brand-hover)]", expanded ? "hj-typography-collapse" : "hj-typography-expand"),
+      disabled,
+      type: "button",
+      onClick: (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+        setExpanded(nextExpanded);
+        ellipsisConfig.onExpand?.(event, { expanded: nextExpanded });
+      },
+      children: symbol
+    }, "expand", false, undefined, this);
+  };
+  const renderEdit = () => {
+    if (!enableEdit || !triggerType.includes("icon"))
+      return null;
+    const editTitle = editConfig.tooltip === false ? undefined : editConfig.tooltip === true || editConfig.tooltip === undefined ? "Edit" : editConfig.tooltip;
+    return /* @__PURE__ */ jsxDEV15(Tooltip, {
+      title: editTitle,
+      children: /* @__PURE__ */ jsxDEV15("button", {
+        "aria-label": typeof editTitle === "string" ? editTitle : "Edit",
+        className: "hj-typography-action hj-typography-edit inline-flex border-0 bg-transparent p-0 text-current opacity-70 hover:text-[var(--hj-color-brand)] hover:opacity-100",
+        disabled,
+        ref: editButtonRef,
+        tabIndex: editConfig.tabIndex,
+        type: "button",
+        onClick: (event) => {
+          event.preventDefault();
+          event.stopPropagation();
+          triggerEditing(true);
+        },
+        children: editConfig.icon ?? /* @__PURE__ */ jsxDEV15("span", {
+          "aria-hidden": "true",
+          className: "text-[15px] leading-none",
+          children: "✎"
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this)
+    }, "edit", false, undefined, this);
+  };
+  const renderCopy = () => {
+    if (!enableCopy)
+      return null;
+    const icons = toConfigList(copyConfig.icon);
+    const tooltips = toConfigList(copyConfig.tooltips);
+    const defaultTitle = copied ? "Copied" : "Copy";
+    const copyTitle = getConfigNode(tooltips[copied ? 1 : 0], defaultTitle);
+    const defaultIcon2 = copied ? /* @__PURE__ */ jsxDEV15(Icon, {
+      "aria-hidden": "true",
+      name: "check",
+      size: 14
+    }, undefined, false, undefined, this) : copyLoading ? /* @__PURE__ */ jsxDEV15(Icon, {
+      "aria-hidden": "true",
+      className: "animate-spin",
+      name: "refresh",
+      size: 14
+    }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV15(Icon, {
+      "aria-hidden": "true",
+      name: "copy",
+      size: 14
+    }, undefined, false, undefined, this);
+    return /* @__PURE__ */ jsxDEV15(Tooltip, {
+      title: copyTitle,
+      children: /* @__PURE__ */ jsxDEV15("button", {
+        "aria-label": typeof copyTitle === "string" ? copyTitle : defaultTitle,
+        className: cn("hj-typography-action hj-typography-copy inline-flex border-0 bg-transparent p-0 text-current opacity-70 hover:text-[var(--hj-color-brand)] hover:opacity-100", copied && "hj-typography-copy-success text-[var(--hj-color-success)] opacity-100", copyLoading && "hj-typography-copy-loading"),
+        disabled: disabled || copyLoading,
+        tabIndex: copyConfig.tabIndex,
+        type: "button",
+        onClick: handleCopy,
+        children: getConfigNode(icons[copied ? 1 : 0], defaultIcon2, true)
+      }, undefined, false, undefined, this)
+    }, "copy", false, undefined, this);
+  };
+  const renderOperations = (canEllipsis) => {
+    const operations = [renderExpand(canEllipsis), renderEdit(), renderCopy()];
+    if (operations.every((operation) => operation == null))
+      return null;
+    return /* @__PURE__ */ jsxDEV15("span", {
+      className: cn("hj-typography-actions inline-flex items-center gap-1 align-baseline", placement === "start" ? "hj-typography-actions-start mr-1" : "ml-1"),
+      children: operations
+    }, undefined, false, undefined, this);
+  };
+  const renderContent = (nodes, canEllipsis) => {
+    const textContent = decorateContent({ code, delete: deleted, italic, keyboard, mark, strong, underline }, /* @__PURE__ */ jsxDEV15(Fragment4, {
+      children: [
+        nodes,
+        canEllipsis && !expanded ? /* @__PURE__ */ jsxDEV15("span", {
+          "aria-hidden": "true",
+          children: ELLIPSIS_TEXT
+        }, undefined, false, undefined, this) : null,
+        ellipsisConfig.suffix
+      ]
+    }, undefined, true, undefined, this));
+    const operations = renderOperations(canEllipsis);
+    return /* @__PURE__ */ jsxDEV15(Fragment4, {
+      children: [
+        placement === "start" ? operations : null,
+        textContent,
+        placement === "end" ? operations : null
+      ]
+    }, undefined, true, undefined, this);
+  };
+  const cssEllipsisStyle = cssEllipsis ? rows > 1 ? { ...lineClampStyle, WebkitLineClamp: rows } : {
+    display: component === "span" || component === "a" ? "inline-block" : undefined,
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap"
+  } : undefined;
+  const fullText = editConfig.text ?? getNodeText(children);
+  const rootProps = {
+    ...props,
+    "aria-disabled": disabled || undefined,
+    "aria-label": ariaLabel ?? (needMeasureEllipsis && isMergedEllipsis ? fullText : undefined),
+    className: cn("hj-typography", type && type !== "button" ? `hj-typography-${type}` : undefined, type && type !== "button" ? typeClass[type] : undefined, disabled && "hj-typography-disabled cursor-not-allowed opacity-45", enableEllipsis && "hj-typography-ellipsis", cssEllipsis && rows === 1 && "hj-typography-ellipsis-single-line", cssEllipsis && rows > 1 && "hj-typography-ellipsis-multiple-line", expanded && "hj-typography-ellipsis-expanded", triggerType.includes("text") && enableEdit && !disabled && "cursor-pointer", rootClassName, className),
+    onClick: (event) => {
+      onClick?.(event);
+      if (!event.defaultPrevented && enableEdit && !disabled && triggerType.includes("text")) {
+        event.preventDefault();
+        triggerEditing(true);
+      }
+    },
+    style: { ...cssEllipsisStyle, ...style },
+    ...component === "button" ? { disabled, type: type === "button" ? "button" : undefined } : {}
+  };
+  return /* @__PURE__ */ jsxDEV15(ResizeObserver, {
+    disabled: !mergedEnableEllipsis,
+    onResize: ({ offsetWidth }) => setEllipsisWidth(offsetWidth),
+    children: (resizeRef) => {
+      const typographyNode = createElement(component, { ...rootProps, ref: composeRef(resizeRef, typographyRef) }, /* @__PURE__ */ jsxDEV15(EllipsisMeasure, {
+        enable: needMeasureEllipsis,
+        expanded,
+        measureKey,
+        rows,
+        text: children,
+        width: ellipsisWidth,
+        onEllipsis: handleJsEllipsis,
+        renderContent
+      }, undefined, false, undefined, this));
+      return hasEllipsisTooltip ? /* @__PURE__ */ jsxDEV15(Tooltip, {
+        ...ellipsisTooltipRest,
+        title: isMergedEllipsis ? ellipsisTooltipTitle : undefined,
+        children: typographyNode
+      }, undefined, false, undefined, this) : typographyNode;
+    }
+  }, undefined, false, undefined, this);
+}
+function Title({ as, className, level = 1, variant, ...props }) {
+  const component = as ?? (variant ? "h2" : `h${level}`);
+  return /* @__PURE__ */ jsxDEV15(TypographyBase, {
+    ...props,
+    className: cn("hj-typography-title", variant ? titleClass[variant] : titleLevelClass[level], className),
+    component
+  }, undefined, false, undefined, this);
+}
+function Text({ as, className, variant, ...props }) {
+  const component = as ?? (variant ? "p" : "span");
+  return /* @__PURE__ */ jsxDEV15(TypographyBase, {
+    ...props,
+    className: cn("hj-typography-text", textClass[variant ?? "body"], className),
+    component
+  }, undefined, false, undefined, this);
+}
+function Paragraph({ as = "p", className, ...props }) {
+  return /* @__PURE__ */ jsxDEV15(TypographyBase, {
+    ...props,
+    className: cn("hj-typography-paragraph", className),
+    component: as
+  }, undefined, false, undefined, this);
+}
+function Link({ className, ...props }) {
+  return /* @__PURE__ */ jsxDEV15(TypographyBase, {
+    ...props,
+    className: cn("hj-typography-link text-[var(--hj-color-brand)] transition hover:underline", className),
+    component: "a"
+  }, undefined, false, undefined, this);
+}
+function TypographyRoot({
+  children,
+  className,
+  component = "article",
+  rootClassName,
+  ...props
+}) {
+  return createElement(component, { ...props, className: cn("hj-typography", rootClassName, className) }, children);
+}
+var Typography = Object.assign(TypographyRoot, {
+  Link,
+  Paragraph,
+  Text,
+  Title
+});
+
+// src/components/SectionHeader.tsx
+import { jsxDEV as jsxDEV16 } from "react/jsx-dev-runtime";
+function SectionHeader({
+  action,
+  className = "",
+  meta,
+  middle,
+  onAction,
+  title
+}) {
+  return /* @__PURE__ */ jsxDEV16("div", {
+    className: `flex items-center justify-between gap-3 ${className}`,
+    children: [
+      /* @__PURE__ */ jsxDEV16("div", {
+        className: "flex min-w-0 items-baseline gap-2",
+        children: [
+          /* @__PURE__ */ jsxDEV16(Title, {
+            className: "shrink-0",
+            variant: "section",
+            children: title
+          }, undefined, false, undefined, this),
+          meta ? /* @__PURE__ */ jsxDEV16(Text, {
+            as: "span",
+            className: "truncate font-semibold text-[#a5adb8]",
+            variant: "muted",
+            children: meta
+          }, undefined, false, undefined, this) : null
+        ]
+      }, undefined, true, undefined, this),
+      middle ? /* @__PURE__ */ jsxDEV16("div", {
+        className: "min-w-0 flex-1",
+        children: middle
+      }, undefined, false, undefined, this) : null,
+      action ? /* @__PURE__ */ jsxDEV16(Text, {
+        as: onAction ? "button" : "span",
+        className: "shrink-0",
+        onClick: onAction,
+        type: onAction ? "button" : undefined,
+        variant: "action",
+        children: action
+      }, undefined, false, undefined, this) : null
+    ]
+  }, undefined, true, undefined, this);
+}
+// src/components/Segmented.tsx
+import RcSegmented from "@rc-component/segmented";
+import { forwardRef as forwardRef4, useId as useId2, useMemo as useMemo5 } from "react";
+import { jsxDEV as jsxDEV17, Fragment as Fragment5 } from "react/jsx-dev-runtime";
+function isLabeledOption(option) {
+  return typeof option === "object" && option !== null;
+}
+function normalizeSize(size, fallback) {
+  if (size === "small" || size === "sm")
+    return "sm";
+  if (size === "large" || size === "lg")
+    return "lg";
+  if (size === "xs")
+    return "xs";
+  if (size === "medium" || size === "middle" || size === "md")
+    return "md";
+  return fallback;
+}
+function resolveSemantic(value, props) {
+  return typeof value === "function" ? value({ props }) : value;
+}
+var InternalSegmented = forwardRef4((props, ref) => {
+  const {
+    block = false,
+    className,
+    classNames,
+    disabled,
+    items,
+    name,
+    options,
+    orientation,
+    rootClassName,
+    shape = "default",
+    size,
+    style,
+    styles,
+    vertical,
+    ...restProps
+  } = props;
+  const config = useConfig();
+  const generatedName = useId2();
+  const mergedDisabled = disabled ?? config.components.Segmented?.disabled ?? config.disabled;
+  const mergedSize = normalizeSize(size ?? config.components.Segmented?.size, config.size);
+  const mergedVertical = orientation ? orientation === "vertical" : vertical;
+  const sourceOptions = useMemo5(() => options ?? items?.map(({ id, ...item }) => ({ ...item, value: id })) ?? [], [items, options]);
+  const semanticProps = {
+    ...props,
+    disabled: mergedDisabled,
+    options: sourceOptions,
+    shape,
+    size,
+    vertical: mergedVertical
+  };
+  const mergedClassNames = resolveSemantic(classNames, semanticProps) ?? {};
+  const mergedStyles = resolveSemantic(styles, semanticProps) ?? {};
+  const rcOptions = useMemo5(() => sourceOptions.map((option) => {
+    if (!isLabeledOption(option))
+      return option;
+    const { icon, label, tooltip: _tooltip, ...optionProps } = option;
+    return {
+      ...optionProps,
+      label: /* @__PURE__ */ jsxDEV17(Fragment5, {
+        children: [
+          icon ? /* @__PURE__ */ jsxDEV17("span", {
+            className: cn("hj-segmented-item-icon", mergedClassNames.icon),
+            style: mergedStyles.icon,
+            children: icon
+          }, undefined, false, undefined, this) : null,
+          label != null ? /* @__PURE__ */ jsxDEV17("span", {
+            children: label
+          }, undefined, false, undefined, this) : null
+        ]
+      }, undefined, true, undefined, this)
+    };
+  }), [mergedClassNames.icon, mergedStyles.icon, sourceOptions]);
+  return /* @__PURE__ */ jsxDEV17(RcSegmented, {
+    ...restProps,
+    ref,
+    className: cn("hj-segmented-root", `hj-segmented-${mergedSize}`, block && "hj-segmented-block", shape === "round" && "hj-segmented-shape-round", rootClassName, mergedClassNames.root, className),
+    classNames: { item: mergedClassNames.item, label: mergedClassNames.label },
+    disabled: mergedDisabled,
+    itemRender: (node, { item }) => {
+      const sourceOption = sourceOptions.find((option) => isLabeledOption(option) && option.value === item.value);
+      const tooltip = sourceOption && isLabeledOption(sourceOption) ? sourceOption.tooltip : undefined;
+      if (!tooltip)
+        return node;
+      return typeof tooltip === "string" ? /* @__PURE__ */ jsxDEV17(Tooltip, {
+        title: tooltip,
+        children: node
+      }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV17(Tooltip, {
+        ...tooltip,
+        children: node
+      }, undefined, false, undefined, this);
+    },
+    motionName: "thumb-motion",
+    name: name ?? generatedName,
+    options: rcOptions,
+    prefixCls: "hj-segmented",
+    style: { ...style, ...mergedStyles.root },
+    styles: { item: mergedStyles.item, label: mergedStyles.label },
+    vertical: mergedVertical
+  }, undefined, false, undefined, this);
+});
+var Segmented = InternalSegmented;
+Segmented.displayName = "Segmented";
+
+// src/components/SegmentedTabs.tsx
+import { jsxDEV as jsxDEV18 } from "react/jsx-dev-runtime";
+var legacyTypeAppearance = {
+  boxed: "boxed",
+  "glow-pill": "glow-pill",
+  line: "plain",
+  segmented: "segmented"
+};
+var appearanceClass = {
+  boxed: "boxed",
+  "glow-pill": "glow-pill",
+  plain: "line",
+  segmented: "segmented"
+};
+function SegmentedTabs(props) {
+  const {
+    animated,
+    appearance,
+    block,
+    disabled,
+    fullWidth,
+    indicator,
+    items,
+    size,
+    type,
+    ...segmentedProps
+  } = props;
+  const config = useConfig();
+  const mergedSize = size ?? config.components.SegmentedTabs?.size ?? "sm";
+  const mergedDisabled = disabled ?? config.components.SegmentedTabs?.disabled ?? config.disabled;
+  const mergedAppearance = appearance ?? (type ? legacyTypeAppearance[type] : "boxed");
+  const visualClass = appearanceClass[mergedAppearance];
+  const hideLegacyThumb = mergedAppearance === "plain" && indicator === "none";
+  return /* @__PURE__ */ jsxDEV18(Segmented, {
+    ...segmentedProps,
+    block: block ?? fullWidth,
+    className: cn("hj-segmented-tabs", `hj-segmented-tabs-${visualClass}`, animated === false && "hj-segmented-tabs-no-motion", hideLegacyThumb && "hj-segmented-tabs-no-indicator", segmentedProps.className),
+    disabled: mergedDisabled,
+    options: items.map(({ id, ...item }) => ({ ...item, value: id })),
+    shape: mergedAppearance === "segmented" ? "round" : "default",
+    size: mergedSize
+  }, undefined, false, undefined, this);
+}
+// src/components/SelectInput.tsx
+import RcSelect from "@rc-component/select";
+
+// src/components/Input.tsx
+import RcInput, { TextArea as RcTextArea2 } from "@rc-component/input";
+import { composeRef as composeRef2, raf, triggerFocus, useControlledState as useControlledState3 } from "@rc-component/util";
+import {
+  Fragment as Fragment6,
+  cloneElement as cloneElement2,
+  createContext as createContext3,
+  forwardRef as forwardRef5,
+  isValidElement as isValidElement3,
+  useContext as useContext3,
+  useImperativeHandle as useImperativeHandle2,
+  useRef as useRef2,
+  useState as useState4
+} from "react";
+
+// src/components/form/statusContext.ts
+import { createContext as createContext2, useContext as useContext2 } from "react";
+var EMPTY_STATUS_NODES = [];
+var FormItemInputContext = createContext2({});
+FormItemInputContext.displayName = "FormItemInputContext";
+function getMergedFormItemStatus(contextStatus, customStatus) {
+  const nativeCustomStatus = customStatus === "default" ? "" : customStatus;
+  return nativeCustomStatus || contextStatus || "";
+}
+function useMergedFormItemStatus(customStatus) {
+  const { status: contextStatus } = useContext2(FormItemInputContext);
+  return getMergedFormItemStatus(contextStatus, customStatus);
+}
+function useFormItemStatus() {
+  const {
+    errors = EMPTY_STATUS_NODES,
+    status,
+    warnings = EMPTY_STATUS_NODES
+  } = useContext2(FormItemInputContext);
+  return { errors, status, warnings };
+}
+
+// src/components/Input.tsx
+import { jsxDEV as jsxDEV19, Fragment as Fragment7 } from "react/jsx-dev-runtime";
+var statusClass2 = {
+  "": "border-[var(--hj-input-border)] focus-within:border-[var(--hj-input-border-active)] focus:border-[var(--hj-input-border-active)]",
+  error: "border-[var(--hj-color-danger)] focus-within:border-[var(--hj-color-danger)] focus:border-[var(--hj-color-danger)]",
+  warning: "border-[var(--hj-color-warning)] focus-within:border-[var(--hj-color-warning)] focus:border-[var(--hj-color-warning)]",
+  success: "border-[var(--hj-color-success)] focus-within:border-[var(--hj-color-success)] focus:border-[var(--hj-color-success)]",
+  validating: "border-[var(--hj-input-border)] focus-within:border-[var(--hj-input-border-active)] focus:border-[var(--hj-input-border-active)]"
+};
+var sizeClass3 = {
+  sm: "h-[var(--hj-input-height-sm)] px-[var(--hj-input-padding-x)] text-[length:var(--hj-input-font-size)] leading-[var(--hj-input-line-height)]",
+  md: "h-[var(--hj-input-height-md)] px-[var(--hj-input-padding-x)] text-[length:var(--hj-input-font-size)] leading-[var(--hj-input-line-height)]",
+  lg: "h-[var(--hj-input-height-lg)] px-[var(--hj-input-padding-x)] text-[length:var(--hj-input-font-size)] leading-[var(--hj-input-line-height)]"
+};
+var nativeSizeClass = {
+  sm: "hj-input-small",
+  md: "hj-input-medium",
+  lg: "hj-input-large"
+};
+var textAreaSizeClass = {
+  sm: "min-h-[var(--hj-input-height-sm)] px-[var(--hj-input-padding-x)] py-1.5",
+  md: "min-h-[calc(var(--hj-input-height-md)*2)] px-[var(--hj-input-padding-x)] py-2",
+  lg: "min-h-[calc(var(--hj-input-height-lg)*2)] px-[var(--hj-input-padding-x)] py-2.5"
+};
+var otpCellSizeClass = {
+  sm: "w-[var(--hj-input-height-sm)] px-0 text-center",
+  md: "w-[var(--hj-input-height-md)] px-0 text-center",
+  lg: "w-[var(--hj-input-height-lg)] px-0 text-center"
+};
+function normalizeInputSize(size, fallback = "md") {
+  if (size === "small" || size === "sm")
+    return "sm";
+  if (size === "large" || size === "lg")
+    return "lg";
+  if (size === "medium" || size === "middle" || size === "md")
+    return "md";
+  return fallback;
+}
+var variantClassName = {
+  active: "border-[var(--hj-input-border-active)] bg-[var(--hj-input-bg-active)]",
+  borderless: "border-transparent bg-transparent",
+  default: "",
+  filled: "border-transparent bg-[var(--hj-input-bg-active)]",
+  outlined: "",
+  underlined: "rounded-none border-x-0 border-t-0 bg-transparent px-0"
+};
+var inputBaseClass = "min-w-0 rounded-[var(--hj-input-radius)] border bg-[var(--hj-input-bg)] text-[var(--hj-input-fg)] outline-none transition placeholder:text-[var(--hj-input-placeholder)] hover:bg-[var(--hj-input-bg-active)] disabled:cursor-not-allowed disabled:opacity-50";
+var affixInputClass = "h-full min-w-0 flex-1 border-0 bg-transparent p-0 font-[inherit] text-[var(--hj-input-fg)] outline-none placeholder:text-[var(--hj-input-placeholder)] disabled:cursor-not-allowed";
+var affixWrapperClass = "flex min-w-0 items-center gap-[var(--hj-input-gap)] rounded-[var(--hj-input-radius)] border bg-[var(--hj-input-bg)] transition hover:bg-[var(--hj-input-bg-active)]";
+var textAreaBaseClass = "w-full resize-y rounded-[var(--hj-input-radius)] border bg-[var(--hj-input-bg)] text-[var(--hj-input-fg)] outline-none transition placeholder:text-[var(--hj-input-placeholder)] hover:bg-[var(--hj-input-bg-active)] disabled:cursor-not-allowed disabled:opacity-50";
+var InputGroupSizeContext = createContext3(undefined);
+function getMergedVariant(variant, bordered) {
+  if (variant)
+    return variant;
+  return bordered === false ? "borderless" : "outlined";
+}
+function renderClearIcon() {
+  return /* @__PURE__ */ jsxDEV19(Fragment7, {
+    children: [
+      /* @__PURE__ */ jsxDEV19(Icon, {
+        name: "close",
+        size: 14
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV19("span", {
+        className: "sr-only",
+        children: "清空"
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+function mergeAllowClear(allowClear) {
+  if (!allowClear)
+    return allowClear;
+  if (typeof allowClear === "object") {
+    return {
+      ...allowClear,
+      clearIcon: allowClear.clearIcon || renderClearIcon()
+    };
+  }
+  return { clearIcon: renderClearIcon() };
+}
+function InputInner(props, ref) {
+  const {
+    addonAfter,
+    addonBefore,
+    allowClear,
+    bordered,
+    className,
+    classNames,
+    count,
+    disabled,
+    rootClassName,
+    showCount,
+    size,
+    status,
+    style,
+    styles,
+    variant,
+    ...restProps
+  } = props;
+  const config = useConfig();
+  const groupSize = useContext3(InputGroupSizeContext);
+  const mergedStatus = useMergedFormItemStatus(status);
+  const mergedSize = normalizeInputSize(size ?? groupSize ?? config.components.Input?.size, config.size);
+  const mergedDisabled = disabled ?? config.components.Input?.disabled ?? config.disabled;
+  const mergedVariant = getMergedVariant(variant, bordered);
+  const mergedAllowClear = mergeAllowClear(allowClear);
+  const hasAffix = Boolean(restProps.prefix || restProps.suffix || mergedAllowClear || showCount || count?.show);
+  const hasAddon = addonBefore != null || addonAfter != null;
+  const variantClass = cn(mergedStatus && `hj-input-status-${mergedStatus}`, `hj-input-variant-${mergedVariant}`, mergedVariant === "outlined" && "hj-input-variant-default", statusClass2[mergedStatus], variantClassName[mergedVariant]);
+  const addonBeforeNode = addonBefore == null ? null : /* @__PURE__ */ jsxDEV19("span", {
+    className: slotClass(classNames, "addonBefore", "hj-input-addon-before", "flex shrink-0 items-center border border-r-0 border-[var(--hj-input-border)] bg-[var(--hj-input-addon-bg)] text-[var(--hj-input-addon-fg)]", sizeClass3[mergedSize]),
+    style: slotStyle(styles, "addonBefore"),
+    children: addonBefore
+  }, undefined, false, undefined, this);
+  const addonAfterNode = addonAfter == null ? null : /* @__PURE__ */ jsxDEV19("span", {
+    className: slotClass(classNames, "addonAfter", "hj-input-addon-after", "flex shrink-0 items-center border border-l-0 border-[var(--hj-input-border)] bg-[var(--hj-input-addon-bg)] text-[var(--hj-input-addon-fg)]", sizeClass3[mergedSize]),
+    style: slotStyle(styles, "addonAfter"),
+    children: addonAfter
+  }, undefined, false, undefined, this);
+  return /* @__PURE__ */ jsxDEV19(RcInput, {
+    ...restProps,
+    addonAfter: addonAfterNode,
+    addonBefore: addonBeforeNode,
+    allowClear: mergedAllowClear,
+    className: slotClass(classNames, "root", "hj-input-root", `hj-input-${mergedSize}`, nativeSizeClass[mergedSize], mergedStatus && `hj-input-status-${mergedStatus}`, `hj-input-variant-${mergedVariant}`, mergedVariant === "outlined" && "hj-input-variant-default", rootClassName, className),
+    classNames: {
+      affixWrapper: cn(affixWrapperClass, sizeClass3[mergedSize], `hj-input-affix-wrapper-${mergedSize}`),
+      clear: slotClass(classNames, "clear", "shrink-0 text-[var(--hj-input-clear)] transition hover:text-white [&.hj-input-clear-icon-hidden]:invisible"),
+      count: slotClass(classNames, "count", "shrink-0 text-[var(--hj-input-clear)]"),
+      groupWrapper: slotClass(classNames, "group", "inline-flex min-w-0 overflow-hidden rounded-[var(--hj-input-radius)]", `hj-input-group-wrapper-${mergedSize}`, mergedStatus && `hj-input-group-wrapper-status-${mergedStatus}`, `hj-input-group-wrapper-variant-${mergedVariant}`),
+      input: slotClass(classNames, "input", hasAffix ? affixInputClass : inputBaseClass, !hasAffix && sizeClass3[mergedSize], `hj-input-${mergedSize}`, nativeSizeClass[mergedSize], hasAddon && !hasAffix && "min-w-0 flex-1 rounded-none"),
+      prefix: slotClass(classNames, "prefix", "shrink-0 text-[var(--hj-input-icon)]"),
+      suffix: slotClass(classNames, "suffix", "shrink-0 text-[var(--hj-input-icon)]"),
+      variant: variantClass,
+      wrapper: slotClass(classNames, "wrapper", "inline-flex min-w-0 flex-1")
+    },
+    count,
+    disabled: mergedDisabled,
+    prefixCls: "hj-input",
+    ref,
+    showCount,
+    style: {
+      ...style,
+      ...styles?.root,
+      ...hasAddon ? styles?.group : undefined
+    },
+    styles: {
+      affixWrapper: slotStyle(styles, "root"),
+      clear: slotStyle(styles, "clear"),
+      count: slotStyle(styles, "count"),
+      input: slotStyle(styles, "input"),
+      prefix: slotStyle(styles, "prefix"),
+      suffix: slotStyle(styles, "suffix")
+    }
+  }, undefined, false, undefined, this);
+}
+var InternalInput = forwardRef5(InputInner);
+InternalInput.displayName = "Input";
+var InputGroup = forwardRef5(function InputGroup2({ children, className, compact = false, rootClassName, size, ...props }, ref) {
+  const config = useConfig();
+  const mergedSize = normalizeInputSize(size, config.size);
+  return /* @__PURE__ */ jsxDEV19(InputGroupSizeContext.Provider, {
+    value: size,
+    children: /* @__PURE__ */ jsxDEV19("span", {
+      ...props,
+      className: cn("hj-input-group", `hj-input-group-${mergedSize}`, nativeSizeClass[mergedSize], "inline-flex min-w-0 items-stretch", compact && "hj-input-group-compact gap-0", rootClassName, className),
+      ref,
+      children
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+});
+var InputSearch = forwardRef5(function InputSearch2(props, ref) {
+  const {
+    addonAfter,
+    className,
+    classNames,
+    disabled,
+    enterButton = false,
+    loading = false,
+    onChange,
+    onCompositionEnd,
+    onCompositionStart,
+    onPressEnter,
+    onSearch,
+    searchIcon,
+    styles,
+    ...inputProps
+  } = props;
+  const config = useConfig();
+  const inputRef = useRef2(null);
+  const composingRef = useRef2(false);
+  const mergedDisabled = disabled ?? config.components.Input?.disabled ?? config.disabled;
+  const triggerSearch = (event) => {
+    if (mergedDisabled || loading)
+      return;
+    onSearch?.(inputRef.current?.input?.value ?? "", event, { source: "input" });
+  };
+  const handleMouseDown = (event) => {
+    if (document.activeElement === inputRef.current?.input)
+      event.preventDefault();
+  };
+  const defaultButtonContent = loading ? /* @__PURE__ */ jsxDEV19(Icon, {
+    className: "animate-spin",
+    name: "refresh",
+    size: 16
+  }, undefined, false, undefined, this) : searchIcon ?? /* @__PURE__ */ jsxDEV19(Icon, {
+    name: "search",
+    size: 16
+  }, undefined, false, undefined, this);
+  const buttonClassName = slotClass(classNames, "button", "hj-input-search-button", "inline-flex h-full min-w-8 items-center justify-center gap-1 border-0 bg-transparent px-2 text-[var(--hj-button-default-fg)] transition hover:bg-[var(--hj-button-default-bg-hover)] disabled:cursor-not-allowed disabled:opacity-50", enterButton !== false && "bg-[var(--hj-color-brand)] text-[var(--hj-button-primary-fg)]");
+  let searchButton;
+  if (isValidElement3(enterButton) && enterButton.type !== Fragment6) {
+    searchButton = cloneElement2(enterButton, {
+      "aria-busy": loading || undefined,
+      className: cn(buttonClassName, enterButton.props.className),
+      disabled: mergedDisabled || loading || enterButton.props.disabled,
+      onClick: (event) => {
+        enterButton.props.onClick?.(event);
+        if (!event.defaultPrevented)
+          triggerSearch(event);
+      },
+      onMouseDown: (event) => {
+        enterButton.props.onMouseDown?.(event);
+        if (!event.defaultPrevented)
+          handleMouseDown(event);
+      },
+      style: { ...slotStyle(styles, "button"), ...enterButton.props.style }
+    });
+  } else {
+    searchButton = /* @__PURE__ */ jsxDEV19("button", {
+      "aria-busy": loading || undefined,
+      "aria-label": typeof enterButton === "string" ? undefined : "搜索",
+      className: buttonClassName,
+      disabled: mergedDisabled || loading,
+      onClick: triggerSearch,
+      onMouseDown: handleMouseDown,
+      style: slotStyle(styles, "button"),
+      type: "button",
+      children: typeof enterButton === "boolean" || enterButton == null ? defaultButtonContent : enterButton
+    }, undefined, false, undefined, this);
+  }
+  const mergedAddonAfter = /* @__PURE__ */ jsxDEV19("span", {
+    className: "inline-flex h-full items-stretch",
+    children: [
+      searchButton,
+      addonAfter == null ? null : /* @__PURE__ */ jsxDEV19("span", {
+        className: "inline-flex items-center",
+        children: addonAfter
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+  return /* @__PURE__ */ jsxDEV19(InternalInput, {
+    ...inputProps,
+    addonAfter: mergedAddonAfter,
+    className: cn("hj-input-search", enterButton !== false && "hj-input-search-with-button", className),
+    classNames,
+    disabled: mergedDisabled,
+    onChange: (event) => {
+      if (event.type === "click") {
+        onSearch?.(event.currentTarget.value, event, { source: "clear" });
+      }
+      onChange?.(event);
+    },
+    onCompositionEnd: (event) => {
+      composingRef.current = false;
+      onCompositionEnd?.(event);
+    },
+    onCompositionStart: (event) => {
+      composingRef.current = true;
+      onCompositionStart?.(event);
+    },
+    onPressEnter: (event) => {
+      if (composingRef.current || loading)
+        return;
+      onPressEnter?.(event);
+      triggerSearch(event);
+    },
+    ref: composeRef2(inputRef, ref),
+    styles,
+    type: "search"
+  }, undefined, false, undefined, this);
+});
+function defaultPasswordIcon(visible) {
+  return /* @__PURE__ */ jsxDEV19("span", {
+    className: "relative inline-flex",
+    children: [
+      /* @__PURE__ */ jsxDEV19(Icon, {
+        name: "eye",
+        size: 16
+      }, undefined, false, undefined, this),
+      visible ? null : /* @__PURE__ */ jsxDEV19("span", {
+        "aria-hidden": "true",
+        className: "absolute left-0 top-1/2 h-px w-full -rotate-45 bg-current"
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+var InputPassword = forwardRef5(function InputPassword2(props, ref) {
+  const {
+    action = "click",
+    className,
+    disabled,
+    iconRender = defaultPasswordIcon,
+    suffix,
+    type: _type,
+    visibilityToggle = true,
+    ...inputProps
+  } = props;
+  const config = useConfig();
+  const mergedDisabled = disabled ?? config.components.Input?.disabled ?? config.disabled;
+  const visibilityOptions = typeof visibilityToggle === "object" ? visibilityToggle : undefined;
+  const [visible, setVisible] = useControlledState3(false, visibilityOptions?.visible);
+  const changeVisibility = (nextVisible) => {
+    if (mergedDisabled || visibilityToggle === false)
+      return;
+    setVisible(nextVisible);
+    visibilityOptions?.onVisibleChange?.(nextVisible);
+  };
+  const toggleVisibility = () => changeVisibility(!visible);
+  const visibilityIcon = visibilityToggle === false ? null : /* @__PURE__ */ jsxDEV19("button", {
+    "aria-label": visible ? "隐藏密码" : "显示密码",
+    "aria-pressed": visible,
+    className: "hj-input-password-icon inline-flex shrink-0 items-center justify-center border-0 bg-transparent p-0 text-[var(--hj-input-icon)]",
+    disabled: mergedDisabled,
+    onBlur: action === "hover" ? () => changeVisibility(false) : undefined,
+    onClick: action === "click" ? toggleVisibility : undefined,
+    onFocus: action === "hover" ? () => changeVisibility(true) : undefined,
+    onMouseDown: (event) => event.preventDefault(),
+    onMouseEnter: action === "hover" ? () => changeVisibility(true) : undefined,
+    onMouseLeave: action === "hover" ? () => changeVisibility(false) : undefined,
+    tabIndex: mergedDisabled ? -1 : visibilityOptions?.tabIndex ?? 0,
+    type: "button",
+    children: iconRender(visible)
+  }, undefined, false, undefined, this);
+  return /* @__PURE__ */ jsxDEV19(InternalInput, {
+    ...inputProps,
+    className: cn("hj-input-password", className),
+    disabled: mergedDisabled,
+    ref,
+    suffix: visibilityIcon || suffix ? /* @__PURE__ */ jsxDEV19("span", {
+      className: "inline-flex items-center gap-[var(--hj-input-gap)]",
+      children: [
+        visibilityIcon,
+        suffix
+      ]
+    }, undefined, true, undefined, this) : undefined,
+    type: visible ? "text" : "password"
+  }, undefined, false, undefined, this);
+});
+var InputTextArea = forwardRef5(function InputTextArea2(props, ref) {
+  const {
+    allowClear,
+    bordered,
+    className,
+    classNames,
+    count,
+    disabled,
+    rootClassName,
+    showCount,
+    size,
+    status,
+    style,
+    styles,
+    variant,
+    ...textAreaProps
+  } = props;
+  const config = useConfig();
+  const groupSize = useContext3(InputGroupSizeContext);
+  const mergedStatus = useMergedFormItemStatus(status);
+  const mergedSize = normalizeInputSize(size ?? groupSize ?? config.components.Input?.size, config.size);
+  const mergedDisabled = disabled ?? config.components.Input?.disabled ?? config.disabled;
+  const mergedVariant = getMergedVariant(variant, bordered);
+  const mergedAllowClear = mergeAllowClear(allowClear);
+  const hasAffix = Boolean(mergedAllowClear || showCount || count?.show);
+  const innerRef = useRef2(null);
+  useImperativeHandle2(ref, () => ({
+    blur: () => innerRef.current?.blur(),
+    focus: (options) => {
+      triggerFocus(innerRef.current?.resizableTextArea?.textArea, options);
+    },
+    nativeElement: innerRef.current?.nativeElement ?? null,
+    resizableTextArea: innerRef.current?.resizableTextArea
+  }));
+  return /* @__PURE__ */ jsxDEV19(RcTextArea2, {
+    ...textAreaProps,
+    allowClear: mergedAllowClear,
+    className: slotClass(classNames, "root", "hj-input-textarea-root", `hj-input-${mergedSize}`, nativeSizeClass[mergedSize], mergedStatus && `hj-input-status-${mergedStatus}`, `hj-input-variant-${mergedVariant}`, mergedVariant === "outlined" && "hj-input-variant-default", rootClassName, className),
+    classNames: {
+      affixWrapper: cn(affixWrapperClass, "items-start", `hj-input-affix-wrapper-${mergedSize}`),
+      clear: slotClass(classNames, "clear", "shrink-0 text-[var(--hj-input-clear)] transition hover:text-white [&.hj-input-clear-icon-hidden]:invisible"),
+      count: slotClass(classNames, "count", "shrink-0 text-[var(--hj-input-clear)]"),
+      textarea: slotClass(classNames, "textarea", hasAffix ? "w-full flex-1 resize-y border-0 bg-transparent text-[var(--hj-input-fg)] outline-none placeholder:text-[var(--hj-input-placeholder)]" : textAreaBaseClass, textAreaSizeClass[mergedSize]),
+      variant: cn(mergedStatus && `hj-input-status-${mergedStatus}`, `hj-input-variant-${mergedVariant}`, statusClass2[mergedStatus], variantClassName[mergedVariant])
+    },
+    count,
+    disabled: mergedDisabled,
+    prefixCls: "hj-input",
+    ref: innerRef,
+    showCount,
+    style: slotStyle(styles, "root", style),
+    styles: {
+      affixWrapper: slotStyle(styles, "root"),
+      clear: slotStyle(styles, "clear"),
+      count: slotStyle(styles, "count"),
+      textarea: slotStyle(styles, "textarea")
+    }
+  }, undefined, false, undefined, this);
+});
+function stringToCells(value) {
+  return Array.from(value ?? "");
+}
+var InputOTP = forwardRef5(function InputOTP2(props, ref) {
+  const {
+    autoComplete,
+    autoFocus,
+    className,
+    classNames,
+    defaultValue,
+    disabled,
+    formatter,
+    inputMode,
+    length = 6,
+    mask,
+    onChange,
+    onFocus,
+    onInput,
+    rootClassName,
+    separator,
+    size,
+    status,
+    style,
+    styles,
+    type,
+    value,
+    variant = "outlined",
+    ...rootProps
+  } = props;
+  const config = useConfig();
+  const mergedStatus = useMergedFormItemStatus(status);
+  const mergedLength = Math.max(1, Math.floor(length));
+  const mergedSize = normalizeInputSize(size ?? config.components.Input?.size, config.size);
+  const mergedDisabled = disabled ?? config.components.Input?.disabled ?? config.disabled;
+  const formatValue = (text) => formatter ? formatter(text) : text;
+  const [innerCells, setInnerCells] = useState4(() => stringToCells(formatValue(defaultValue ?? "")).slice(0, mergedLength));
+  const controlled = value !== undefined;
+  const valueCells = controlled ? stringToCells(formatValue(value ?? "")).slice(0, mergedLength) : innerCells.slice(0, mergedLength);
+  const containerRef = useRef2(null);
+  const inputRefs = useRef2({});
+  const focusCell = (index) => {
+    if (index >= 0 && index < mergedLength)
+      inputRefs.current[index]?.focus();
+  };
+  useImperativeHandle2(ref, () => ({
+    blur: () => {
+      for (let index = 0;index < mergedLength; index += 1) {
+        inputRefs.current[index]?.blur();
+      }
+    },
+    focus: () => inputRefs.current[0]?.focus(),
+    nativeElement: containerRef.current
+  }), [mergedLength]);
+  const patchValue = (index, text) => {
+    let nextCells = [...valueCells];
+    for (let fillIndex = 0;fillIndex < index; fillIndex += 1) {
+      if (!nextCells[fillIndex])
+        nextCells[fillIndex] = "";
+    }
+    if (text.length <= 1)
+      nextCells[index] = text;
+    else
+      nextCells = nextCells.slice(0, index).concat(stringToCells(text));
+    nextCells = nextCells.slice(0, mergedLength);
+    while (nextCells.length && !nextCells.at(-1))
+      nextCells.pop();
+    const formatted = formatValue(nextCells.map((cell) => cell || " ").join(""));
+    return stringToCells(formatted).slice(0, mergedLength).map((cell, cellIndex) => cell === " " && !nextCells[cellIndex] ? nextCells[cellIndex] : cell);
+  };
+  const commitCells = (nextCells) => {
+    if (!controlled)
+      setInnerCells(nextCells);
+    onInput?.([...nextCells]);
+    const nextValue = nextCells.join("");
+    const currentValue = valueCells.join("");
+    if (nextCells.length === mergedLength && nextCells.every(Boolean) && nextValue !== currentValue) {
+      onChange?.(nextValue);
+    }
+  };
+  const syncSelection = (index) => {
+    raf(() => {
+      const input = inputRefs.current[index]?.input;
+      if (input && document.activeElement === input)
+        input.select();
+    });
+  };
+  const handleInput = (index, event) => {
+    const text = event.currentTarget.value;
+    const nextCells = patchValue(index, text);
+    const nextIndex = Math.min(index + stringToCells(text).length, mergedLength - 1);
+    if (nextIndex !== index && nextCells[index] !== undefined)
+      focusCell(nextIndex);
+    commitCells(nextCells);
+  };
+  return /* @__PURE__ */ jsxDEV19("div", {
+    ...rootProps,
+    "aria-disabled": mergedDisabled || undefined,
+    className: slotClass(classNames, "root", "hj-input-otp hj-otp", `hj-input-otp-${mergedSize}`, nativeSizeClass[mergedSize], mergedStatus && `hj-input-status-${mergedStatus}`, `hj-input-variant-${variant}`, "inline-flex items-center gap-[var(--hj-input-gap)]", mergedDisabled && "hj-input-otp-disabled opacity-50", rootClassName, className),
+    ref: containerRef,
+    role: rootProps.role ?? "group",
+    style: slotStyle(styles, "root", style),
+    children: Array.from({ length: mergedLength }, (_, index) => {
+      const singleValue = valueCells[index] ?? "";
+      const customMask = typeof mask === "string" && singleValue !== "";
+      const separatorNode = typeof separator === "function" ? separator(index) : separator;
+      return /* @__PURE__ */ jsxDEV19(Fragment6, {
+        children: [
+          /* @__PURE__ */ jsxDEV19("span", {
+            className: "hj-input-otp-cell relative inline-flex shrink-0",
+            children: [
+              /* @__PURE__ */ jsxDEV19(InternalInput, {
+                "aria-label": `OTP Input ${index + 1}`,
+                autoComplete,
+                autoFocus: index === 0 && autoFocus,
+                className: slotClass(classNames, "input", "hj-input-otp-input", otpCellSizeClass[mergedSize], customMask && "text-transparent caret-[var(--hj-input-fg)]"),
+                disabled: mergedDisabled,
+                htmlSize: 1,
+                inputMode,
+                onFocus: (event) => {
+                  for (let previous = 0;previous < index; previous += 1) {
+                    if (!inputRefs.current[previous]?.input?.value) {
+                      focusCell(previous);
+                      break;
+                    }
+                  }
+                  onFocus?.(event);
+                  syncSelection(index);
+                },
+                onInput: (event) => handleInput(index, event),
+                onKeyDown: (event) => {
+                  if (event.key === "ArrowLeft")
+                    focusCell(index - 1);
+                  else if (event.key === "ArrowRight" && singleValue)
+                    focusCell(index + 1);
+                  else if (event.key === "Backspace" && !singleValue)
+                    focusCell(index - 1);
+                  else if (event.key === "z" && (event.ctrlKey || event.metaKey)) {
+                    event.preventDefault();
+                  }
+                  syncSelection(index);
+                },
+                onMouseDown: () => syncSelection(index),
+                onMouseUp: () => syncSelection(index),
+                ref: (input) => {
+                  inputRefs.current[index] = input;
+                },
+                size: mergedSize,
+                status: mergedStatus,
+                style: slotStyle(styles, "input"),
+                type: mask === true ? "password" : type ?? "text",
+                value: singleValue,
+                variant
+              }, undefined, false, undefined, this),
+              customMask ? /* @__PURE__ */ jsxDEV19("span", {
+                "aria-hidden": "true",
+                className: "pointer-events-none absolute inset-0 inline-flex items-center justify-center text-[var(--hj-input-fg)]",
+                children: mask
+              }, undefined, false, undefined, this) : null
+            ]
+          }, undefined, true, undefined, this),
+          index < mergedLength - 1 && separatorNode != null ? /* @__PURE__ */ jsxDEV19("span", {
+            className: slotClass(classNames, "separator", "hj-input-otp-separator hj-otp-separator"),
+            style: slotStyle(styles, "separator"),
+            children: separatorNode
+          }, undefined, false, undefined, this) : null
+        ]
+      }, `otp-${index}`, true, undefined, this);
+    })
+  }, undefined, false, undefined, this);
+});
+var Input = InternalInput;
+Input.Group = InputGroup;
+Input.OTP = InputOTP;
+Input.Password = InputPassword;
+Input.Search = InputSearch;
+Input.TextArea = InputTextArea;
+
+// src/components/SelectInput.tsx
+import { jsxDEV as jsxDEV20 } from "react/jsx-dev-runtime";
+function SelectInput({
+  activeFirstOption = false,
+  activeValue,
+  allowClear,
+  autoFocus,
+  className = "",
+  classNames,
+  defaultPopupOpen = false,
+  defaultValue,
+  disabled,
+  displayValue,
+  id,
+  onBlur,
+  onChange,
+  onClick,
+  onFocus,
+  onKeyDown,
+  onPopupOpenChange,
+  options,
+  placeholder,
+  popupMatchInputWidth = true,
+  popupOffset,
+  popupOpen,
+  prefix,
+  size,
+  status,
+  style,
+  styles,
+  suffixIcon,
+  tabIndex,
+  title,
+  value,
+  variant
+}) {
+  const config = useConfig();
+  const mergedStatus = useMergedFormItemStatus(status);
+  const mergedSize = normalizeInputSize(size ?? config.components.SelectInput?.size, config.size);
+  const mergedPopupOffset = popupOffset ?? config.components.SelectInput?.popupOffset ?? 8;
+  const mergedDisabled = disabled ?? config.components.SelectInput?.disabled ?? config.disabled;
+  const rcOptions = options.map((option) => ({ ...option }));
+  return /* @__PURE__ */ jsxDEV20(RcSelect, {
+    allowClear,
+    autoFocus,
+    className: cn("hj-select-input-root", `hj-select-input-${mergedSize}`, mergedStatus && `hj-select-input-status-${mergedStatus}`, variant && `hj-select-input-variant-${variant}`, slotClass(classNames, "root"), className),
+    classNames: { input: slotClass(classNames, "input") },
+    defaultActiveFirstOption: activeFirstOption,
+    defaultOpen: defaultPopupOpen,
+    defaultValue,
+    disabled: mergedDisabled,
+    getPopupContainer: config.getPopupContainer ? () => config.getPopupContainer?.() ?? document.body : undefined,
+    id,
+    labelRender: displayValue === undefined ? undefined : () => displayValue,
+    open: popupOpen,
+    optionRender: (option) => /* @__PURE__ */ jsxDEV20("span", {
+      className: cn("hj-select-input-option-content", activeValue === option.value && "hj-select-input-option-active"),
+      children: [
+        /* @__PURE__ */ jsxDEV20("span", {
+          className: "hj-select-input-option-label",
+          children: option.label
+        }, undefined, false, undefined, this),
+        option.data.suffix ? /* @__PURE__ */ jsxDEV20("span", {
+          className: "hj-select-input-option-suffix",
+          children: option.data.suffix
+        }, undefined, false, undefined, this) : null
+      ]
+    }, undefined, true, undefined, this),
+    options: rcOptions,
+    placeholder,
+    popupAlign: { offset: [0, mergedPopupOffset] },
+    popupClassName: slotClass(classNames, "popup", "hj-select-input-popup"),
+    popupMatchSelectWidth: popupMatchInputWidth,
+    popupStyle: slotStyle(styles, "popup"),
+    prefix,
+    prefixCls: "hj-select-input",
+    style: slotStyle(styles, "root", style),
+    suffix: () => /* @__PURE__ */ jsxDEV20("span", {
+      className: slotClass(classNames, "suffix", "hj-select-input-suffix"),
+      style: slotStyle(styles, "suffix"),
+      children: suffixIcon ?? /* @__PURE__ */ jsxDEV20(Icon, {
+        name: "chevron-down",
+        size: 16,
+        strokeWidth: 2
+      }, undefined, false, undefined, this)
+    }, undefined, false, undefined, this),
+    tabIndex,
+    title,
+    value,
+    onBlur,
+    onChange: (nextValue, option) => onChange?.(nextValue, option),
+    onClick,
+    onFocus,
+    onKeyDown,
+    onPopupVisibleChange: onPopupOpenChange
+  }, undefined, false, undefined, this);
+}
+// src/components/StatCard.tsx
+import { jsxDEV as jsxDEV21 } from "react/jsx-dev-runtime";
+function StatCard({ accent, className = "", label, meta, value }) {
+  return /* @__PURE__ */ jsxDEV21("div", {
+    className: `rounded-[4px] border border-[#24303a] bg-[#151f29] p-3 ${className}`,
+    children: [
+      /* @__PURE__ */ jsxDEV21("div", {
+        className: "flex items-start justify-between gap-3",
+        children: [
+          /* @__PURE__ */ jsxDEV21("div", {
+            className: "min-w-0",
+            children: [
+              /* @__PURE__ */ jsxDEV21(Text, {
+                as: "div",
+                className: "truncate",
+                variant: "muted",
+                children: label
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV21(Title, {
+                as: "p",
+                className: "mt-1 text-2xl",
+                variant: "page",
+                children: value
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          accent ? /* @__PURE__ */ jsxDEV21("div", {
+            className: "shrink-0 text-[#d6a84a]",
+            children: accent
+          }, undefined, false, undefined, this) : null
+        ]
+      }, undefined, true, undefined, this),
+      meta ? /* @__PURE__ */ jsxDEV21(Text, {
+        as: "div",
+        className: "mt-2 truncate",
+        variant: "muted",
+        children: meta
+      }, undefined, false, undefined, this) : null
+    ]
+  }, undefined, true, undefined, this);
+}
+// src/components/StatusItem.tsx
+import { jsxDEV as jsxDEV22 } from "react/jsx-dev-runtime";
+function StatusItem({
+  className = "",
+  icon,
+  label,
+  max = 100,
+  orientation,
+  progress,
+  value
+}) {
+  if (icon === undefined && orientation === undefined && progress === undefined) {
+    return /* @__PURE__ */ jsxDEV22("div", {
+      className: `flex items-center justify-between gap-3 rounded-[4px] border border-[#24303a] bg-[#111923] px-3 py-2 ${className}`,
+      children: [
+        /* @__PURE__ */ jsxDEV22("dt", {
+          className: "text-[#6f7985]",
+          children: label
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsxDEV22("dd", {
+          className: "font-mono text-white",
+          children: value
+        }, undefined, false, undefined, this)
+      ]
+    }, undefined, true, undefined, this);
+  }
+  const layoutClass = orientation === "column" ? "flex-col text-center" : "items-center";
+  return /* @__PURE__ */ jsxDEV22("div", {
+    className: `flex gap-3 rounded-[4px] bg-[#151f29] p-3 ${layoutClass} ${className}`,
+    children: [
+      icon ? /* @__PURE__ */ jsxDEV22("div", {
+        className: "shrink-0",
+        children: icon
+      }, undefined, false, undefined, this) : null,
+      /* @__PURE__ */ jsxDEV22("div", {
+        className: "min-w-0 flex-1",
+        children: [
+          /* @__PURE__ */ jsxDEV22("div", {
+            className: "flex items-center justify-between gap-2",
+            children: [
+              /* @__PURE__ */ jsxDEV22("span", {
+                className: "truncate text-sm text-[#f2f4f6]",
+                children: label
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV22("span", {
+                className: "shrink-0 text-xs text-[#a5adb8]",
+                children: value
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          progress === undefined ? null : /* @__PURE__ */ jsxDEV22(ProgressBar, {
+            className: "mt-2",
+            max,
+            value: progress
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+// src/components/TagPill.tsx
+import { jsxDEV as jsxDEV23 } from "react/jsx-dev-runtime";
+var toneClass3 = {
+  amber: "border-[#6f5529] bg-[#2a2115] text-[#d6a84a]",
+  slate: "border-[#3b4652] bg-[#161d24] text-[#aab0b8]",
+  green: "border-[#3f6f36] bg-[#172a19] text-[#69c04a]",
+  red: "border-[#ff8f86]/50 bg-[#3a2426] text-[#ff8f86]"
+};
+function TagPill({
+  children,
+  tone = "slate"
+}) {
+  return /* @__PURE__ */ jsxDEV23("span", {
+    className: `inline-flex h-5 items-center rounded-[3px] border px-1.5 text-[11px] ${toneClass3[tone]}`,
+    children
+  }, undefined, false, undefined, this);
+}
+// src/components/OtherPrimitives.tsx
+import { composeRefs, useControllableValue, useLatest, warning } from "@996-design/996-utils";
+import ResizeObserver2 from "@rc-component/resize-observer";
+import { raf as raf2, useEvent as useEvent2 } from "@rc-component/util";
+import { forwardRef as forwardRef6, useEffect as useEffect4, useImperativeHandle as useImperativeHandle3, useRef as useRef3, useState as useState5 } from "react";
+
+// src/components/affix/utils.ts
+function getTargetRect(target) {
+  if (typeof window !== "undefined" && target === window) {
+    return { top: 0, bottom: window.innerHeight };
+  }
+  return target.getBoundingClientRect();
+}
+function getFixedTop(placeholderRect, targetRect, offsetTop) {
+  if (offsetTop !== undefined && Math.round(targetRect.top) > Math.round(placeholderRect.top) - offsetTop) {
+    return offsetTop + targetRect.top;
+  }
+  return;
+}
+function getFixedBottom(placeholderRect, targetRect, offsetBottom) {
+  if (offsetBottom !== undefined && Math.round(targetRect.bottom) < Math.round(placeholderRect.bottom) + offsetBottom) {
+    return offsetBottom + window.innerHeight - targetRect.bottom;
+  }
+  return;
+}
+function createsFixedContainingBlock(element) {
+  const view = element.ownerDocument.defaultView;
+  if (!view)
+    return false;
+  return view.getComputedStyle(element).transform !== "none";
+}
+function getFixedContainerOffset(element) {
+  const view = element.ownerDocument.defaultView;
+  if (!view)
+    return { top: 0, bottom: 0 };
+  let parent = element.parentElement;
+  while (parent) {
+    if (createsFixedContainingBlock(parent)) {
+      const rect = parent.getBoundingClientRect();
+      return {
+        top: rect.top,
+        bottom: view.innerHeight - rect.bottom
+      };
+    }
+    parent = parent.parentElement;
+  }
+  return { top: 0, bottom: 0 };
+}
+
+// src/components/OtherPrimitives.tsx
+import { jsxDEV as jsxDEV24 } from "react/jsx-dev-runtime";
+var TRIGGER_EVENTS = [
+  "resize",
+  "scroll",
+  "touchstart",
+  "touchmove",
+  "touchend",
+  "pageshow",
+  "load"
+];
+var AFFIX_STATUS_NONE = 0;
+var AFFIX_STATUS_PREPARE = 1;
+function getDefaultTarget() {
+  return typeof window === "undefined" ? null : window;
+}
+function throttleByAnimationFrame(callback) {
+  let requestId = null;
+  const throttled = (...args) => {
+    if (requestId !== null)
+      return;
+    requestId = raf2(() => {
+      requestId = null;
+      callback(...args);
+    });
+  };
+  throttled.cancel = () => {
+    if (requestId !== null) {
+      raf2.cancel(requestId);
+    }
+    requestId = null;
+  };
+  return throttled;
+}
+function normalizeTarget(target) {
+  if (typeof window !== "undefined" && target === window) {
+    return window;
+  }
+  if (typeof HTMLElement !== "undefined" && target instanceof HTMLElement) {
+    return target;
+  }
+  if (typeof ShadowRoot !== "undefined" && target instanceof ShadowRoot) {
+    return target.host instanceof HTMLElement ? target.host : null;
+  }
+  return null;
+}
+var Affix = forwardRef6(function Affix2({
+  children,
+  className = "",
+  offsetBottom,
+  offsetTop,
+  onChange,
+  onTestUpdate,
+  onTestUpdatePosition,
+  prefixCls,
+  rootClassName,
+  style,
+  target,
+  ...props
+}, ref) {
+  const config = useConfig();
+  const componentConfig = config.components.Affix;
+  const affixPrefixCls = config.getPrefixCls("affix", prefixCls);
+  const [affixStyle, setAffixStyle] = useState5();
+  const [placeholderStyle, setPlaceholderStyle] = useState5();
+  const statusRef = useRef3(AFFIX_STATUS_NONE);
+  const lastAffixRef = useRef3(false);
+  const affixStyleRef = useRef3(undefined);
+  const prevTargetRef = useRef3(null);
+  const prevListenerRef = useRef3(null);
+  const placeholderRef = useRef3(null);
+  const fixedRef = useRef3(null);
+  const timerRef = useRef3(null);
+  affixStyleRef.current = affixStyle;
+  const targetFunc = target ?? (config.getTargetContainer ? () => normalizeTarget(config.getTargetContainer?.() ?? null) : getDefaultTarget);
+  const internalOffsetTop = offsetBottom === undefined && offsetTop === undefined ? 0 : offsetTop;
+  const commitMeasure = useEvent2((nextAffixStyle, nextPlaceholderStyle) => {
+    const nextAffix = Boolean(nextAffixStyle);
+    if (lastAffixRef.current !== nextAffix) {
+      lastAffixRef.current = nextAffix;
+      onChange?.(nextAffix);
+    }
+    affixStyleRef.current = nextAffixStyle;
+    setAffixStyle(nextAffixStyle);
+    setPlaceholderStyle(nextPlaceholderStyle);
+  });
+  const measure = useEvent2(() => {
+    if (statusRef.current !== AFFIX_STATUS_PREPARE || !fixedRef.current || !placeholderRef.current) {
+      return;
+    }
+    const targetNode = targetFunc();
+    const placeholderNode = placeholderRef.current;
+    if (!targetNode) {
+      statusRef.current = AFFIX_STATUS_NONE;
+      commitMeasure();
+      return;
+    }
+    const placeholderRect = getTargetRect(placeholderNode);
+    if (placeholderRect.top === 0 && placeholderRect.left === 0 && placeholderRect.width === 0 && placeholderRect.height === 0) {
+      return;
+    }
+    const targetRect = getTargetRect(targetNode);
+    const fixedTop = getFixedTop(placeholderRect, targetRect, internalOffsetTop);
+    const fixedBottom = getFixedBottom(placeholderRect, targetRect, offsetBottom);
+    const containerOffset = getFixedContainerOffset(fixedRef.current);
+    let nextAffixStyle;
+    if (fixedTop !== undefined) {
+      nextAffixStyle = {
+        position: "fixed",
+        top: fixedTop - containerOffset.top,
+        width: placeholderRect.width,
+        height: placeholderRect.height
+      };
+    } else if (fixedBottom !== undefined) {
+      nextAffixStyle = {
+        position: "fixed",
+        bottom: fixedBottom - containerOffset.bottom,
+        width: placeholderRect.width,
+        height: placeholderRect.height
+      };
+    }
+    statusRef.current = AFFIX_STATUS_NONE;
+    commitMeasure(nextAffixStyle, nextAffixStyle ? { width: placeholderRect.width, height: placeholderRect.height } : undefined);
+  });
+  const prepareMeasure = useEvent2(() => {
+    statusRef.current = AFFIX_STATUS_PREPARE;
+    measure();
+    onTestUpdate?.();
+    onTestUpdatePosition?.();
+  });
+  const updatePositionRef = useRef3(null);
+  if (!updatePositionRef.current) {
+    updatePositionRef.current = throttleByAnimationFrame(prepareMeasure);
+  }
+  const updatePosition = updatePositionRef.current;
+  const lazyMeasure = useEvent2(() => {
+    const currentAffixStyle = affixStyleRef.current;
+    const targetNode = targetFunc();
+    const placeholderNode = placeholderRef.current;
+    const fixedNode = fixedRef.current;
+    if (currentAffixStyle && targetNode && placeholderNode && fixedNode) {
+      const targetRect = getTargetRect(targetNode);
+      const placeholderRect = getTargetRect(placeholderNode);
+      const fixedTop = getFixedTop(placeholderRect, targetRect, internalOffsetTop);
+      const fixedBottom = getFixedBottom(placeholderRect, targetRect, offsetBottom);
+      const containerOffset = getFixedContainerOffset(fixedNode);
+      if (fixedTop !== undefined && currentAffixStyle.top === fixedTop - containerOffset.top || fixedBottom !== undefined && currentAffixStyle.bottom === fixedBottom - containerOffset.bottom) {
+        return;
+      }
+    }
+    prepareMeasure();
+  });
+  const lazyUpdatePositionRef = useRef3(null);
+  if (!lazyUpdatePositionRef.current) {
+    lazyUpdatePositionRef.current = throttleByAnimationFrame(lazyMeasure);
+  }
+  const lazyUpdatePosition = lazyUpdatePositionRef.current;
+  const removeTargetListeners = useEvent2((listenerTarget, listener) => {
+    if (!listenerTarget || !listener)
+      return;
+    for (const eventName of TRIGGER_EVENTS) {
+      listenerTarget.removeEventListener(eventName, listener);
+    }
+  });
+  const addListeners = useEvent2(() => {
+    const listenerTarget = targetFunc();
+    if (!listenerTarget)
+      return;
+    removeTargetListeners(prevTargetRef.current, prevListenerRef.current);
+    const listener = lazyUpdatePosition;
+    for (const eventName of TRIGGER_EVENTS) {
+      listenerTarget.addEventListener(eventName, listener);
+    }
+    prevTargetRef.current = listenerTarget;
+    prevListenerRef.current = listener;
+  });
+  const removeListeners = useEvent2(() => {
+    removeTargetListeners(targetFunc(), lazyUpdatePosition);
+    removeTargetListeners(prevTargetRef.current, prevListenerRef.current);
+    prevTargetRef.current = null;
+    prevListenerRef.current = null;
+    updatePosition.cancel();
+    lazyUpdatePosition.cancel();
+  });
+  useImperativeHandle3(ref, () => ({
+    nativeElement: placeholderRef.current,
+    updatePosition
+  }), [updatePosition]);
+  useEffect4(() => {
+    timerRef.current = setTimeout(addListeners);
+    return () => {
+      if (timerRef.current) {
+        clearTimeout(timerRef.current);
+        timerRef.current = null;
+      }
+      removeListeners();
+    };
+  }, [addListeners, removeListeners]);
+  useEffect4(() => {
+    addListeners();
+    return removeListeners;
+  }, [addListeners, config.getTargetContainer, removeListeners, target]);
+  useEffect4(() => {
+    updatePosition();
+  }, [config.getTargetContainer, offsetBottom, offsetTop, target, updatePosition]);
+  return /* @__PURE__ */ jsxDEV24(ResizeObserver2, {
+    onResize: updatePosition,
+    children: /* @__PURE__ */ jsxDEV24("div", {
+      ...props,
+      className: cn(className, componentConfig?.className),
+      ref: placeholderRef,
+      style: { ...componentConfig?.style, ...style },
+      children: [
+        affixStyle ? /* @__PURE__ */ jsxDEV24("div", {
+          "aria-hidden": "true",
+          style: placeholderStyle
+        }, undefined, false, undefined, this) : null,
+        /* @__PURE__ */ jsxDEV24("div", {
+          className: cn(affixStyle && "hj-affix", affixStyle && affixPrefixCls !== "hj-affix" && affixPrefixCls, affixStyle && rootClassName),
+          ref: fixedRef,
+          style: affixStyle,
+          children: /* @__PURE__ */ jsxDEV24(ResizeObserver2, {
+            onResize: updatePosition,
+            children
+          }, undefined, false, undefined, this)
+        }, undefined, false, undefined, this)
+      ]
+    }, undefined, true, undefined, this)
+  }, undefined, false, undefined, this);
+});
+Affix.displayName = "Affix";
+function BorderBeam({
+  children,
+  className = "",
+  duration = 2600,
+  style,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxDEV24("div", {
+    className: cn("relative overflow-hidden rounded-[var(--hj-radius-md)] border border-[var(--hj-color-web-border)]", className),
+    style: { "--hj-border-beam-duration": `${duration}ms`, ...style },
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxDEV24("span", {
+        className: "pointer-events-none absolute inset-0 rounded-[inherit] bg-[conic-gradient(from_0deg,transparent_0deg,var(--hj-color-brand)_80deg,transparent_120deg)] opacity-60 [animation:hj-border-beam_var(--hj-border-beam-duration)_linear_infinite]"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV24("span", {
+        className: "relative z-[1] block rounded-[inherit] bg-[var(--hj-color-web-surface)]",
+        children
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+var Util = {
+  composeRefs,
+  useControllableValue,
+  useLatest,
+  warning
+};
+// src/tokens.ts
+var themeToken = {
+  color: {
+    brand: "var(--hj-color-brand)",
+    brandHover: "var(--hj-color-brand-hover)",
+    brandActive: "var(--hj-color-brand-active)",
+    brandWeak: "var(--hj-color-brand-weak)",
+    success: "var(--hj-color-success)",
+    warning: "var(--hj-color-warning)",
+    info: "var(--hj-color-info)",
+    danger: "var(--hj-color-danger)",
+    dangerSoft: "var(--hj-color-danger-soft)",
+    purchase: "var(--hj-color-purchase)",
+    webPage: "var(--hj-color-web-page)",
+    webBg: "var(--hj-color-web-bg)",
+    webSurface: "var(--hj-color-web-surface)",
+    webControl: "var(--hj-color-web-control)",
+    webSurfaceRaised: "var(--hj-color-web-surface-raised)",
+    webSurfaceActive: "var(--hj-color-web-surface-active)",
+    webBorder: "var(--hj-color-web-border)",
+    webBorderStrong: "var(--hj-color-web-border-strong)",
+    webForeground: "var(--hj-color-web-foreground)",
+    webForeground80: "var(--hj-color-web-foreground-80)",
+    webMuted: "var(--hj-color-web-muted)",
+    webSubtle: "var(--hj-color-web-subtle)",
+    webDisabled: "var(--hj-color-web-disabled)",
+    adminBrand: "var(--hj-color-admin-brand)",
+    adminBrandHover: "var(--hj-color-admin-brand-hover)",
+    adminBg: "var(--hj-color-admin-bg)",
+    adminSurface: "var(--hj-color-admin-surface)",
+    adminSurfaceMuted: "var(--hj-color-admin-surface-muted)",
+    adminBorder: "var(--hj-color-admin-border)",
+    adminBorderStrong: "var(--hj-color-admin-border-strong)",
+    adminForeground: "var(--hj-color-admin-foreground)",
+    adminMuted: "var(--hj-color-admin-muted)"
+  },
+  radius: {
+    xs: "var(--hj-radius-xs)",
+    sm: "var(--hj-radius-sm)",
+    md: "var(--hj-radius-md)",
+    lg: "var(--hj-radius-lg)"
+  },
+  button: {
+    fontFamily: "var(--hj-button-font-family)",
+    fontWeight: "var(--hj-button-font-weight)",
+    lightFontFamily: "var(--hj-button-light-font-family)",
+    lightFontWeight: "var(--hj-button-light-font-weight)",
+    heightXs: "var(--hj-button-xs-height)",
+    heightSm: "var(--hj-button-sm-height)",
+    heightMd: "var(--hj-button-md-height)",
+    heightLg: "var(--hj-button-lg-height)",
+    minWidthXs: "var(--hj-button-xs-min-width)",
+    minWidthSm: "var(--hj-button-sm-min-width)",
+    minWidthMd: "var(--hj-button-md-min-width)",
+    minWidthLg: "var(--hj-button-lg-min-width)",
+    lineHeightXs: "var(--hj-button-xs-line-height)",
+    lineHeightSm: "var(--hj-button-sm-line-height)",
+    lineHeightMd: "var(--hj-button-md-line-height)",
+    lineHeightLg: "var(--hj-button-lg-line-height)",
+    primaryBg: "var(--hj-button-primary-bg)",
+    primaryBgHover: "var(--hj-button-primary-bg-hover)",
+    primaryBgActive: "var(--hj-button-primary-bg-active)",
+    defaultBg: "var(--hj-button-default-bg)",
+    defaultBgHover: "var(--hj-button-default-bg-hover)",
+    defaultBgActive: "var(--hj-button-default-bg-active)",
+    lightBg: "var(--hj-button-light-bg)",
+    lightBgHover: "var(--hj-button-light-bg-hover)",
+    lightBgActive: "var(--hj-button-light-bg-active)",
+    lightBorder: "var(--hj-button-light-border)",
+    lightBorderHover: "var(--hj-button-light-border-hover)",
+    lightForeground: "var(--hj-button-light-fg)",
+    translucentBg: "var(--hj-button-translucent-bg)",
+    translucentBgHover: "var(--hj-button-translucent-bg-hover)",
+    translucentBgActive: "var(--hj-button-translucent-bg-active)",
+    toggleBg: "var(--hj-button-toggle-bg)",
+    toggleBgHover: "var(--hj-button-toggle-bg-hover)",
+    toggleBgActive: "var(--hj-button-toggle-bg-active)",
+    textForeground: "var(--hj-button-text-fg)",
+    textDefaultForeground: "var(--hj-button-text-default-fg)",
+    groupSeparator: "var(--hj-button-group-separator)"
+  },
+  iconButton: {
+    defaultBorder: "var(--hj-icon-button-default-border)",
+    defaultBackground: "var(--hj-icon-button-default-bg)",
+    defaultForeground: "var(--hj-icon-button-default-fg)",
+    defaultBorderHover: "var(--hj-icon-button-default-border-hover)",
+    defaultForegroundHover: "var(--hj-icon-button-default-fg-hover)",
+    primaryBorder: "var(--hj-icon-button-primary-border)",
+    primaryBackground: "var(--hj-icon-button-primary-bg)",
+    primaryBackgroundHover: "var(--hj-icon-button-primary-bg-hover)",
+    primaryForeground: "var(--hj-icon-button-primary-fg)",
+    ghostBorder: "var(--hj-icon-button-ghost-border)",
+    ghostBackground: "var(--hj-icon-button-ghost-bg)",
+    ghostForeground: "var(--hj-icon-button-ghost-fg)",
+    ghostForegroundHover: "var(--hj-icon-button-ghost-fg-hover)",
+    selectedBorder: "var(--hj-icon-button-selected-border)",
+    selectedBackground: "var(--hj-icon-button-selected-bg)",
+    selectedForeground: "var(--hj-icon-button-selected-fg)"
+  },
+  input: {
+    heightSm: "var(--hj-input-height-sm)",
+    heightMd: "var(--hj-input-height-md)",
+    heightLg: "var(--hj-input-height-lg)",
+    paddingX: "var(--hj-input-padding-x)",
+    gap: "var(--hj-input-gap)",
+    fontSize: "var(--hj-input-font-size)",
+    lineHeight: "var(--hj-input-line-height)",
+    radius: "var(--hj-input-radius)",
+    background: "var(--hj-input-bg)",
+    backgroundActive: "var(--hj-input-bg-active)",
+    border: "var(--hj-input-border)",
+    borderActive: "var(--hj-input-border-active)",
+    foreground: "var(--hj-input-fg)",
+    placeholder: "var(--hj-input-placeholder)",
+    icon: "var(--hj-input-icon)",
+    clear: "var(--hj-input-clear)",
+    addon: "var(--hj-input-addon)",
+    addonBackground: "var(--hj-input-addon-bg)",
+    addonForeground: "var(--hj-input-addon-fg)"
+  },
+  checkbox: {
+    size: "var(--hj-checkbox-size)",
+    borderWidth: "var(--hj-checkbox-border-width)",
+    border: "var(--hj-checkbox-border)",
+    borderHover: "var(--hj-checkbox-border-hover)",
+    background: "var(--hj-checkbox-bg)",
+    backgroundChecked: "var(--hj-checkbox-bg-checked)",
+    icon: "var(--hj-checkbox-icon)",
+    label: "var(--hj-checkbox-label)",
+    labelActive: "var(--hj-checkbox-label-active)"
+  },
+  switch: {
+    width: "var(--hj-switch-width)",
+    height: "var(--hj-switch-height)",
+    padding: "var(--hj-switch-padding)",
+    thumbSize: "var(--hj-switch-thumb-size)",
+    background: "var(--hj-switch-bg)",
+    backgroundChecked: "var(--hj-switch-bg-checked)",
+    thumbBackground: "var(--hj-switch-thumb-bg)"
+  },
+  skeleton: {
+    background: "var(--hj-skeleton-bg)",
+    highlight: "var(--hj-skeleton-highlight)",
+    gap: "var(--hj-skeleton-gap)",
+    rowHeight: "var(--hj-skeleton-row-height)",
+    rowGap: "var(--hj-skeleton-row-gap)",
+    titleHeight: "var(--hj-skeleton-title-height)",
+    titleMargin: "var(--hj-skeleton-title-margin)",
+    radius: "var(--hj-skeleton-radius)",
+    radiusSquare: "var(--hj-skeleton-radius-square)",
+    sizeSm: "var(--hj-skeleton-size-sm)",
+    sizeMd: "var(--hj-skeleton-size-md)",
+    sizeLg: "var(--hj-skeleton-size-lg)"
+  },
+  tooltip: {
+    radius: "var(--hj-tooltip-radius)",
+    height: "var(--hj-tooltip-height)",
+    minWidth: "var(--hj-tooltip-min-width)",
+    paddingX: "var(--hj-tooltip-padding-x)",
+    arrowSize: "var(--hj-tooltip-arrow-size)",
+    gap: "var(--hj-tooltip-gap)",
+    lightBg: "var(--hj-tooltip-light-bg)",
+    lightFg: "var(--hj-tooltip-light-fg)",
+    darkBg: "var(--hj-tooltip-dark-bg)",
+    darkFg: "var(--hj-tooltip-dark-fg)",
+    shadow: "var(--hj-tooltip-shadow)"
+  },
+  message: {
+    height: "var(--hj-message-height)",
+    radius: "var(--hj-message-radius)",
+    paddingX: "var(--hj-message-padding-x)",
+    gap: "var(--hj-message-gap)",
+    background: "var(--hj-message-bg)",
+    foreground: "var(--hj-message-fg)",
+    lightBackground: "var(--hj-message-light-bg)",
+    lightForeground: "var(--hj-message-light-fg)",
+    actionForeground: "var(--hj-message-action-fg)",
+    closeForeground: "var(--hj-message-close-fg)",
+    closeForegroundHover: "var(--hj-message-close-fg-hover)",
+    iconSize: "var(--hj-message-icon-size)",
+    success: "var(--hj-message-success)",
+    warning: "var(--hj-message-warning)",
+    error: "var(--hj-message-error)",
+    info: "var(--hj-message-info)",
+    shadow: "var(--hj-message-shadow)"
+  },
+  modal: {
+    background: "var(--hj-modal-bg)",
+    foreground: "var(--hj-modal-fg)",
+    bodyForeground: "var(--hj-modal-body-fg)",
+    paddingX: "var(--hj-modal-padding-x)",
+    paddingY: "var(--hj-modal-padding-y)",
+    headerHeight: "var(--hj-modal-header-height)",
+    wrapPaddingY: "var(--hj-modal-wrap-padding-y)",
+    closeSize: "var(--hj-modal-close-size)",
+    closeInset: "var(--hj-modal-close-inset)",
+    maskBackground: "var(--hj-modal-mask-bg)",
+    radius: "var(--hj-modal-radius)",
+    shadow: "var(--hj-modal-shadow)"
+  },
+  menu: {
+    background: "var(--hj-menu-bg)",
+    border: "var(--hj-menu-border)",
+    shadow: "var(--hj-menu-shadow)",
+    itemBackground: "var(--hj-menu-item-bg)",
+    itemBackgroundHover: "var(--hj-menu-item-bg-hover)",
+    itemBackgroundActive: "var(--hj-menu-item-bg-active)",
+    itemForeground: "var(--hj-menu-item-fg)",
+    itemForegroundActive: "var(--hj-menu-item-fg-active)",
+    itemMuted: "var(--hj-menu-item-muted)",
+    avatarBackground: "var(--hj-menu-avatar-bg)",
+    avatarForeground: "var(--hj-menu-avatar-fg)",
+    divider: "var(--hj-menu-divider)"
+  },
+  tabs: {
+    lineForeground: "var(--hj-tabs-line-fg)",
+    lineForegroundHover: "var(--hj-tabs-line-fg-hover)",
+    lineForegroundActive: "var(--hj-tabs-line-fg-active)",
+    lineInk: "var(--hj-tabs-line-ink)",
+    cardBackground: "var(--hj-tabs-card-bg)",
+    cardBackgroundHover: "var(--hj-tabs-card-bg-hover)",
+    cardBackgroundActive: "var(--hj-tabs-card-bg-active)",
+    cardForeground: "var(--hj-tabs-card-fg)",
+    cardForegroundActive: "var(--hj-tabs-card-fg-active)",
+    boxedBackground: "var(--hj-tabs-boxed-bg)",
+    boxedBorder: "var(--hj-tabs-boxed-border)",
+    boxedItemBorder: "var(--hj-tabs-boxed-item-border)",
+    boxedForeground: "var(--hj-tabs-boxed-fg)",
+    boxedForegroundHover: "var(--hj-tabs-boxed-fg-hover)",
+    boxedForegroundActive: "var(--hj-tabs-boxed-fg-active)",
+    boxedIndicatorBackground: "var(--hj-tabs-boxed-indicator-bg)",
+    boxedIndicatorBorder: "var(--hj-tabs-boxed-indicator-border)",
+    boxedIndicatorShadow: "var(--hj-tabs-boxed-indicator-shadow)"
+  },
+  shadow: {
+    sm: "var(--hj-shadow-sm)",
+    md: "var(--hj-shadow-md)",
+    lg: "var(--hj-shadow-lg)"
+  },
+  spacing: {
+    xs: "var(--hj-spacing-xs)",
+    sm: "var(--hj-spacing-sm)",
+    md: "var(--hj-spacing-md)",
+    lg: "var(--hj-spacing-lg)",
+    xl: "var(--hj-spacing-xl)"
+  },
+  zIndex: {
+    dropdown: "var(--hj-z-dropdown)",
+    sticky: "var(--hj-z-sticky)",
+    modal: "var(--hj-z-modal)",
+    toast: "var(--hj-z-toast)"
+  },
+  motion: {
+    durationFast: "var(--hj-motion-duration-fast)",
+    durationNormal: "var(--hj-motion-duration-normal)",
+    durationSlow: "var(--hj-motion-duration-slow)",
+    easeIn: "var(--hj-motion-ease-in)",
+    easeOut: "var(--hj-motion-ease-out)",
+    easeInOut: "var(--hj-motion-ease-in-out)",
+    easeOutCirc: "var(--hj-motion-ease-out-circ)",
+    easeInOutCirc: "var(--hj-motion-ease-in-out-circ)",
+    deadline: "var(--hj-motion-deadline)"
+  }
+};
+function cssVar(name, fallback) {
+  return fallback ? `var(${name}, ${fallback})` : `var(${name})`;
+}
+
+// src/index.ts
+var uiPackage = {
+  package: "@996-design/996-ui",
+  upstream: "antd@6.5.1",
+  upstreamCommit: "46bfeb5c667bf701eb6941b740c96f0fdac9325b",
+  componentPolicy: "exact-upstream-behavior-with-996ux-style-layer"
+};
+export {
+  useReducedMotion,
+  uiPackage,
+  themeToken,
+  getAntd996Theme,
+  cssVar,
+  antd996Theme,
+  antd996LightTheme,
+  antd996DarkTheme,
+  Util,
+  Title,
+  Text,
+  TagPill,
+  StatusItem,
+  StatCard,
+  SelectInput,
+  SegmentedTabs,
+  SectionHeader,
+  ProgressButton,
+  ProgressBar,
+  PriceText,
+  Panel,
+  MessageToast,
+  MenuList,
+  IconButton,
+  Icon,
+  GameCover,
+  EmptyState,
+  ButtonGroup
+};
+
+//# debugId=1DAE6D00AEB6806564756E2164756E21