@path58/ui 2.0.0-rc.1

package/dist/index.js

@@ -0,0 +1,829 @@
+import { jsxs as h, jsx as o } from "react/jsx-runtime";
+import { X as j, ChevronRight as M, Folder as A, Search as H, Tag as T } from "lucide-react";
+import y, { useState as C, useEffect as x, useRef as _ } from "react";
+const P = ({
+  variant: t = "primary",
+  size: e = "md",
+  icon: a,
+  iconPosition: r = "left",
+  children: n,
+  className: s = "",
+  ...c
+}) => {
+  const l = "path58-button", i = `path58-button--${t}`, u = `path58-button--${e}`, m = a ? `path58-button--with-icon path58-button--icon-${r}` : "";
+  return /* @__PURE__ */ h(
+    "button",
+    {
+      className: `${l} ${i} ${u} ${m} ${s}`.trim(),
+      ...c,
+      children: [
+        a && r === "left" && /* @__PURE__ */ o("span", { className: "path58-button-icon", children: a }),
+        n && /* @__PURE__ */ o("span", { className: "path58-button-text", children: n }),
+        a && r === "right" && /* @__PURE__ */ o("span", { className: "path58-button-icon", children: a })
+      ]
+    }
+  );
+}, D = ({
+  variant: t = "default",
+  error: e = !1,
+  className: a = "",
+  ...r
+}) => {
+  const n = "path58-input", s = `path58-input--${t}`;
+  return /* @__PURE__ */ o(
+    "input",
+    {
+      className: `${n} ${s} ${e ? "path58-input--error" : ""} ${a}`.trim(),
+      ...r
+    }
+  );
+}, F = ({
+  variant: t = "default",
+  active: e = !1,
+  categoryColor: a,
+  children: r,
+  className: n = "",
+  style: s,
+  ...c
+}) => {
+  const l = "path58-badge", i = `path58-badge--${t}`, u = e ? "path58-badge--active" : "", m = t === "tag" && a ? {
+    borderColor: e ? a : `${a}80`,
+    color: e ? "var(--p58-bg)" : a,
+    backgroundColor: e ? a : "transparent",
+    ...s
+  } : s;
+  return /* @__PURE__ */ o(
+    "span",
+    {
+      className: `${l} ${i} ${u} ${n}`.trim(),
+      style: m,
+      ...c,
+      children: r
+    }
+  );
+}, R = ({
+  children: t,
+  variant: e = "default",
+  size: a = 16,
+  className: r = ""
+}) => {
+  const n = `path58-icon--${e}`, s = typeof a == "number" ? { width: a, height: a } : {};
+  return /* @__PURE__ */ o(
+    "span",
+    {
+      className: `path58-icon ${n} ${r}`.trim(),
+      style: s,
+      children: t
+    }
+  );
+}, W = ({
+  children: t,
+  variant: e = "default",
+  size: a = "md",
+  className: r = ""
+}) => {
+  const n = "path58-icon-container", s = `path58-icon-container--${e}`, c = `path58-icon-container--${a}`;
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: `${n} ${s} ${c} ${r}`.trim(),
+      children: t
+    }
+  );
+}, N = ({
+  variant: t = "default",
+  icon: e,
+  children: a,
+  as: r = "span",
+  className: n = "",
+  ...s
+}) => {
+  const c = "path58-label", l = `path58-label--${t}`;
+  return /* @__PURE__ */ h(
+    r,
+    {
+      className: `${c} ${l} ${e ? "path58-label--with-icon" : ""} ${n}`.trim(),
+      ...s,
+      children: [
+        e && /* @__PURE__ */ o("span", { className: "path58-label-icon", children: e }),
+        /* @__PURE__ */ o("span", { className: "path58-label-text", children: a })
+      ]
+    }
+  );
+}, S = ({
+  variant: t = "default",
+  children: e,
+  className: a = "",
+  ...r
+}) => {
+  const n = "path58-container", s = `path58-container--${t}`;
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: `${n} ${s} ${a}`.trim(),
+      ...r,
+      children: e
+    }
+  );
+}, k = ({
+  variant: t = "vertical",
+  children: e,
+  className: a = "",
+  ...r
+}) => {
+  const n = "path58-list path58-scrollbar", s = `path58-list--${t}`;
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: `${n} ${s} ${a}`.trim(),
+      ...r,
+      children: e
+    }
+  );
+}, U = ({
+  selected: t = !1,
+  children: e,
+  as: a = "button",
+  className: r = "",
+  ...n
+}) => {
+  const s = "path58-list-item", c = t ? "path58-list-item--selected" : "", { onClick: l, disabled: i, ...u } = n, m = a === "button" ? { onClick: l, disabled: i, ...u } : { onClick: l, ...u };
+  return /* @__PURE__ */ o(
+    a,
+    {
+      className: `${s} ${c} ${r}`.trim(),
+      ...m,
+      children: e
+    }
+  );
+}, B = ({
+  value: t,
+  onChange: e,
+  placeholder: a = "Search...",
+  showClear: r = !0,
+  className: n = "",
+  ...s
+}) => /* @__PURE__ */ h("div", { className: `path58-search-input ${n}`.trim(), children: [
+  /* @__PURE__ */ o(
+    D,
+    {
+      type: "text",
+      variant: "search",
+      value: t,
+      onChange: (c) => e(c.target.value),
+      placeholder: a,
+      ...s
+    }
+  ),
+  r && t && /* @__PURE__ */ o(
+    P,
+    {
+      variant: "ghost",
+      size: "sm",
+      icon: /* @__PURE__ */ o(j, { size: 14 }),
+      onClick: () => e(""),
+      className: "path58-search-input-clear",
+      title: "Clear search"
+    }
+  )
+] }), q = ({
+  tag: t,
+  selected: e = !1,
+  categoryColor: a,
+  onClick: r,
+  className: n = ""
+}) => {
+  const c = ((i) => {
+    const u = /* @__PURE__ */ new Set([
+      "cro",
+      "ceo",
+      "cfo",
+      "cto",
+      "vp",
+      "svp",
+      "evp",
+      "it",
+      "ui",
+      "ux",
+      "api",
+      "sdk",
+      "ecp",
+      "icp",
+      "jtbd",
+      "gtm",
+      "b2b",
+      "b2c",
+      "arr",
+      "mrr",
+      "ltv",
+      "cac",
+      "mql",
+      "sql",
+      "sdr",
+      "ae",
+      "swot",
+      "poc",
+      "mvp",
+      "kpi",
+      "okr",
+      "roi"
+    ]), m = /* @__PURE__ */ new Set(["saas", "paas", "iaas"]);
+    return i.split(/[\s-]+/).map((p) => {
+      const d = p.toLowerCase();
+      return m.has(d) ? d.charAt(0).toUpperCase() + d.slice(1) : u.has(d) ? d.toUpperCase() : p.charAt(0).toUpperCase() + p.slice(1).toLowerCase();
+    }).join(" ");
+  })(t);
+  return /* @__PURE__ */ o(
+    F,
+    {
+      variant: "tag",
+      active: e,
+      categoryColor: a || "var(--p58-accent-fg)",
+      onClick: r,
+      className: n,
+      children: c
+    }
+  );
+}, ht = ({
+  icon: t,
+  iconVariant: e = "default",
+  label: a,
+  value: r,
+  onClick: n,
+  variant: s = "default",
+  className: c = ""
+}) => {
+  const l = `path58-info-card--${s}`;
+  return /* @__PURE__ */ h(
+    S,
+    {
+      variant: "card",
+      className: `path58-info-card ${l} ${n ? "path58-info-card--clickable" : ""} ${c}`.trim(),
+      onClick: n,
+      style: { cursor: n ? "pointer" : "default" },
+      children: [
+        /* @__PURE__ */ o(W, { variant: e, size: "md", children: t }),
+        /* @__PURE__ */ h("div", { className: "path58-info-card-content", children: [
+          /* @__PURE__ */ o(N, { variant: "card", children: a }),
+          /* @__PURE__ */ o("div", { className: "path58-info-card-value", children: r })
+        ] })
+      ]
+    }
+  );
+}, G = ({
+  name: t,
+  count: e,
+  expanded: a,
+  onClick: r,
+  className: n = ""
+}) => /* @__PURE__ */ h(
+  "button",
+  {
+    className: `path58-category-header ${n}`.trim(),
+    onClick: r,
+    children: [
+      /* @__PURE__ */ o(
+        M,
+        {
+          size: 16,
+          className: a ? "path58-category-chevron path58-category-chevron--expanded" : "path58-category-chevron"
+        }
+      ),
+      /* @__PURE__ */ o(A, { size: 16 }),
+      /* @__PURE__ */ o("span", { className: "path58-category-name", children: t.toUpperCase() }),
+      /* @__PURE__ */ h("span", { className: "path58-category-count", children: [
+        "(",
+        e,
+        ")"
+      ] })
+    ]
+  }
+);
+var L = {
+  color: void 0,
+  size: void 0,
+  className: void 0,
+  style: void 0,
+  attr: void 0
+}, z = y.createContext && /* @__PURE__ */ y.createContext(L), V = ["attr", "size", "title"];
+function K(t, e) {
+  if (t == null) return {};
+  var a, r, n = X(t, e);
+  if (Object.getOwnPropertySymbols) {
+    var s = Object.getOwnPropertySymbols(t);
+    for (r = 0; r < s.length; r++) a = s[r], e.indexOf(a) === -1 && {}.propertyIsEnumerable.call(t, a) && (n[a] = t[a]);
+  }
+  return n;
+}
+function X(t, e) {
+  if (t == null) return {};
+  var a = {};
+  for (var r in t) if ({}.hasOwnProperty.call(t, r)) {
+    if (e.indexOf(r) !== -1) continue;
+    a[r] = t[r];
+  }
+  return a;
+}
+function w() {
+  return w = Object.assign ? Object.assign.bind() : function(t) {
+    for (var e = 1; e < arguments.length; e++) {
+      var a = arguments[e];
+      for (var r in a) ({}).hasOwnProperty.call(a, r) && (t[r] = a[r]);
+    }
+    return t;
+  }, w.apply(null, arguments);
+}
+function O(t, e) {
+  var a = Object.keys(t);
+  if (Object.getOwnPropertySymbols) {
+    var r = Object.getOwnPropertySymbols(t);
+    e && (r = r.filter(function(n) {
+      return Object.getOwnPropertyDescriptor(t, n).enumerable;
+    })), a.push.apply(a, r);
+  }
+  return a;
+}
+function $(t) {
+  for (var e = 1; e < arguments.length; e++) {
+    var a = arguments[e] != null ? arguments[e] : {};
+    e % 2 ? O(Object(a), !0).forEach(function(r) {
+      Y(t, r, a[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(a)) : O(Object(a)).forEach(function(r) {
+      Object.defineProperty(t, r, Object.getOwnPropertyDescriptor(a, r));
+    });
+  }
+  return t;
+}
+function Y(t, e, a) {
+  return (e = Z(e)) in t ? Object.defineProperty(t, e, { value: a, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = a, t;
+}
+function Z(t) {
+  var e = J(t, "string");
+  return typeof e == "symbol" ? e : e + "";
+}
+function J(t, e) {
+  if (typeof t != "object" || !t) return t;
+  var a = t[Symbol.toPrimitive];
+  if (a !== void 0) {
+    var r = a.call(t, e);
+    if (typeof r != "object") return r;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (e === "string" ? String : Number)(t);
+}
+function E(t) {
+  return t && t.map((e, a) => /* @__PURE__ */ y.createElement(e.tag, $({
+    key: a
+  }, e.attr), E(e.child)));
+}
+function I(t) {
+  return (e) => /* @__PURE__ */ y.createElement(Q, w({
+    attr: $({}, t.attr)
+  }, e), E(t.child));
+}
+function Q(t) {
+  var e = (a) => {
+    var {
+      attr: r,
+      size: n,
+      title: s
+    } = t, c = K(t, V), l = n || a.size || "1em", i;
+    return a.className && (i = a.className), t.className && (i = (i ? i + " " : "") + t.className), /* @__PURE__ */ y.createElement("svg", w({
+      stroke: "currentColor",
+      fill: "currentColor",
+      strokeWidth: "0"
+    }, a.attr, r, c, {
+      className: i,
+      style: $($({
+        color: t.color || a.color
+      }, a.style), t.style),
+      height: l,
+      width: l,
+      xmlns: "http://www.w3.org/2000/svg"
+    }), s && /* @__PURE__ */ y.createElement("title", null, s), t.children);
+  };
+  return z !== void 0 ? /* @__PURE__ */ y.createElement(z.Consumer, null, (a) => e(a)) : e(L);
+}
+function tt(t) {
+  return I({ attr: { viewBox: "0 0 384 512" }, child: [{ tag: "path", attr: { d: "M0 32l34.9 395.8L191.5 480l157.6-52.2L384 32H0zm308.2 127.9H124.4l4.1 49.4h175.6l-13.6 148.4-97.9 27v.3h-1.1l-98.7-27.3-6-75.8h47.7L138 320l53.5 14.5 53.7-14.5 6-62.2H84.3L71.5 112.2h241.1l-4.4 47.7z" }, child: [] }] })(t);
+}
+function et(t) {
+  return I({ attr: { role: "img", viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M14.23 12.004a2.236 2.236 0 0 1-2.235 2.236 2.236 2.236 0 0 1-2.236-2.236 2.236 2.236 0 0 1 2.235-2.236 2.236 2.236 0 0 1 2.236 2.236zm2.648-10.69c-1.346 0-3.107.96-4.888 2.622-1.78-1.653-3.542-2.602-4.887-2.602-.41 0-.783.093-1.106.278-1.375.793-1.683 3.264-.973 6.365C1.98 8.917 0 10.42 0 12.004c0 1.59 1.99 3.097 5.043 4.03-.704 3.113-.39 5.588.988 6.38.32.187.69.275 1.102.275 1.345 0 3.107-.96 4.888-2.624 1.78 1.654 3.542 2.603 4.887 2.603.41 0 .783-.09 1.106-.275 1.374-.792 1.683-3.263.973-6.365C22.02 15.096 24 13.59 24 12.004c0-1.59-1.99-3.097-5.043-4.032.704-3.11.39-5.587-.988-6.38-.318-.184-.688-.277-1.092-.278zm-.005 1.09v.006c.225 0 .406.044.558.127.666.382.955 1.835.73 3.704-.054.46-.142.945-.25 1.44-.96-.236-2.006-.417-3.107-.534-.66-.905-1.345-1.727-2.035-2.447 1.592-1.48 3.087-2.292 4.105-2.295zm-9.77.02c1.012 0 2.514.808 4.11 2.28-.686.72-1.37 1.537-2.02 2.442-1.107.117-2.154.298-3.113.538-.112-.49-.195-.964-.254-1.42-.23-1.868.054-3.32.714-3.707.19-.09.4-.127.563-.132zm4.882 3.05c.455.468.91.992 1.36 1.564-.44-.02-.89-.034-1.345-.034-.46 0-.915.01-1.36.034.44-.572.895-1.096 1.345-1.565zM12 8.1c.74 0 1.477.034 2.202.093.406.582.802 1.203 1.183 1.86.372.64.71 1.29 1.018 1.946-.308.655-.646 1.31-1.013 1.95-.38.66-.773 1.288-1.18 1.87-.728.063-1.466.098-2.21.098-.74 0-1.477-.035-2.202-.093-.406-.582-.802-1.204-1.183-1.86-.372-.64-.71-1.29-1.018-1.946.303-.657.646-1.313 1.013-1.954.38-.66.773-1.286 1.18-1.868.728-.064 1.466-.098 2.21-.098zm-3.635.254c-.24.377-.48.763-.704 1.16-.225.39-.435.782-.635 1.174-.265-.656-.49-1.31-.676-1.947.64-.15 1.315-.283 2.015-.386zm7.26 0c.695.103 1.365.23 2.006.387-.18.632-.405 1.282-.66 1.933-.2-.39-.41-.783-.64-1.174-.225-.392-.465-.774-.705-1.146zm3.063.675c.484.15.944.317 1.375.498 1.732.74 2.852 1.708 2.852 2.476-.005.768-1.125 1.74-2.857 2.475-.42.18-.88.342-1.355.493-.28-.958-.646-1.956-1.1-2.98.45-1.017.81-2.01 1.085-2.964zm-13.395.004c.278.96.645 1.957 1.1 2.98-.45 1.017-.812 2.01-1.086 2.964-.484-.15-.944-.318-1.37-.5-1.732-.737-2.852-1.706-2.852-2.474 0-.768 1.12-1.742 2.852-2.476.42-.18.88-.342 1.356-.494zm11.678 4.28c.265.657.49 1.312.676 1.948-.64.157-1.316.29-2.016.39.24-.375.48-.762.705-1.158.225-.39.435-.788.636-1.18zm-9.945.02c.2.392.41.783.64 1.175.23.39.465.772.705 1.143-.695-.102-1.365-.23-2.006-.386.18-.63.406-1.282.66-1.933zM17.92 16.32c.112.493.2.968.254 1.423.23 1.868-.054 3.32-.714 3.708-.147.09-.338.128-.563.128-1.012 0-2.514-.807-4.11-2.28.686-.72 1.37-1.536 2.02-2.44 1.107-.118 2.154-.3 3.113-.54zm-11.83.01c.96.234 2.006.415 3.107.532.66.905 1.345 1.727 2.035 2.446-1.595 1.483-3.092 2.295-4.11 2.295-.22-.005-.406-.05-.553-.132-.666-.38-.955-1.834-.73-3.703.054-.46.142-.944.25-1.438zm4.56.64c.44.02.89.034 1.345.034.46 0 .915-.01 1.36-.034-.44.572-.895 1.095-1.345 1.565-.455-.47-.91-.993-1.36-1.565z" }, child: [] }] })(t);
+}
+const at = ({
+  name: t,
+  type: e,
+  selected: a = !1,
+  onClick: r,
+  className: n = ""
+}) => {
+  const s = e === "html" ? "html" : "tsx", c = e === "html" ? tt : et;
+  return /* @__PURE__ */ h(
+    U,
+    {
+      selected: a,
+      onClick: r,
+      className: `path58-file-item ${n}`.trim(),
+      children: [
+        /* @__PURE__ */ o(R, { variant: s, children: /* @__PURE__ */ o(c, { size: 16 }) }),
+        /* @__PURE__ */ o("span", { className: "path58-file-name", children: t })
+      ]
+    }
+  );
+}, mt = ({
+  value: t,
+  onChange: e,
+  placeholder: a = "Search artifacts...",
+  label: r = "Search",
+  className: n = ""
+}) => /* @__PURE__ */ h(S, { variant: "section", className: `path58-search-section ${n}`.trim(), children: [
+  /* @__PURE__ */ o(N, { variant: "section", icon: /* @__PURE__ */ o(H, { size: 14 }), children: r }),
+  /* @__PURE__ */ o("div", { className: "path58-search-input-wrapper", children: /* @__PURE__ */ o(
+    B,
+    {
+      value: t,
+      onChange: e,
+      placeholder: a
+    }
+  ) })
+] }), ft = ({
+  allTags: t,
+  selectedTags: e,
+  onToggleTag: a,
+  className: r = ""
+}) => {
+  const [n, s] = C(/* @__PURE__ */ new Map()), [c, l] = C(/* @__PURE__ */ new Map());
+  x(() => {
+    (async () => {
+      try {
+        const d = await fetch("/api/tags");
+        if (d.ok) {
+          const f = await d.json();
+          if (f.tags && f.categories) {
+            const g = /* @__PURE__ */ new Map();
+            f.tags.forEach((b) => {
+              typeof b == "object" && b.name && b.category && g.set(b.name, b.category);
+            });
+            const v = /* @__PURE__ */ new Map();
+            f.categories.forEach((b) => {
+              v.set(b.id, { name: b.name, color: b.color });
+            }), s(g), l(v);
+          }
+        }
+      } catch {
+      }
+    })();
+  }, []);
+  const i = (p) => {
+    if (n.has(p))
+      return n.get(p) || null;
+    for (const [d, f] of n.entries())
+      if (d.toLowerCase() === p.toLowerCase())
+        return f;
+    return null;
+  }, u = (p) => {
+    if (!p) return "var(--p58-accent-fg)";
+    const d = c.get(p);
+    return (d == null ? void 0 : d.color) || "var(--p58-accent-fg)";
+  }, m = (p) => {
+    const d = /* @__PURE__ */ new Set([
+      "cro",
+      "ceo",
+      "cfo",
+      "cto",
+      "vp",
+      "svp",
+      "evp",
+      "it",
+      "ui",
+      "ux",
+      "api",
+      "sdk",
+      "ecp",
+      "icp",
+      "jtbd",
+      "gtm",
+      "b2b",
+      "b2c",
+      "arr",
+      "mrr",
+      "ltv",
+      "cac",
+      "mql",
+      "sql",
+      "sdr",
+      "ae",
+      "swot",
+      "poc",
+      "mvp",
+      "kpi",
+      "okr",
+      "roi"
+    ]), f = /* @__PURE__ */ new Set(["saas", "paas", "iaas"]);
+    return p.split(/[\s-]+/).map((g) => {
+      const v = g.toLowerCase();
+      return f.has(v) ? v.charAt(0).toUpperCase() + v.slice(1) : d.has(v) ? v.toUpperCase() : g.charAt(0).toUpperCase() + g.slice(1).toLowerCase();
+    }).join(" ");
+  };
+  return t.length === 0 ? null : /* @__PURE__ */ h(S, { variant: "section", className: `path58-tag-filter path58-scrollbar ${r}`.trim(), children: [
+    /* @__PURE__ */ h("div", { className: "path58-tag-filter-header", children: [
+      /* @__PURE__ */ o(N, { variant: "section", icon: /* @__PURE__ */ o(T, { size: 14 }), children: "Filter by tags:" }),
+      e.size > 0 && /* @__PURE__ */ o(
+        P,
+        {
+          variant: "ghost",
+          size: "sm",
+          icon: /* @__PURE__ */ o(j, { size: 12 }),
+          onClick: () => {
+            e.forEach((p) => a(p));
+          },
+          className: "path58-tag-filter-clear",
+          children: "Clear"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ o(k, { variant: "wrap", className: "path58-tag-filter-list", children: t.map((p) => {
+      const d = i(p), f = u(d), g = m(p), v = e.has(g);
+      return /* @__PURE__ */ o(
+        q,
+        {
+          tag: p,
+          selected: v,
+          categoryColor: f,
+          onClick: () => a(g)
+        },
+        p
+      );
+    }) }),
+    t.length > 8 && /* @__PURE__ */ o("div", { className: "path58-tag-filter-scroll-hint", children: /* @__PURE__ */ o("span", { children: "Scroll for more tags" }) })
+  ] });
+}, rt = ({
+  category: t,
+  artifacts: e,
+  selectedFile: a,
+  onSelectFile: r,
+  expanded: n,
+  onToggle: s,
+  className: c = ""
+}) => /* @__PURE__ */ h("div", { className: `path58-category-group ${c}`.trim(), "data-category": t, children: [
+  /* @__PURE__ */ o(
+    G,
+    {
+      name: t,
+      count: e.length,
+      expanded: n,
+      onClick: s
+    }
+  ),
+  n && /* @__PURE__ */ o("div", { className: "path58-category-file-list", children: e.map((l) => /* @__PURE__ */ o(
+    at,
+    {
+      name: l.displayName,
+      type: l.type,
+      selected: a === l.path,
+      onClick: () => r(l.path)
+    },
+    l.path
+  )) })
+] }), vt = ({
+  artifacts: t,
+  selectedFile: e,
+  onSelectFile: a,
+  categoryToExpand: r,
+  className: n = ""
+}) => {
+  const [s, c] = C(/* @__PURE__ */ new Set());
+  x(() => {
+    if (r && !s.has(r)) {
+      const i = new Set(s);
+      i.add(r), c(i);
+    }
+  }, [r, s]);
+  const l = (i) => {
+    const u = new Set(s);
+    u.has(i) ? u.delete(i) : u.add(i), c(u);
+  };
+  return /* @__PURE__ */ o(k, { variant: "vertical", className: `path58-artifact-list ${n}`.trim(), children: Object.entries(t).map(([i, u]) => /* @__PURE__ */ o(
+    rt,
+    {
+      category: i,
+      artifacts: u,
+      selectedFile: e,
+      onSelectFile: a,
+      expanded: s.has(i),
+      onToggle: () => l(i)
+    },
+    i
+  )) });
+}, nt = ({
+  name: t,
+  size: e = 16,
+  stroke: a = 1.75,
+  className: r = "",
+  style: n = {}
+}) => {
+  const s = _(null);
+  return x(() => {
+    if (window.lucide && s.current) {
+      s.current.innerHTML = "";
+      const c = document.createElement("i");
+      c.setAttribute("data-lucide", t), s.current.appendChild(c), window.lucide.createIcons({
+        attrs: { width: e, height: e, "stroke-width": a }
+      });
+    }
+  }, [t, e, a]), /* @__PURE__ */ o(
+    "span",
+    {
+      ref: s,
+      className: r,
+      style: { display: "inline-flex", lineHeight: 0, ...n }
+    }
+  );
+}, st = {
+  sm: { padding: "4px 10px", fontSize: 12 },
+  md: { padding: "8px 14px", fontSize: 13 },
+  lg: { padding: "10px 18px", fontSize: 14 }
+}, ot = (t, e, a) => {
+  switch (t) {
+    case "primary":
+      return {
+        background: a ? "var(--p58-teal-press)" : e ? "var(--p58-teal-hover)" : "var(--p58-teal)",
+        color: "var(--p58-on-accent)",
+        border: "1px solid var(--p58-teal-press)"
+      };
+    case "secondary":
+      return {
+        background: e ? "var(--p58-surface-3)" : "var(--p58-surface)",
+        color: "var(--p58-fg-1)",
+        border: "1px solid var(--p58-border-strong)"
+      };
+    case "ghost":
+      return {
+        background: e ? "var(--p58-surface-3)" : "transparent",
+        color: e ? "var(--p58-fg-1)" : "var(--p58-fg-2)",
+        border: "1px solid transparent"
+      };
+    case "danger":
+      return {
+        background: e ? "color-mix(in srgb, var(--p58-danger) 10%, transparent)" : "transparent",
+        color: "var(--p58-danger)",
+        border: "1px solid color-mix(in srgb, var(--p58-danger) 30%, transparent)"
+      };
+  }
+}, gt = ({
+  variant: t = "primary",
+  size: e = "md",
+  icon: a,
+  children: r,
+  onClick: n,
+  disabled: s = !1,
+  style: c = {}
+}) => {
+  const [l, i] = C(!1), [u, m] = C(!1);
+  return /* @__PURE__ */ h(
+    "button",
+    {
+      onClick: s ? void 0 : n,
+      onMouseEnter: () => i(!0),
+      onMouseLeave: () => {
+        i(!1), m(!1);
+      },
+      onMouseDown: () => m(!0),
+      onMouseUp: () => m(!1),
+      style: {
+        fontFamily: "var(--p58-font-ui)",
+        fontWeight: 500,
+        borderRadius: "var(--p58-radius-md)",
+        cursor: s ? "not-allowed" : "pointer",
+        display: "inline-flex",
+        alignItems: "center",
+        gap: 8,
+        opacity: s ? 0.4 : 1,
+        boxShadow: "var(--p58-shadow-inset)",
+        transition: "background var(--p58-duration-fast)",
+        outline: "none",
+        ...st[e],
+        ...ot(t, l, u),
+        ...c
+      },
+      children: [
+        a && /* @__PURE__ */ o(nt, { name: a, size: 14 }),
+        r
+      ]
+    }
+  );
+}, ct = "var(--p58-shadow-inset)", it = "0 2px 8px color-mix(in srgb, var(--p58-bg) 35%, transparent), var(--p58-shadow-inset)", bt = ({
+  children: t,
+  hover: e = !1,
+  onClick: a,
+  style: r = {}
+}) => {
+  const [n, s] = C(!1);
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      onClick: a,
+      onMouseEnter: () => s(!0),
+      onMouseLeave: () => s(!1),
+      style: {
+        background: "var(--p58-surface)",
+        border: "1px solid var(--p58-border)",
+        borderRadius: "var(--p58-radius-lg)",
+        boxShadow: e && n ? it : ct,
+        cursor: a ? "pointer" : "default",
+        transition: "box-shadow var(--p58-duration-base)",
+        ...r
+      },
+      children: t
+    }
+  );
+}, lt = ({ children: t, style: e = {} }) => /* @__PURE__ */ o(
+  "span",
+  {
+    style: {
+      fontFamily: "var(--p58-font-mono)",
+      fontSize: "var(--p58-text-2xs)",
+      color: "var(--p58-fg-3)",
+      textTransform: "uppercase",
+      letterSpacing: "var(--p58-tracking-caps)",
+      ...e
+    },
+    children: t
+  }
+), yt = ({
+  label: t,
+  value: e,
+  unit: a,
+  delta: r,
+  deltaTone: n = "up"
+}) => /* @__PURE__ */ h("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [
+  /* @__PURE__ */ o(lt, { children: t }),
+  /* @__PURE__ */ h(
+    "div",
+    {
+      style: {
+        fontFamily: "var(--p58-font-mono)",
+        fontSize: "var(--p58-text-4xl)",
+        fontWeight: 500,
+        color: "var(--p58-fg-1)",
+        lineHeight: 1,
+        letterSpacing: "-0.01em",
+        fontVariantNumeric: "tabular-nums"
+      },
+      children: [
+        e,
+        a && /* @__PURE__ */ o(
+          "span",
+          {
+            style: {
+              fontSize: "var(--p58-text-lg)",
+              color: "var(--p58-fg-3)",
+              marginLeft: 2
+            },
+            children: a
+          }
+        )
+      ]
+    }
+  ),
+  r && /* @__PURE__ */ h(
+    "span",
+    {
+      style: {
+        fontFamily: "var(--p58-font-mono)",
+        fontSize: "var(--p58-text-xs)",
+        color: n === "up" ? "var(--p58-success)" : "var(--p58-danger)"
+      },
+      children: [
+        n === "up" ? "↑" : "↓",
+        " ",
+        r
+      ]
+    }
+  )
+] });
+export {
+  vt as ArtifactList,
+  F as Badge,
+  P as Button,
+  rt as CategoryGroup,
+  G as CategoryHeader,
+  S as Container,
+  at as FileItem,
+  R as Icon,
+  W as IconContainer,
+  ht as InfoCard,
+  D as Input,
+  N as Label,
+  k as List,
+  U as ListItem,
+  gt as P58Button,
+  bt as P58Card,
+  lt as P58Eyebrow,
+  nt as P58Icon,
+  yt as P58Metric,
+  B as SearchInput,
+  mt as SearchSection,
+  q as TagBadge,
+  ft as TagFilterList
+};