@snksergio/design-system 0.39.0 → 0.40.0

package/dist-lib/index.cjs

@@ -1,20 +1,20 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const panel = require("./chunks/panel-CUXtnRRW.cjs");
-const useTheme = require("./chunks/useTheme-C8eZFGSb.cjs");
-const avatar = require("./chunks/avatar-DSmxOg-W.cjs");
+const panel = require("./chunks/panel-ma7e3s4C.cjs");
+const useTheme = require("./chunks/useTheme-BD0nloAv.cjs");
+const avatar = require("./chunks/avatar-BiaG9OJS.cjs");
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
-const textarea = require("./chunks/textarea-BOEpteRb.cjs");
+const textarea = require("./chunks/textarea-c80RFmMP.cjs");
 const lucideReact = require("lucide-react");
-const tooltip = require("./chunks/tooltip-CAZAtBhO.cjs");
+const tooltip = require("./chunks/tooltip-pvZ_X-Ub.cjs");
 require("@radix-ui/react-aspect-ratio");
 require("react-day-picker");
 require("@radix-ui/react-collapsible");
-const input = require("./chunks/input-6P31vUfa.cjs");
+const input = require("./chunks/input-DMH5rSP1.cjs");
 const sonner = require("sonner");
-const kpiDelta = require("./chunks/kpi-delta-NM4hUgz4.cjs");
-const pageHeader = require("./chunks/page-header-DEa2Lrl1.cjs");
+const kpiDelta = require("./chunks/kpi-delta-NnEu4oIs.cjs");
+const pageHeader = require("./chunks/page-header-Cp_9Wog4.cjs");
 const RechartsPrimitive = require("recharts");
 const reactVirtual = require("@tanstack/react-virtual");
 require("@hello-pangea/dnd");
@@ -402,27 +402,63 @@ const markdownTextStyles = avatar.tv({
 });
 const CODE_RE = /```([\s\S]+?)```|`([^`]+?)`/g;
 const URL_RE = /((?:https?:\/\/|www\.)[^\s<>()]+[^\s<>().,!?;:'"])/g;
+function pushAll(dst, src) {
+  for (const node of src) dst.push(node);
+}
+const MARKERS = [
+  { re: /\*([^*\n]+?)\*/, slot: "strong", el: "strong" },
+  { re: /_([^_\n]+?)_/, slot: "em", el: "em" },
+  { re: /~([^~\n]+?)~/, slot: "strike", el: "span" }
+];
 function parseInline(text, s, prefix) {
-  const markers = [
-    { re: /\*([^*\n]+?)\*/, slot: "strong", el: "strong" },
-    { re: /_([^_\n]+?)_/, slot: "em", el: "em" },
-    { re: /~([^~\n]+?)~/, slot: "strike", el: "span" }
-  ];
-  for (const { re, slot, el } of markers) {
-    const m = re.exec(text);
-    if (!m || m.index === void 0) continue;
-    const before = text.slice(0, m.index);
+  const root = [];
+  const frames = [root];
+  const work = [{ kind: "text", text, prefix }];
+  while (work.length) {
+    const task = work.pop();
+    if (task.kind === "open") {
+      frames.push([]);
+      continue;
+    }
+    if (task.kind === "close") {
+      const children = frames.pop();
+      const Tag = task.el;
+      frames[frames.length - 1].push(
+        /* @__PURE__ */ jsxRuntime.jsx(Tag, { className: task.className, children }, task.key)
+      );
+      continue;
+    }
+    const current = frames[frames.length - 1];
+    let mk = null;
+    let m = null;
+    for (const candidate of MARKERS) {
+      const found = candidate.re.exec(task.text);
+      if (found && found.index !== void 0) {
+        mk = candidate;
+        m = found;
+        break;
+      }
+    }
+    if (!mk || !m) {
+      if (task.text) current.push(task.text);
+      continue;
+    }
+    const before = task.text.slice(0, m.index);
     const inner = m[1];
-    const after = text.slice(m.index + m[0].length);
-    const Tag = el;
-    const className = slot === "strong" ? s.strong() : slot === "em" ? s.em() : s.strike();
-    return [
-      ...parseInline(before, s, `${prefix}-b`),
-      /* @__PURE__ */ jsxRuntime.jsx(Tag, { className, children: parseInline(inner, s, `${prefix}-i`) }, `${prefix}-${slot}`),
-      ...parseInline(after, s, `${prefix}-a`)
-    ];
+    const after = task.text.slice(m.index + m[0].length);
+    const className = mk.slot === "strong" ? s.strong() : mk.slot === "em" ? s.em() : s.strike();
+    work.push({ kind: "text", text: after, prefix: `${task.prefix}-a` });
+    work.push({
+      kind: "close",
+      el: mk.el,
+      className,
+      key: `${task.prefix}-${mk.slot}`
+    });
+    work.push({ kind: "text", text: inner, prefix: `${task.prefix}-i` });
+    work.push({ kind: "open" });
+    work.push({ kind: "text", text: before, prefix: `${task.prefix}-b` });
   }
-  return text ? [text] : [];
+  return root;
 }
 function parseLinksAndInline(text, s, prefix) {
   const out = [];
@@ -432,7 +468,7 @@ function parseLinksAndInline(text, s, prefix) {
   let m;
   while ((m = URL_RE.exec(text)) !== null) {
     if (m.index > last) {
-      out.push(...parseInline(text.slice(last, m.index), s, `${prefix}-${i}t`));
+      pushAll(out, parseInline(text.slice(last, m.index), s, `${prefix}-${i}t`));
     }
     const raw = m[0];
     const href = raw.startsWith("www.") ? `https://${raw}` : raw;
@@ -453,7 +489,7 @@ function parseLinksAndInline(text, s, prefix) {
     i += 1;
   }
   if (last < text.length) {
-    out.push(...parseInline(text.slice(last), s, `${prefix}-${i}t`));
+    pushAll(out, parseInline(text.slice(last), s, `${prefix}-${i}t`));
   }
   return out;
 }
@@ -465,7 +501,7 @@ function parseMarkdown(source, s) {
   let m;
   while ((m = CODE_RE.exec(source)) !== null) {
     if (m.index > last) {
-      out.push(...parseLinksAndInline(source.slice(last, m.index), s, `${i}t`));
+      pushAll(out, parseLinksAndInline(source.slice(last, m.index), s, `${i}t`));
     }
     const codeContent = m[1] ?? m[2] ?? "";
     out.push(
@@ -475,7 +511,7 @@ function parseMarkdown(source, s) {
     i += 1;
   }
   if (last < source.length) {
-    out.push(...parseLinksAndInline(source.slice(last), s, `${i}t`));
+    pushAll(out, parseLinksAndInline(source.slice(last), s, `${i}t`));
   }
   return out;
 }
@@ -7433,9 +7469,12 @@ const ChartContainer = React__namespace.forwardRef(({ id, className, children, c
   ) });
 });
 ChartContainer.displayName = "ChartContainer";
+const SAFE_CSS_IDENT = /^[A-Za-z0-9_-]+$/;
+const SAFE_CSS_VALUE = /^[A-Za-z0-9\s#(),.%/_-]+$/;
 const ChartStyle = ({ id, config }) => {
+  if (!SAFE_CSS_IDENT.test(id)) return null;
   const colorConfig = Object.entries(config).filter(
-    ([, c]) => c.theme || c.color
+    ([key, c]) => (c.theme || c.color) && SAFE_CSS_IDENT.test(key)
   );
   if (!colorConfig.length) return null;
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -7447,7 +7486,7 @@ const ChartStyle = ({ id, config }) => {
 ${prefix} [data-chart=${id}] {
 ${colorConfig.map(([key, itemConfig]) => {
             const color = itemConfig.theme?.[theme] || itemConfig.color;
-            return color ? `  --color-${key}: ${color};` : null;
+            return color && SAFE_CSS_VALUE.test(color) ? `  --color-${key}: ${color};` : null;
           }).filter(Boolean).join("\n")}
 }
 `