react-tech-ui 1.0.0

package/dist/chunks/ScreenAdapter-CugXUEoe.js

@@ -0,0 +1,61 @@
+import { j as u } from "./jsx-runtime-C6iVud2f.js";
+import { useRef as O, useState as p, useCallback as R, useEffect as X } from "react";
+const k = ({
+  width: e = 1920,
+  height: s = 1080,
+  children: m,
+  className: v,
+  style: w,
+  mode: n = "scale",
+  bgStyle: x = "dark"
+}) => {
+  const $ = O(null), [r, c] = p(1), [S, o] = p(0), [b, a] = p(0), t = R(() => {
+    const i = window.innerWidth, l = window.innerHeight;
+    if (n === "full") {
+      c(1), o(0), a(0);
+      return;
+    }
+    if (n === "width-scale") {
+      const d = i / e;
+      c(d), o(0), a((l - s * d) / 2);
+      return;
+    }
+    const j = i / e, E = l / s, f = Math.min(j, E);
+    c(f), o((i - e * f) / 2), a((l - s * f) / 2);
+  }, [e, s, n]);
+  X(() => (t(), window.addEventListener("resize", t), () => window.removeEventListener("resize", t)), [t]);
+  const h = `tech-screen-bg--${x}`;
+  return /* @__PURE__ */ u.jsx(
+    "div",
+    {
+      ref: $,
+      className: `tech-screen-adapter ${h} ${v || ""}`,
+      style: {
+        width: "100vw",
+        height: "100vh",
+        overflow: "hidden",
+        position: "relative",
+        ...w
+      },
+      children: /* @__PURE__ */ u.jsx(
+        "div",
+        {
+          className: "tech-screen-adapter__content",
+          style: {
+            width: `${e}px`,
+            height: `${s}px`,
+            transform: `scale(${r}) translate(${S / r}px, ${b / r}px)`,
+            transformOrigin: "top left",
+            position: "absolute",
+            top: 0,
+            left: 0
+          },
+          children: m
+        }
+      )
+    }
+  );
+};
+export {
+  k as S
+};

package/dist/chunks/ScreenAdapter-DpfmLRd5.cjs

@@ -0,0 +1 @@
+"use strict";const p=require("./jsx-runtime-7asRZgsb.cjs"),e=require("react"),h=({width:t=1920,height:s=1080,children:x,className:$,style:v,mode:r="scale",bgStyle:w="dark"})=>{const m=e.useRef(null),[c,a]=e.useState(1),[S,o]=e.useState(0),[j,i]=e.useState(0),n=e.useCallback(()=>{const l=window.innerWidth,f=window.innerHeight;if(r==="full"){a(1),o(0),i(0);return}if(r==="width-scale"){const d=l/t;a(d),o(0),i((f-s*d)/2);return}const R=l/t,b=f/s,u=Math.min(R,b);a(u),o((l-t*u)/2),i((f-s*u)/2)},[t,s,r]);e.useEffect(()=>(n(),window.addEventListener("resize",n),()=>window.removeEventListener("resize",n)),[n]);const E=`tech-screen-bg--${w}`;return p.jsxRuntimeExports.jsx("div",{ref:m,className:`tech-screen-adapter ${E} ${$||""}`,style:{width:"100vw",height:"100vh",overflow:"hidden",position:"relative",...v},children:p.jsxRuntimeExports.jsx("div",{className:"tech-screen-adapter__content",style:{width:`${t}px`,height:`${s}px`,transform:`scale(${c}) translate(${S/c}px, ${j/c}px)`,transformOrigin:"top left",position:"absolute",top:0,left:0},children:x})})};exports.ScreenAdapter=h;

package/dist/chunks/ScrollTable-B21j9zGn.cjs

@@ -0,0 +1 @@
+"use strict";const s=require("./jsx-runtime-7asRZgsb.cjs"),n=require("react"),f=require("./index-pCtiW2Id.cjs"),k=({columns:o,data:r,rowHeight:l=40,visibleRows:i=6,scrollSpeed:u=50,headerColor:j,rowHover:_=!0,animate:h=!0,className:b,style:y})=>{const R=n.useRef(null),[x,m]=n.useState(!1),[E,v]=n.useState(0),c=n.useRef(),N=[...r,...r];n.useEffect(()=>{if(!h||r.length<=i||x)return;let e=performance.now();const a=u/1e3*l,t=d=>{const q=(d-e)/16.67;e=d,v(S=>{const p=S+a*q,A=r.length*l;return p>=A?0:p}),c.current=requestAnimationFrame(t)};return c.current=requestAnimationFrame(t),()=>{c.current&&cancelAnimationFrame(c.current)}},[h,r.length,i,l,u,x]);const g={"--tech-table-row-height":`${l}px`,"--tech-table-header-color":j||"var(--tech-primary)"};return s.jsxRuntimeExports.jsxs("div",{className:f.clsx("tech-scroll-table",b),style:{...g,...y},children:[s.jsxRuntimeExports.jsx("div",{className:"tech-scroll-table__header",children:o.map(e=>s.jsxRuntimeExports.jsx("div",{className:"tech-scroll-table__header-cell",style:{width:e.width,textAlign:e.align||"left"},children:e.title},e.key))}),s.jsxRuntimeExports.jsx("div",{ref:R,className:"tech-scroll-table__body",style:{height:i*l},onMouseEnter:()=>m(!0),onMouseLeave:()=>m(!1),children:s.jsxRuntimeExports.jsx("div",{className:"tech-scroll-table__scroll-wrapper",style:{transform:`translateY(${-E}px)`},children:N.map((e,a)=>s.jsxRuntimeExports.jsx("div",{className:f.clsx("tech-scroll-table__row",_&&"tech-scroll-table__row--hover"),children:o.map(t=>s.jsxRuntimeExports.jsx("div",{className:"tech-scroll-table__cell",style:{width:t.width,textAlign:t.align||"left"},children:t.render?t.render(e[t.key],e,a%r.length):e[t.key]},t.key))},a))})})]})};exports.ScrollTable=k;

package/dist/chunks/ScrollTable-NgSlPEKj.js

@@ -0,0 +1,98 @@
+import { j as l } from "./jsx-runtime-C6iVud2f.js";
+import { useRef as p, useState as x, useEffect as T } from "react";
+import { c as _ } from "./index-CcykAxZN.js";
+const R = ({
+  columns: o,
+  data: s,
+  rowHeight: r = 40,
+  visibleRows: c = 6,
+  scrollSpeed: i = 50,
+  headerColor: b,
+  rowHover: y = !0,
+  animate: h = !0,
+  className: j,
+  style: v
+}) => {
+  const N = p(null), [m, u] = x(!1), [g, A] = x(0), a = p(), S = [...s, ...s];
+  T(() => {
+    if (!h || s.length <= c || m) return;
+    let e = performance.now();
+    const n = i / 1e3 * r, t = (d) => {
+      const w = (d - e) / 16.67;
+      e = d, A((E) => {
+        const f = E + n * w, F = s.length * r;
+        return f >= F ? 0 : f;
+      }), a.current = requestAnimationFrame(t);
+    };
+    return a.current = requestAnimationFrame(t), () => {
+      a.current && cancelAnimationFrame(a.current);
+    };
+  }, [h, s.length, c, r, i, m]);
+  const k = {
+    "--tech-table-row-height": `${r}px`,
+    "--tech-table-header-color": b || "var(--tech-primary)"
+  };
+  return /* @__PURE__ */ l.jsxs(
+    "div",
+    {
+      className: _("tech-scroll-table", j),
+      style: { ...k, ...v },
+      children: [
+        /* @__PURE__ */ l.jsx("div", { className: "tech-scroll-table__header", children: o.map((e) => /* @__PURE__ */ l.jsx(
+          "div",
+          {
+            className: "tech-scroll-table__header-cell",
+            style: {
+              width: e.width,
+              textAlign: e.align || "left"
+            },
+            children: e.title
+          },
+          e.key
+        )) }),
+        /* @__PURE__ */ l.jsx(
+          "div",
+          {
+            ref: N,
+            className: "tech-scroll-table__body",
+            style: { height: c * r },
+            onMouseEnter: () => u(!0),
+            onMouseLeave: () => u(!1),
+            children: /* @__PURE__ */ l.jsx(
+              "div",
+              {
+                className: "tech-scroll-table__scroll-wrapper",
+                style: { transform: `translateY(${-g}px)` },
+                children: S.map((e, n) => /* @__PURE__ */ l.jsx(
+                  "div",
+                  {
+                    className: _(
+                      "tech-scroll-table__row",
+                      y && "tech-scroll-table__row--hover"
+                    ),
+                    children: o.map((t) => /* @__PURE__ */ l.jsx(
+                      "div",
+                      {
+                        className: "tech-scroll-table__cell",
+                        style: {
+                          width: t.width,
+                          textAlign: t.align || "left"
+                        },
+                        children: t.render ? t.render(e[t.key], e, n % s.length) : e[t.key]
+                      },
+                      t.key
+                    ))
+                  },
+                  n
+                ))
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  R as S
+};

package/dist/chunks/Skeleton-CKvua4DB.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("./jsx-runtime-7asRZgsb.cjs"),s=require("./index-pCtiW2Id.cjs"),u=({variant:t="text",width:h,height:m,rows:c=1,rowsGap:d=12,animate:x=!0,loading:o,className:i,style:l,children:n})=>{if(o===!1&&n)return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:n});if(o===!1)return null;if(n&&o===void 0)return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:n});if(t==="card")return e.jsxRuntimeExports.jsxs("div",{className:s.clsx("tech-skeleton-card",x&&"tech-skeleton--animate",i),style:l,children:[e.jsxRuntimeExports.jsxs("div",{className:"tech-skeleton-card__header",children:[e.jsxRuntimeExports.jsx("div",{className:"tech-skeleton tech-skeleton--circle",style:{width:40,height:40}}),e.jsxRuntimeExports.jsxs("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:8},children:[e.jsxRuntimeExports.jsx("div",{className:"tech-skeleton tech-skeleton--text",style:{width:"40%",height:14}}),e.jsxRuntimeExports.jsx("div",{className:"tech-skeleton tech-skeleton--text",style:{width:"25%",height:10}})]})]}),e.jsxRuntimeExports.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:8,marginTop:12},children:[e.jsxRuntimeExports.jsx("div",{className:"tech-skeleton tech-skeleton--text",style:{width:"100%",height:12}}),e.jsxRuntimeExports.jsx("div",{className:"tech-skeleton tech-skeleton--text",style:{width:"80%",height:12}})]}),e.jsxRuntimeExports.jsxs("div",{className:"tech-skeleton-card__footer",children:[e.jsxRuntimeExports.jsx("div",{className:"tech-skeleton tech-skeleton--rect",style:{width:64,height:24,borderRadius:2}}),e.jsxRuntimeExports.jsx("div",{className:"tech-skeleton tech-skeleton--rect",style:{width:64,height:24,borderRadius:2}})]})]});if(t==="circle"){const r=h||40;return e.jsxRuntimeExports.jsx("div",{className:s.clsx("tech-skeleton","tech-skeleton--circle",x&&"tech-skeleton--animate",i),style:{width:r,height:r,...l}})}return c>1?e.jsxRuntimeExports.jsx("div",{className:s.clsx("tech-skeleton-rows",i),style:{gap:d,...l},children:Array.from({length:c}).map((r,j)=>e.jsxRuntimeExports.jsx("div",{className:s.clsx("tech-skeleton",`tech-skeleton--${t}`,x&&"tech-skeleton--animate"),style:{width:j===c-1?"70%":"100%",height:m||(t==="text"?14:20)}},j))}):e.jsxRuntimeExports.jsx("div",{className:s.clsx("tech-skeleton",`tech-skeleton--${t}`,x&&"tech-skeleton--animate",i),style:{width:h,height:m,...l}})};exports.Skeleton=u;

package/dist/chunks/Skeleton-CQvCi-N8.js

@@ -0,0 +1,76 @@
+import { j as e } from "./jsx-runtime-C6iVud2f.js";
+import { c as s } from "./index-CcykAxZN.js";
+const f = ({
+  variant: t = "text",
+  width: d,
+  height: a,
+  rows: n = 1,
+  rowsGap: k = 12,
+  animate: l = !0,
+  loading: o,
+  className: c,
+  style: h,
+  children: i
+}) => {
+  if (o === !1 && i)
+    return /* @__PURE__ */ e.jsx(e.Fragment, { children: i });
+  if (o === !1)
+    return null;
+  if (i && o === void 0)
+    return /* @__PURE__ */ e.jsx(e.Fragment, { children: i });
+  if (t === "card")
+    return /* @__PURE__ */ e.jsxs(
+      "div",
+      {
+        className: s("tech-skeleton-card", l && "tech-skeleton--animate", c),
+        style: h,
+        children: [
+          /* @__PURE__ */ e.jsxs("div", { className: "tech-skeleton-card__header", children: [
+            /* @__PURE__ */ e.jsx("div", { className: "tech-skeleton tech-skeleton--circle", style: { width: 40, height: 40 } }),
+            /* @__PURE__ */ e.jsxs("div", { style: { flex: 1, display: "flex", flexDirection: "column", gap: 8 }, children: [
+              /* @__PURE__ */ e.jsx("div", { className: "tech-skeleton tech-skeleton--text", style: { width: "40%", height: 14 } }),
+              /* @__PURE__ */ e.jsx("div", { className: "tech-skeleton tech-skeleton--text", style: { width: "25%", height: 10 } })
+            ] })
+          ] }),
+          /* @__PURE__ */ e.jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8, marginTop: 12 }, children: [
+            /* @__PURE__ */ e.jsx("div", { className: "tech-skeleton tech-skeleton--text", style: { width: "100%", height: 12 } }),
+            /* @__PURE__ */ e.jsx("div", { className: "tech-skeleton tech-skeleton--text", style: { width: "80%", height: 12 } })
+          ] }),
+          /* @__PURE__ */ e.jsxs("div", { className: "tech-skeleton-card__footer", children: [
+            /* @__PURE__ */ e.jsx("div", { className: "tech-skeleton tech-skeleton--rect", style: { width: 64, height: 24, borderRadius: 2 } }),
+            /* @__PURE__ */ e.jsx("div", { className: "tech-skeleton tech-skeleton--rect", style: { width: 64, height: 24, borderRadius: 2 } })
+          ] })
+        ]
+      }
+    );
+  if (t === "circle") {
+    const r = d || 40;
+    return /* @__PURE__ */ e.jsx(
+      "div",
+      {
+        className: s("tech-skeleton", "tech-skeleton--circle", l && "tech-skeleton--animate", c),
+        style: { width: r, height: r, ...h }
+      }
+    );
+  }
+  return n > 1 ? /* @__PURE__ */ e.jsx("div", { className: s("tech-skeleton-rows", c), style: { gap: k, ...h }, children: Array.from({ length: n }).map((r, x) => /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      className: s("tech-skeleton", `tech-skeleton--${t}`, l && "tech-skeleton--animate"),
+      style: {
+        width: x === n - 1 ? "70%" : "100%",
+        height: a || (t === "text" ? 14 : 20)
+      }
+    },
+    x
+  )) }) : /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      className: s("tech-skeleton", `tech-skeleton--${t}`, l && "tech-skeleton--animate", c),
+      style: { width: d, height: a, ...h }
+    }
+  );
+};
+export {
+  f as S
+};

package/dist/chunks/StatusIndicator-CliH19aT.js

@@ -0,0 +1,40 @@
+import { j as t } from "./jsx-runtime-C6iVud2f.js";
+import { c as u } from "./index-CcykAxZN.js";
+const x = ({
+  status: r = "online",
+  color: c,
+  label: s,
+  size: e = "medium",
+  animate: a = !0,
+  showDot: o = !0,
+  className: n,
+  style: i
+}) => {
+  const l = {
+    "--tech-status-color": c || {
+      online: "var(--tech-success)",
+      offline: "var(--tech-text-muted)",
+      warning: "var(--tech-warning)",
+      error: "var(--tech-danger)"
+    }[r] || "var(--tech-primary)"
+  };
+  return /* @__PURE__ */ t.jsxs(
+    "div",
+    {
+      className: u(
+        "tech-status-indicator",
+        `tech-status-indicator--${e}`,
+        a && "tech-status-indicator--animate",
+        n
+      ),
+      style: { ...l, ...i },
+      children: [
+        o && /* @__PURE__ */ t.jsx("span", { className: "tech-status-indicator__dot", children: a && /* @__PURE__ */ t.jsx("span", { className: "tech-status-indicator__pulse" }) }),
+        s && /* @__PURE__ */ t.jsx("span", { className: "tech-status-indicator__label", children: s })
+      ]
+    }
+  );
+};
+export {
+  x as S
+};

package/dist/chunks/StatusIndicator-DhPwugAy.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("./jsx-runtime-7asRZgsb.cjs"),d=require("./index-pCtiW2Id.cjs"),l=({status:r="online",color:a,label:s,size:c="medium",animate:e=!0,showDot:n=!0,className:o,style:i})=>{const u={"--tech-status-color":a||{online:"var(--tech-success)",offline:"var(--tech-text-muted)",warning:"var(--tech-warning)",error:"var(--tech-danger)"}[r]||"var(--tech-primary)"};return t.jsxRuntimeExports.jsxs("div",{className:d.clsx("tech-status-indicator",`tech-status-indicator--${c}`,e&&"tech-status-indicator--animate",o),style:{...u,...i},children:[n&&t.jsxRuntimeExports.jsx("span",{className:"tech-status-indicator__dot",children:e&&t.jsxRuntimeExports.jsx("span",{className:"tech-status-indicator__pulse"})}),s&&t.jsxRuntimeExports.jsx("span",{className:"tech-status-indicator__label",children:s})]})};exports.StatusIndicator=l;

package/dist/chunks/TechBorder-Cu-JqkTf.js

@@ -0,0 +1,45 @@
+import { j as r } from "./jsx-runtime-C6iVud2f.js";
+import { c as b } from "./index-CcykAxZN.js";
+const x = ({
+  variant: e = "corner",
+  color: c,
+  glowColor: s,
+  borderWidth: o = 1,
+  cornerSize: t = 16,
+  animate: a = !0,
+  children: n,
+  className: d,
+  style: h
+}) => {
+  const _ = {
+    "--tech-border-color": c || "var(--tech-primary)",
+    "--tech-border-glow": s || "var(--tech-glow-primary)",
+    "--tech-border-width": `${o}px`,
+    "--tech-corner-size": `${t}px`
+  };
+  return /* @__PURE__ */ r.jsxs(
+    "div",
+    {
+      className: b(
+        "tech-border",
+        `tech-border--${e}`,
+        a && "tech-border--animate",
+        d
+      ),
+      style: { ..._, ...h },
+      children: [
+        e === "corner" && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+          /* @__PURE__ */ r.jsx("span", { className: "tech-border__corner tech-border__corner--tl" }),
+          /* @__PURE__ */ r.jsx("span", { className: "tech-border__corner tech-border__corner--tr" }),
+          /* @__PURE__ */ r.jsx("span", { className: "tech-border__corner tech-border__corner--bl" }),
+          /* @__PURE__ */ r.jsx("span", { className: "tech-border__corner tech-border__corner--br" })
+        ] }),
+        e === "scan" && /* @__PURE__ */ r.jsx("div", { className: "tech-border__scan-line" }),
+        /* @__PURE__ */ r.jsx("div", { className: "tech-border__content", children: n })
+      ]
+    }
+  );
+};
+export {
+  x as T
+};

package/dist/chunks/TechBorder-KTRXvzVv.cjs

@@ -0,0 +1 @@
+"use strict";const r=require("./jsx-runtime-7asRZgsb.cjs"),i=require("./index-pCtiW2Id.cjs"),m=({variant:e="corner",color:s,glowColor:c,borderWidth:t=1,cornerSize:o=16,animate:n=!0,children:x,className:d,style:a})=>{const h={"--tech-border-color":s||"var(--tech-primary)","--tech-border-glow":c||"var(--tech-glow-primary)","--tech-border-width":`${t}px`,"--tech-corner-size":`${o}px`};return r.jsxRuntimeExports.jsxs("div",{className:i.clsx("tech-border",`tech-border--${e}`,n&&"tech-border--animate",d),style:{...h,...a},children:[e==="corner"&&r.jsxRuntimeExports.jsxs(r.jsxRuntimeExports.Fragment,{children:[r.jsxRuntimeExports.jsx("span",{className:"tech-border__corner tech-border__corner--tl"}),r.jsxRuntimeExports.jsx("span",{className:"tech-border__corner tech-border__corner--tr"}),r.jsxRuntimeExports.jsx("span",{className:"tech-border__corner tech-border__corner--bl"}),r.jsxRuntimeExports.jsx("span",{className:"tech-border__corner tech-border__corner--br"})]}),e==="scan"&&r.jsxRuntimeExports.jsx("div",{className:"tech-border__scan-line"}),r.jsxRuntimeExports.jsx("div",{className:"tech-border__content",children:x})]})};exports.TechBorder=m;

package/dist/chunks/TechButton-CTrXjlsD.js

@@ -0,0 +1,42 @@
+import { j as t } from "./jsx-runtime-C6iVud2f.js";
+import { c as p } from "./index-CcykAxZN.js";
+const i = ({
+  variant: a = "primary",
+  size: o = "medium",
+  color: e,
+  glow: r = !1,
+  loading: s = !1,
+  icon: c,
+  children: n,
+  className: u,
+  disabled: b,
+  style: m,
+  ...h
+}) => {
+  const l = e ? { "--tech-btn-color": e } : {};
+  return /* @__PURE__ */ t.jsxs(
+    "button",
+    {
+      className: p(
+        "tech-button",
+        `tech-button--${a}`,
+        `tech-button--${o}`,
+        r && "tech-button--glow",
+        s && "tech-button--loading",
+        u
+      ),
+      disabled: b || s,
+      style: { ...l, ...m },
+      ...h,
+      children: [
+        /* @__PURE__ */ t.jsx("span", { className: "tech-button__border-effect" }),
+        s && /* @__PURE__ */ t.jsx("span", { className: "tech-button__spinner" }),
+        c && /* @__PURE__ */ t.jsx("span", { className: "tech-button__icon", children: c }),
+        n && /* @__PURE__ */ t.jsx("span", { className: "tech-button__text", children: n })
+      ]
+    }
+  );
+};
+export {
+  i as T
+};

package/dist/chunks/TechButton-DYdIWO-l.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("./jsx-runtime-7asRZgsb.cjs"),h=require("./index-pCtiW2Id.cjs"),j=({variant:u="primary",size:o="medium",color:e,glow:r=!1,loading:s=!1,icon:n,children:c,className:x,disabled:a,style:i,...m})=>{const b=e?{"--tech-btn-color":e}:{};return t.jsxRuntimeExports.jsxs("button",{className:h.clsx("tech-button",`tech-button--${u}`,`tech-button--${o}`,r&&"tech-button--glow",s&&"tech-button--loading",x),disabled:a||s,style:{...b,...i},...m,children:[t.jsxRuntimeExports.jsx("span",{className:"tech-button__border-effect"}),s&&t.jsxRuntimeExports.jsx("span",{className:"tech-button__spinner"}),n&&t.jsxRuntimeExports.jsx("span",{className:"tech-button__icon",children:n}),c&&t.jsxRuntimeExports.jsx("span",{className:"tech-button__text",children:c})]})};exports.TechButton=j;

package/dist/chunks/TechTitle-B3pkYIbI.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("./jsx-runtime-7asRZgsb.cjs"),u=require("./index-pCtiW2Id.cjs"),m=({children:i,variant:e="default",level:s=1,color:c,align:l="left",animate:n=!0,className:r,style:x})=>{const a=c?{"--tech-title-color":c}:{},h=`h${s}`;return t.jsxRuntimeExports.jsxs(h,{className:u.clsx("tech-title",`tech-title--${e}`,`tech-title--h${s}`,`tech-title--${l}`,n&&"tech-title--animate",r),style:{...a,...x},children:[e==="bracket"&&t.jsxRuntimeExports.jsx("span",{className:"tech-title__bracket tech-title__bracket--left",children:"【"}),t.jsxRuntimeExports.jsx("span",{className:"tech-title__text",children:i}),e==="bracket"&&t.jsxRuntimeExports.jsx("span",{className:"tech-title__bracket tech-title__bracket--right",children:"】"}),e==="underline"&&t.jsxRuntimeExports.jsxs("div",{className:"tech-title__underline",children:[t.jsxRuntimeExports.jsx("span",{className:"tech-title__underline-dot"}),t.jsxRuntimeExports.jsx("span",{className:"tech-title__underline-line"}),t.jsxRuntimeExports.jsx("span",{className:"tech-title__underline-dot"})]})]})};exports.TechTitle=m;

package/dist/chunks/TechTitle-DfLwdrV5.js

@@ -0,0 +1,41 @@
+import { j as e } from "./jsx-runtime-C6iVud2f.js";
+import { c as m } from "./index-CcykAxZN.js";
+const o = ({
+  children: l,
+  variant: t = "default",
+  level: s = 1,
+  color: c,
+  align: a = "left",
+  animate: i = !0,
+  className: n,
+  style: h
+}) => {
+  const r = c ? { "--tech-title-color": c } : {}, _ = `h${s}`;
+  return /* @__PURE__ */ e.jsxs(
+    _,
+    {
+      className: m(
+        "tech-title",
+        `tech-title--${t}`,
+        `tech-title--h${s}`,
+        `tech-title--${a}`,
+        i && "tech-title--animate",
+        n
+      ),
+      style: { ...r, ...h },
+      children: [
+        t === "bracket" && /* @__PURE__ */ e.jsx("span", { className: "tech-title__bracket tech-title__bracket--left", children: "【" }),
+        /* @__PURE__ */ e.jsx("span", { className: "tech-title__text", children: l }),
+        t === "bracket" && /* @__PURE__ */ e.jsx("span", { className: "tech-title__bracket tech-title__bracket--right", children: "】" }),
+        t === "underline" && /* @__PURE__ */ e.jsxs("div", { className: "tech-title__underline", children: [
+          /* @__PURE__ */ e.jsx("span", { className: "tech-title__underline-dot" }),
+          /* @__PURE__ */ e.jsx("span", { className: "tech-title__underline-line" }),
+          /* @__PURE__ */ e.jsx("span", { className: "tech-title__underline-dot" })
+        ] })
+      ]
+    }
+  );
+};
+export {
+  o as T
+};

package/dist/chunks/ThemeProvider-CGtZuVnU.cjs

@@ -0,0 +1 @@
+"use strict";const m=require("./jsx-runtime-7asRZgsb.cjs"),t=require("react"),r={"cyber-blue":{"--tech-primary":"#00d4ff","--tech-primary-dark":"#0098d4","--tech-primary-light":"#33ddff","--tech-secondary":"#0affb0","--tech-secondary-dark":"#08c98a","--tech-accent":"#ff6b35","--tech-warning":"#ffd000","--tech-danger":"#ff4757","--tech-success":"#0affb0","--tech-bg-dark":"#0a0e27","--tech-bg-medium":"#0d1135","--tech-bg-light":"#131842","--tech-bg-card":"rgba(13, 17, 53, 0.85)","--tech-bg-card-hover":"rgba(19, 24, 66, 0.9)","--tech-border":"rgba(0, 212, 255, 0.3)","--tech-border-active":"rgba(0, 212, 255, 0.7)","--tech-text-primary":"#e8eaf6","--tech-text-secondary":"rgba(232, 234, 246, 0.65)","--tech-text-muted":"rgba(232, 234, 246, 0.35)","--tech-glow-primary":"rgba(0, 212, 255, 0.15)","--tech-glow-secondary":"rgba(10, 255, 176, 0.15)"},"neon-green":{"--tech-primary":"#0affb0","--tech-primary-dark":"#08c98a","--tech-primary-light":"#33ffc4","--tech-secondary":"#00d4ff","--tech-secondary-dark":"#0098d4","--tech-accent":"#ff6b35","--tech-warning":"#ffd000","--tech-danger":"#ff4757","--tech-success":"#0affb0","--tech-bg-dark":"#050f0a","--tech-bg-medium":"#081a10","--tech-bg-light":"#0e2518","--tech-bg-card":"rgba(8, 26, 16, 0.85)","--tech-bg-card-hover":"rgba(14, 37, 24, 0.9)","--tech-border":"rgba(10, 255, 176, 0.3)","--tech-border-active":"rgba(10, 255, 176, 0.7)","--tech-text-primary":"#e8f6ee","--tech-text-secondary":"rgba(232, 246, 238, 0.65)","--tech-text-muted":"rgba(232, 246, 238, 0.35)","--tech-glow-primary":"rgba(10, 255, 176, 0.15)","--tech-glow-secondary":"rgba(0, 212, 255, 0.15)"},"aurora-purple":{"--tech-primary":"#a855f7","--tech-primary-dark":"#7c3aed","--tech-primary-light":"#c084fc","--tech-secondary":"#06b6d4","--tech-secondary-dark":"#0891b2","--tech-accent":"#f472b6","--tech-warning":"#fbbf24","--tech-danger":"#ef4444","--tech-success":"#34d399","--tech-bg-dark":"#0c0515","--tech-bg-medium":"#120a20","--tech-bg-light":"#1a1030","--tech-bg-card":"rgba(18, 10, 32, 0.85)","--tech-bg-card-hover":"rgba(26, 16, 48, 0.9)","--tech-border":"rgba(168, 85, 247, 0.3)","--tech-border-active":"rgba(168, 85, 247, 0.7)","--tech-text-primary":"#f0e6f6","--tech-text-secondary":"rgba(240, 230, 246, 0.65)","--tech-text-muted":"rgba(240, 230, 246, 0.35)","--tech-glow-primary":"rgba(168, 85, 247, 0.15)","--tech-glow-secondary":"rgba(6, 182, 212, 0.15)"},"sunset-orange":{"--tech-primary":"#ff6b35","--tech-primary-dark":"#e55a2b","--tech-primary-light":"#ff8f66","--tech-secondary":"#ffd000","--tech-secondary-dark":"#d4ad00","--tech-accent":"#00d4ff","--tech-warning":"#ffd000","--tech-danger":"#ff4757","--tech-success":"#0affb0","--tech-bg-dark":"#120a05","--tech-bg-medium":"#1a0f08","--tech-bg-light":"#241810","--tech-bg-card":"rgba(26, 15, 8, 0.85)","--tech-bg-card-hover":"rgba(36, 24, 16, 0.9)","--tech-border":"rgba(255, 107, 53, 0.3)","--tech-border-active":"rgba(255, 107, 53, 0.7)","--tech-text-primary":"#f6ece6","--tech-text-secondary":"rgba(246, 236, 230, 0.65)","--tech-text-muted":"rgba(246, 236, 230, 0.35)","--tech-glow-primary":"rgba(255, 107, 53, 0.15)","--tech-glow-secondary":"rgba(255, 208, 0, 0.15)"},"crimson-red":{"--tech-primary":"#ff4757","--tech-primary-dark":"#dc2626","--tech-primary-light":"#ff6b7a","--tech-secondary":"#fbbf24","--tech-secondary-dark":"#d4a017","--tech-accent":"#00d4ff","--tech-warning":"#ffd000","--tech-danger":"#ff4757","--tech-success":"#34d399","--tech-bg-dark":"#0f0508","--tech-bg-medium":"#180810","--tech-bg-light":"#220c16","--tech-bg-card":"rgba(24, 8, 16, 0.85)","--tech-bg-card-hover":"rgba(34, 12, 22, 0.9)","--tech-border":"rgba(255, 71, 87, 0.3)","--tech-border-active":"rgba(255, 71, 87, 0.7)","--tech-text-primary":"#f6e6e8","--tech-text-secondary":"rgba(246, 230, 232, 0.65)","--tech-text-muted":"rgba(246, 230, 232, 0.35)","--tech-glow-primary":"rgba(255, 71, 87, 0.15)","--tech-glow-secondary":"rgba(251, 191, 36, 0.15)"},"gold-luxury":{"--tech-primary":"#fbbf24","--tech-primary-dark":"#d4a017","--tech-primary-light":"#fcd34d","--tech-secondary":"#a855f7","--tech-secondary-dark":"#7c3aed","--tech-accent":"#00d4ff","--tech-warning":"#fbbf24","--tech-danger":"#ef4444","--tech-success":"#34d399","--tech-bg-dark":"#0a0805","--tech-bg-medium":"#14100a","--tech-bg-light":"#1e1810","--tech-bg-card":"rgba(20, 16, 10, 0.85)","--tech-bg-card-hover":"rgba(30, 24, 16, 0.9)","--tech-border":"rgba(251, 191, 36, 0.3)","--tech-border-active":"rgba(251, 191, 36, 0.7)","--tech-text-primary":"#f6f0e6","--tech-text-secondary":"rgba(246, 240, 230, 0.65)","--tech-text-muted":"rgba(246, 240, 230, 0.35)","--tech-glow-primary":"rgba(251, 191, 36, 0.15)","--tech-glow-secondary":"rgba(168, 85, 247, 0.15)"},"dark-abyss":{"--tech-primary":"#64748b","--tech-primary-dark":"#475569","--tech-primary-light":"#94a3b8","--tech-secondary":"#a1a1aa","--tech-secondary-dark":"#71717a","--tech-accent":"#f87171","--tech-warning":"#fbbf24","--tech-danger":"#ef4444","--tech-success":"#6ee7b7","--tech-bg-dark":"#000000","--tech-bg-medium":"#09090b","--tech-bg-light":"#18181b","--tech-bg-card":"rgba(9, 9, 11, 0.92)","--tech-bg-card-hover":"rgba(24, 24, 27, 0.95)","--tech-border":"rgba(100, 116, 139, 0.25)","--tech-border-active":"rgba(100, 116, 139, 0.6)","--tech-text-primary":"#e4e4e7","--tech-text-secondary":"rgba(228, 228, 231, 0.55)","--tech-text-muted":"rgba(228, 228, 231, 0.25)","--tech-glow-primary":"rgba(100, 116, 139, 0.1)","--tech-glow-secondary":"rgba(161, 161, 170, 0.08)"}},d={"cyber-blue":"赛博蓝","neon-green":"霓虹绿","aurora-purple":"极光紫","sunset-orange":"落日橙","crimson-red":"赤焰红","gold-luxury":"鎏金","dark-abyss":"暗黑深渊"},o=t.createContext(null),y=({defaultTheme:c="cyber-blue",children:s})=>{const[n,b]=t.useState(c),[h,g]=t.useState(r[c]||r["cyber-blue"]),f=t.useCallback((e,a)=>{a?(b(e),g(a)):r[e]&&(b(e),g(r[e]))},[]);return t.useEffect(()=>{const e=document.documentElement;Object.entries(h).forEach(([a,i])=>{e.style.setProperty(a,i)})},[h]),m.jsxRuntimeExports.jsx(o.Provider,{value:{themeName:n,themeVars:h,setTheme:f,presetThemes:r,themeLabels:d},children:s})};function u(){const c=t.useContext(o);if(!c)throw new Error("useTheme must be used within a ThemeProvider");return c}exports.ThemeProvider=y;exports.presetThemes=r;exports.themeLabels=d;exports.useTheme=u;