@arcadeai/design-system 3.35.2 → 3.36.0

package/dist/web-BwFNdl01.js

@@ -0,0 +1,697 @@
+import { forwardRef as X, useState as _, useMemo as A, useRef as I, useEffect as $ } from "react";
+import { jsxs as q, jsx as E, Fragment as F } from "react/jsx-runtime";
+import { c as J } from "./bundle-mjs-lrpnyDSX.js";
+import { t as G, c as Q, g as Y, a as K, b as Z, d as N } from "./index-cd1ceFJg.js";
+var R = Object.prototype.hasOwnProperty;
+function P(e, t, n) {
+  for (n of e.keys())
+    if (g(n, t)) return n;
+}
+function g(e, t) {
+  var n, i, r;
+  if (e === t) return !0;
+  if (e && t && (n = e.constructor) === t.constructor) {
+    if (n === Date) return e.getTime() === t.getTime();
+    if (n === RegExp) return e.toString() === t.toString();
+    if (n === Array) {
+      if ((i = e.length) === t.length)
+        for (; i-- && g(e[i], t[i]); ) ;
+      return i === -1;
+    }
+    if (n === Set) {
+      if (e.size !== t.size)
+        return !1;
+      for (i of e)
+        if (r = i, r && typeof r == "object" && (r = P(t, r), !r) || !t.has(r)) return !1;
+      return !0;
+    }
+    if (n === Map) {
+      if (e.size !== t.size)
+        return !1;
+      for (i of e)
+        if (r = i[0], r && typeof r == "object" && (r = P(t, r), !r) || !g(i[1], t.get(r)))
+          return !1;
+      return !0;
+    }
+    if (n === ArrayBuffer)
+      e = new Uint8Array(e), t = new Uint8Array(t);
+    else if (n === DataView) {
+      if ((i = e.byteLength) === t.byteLength)
+        for (; i-- && e.getInt8(i) === t.getInt8(i); ) ;
+      return i === -1;
+    }
+    if (ArrayBuffer.isView(e)) {
+      if ((i = e.byteLength) === t.byteLength)
+        for (; i-- && e[i] === t[i]; ) ;
+      return i === -1;
+    }
+    if (!n || typeof e == "object") {
+      i = 0;
+      for (n in e)
+        if (R.call(e, n) && ++i && !R.call(t, n) || !(n in t) || !g(e[n], t[n])) return !1;
+      return Object.keys(t).length === i;
+    }
+  }
+  return e !== e && t !== t;
+}
+var k = (e) => {
+  const t = I(e), n = I(0);
+  return typeof e != "object" || e === null ? (e !== t.current && (t.current = e, n.current += 1), [e, n.current]) : (e !== t.current && (g(e, t.current) || (t.current = e, n.current += 1)), [t.current, n.current]);
+}, ee = (e, t, n) => {
+  const i = Date.now();
+  clearTimeout(t.current.timeoutId);
+  const r = Math.max(0, t.current.nextAllowedTime - i);
+  t.current.timeoutId = setTimeout(() => {
+    e().catch(console.error), t.current.nextAllowedTime = i + n;
+  }, r);
+}, U = (e, t, n) => {
+  const i = t ? Array.isArray(t) ? t : [t] : [];
+  if (e == null || typeof e == "string" && !e.trim())
+    return {
+      languageId: "plaintext",
+      displayLanguageId: "plaintext",
+      langsToLoad: void 0
+    };
+  if (typeof e == "object")
+    return {
+      languageId: e.name,
+      displayLanguageId: e.name || null,
+      langsToLoad: e
+    };
+  const r = e.toLowerCase(), s = (o) => o?.toLowerCase() === r, l = i.find(
+    (o) => s(o.name) || s(o.scopeName) || s(o.scopeName?.split(".").pop()) || o.aliases?.some(s) || o.fileTypes?.some(s)
+  );
+  return l ? {
+    languageId: l.name || e,
+    displayLanguageId: e,
+    langsToLoad: l
+  } : n?.[e] ? {
+    languageId: n[e],
+    displayLanguageId: e,
+    langsToLoad: n[e]
+  } : {
+    languageId: e,
+    displayLanguageId: e,
+    langsToLoad: e
+  };
+}, V = (e) => typeof e == "object" && e !== null && "tokenColors" in e && Array.isArray(e.tokenColors);
+function te(e) {
+  const t = V(e), n = typeof e == "object" && e !== null && !t, i = typeof e == "object" && e !== null && !t && Object.entries(e).some(
+    ([r, s]) => r && s && r.trim() !== "" && s !== "" && (typeof s == "string" || V(s))
+  );
+  return n ? {
+    isMultiTheme: !0,
+    themeId: i ? `multi-${Object.values(e).map(
+      (s) => (typeof s == "string" ? s : s?.name) || "custom"
+    ).sort().join("-")}` : "multi-default",
+    multiTheme: i ? e : null,
+    themesToLoad: i ? Object.values(e) : []
+  } : {
+    isMultiTheme: !1,
+    themeId: typeof e == "string" ? e : e?.name || "custom",
+    singleTheme: e,
+    themesToLoad: [e]
+  };
+}
+function ie(e = 1) {
+  return {
+    name: "react-shiki:line-numbers",
+    code(t) {
+      if (this.addClassToHast(t, "has-line-numbers"), e !== 1) {
+        const n = t.properties?.style || "", i = n ? `${n}; --line-start: ${e}` : `--line-start: ${e}`;
+        t.properties = {
+          ...t.properties,
+          style: i
+        };
+      }
+    },
+    line(t) {
+      return this.addClassToHast(t, "line-numbers"), t;
+    }
+  };
+}
+var B = {
+  light: "github-light",
+  dark: "github-dark"
+}, ne = (e, t, n, i = {}, r) => {
+  const [s, l] = _(null), [o, j] = k(t), [h, x] = k(n), [a, C] = k(i), { languageId: p, langsToLoad: f } = A(
+    () => U(
+      o,
+      a.customLanguages,
+      a.langAlias
+    ),
+    [o, a.customLanguages, a.langAlias]
+  ), { isMultiTheme: H, themeId: M, multiTheme: y, singleTheme: O, themesToLoad: b } = A(() => te(h), [h]), T = I({
+    nextAllowedTime: 0,
+    timeoutId: void 0
+  }), u = A(() => {
+    const m = { lang: p }, {
+      defaultColor: d,
+      cssVariablePrefix: L,
+      showLineNumbers: c,
+      startingLineNumber: z,
+      ...S
+    } = a, v = H ? {
+      themes: y || B,
+      defaultColor: d,
+      cssVariablePrefix: L
+    } : {
+      theme: O || B.dark
+    }, w = S.transformers || [];
+    return c && w.push(ie(z)), {
+      ...m,
+      ...v,
+      ...S,
+      transformers: w
+    };
+  }, [p, M, j, x, C]);
+  return $(() => {
+    let m = !0;
+    const d = async () => {
+      if (!p) return;
+      const c = a.highlighter ? a.highlighter : await r(
+        f,
+        b,
+        a.engine
+      ), S = c.getLoadedLanguages().includes(p) ? p : "plaintext", v = { ...u, lang: S };
+      if (m) {
+        const w = a.outputFormat === "html" ? c.codeToHtml(e, v) : G(c.codeToHast(e, v), {
+          jsx: E,
+          jsxs: q,
+          Fragment: F
+        });
+        l(w);
+      }
+    }, { delay: L } = a;
+    return L ? ee(d, T, L) : d().catch(console.error), () => {
+      m = !1, clearTimeout(T.current.timeoutId);
+    };
+  }, [
+    e,
+    u,
+    a.delay,
+    a.highlighter,
+    f,
+    b
+  ]), s;
+};
+function re(e, { insertAt: t } = {}) {
+  if (typeof document > "u") return;
+  const n = document.head || document.getElementsByTagName("head")[0], i = document.createElement("style");
+  i.type = "text/css", t === "top" && n.firstChild ? n.insertBefore(i, n.firstChild) : n.appendChild(i), i.styleSheet ? i.styleSheet.cssText = e : i.appendChild(document.createTextNode(e));
+}
+re(`.relative {
+  position: relative;
+}
+.defaultStyles pre {
+  overflow: auto;
+  border-radius: 0.5rem;
+  padding-left: 1.5rem;
+  padding-right: 1.5rem;
+  padding-top: 1.25rem;
+  padding-bottom: 1.25rem;
+}
+.languageLabel {
+  position: absolute;
+  right: 0.75rem;
+  top: 0.5rem;
+  font-family: monospace;
+  font-size: 0.75rem;
+  letter-spacing: -0.05em;
+  color: rgba(107, 114, 128, 0.85);
+}
+.line-numbers::before {
+  counter-increment: line-number;
+  content: counter(line-number);
+  display: inline-flex;
+  justify-content: flex-end;
+  align-items: flex-start;
+  box-sizing: content-box;
+  min-width: var(--line-numbers-width, 2ch);
+  padding-left: var(--line-numbers-padding-left, 2ch);
+  padding-right: var(--line-numbers-padding-right, 2ch);
+  color: var(--line-numbers-foreground, rgba(107, 114, 128, 0.6));
+  font-size: var(--line-numbers-font-size, inherit);
+  font-weight: var(--line-numbers-font-weight, inherit);
+  line-height: var(--line-numbers-line-height, inherit);
+  font-family: var(--line-numbers-font-family, inherit);
+  opacity: var(--line-numbers-opacity, 1);
+  user-select: none;
+  pointer-events: none;
+}
+.has-line-numbers {
+  counter-reset: line-number calc(var(--line-start, 1) - 1);
+  --line-numbers-foreground: rgba(107, 114, 128, 0.5);
+  --line-numbers-width: 2ch;
+  --line-numbers-padding-left: 0ch;
+  --line-numbers-padding-right: 2ch;
+  --line-numbers-font-size: inherit;
+  --line-numbers-font-weight: inherit;
+  --line-numbers-line-height: inherit;
+  --line-numbers-font-family: inherit;
+  --line-numbers-opacity: 1;
+}
+`);
+var se = (e) => X(
+  ({
+    language: t,
+    theme: n,
+    delay: i,
+    transformers: r,
+    defaultColor: s,
+    cssVariablePrefix: l,
+    addDefaultStyles: o = !0,
+    style: j,
+    langStyle: h,
+    className: x,
+    langClassName: a,
+    showLanguage: C = !0,
+    showLineNumbers: p = !1,
+    startingLineNumber: f = 1,
+    children: H,
+    as: M = "pre",
+    customLanguages: y,
+    ...O
+  }, b) => {
+    const T = {
+      delay: i,
+      transformers: r,
+      customLanguages: y,
+      showLineNumbers: p,
+      defaultColor: s,
+      cssVariablePrefix: l,
+      startingLineNumber: f,
+      ...O
+    }, { displayLanguageId: u } = U(
+      t,
+      y
+    ), m = e(
+      H,
+      t,
+      n,
+      T
+    ), d = typeof m == "string";
+    return /* @__PURE__ */ q(
+      M,
+      {
+        ref: b,
+        "data-testid": "shiki-container",
+        className: J(
+          "relative",
+          "not-prose",
+          o && "defaultStyles",
+          x
+        ),
+        style: j,
+        id: "shiki-container",
+        children: [
+          C && u ? /* @__PURE__ */ E(
+            "span",
+            {
+              className: J("languageLabel", a),
+              style: h,
+              id: "language-label",
+              children: u
+            }
+          ) : null,
+          d ? /* @__PURE__ */ E("div", { dangerouslySetInnerHTML: { __html: m } }) : m
+        ]
+      }
+    );
+  }
+);
+const W = [
+  {
+    id: "angular-html",
+    name: "Angular HTML",
+    import: (() => import("./angular-html-DPB4Rf0C.js").then((e) => e.f))
+  },
+  {
+    id: "angular-ts",
+    name: "Angular TypeScript",
+    import: (() => import("./angular-ts-CTOR2ofC.js"))
+  },
+  {
+    id: "astro",
+    name: "Astro",
+    import: (() => import("./astro-CFFExE8Q.js"))
+  },
+  {
+    id: "blade",
+    name: "Blade",
+    import: (() => import("./blade-D0HyNvCw.js"))
+  },
+  {
+    id: "c",
+    name: "C",
+    import: (() => import("./c-eeMepfLm.js"))
+  },
+  {
+    id: "coffee",
+    name: "CoffeeScript",
+    aliases: [
+      "coffeescript"
+    ],
+    import: (() => import("./coffee-DGBR_nr_.js"))
+  },
+  {
+    id: "cpp",
+    name: "C++",
+    aliases: [
+      "c++"
+    ],
+    import: (() => import("./cpp-Cj177cuW.js"))
+  },
+  {
+    id: "css",
+    name: "CSS",
+    import: (() => import("./css-CECN5uSL.js"))
+  },
+  {
+    id: "csv",
+    name: "CSV",
+    import: (() => import("./csv-CmYOceLb.js"))
+  },
+  {
+    id: "glsl",
+    name: "GLSL",
+    import: (() => import("./glsl-CkUcVZNK.js"))
+  },
+  {
+    id: "graphql",
+    name: "GraphQL",
+    aliases: [
+      "gql"
+    ],
+    import: (() => import("./graphql-CBu2ehBn.js"))
+  },
+  {
+    id: "haml",
+    name: "Ruby Haml",
+    import: (() => import("./haml-NZLVzu_R.js"))
+  },
+  {
+    id: "handlebars",
+    name: "Handlebars",
+    aliases: [
+      "hbs"
+    ],
+    import: (() => import("./handlebars-mxStpSE7.js"))
+  },
+  {
+    id: "html",
+    name: "HTML",
+    import: (() => import("./html-B50bmoVb.js"))
+  },
+  {
+    id: "html-derivative",
+    name: "HTML (Derivative)",
+    import: (() => import("./html-derivative-C6bxFbFW.js"))
+  },
+  {
+    id: "http",
+    name: "HTTP",
+    import: (() => import("./http-DLvAkeD-.js"))
+  },
+  {
+    id: "hurl",
+    name: "Hurl",
+    import: (() => import("./hurl-CgkFN90t.js"))
+  },
+  {
+    id: "imba",
+    name: "Imba",
+    import: (() => import("./imba-CimUv-Uh.js"))
+  },
+  {
+    id: "java",
+    name: "Java",
+    import: (() => import("./java-DY6VlHhP.js"))
+  },
+  {
+    id: "javascript",
+    name: "JavaScript",
+    aliases: [
+      "js",
+      "cjs",
+      "mjs"
+    ],
+    import: (() => import("./javascript-C25yR2R2.js"))
+  },
+  {
+    id: "jinja",
+    name: "Jinja",
+    import: (() => import("./jinja-CFW5uAwY.js"))
+  },
+  {
+    id: "jison",
+    name: "Jison",
+    import: (() => import("./jison-DdreslRX.js"))
+  },
+  {
+    id: "json",
+    name: "JSON",
+    import: (() => import("./json-DxJze_jm.js"))
+  },
+  {
+    id: "json5",
+    name: "JSON5",
+    import: (() => import("./json5-BT4Fjg39.js"))
+  },
+  {
+    id: "jsonc",
+    name: "JSON with Comments",
+    import: (() => import("./jsonc-CHjZD8gR.js"))
+  },
+  {
+    id: "jsonl",
+    name: "JSON Lines",
+    import: (() => import("./jsonl-BGuvDmy9.js"))
+  },
+  {
+    id: "jsx",
+    name: "JSX",
+    import: (() => import("./jsx-BtKADgXT.js"))
+  },
+  {
+    id: "julia",
+    name: "Julia",
+    aliases: [
+      "jl"
+    ],
+    import: (() => import("./julia-CZiKXNNP.js"))
+  },
+  {
+    id: "less",
+    name: "Less",
+    import: (() => import("./less-B1GLI2Di.js"))
+  },
+  {
+    id: "markdown",
+    name: "Markdown",
+    aliases: [
+      "md"
+    ],
+    import: (() => import("./markdown-CrScaQ96.js"))
+  },
+  {
+    id: "marko",
+    name: "Marko",
+    import: (() => import("./marko-CJBA24Ri.js"))
+  },
+  {
+    id: "mdc",
+    name: "MDC",
+    import: (() => import("./mdc-C9YSUwVC.js"))
+  },
+  {
+    id: "mdx",
+    name: "MDX",
+    import: (() => import("./mdx-BOhZZUJ8.js"))
+  },
+  {
+    id: "php",
+    name: "PHP",
+    import: (() => import("./php-BIzsF_5x.js"))
+  },
+  {
+    id: "postcss",
+    name: "PostCSS",
+    import: (() => import("./postcss-05aHdL-n.js"))
+  },
+  {
+    id: "pug",
+    name: "Pug",
+    aliases: [
+      "jade"
+    ],
+    import: (() => import("./pug-XOw9Q1Ho.js"))
+  },
+  {
+    id: "python",
+    name: "Python",
+    aliases: [
+      "py"
+    ],
+    import: (() => import("./python-BFNSHbwJ.js"))
+  },
+  {
+    id: "r",
+    name: "R",
+    import: (() => import("./r-CSmzDPi7.js"))
+  },
+  {
+    id: "regexp",
+    name: "RegExp",
+    aliases: [
+      "regex"
+    ],
+    import: (() => import("./regexp-BazyLpPg.js"))
+  },
+  {
+    id: "sass",
+    name: "Sass",
+    import: (() => import("./sass-DxHp5rTx.js"))
+  },
+  {
+    id: "scss",
+    name: "SCSS",
+    import: (() => import("./scss-B1FaCqwR.js"))
+  },
+  {
+    id: "shellscript",
+    name: "Shell",
+    aliases: [
+      "bash",
+      "sh",
+      "shell",
+      "zsh"
+    ],
+    import: (() => import("./shellscript-InADTalH.js"))
+  },
+  {
+    id: "sql",
+    name: "SQL",
+    import: (() => import("./sql-Cn_v3PB0.js"))
+  },
+  {
+    id: "stylus",
+    name: "Stylus",
+    aliases: [
+      "styl"
+    ],
+    import: (() => import("./stylus-CyKEU1Ej.js"))
+  },
+  {
+    id: "svelte",
+    name: "Svelte",
+    import: (() => import("./svelte-rYri41WT.js"))
+  },
+  {
+    id: "ts-tags",
+    name: "TypeScript with Tags",
+    aliases: [
+      "lit"
+    ],
+    import: (() => import("./ts-tags-ioVe2PKw.js"))
+  },
+  {
+    id: "tsx",
+    name: "TSX",
+    import: (() => import("./tsx-B8rCNbgL.js"))
+  },
+  {
+    id: "typescript",
+    name: "TypeScript",
+    aliases: [
+      "ts",
+      "cts",
+      "mts"
+    ],
+    import: (() => import("./typescript-RycA9KXf.js"))
+  },
+  {
+    id: "vue",
+    name: "Vue",
+    import: (() => import("./vue-DXEmyXn9.js"))
+  },
+  {
+    id: "vue-html",
+    name: "Vue HTML",
+    import: (() => import("./vue-html-j9xNEdu3.js"))
+  },
+  {
+    id: "vue-vine",
+    name: "Vue Vine",
+    import: (() => import("./vue-vine-D41-N99t.js"))
+  },
+  {
+    id: "wasm",
+    name: "WebAssembly",
+    import: (() => import("./wasm-BBXxrAl7.js"))
+  },
+  {
+    id: "wgsl",
+    name: "WGSL",
+    import: (() => import("./wgsl-DY4iK1q1.js"))
+  },
+  {
+    id: "wit",
+    name: "WebAssembly Interface Types",
+    import: (() => import("./wit-CQMQOlTg.js"))
+  },
+  {
+    id: "xml",
+    name: "XML",
+    import: (() => import("./xml-C2J0sS9M.js"))
+  },
+  {
+    id: "yaml",
+    name: "YAML",
+    aliases: [
+      "yml"
+    ],
+    import: (() => import("./yaml-DaO7k5B1.js"))
+  }
+], ae = Object.fromEntries(W.map((e) => [e.id, e.import])), oe = Object.fromEntries(W.flatMap((e) => e.aliases?.map((t) => [t, e.import]) || [])), me = {
+  ...ae,
+  ...oe
+}, le = /* @__PURE__ */ K({
+  langs: me,
+  themes: Z,
+  engine: () => N(import("./wasm-DQxwEHae.js"))
+}), {
+  getSingletonHighlighter: D
+} = /* @__PURE__ */ Q(
+  le,
+  { guessEmbeddedLanguages: Y }
+);
+async function pe(e, t, n) {
+  try {
+    return await D({
+      langs: [e],
+      themes: t,
+      engine: n ?? N(import("./wasm-DQxwEHae.js"))
+    });
+  } catch (i) {
+    if (i instanceof Error && i.message.includes("Language"))
+      return await D({
+        langs: ["plaintext"],
+        themes: t,
+        engine: n ?? N(import("./wasm-DQxwEHae.js"))
+      });
+    throw i;
+  }
+}
+var de = (e, t, n, i = {}) => ne(
+  e,
+  t,
+  n,
+  i,
+  pe
+), ue = se(
+  de
+), ye = ue;
+export {
+  ye as w
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@arcadeai/design-system",
   "private": false,
-  "version": "3.35.2",
+  "version": "3.36.0",
   "type": "module",
   "main": "./dist/main.js",
   "types": "./dist/main.d.ts",
@@ -69,6 +69,7 @@
     "@hookform/resolvers": "5.2.2",
     "@monorepo/config": "0.0.0",
     "@monorepo/storybook-config": "0.0.0",
+    "@storybook/addon-mcp": "0.4.2",
     "@storybook/addon-a11y": "10.2.12",
     "@storybook/addon-docs": "10.2.12",
     "@storybook/addon-themes": "10.2.12",
@@ -90,7 +91,7 @@
     "globals": "17.3.0",
     "happy-dom": "20.7.0",
     "lucide-react": "0.576.0",
-    "playwright": "1.58.2",
+    "playwright": "1.59.0",
     "react": "19.2.4",
     "react-dom": "19.2.4",
     "react-hook-form": "7.71.2",