@botonic/react 0.56.0-alpha.0 → 0.57.0-rslib-esm.1

package/lib/components/system-debug-trace/hooks/use-last-label-position.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/system-debug-trace/hooks/use-last-label-position.js","sources":["../../../../src/components/system-debug-trace/hooks/use-last-label-position.ts"],"sourcesContent":["import { type RefObject, useEffect } from 'react'\n\ninterface UseLastLabelPositionProps {\n  wrapperRef: RefObject<HTMLDivElement>\n  isExpanded: boolean\n  debugEvent: unknown\n  isCollapsible: boolean\n}\n\nexport function useLastLabelPosition({\n  wrapperRef,\n  isExpanded,\n  debugEvent,\n  isCollapsible,\n}: UseLastLabelPositionProps) {\n  useEffect(() => {\n    // Only measure for collapsible events\n    if (!isCollapsible) {\n      return undefined\n    }\n\n    if (!isExpanded || !wrapperRef.current) {\n      if (wrapperRef.current) {\n        wrapperRef.current.style.setProperty('--last-label-bottom', '0px')\n      }\n      return undefined\n    }\n\n    const measure = () => {\n      const wrapper = wrapperRef.current\n      if (!wrapper) {\n        return\n      }\n\n      // Check if visible\n      const parent = wrapper.parentElement\n      if (parent && window.getComputedStyle(parent).display === 'none') {\n        return\n      }\n\n      // If an explicit line-end marker exists, use its bottom edge\n      const lineEndMarker =\n        wrapper.querySelector<HTMLElement>('[data-line-end]')\n\n      let labelBottomPosition: number\n\n      if (lineEndMarker) {\n        const wrapperTop = wrapper.getBoundingClientRect().top\n        labelBottomPosition =\n          lineEndMarker.getBoundingClientRect().bottom - wrapperTop\n      } else {\n        // Find all label elements in order (both <strong> for DebugLabel and <span> for GuardrailLabel)\n        // We need to get them in DOM order to find the actual last one\n        const allElements =\n          wrapper.querySelectorAll<HTMLElement>('strong, span')\n        const allLabels = Array.from(allElements).filter(el => {\n          // Include all <strong> elements (they're DebugLabels)\n          if (el.tagName === 'STRONG') {\n            return true\n          }\n\n          // For <span>, only include if it's a direct child of a flex container (GuardrailLabel pattern)\n          // and has no child elements (just text)\n          if (\n            el.tagName === 'SPAN' &&\n            el.children.length === 0 &&\n            el.textContent?.trim()\n          ) {\n            const parent = el.parentElement\n            if (parent) {\n              const parentStyle = window.getComputedStyle(parent)\n              // GuardrailItem has display: flex\n              return parentStyle.display === 'flex'\n            }\n          }\n          return false\n        })\n\n        if (allLabels.length === 0) {\n          return\n        }\n\n        const lastLabel = allLabels[allLabels.length - 1]\n        const wrapperTop = wrapper.getBoundingClientRect().top\n        labelBottomPosition =\n          lastLabel.getBoundingClientRect().bottom - wrapperTop\n      }\n\n      // Set CSS variable for line height calculation\n      wrapper.style.setProperty(\n        '--last-label-bottom',\n        `${labelBottomPosition}px`\n      )\n    }\n\n    // Measure after render\n    const timeoutId = setTimeout(measure, 0)\n    const resizeObserver =\n      'ResizeObserver' in window ? new ResizeObserver(measure) : null\n\n    if (resizeObserver && wrapperRef.current) {\n      resizeObserver.observe(wrapperRef.current)\n    }\n\n    return () => {\n      clearTimeout(timeoutId)\n      resizeObserver?.disconnect()\n    }\n  }, [isExpanded, debugEvent, wrapperRef, isCollapsible])\n}\n"],"names":["useEffect","useLastLabelPosition","wrapperRef","isExpanded","debugEvent","isCollapsible","undefined","measure","wrapper","parent","window","lineEndMarker","labelBottomPosition","wrapperTop","allElements","allLabels","Array","el","parentStyle","lastLabel","timeoutId","setTimeout","resizeObserver","ResizeObserver","clearTimeout"],"mappings":";;;AAAiD;AAS1C,SAASC,oBAAoBA,CAAC,EACnCC,UAAU,EACVC,UAAU,EACVC,UAAU,EACVC,aAAa,EACa;IAC1BL,SAASA,CAAC;QACR,sCAAsC;QACtC,IAAI,CAACK,eAAe;YAClB,OAAOC;QACT;QAEA,IAAI,CAACH,cAAc,CAACD,WAAW,OAAO,EAAE;YACtC,IAAIA,WAAW,OAAO,EAAE;gBACtBA,WAAW,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,uBAAuB;YAC9D;YACA,OAAOI;QACT;QAEA,MAAMC,UAAU;YACd,MAAMC,UAAUN,WAAW,OAAO;YAClC,IAAI,CAACM,SAAS;gBACZ;YACF;YAEA,mBAAmB;YACnB,MAAMC,SAASD,QAAQ,aAAa;YACpC,IAAIC,UAAUC,OAAO,gBAAgB,CAACD,QAAQ,OAAO,KAAK,QAAQ;gBAChE;YACF;YAEA,6DAA6D;YAC7D,MAAME,gBACJH,QAAQ,aAAa,CAAc;YAErC,IAAII;YAEJ,IAAID,eAAe;gBACjB,MAAME,aAAaL,QAAQ,qBAAqB,GAAG,GAAG;gBACtDI,sBACED,cAAc,qBAAqB,GAAG,MAAM,GAAGE;YACnD,OAAO;gBACL,gGAAgG;gBAChG,+DAA+D;gBAC/D,MAAMC,cACJN,QAAQ,gBAAgB,CAAc;gBACxC,MAAMO,YAAYC,MAAM,IAAI,CAACF,aAAa,MAAM,CAACG,CAAAA;oBAC/C,sDAAsD;oBACtD,IAAIA,GAAG,OAAO,KAAK,UAAU;wBAC3B,OAAO;oBACT;oBAEA,+FAA+F;oBAC/F,wCAAwC;oBACxC,IACEA,GAAG,OAAO,KAAK,UACfA,GAAG,QAAQ,CAAC,MAAM,KAAK,KACvBA,GAAG,WAAW,EAAE,QAChB;wBACA,MAAMR,SAASQ,GAAG,aAAa;wBAC/B,IAAIR,QAAQ;4BACV,MAAMS,cAAcR,OAAO,gBAAgB,CAACD;4BAC5C,kCAAkC;4BAClC,OAAOS,YAAY,OAAO,KAAK;wBACjC;oBACF;oBACA,OAAO;gBACT;gBAEA,IAAIH,UAAU,MAAM,KAAK,GAAG;oBAC1B;gBACF;gBAEA,MAAMI,YAAYJ,SAAS,CAACA,UAAU,MAAM,GAAG,EAAE;gBACjD,MAAMF,aAAaL,QAAQ,qBAAqB,GAAG,GAAG;gBACtDI,sBACEO,UAAU,qBAAqB,GAAG,MAAM,GAAGN;YAC/C;YAEA,+CAA+C;YAC/CL,QAAQ,KAAK,CAAC,WAAW,CACvB,uBACA,GAAGI,oBAAoB,EAAE,CAAC;QAE9B;QAEA,uBAAuB;QACvB,MAAMQ,YAAYC,WAAWd,SAAS;QACtC,MAAMe,iBACJ,oBAAoBZ,SAAS,IAAIa,eAAehB,WAAW;QAE7D,IAAIe,kBAAkBpB,WAAW,OAAO,EAAE;YACxCoB,eAAe,OAAO,CAACpB,WAAW,OAAO;QAC3C;QAEA,OAAO;YACLsB,aAAaJ;YACbE,gBAAgB;QAClB;IACF,GAAG;QAACnB;QAAYC;QAAYF;QAAYG;KAAc;AACxD"}

package/lib/components/system-debug-trace/icons/ai-router.d.ts

@@ -0,0 +1 @@
+export declare const AiRouterSvg: () => import("react").JSX.Element;

package/lib/components/system-debug-trace/icons/ai-router.js

@@ -0,0 +1,71 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useId } from "react";
+
+
+
+
+
+const AiRouterSvg = ()=>{
+    const gradientId = useId().replaceAll(':', '');
+    const shineGradientId = useId().replaceAll(':', '');
+    return(// biome-ignore lint/a11y/noSvgWithoutTitle: This is a SVG icon
+    /*#__PURE__*/ jsxs("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "18",
+        height: "18",
+        viewBox: "0 0 18 18",
+        fill: "none",
+        children: [
+            /*#__PURE__*/ jsx("path", {
+                d: "M3.93749 3.63077C4.42648 3.63077 4.85794 3.22807 4.85794 2.71032C4.85794 2.22132 4.42648 1.78986 3.93749 1.78986C3.41974 1.78986 3.01703 2.22132 3.01703 2.71032C3.01703 3.22807 3.41974 3.63077 3.93749 3.63077ZM6.23863 2.71032C6.23863 3.74582 5.54828 4.63752 4.62783 4.92516V7.77282C5.20312 7.34136 5.92222 7.08248 6.69885 7.08248H9.46022C10.582 7.08248 11.5313 6.16202 11.5313 5.01145V4.92516C10.582 4.63752 9.92044 3.74582 9.92044 2.71032C9.92044 1.44469 10.9272 0.40918 12.2216 0.40918C13.4872 0.40918 14.5227 1.44469 14.5227 2.71032C14.5227 3.74582 13.8323 4.63752 12.9119 4.92516V5.01145C12.9119 6.93865 11.3586 8.4632 9.46022 8.4632H6.69885C5.54828 8.4632 4.62783 9.41237 4.62783 10.5342V10.6492C5.54828 10.9369 6.23863 11.8285 6.23863 12.8353C6.23863 14.1297 5.20312 15.1365 3.93749 15.1365C2.6431 15.1365 1.63635 14.1297 1.63635 12.8353C1.63635 11.8285 2.29793 10.9369 3.24715 10.6492V10.5342V4.92516C2.29793 4.63752 1.63635 3.74582 1.63635 2.71032C1.63635 1.44469 2.6431 0.40918 3.93749 0.40918C5.20312 0.40918 6.23863 1.44469 6.23863 2.71032ZM13.142 2.71032C13.142 2.22132 12.7106 1.78986 12.2216 1.78986C11.7038 1.78986 11.3011 2.22132 11.3011 2.71032C11.3011 3.22807 11.7038 3.63077 12.2216 3.63077C12.7106 3.63077 13.142 3.22807 13.142 2.71032ZM3.93749 13.7558C4.42648 13.7558 4.85794 13.3531 4.85794 12.8353C4.85794 12.3463 4.42648 11.9149 3.93749 11.9149C3.41974 11.9149 3.01703 12.3463 3.01703 12.8353C3.01703 13.3531 3.41974 13.7558 3.93749 13.7558Z",
+                fill: `url(#${gradientId})`
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M12.5839 10.0164C12.5285 9.89486 12.4069 9.81812 12.2748 9.81812C12.1427 9.81812 12.0211 9.89486 11.9657 10.0164L10.8337 12.4672L8.38215 13.5989C8.25851 13.6565 8.18176 13.778 8.18176 13.9101C8.18176 14.0422 8.25851 14.1637 8.38002 14.2191L10.8316 15.3508L11.9636 17.8017C12.019 17.9232 12.1405 17.9999 12.2727 17.9999C12.4048 17.9999 12.5264 17.9232 12.5818 17.8017L13.7137 15.3508L16.1653 14.2191C16.2868 14.1637 16.3636 14.0422 16.3636 13.9101C16.3636 13.778 16.2868 13.6565 16.1653 13.6011L13.7137 12.4694L12.5818 10.0185L12.5839 10.0164Z",
+                fill: `url(#${shineGradientId})`
+            }),
+            /*#__PURE__*/ jsxs("defs", {
+                children: [
+                    /*#__PURE__*/ jsxs("linearGradient", {
+                        id: gradientId,
+                        x1: "1.63635",
+                        y1: "7.77282",
+                        x2: "14.5227",
+                        y2: "7.77282",
+                        gradientUnits: "userSpaceOnUse",
+                        children: [
+                            /*#__PURE__*/ jsx("stop", {
+                                stopColor: "#6E49FF"
+                            }),
+                            /*#__PURE__*/ jsx("stop", {
+                                offset: "1",
+                                stopColor: "#CC3559"
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxs("linearGradient", {
+                        id: shineGradientId,
+                        x1: "8.18176",
+                        y1: "13.909",
+                        x2: "16.3636",
+                        y2: "13.909",
+                        gradientUnits: "userSpaceOnUse",
+                        children: [
+                            /*#__PURE__*/ jsx("stop", {
+                                stopColor: "#6E49FF"
+                            }),
+                            /*#__PURE__*/ jsx("stop", {
+                                offset: "1",
+                                stopColor: "#CC3559"
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    }));
+};
+
+export { AiRouterSvg };
+
+//# sourceMappingURL=ai-router.js.map

package/lib/components/system-debug-trace/icons/ai-router.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/system-debug-trace/icons/ai-router.js","sources":["../../../../src/components/system-debug-trace/icons/ai-router.tsx"],"sourcesContent":["import { useId } from 'react'\n\nexport const AiRouterSvg = () => {\n  const gradientId = useId().replaceAll(':', '')\n  const shineGradientId = useId().replaceAll(':', '')\n\n  return (\n    // biome-ignore lint/a11y/noSvgWithoutTitle: This is a SVG icon\n    <svg\n      xmlns='http://www.w3.org/2000/svg'\n      width='18'\n      height='18'\n      viewBox='0 0 18 18'\n      fill='none'\n    >\n      <path\n        d='M3.93749 3.63077C4.42648 3.63077 4.85794 3.22807 4.85794 2.71032C4.85794 2.22132 4.42648 1.78986 3.93749 1.78986C3.41974 1.78986 3.01703 2.22132 3.01703 2.71032C3.01703 3.22807 3.41974 3.63077 3.93749 3.63077ZM6.23863 2.71032C6.23863 3.74582 5.54828 4.63752 4.62783 4.92516V7.77282C5.20312 7.34136 5.92222 7.08248 6.69885 7.08248H9.46022C10.582 7.08248 11.5313 6.16202 11.5313 5.01145V4.92516C10.582 4.63752 9.92044 3.74582 9.92044 2.71032C9.92044 1.44469 10.9272 0.40918 12.2216 0.40918C13.4872 0.40918 14.5227 1.44469 14.5227 2.71032C14.5227 3.74582 13.8323 4.63752 12.9119 4.92516V5.01145C12.9119 6.93865 11.3586 8.4632 9.46022 8.4632H6.69885C5.54828 8.4632 4.62783 9.41237 4.62783 10.5342V10.6492C5.54828 10.9369 6.23863 11.8285 6.23863 12.8353C6.23863 14.1297 5.20312 15.1365 3.93749 15.1365C2.6431 15.1365 1.63635 14.1297 1.63635 12.8353C1.63635 11.8285 2.29793 10.9369 3.24715 10.6492V10.5342V4.92516C2.29793 4.63752 1.63635 3.74582 1.63635 2.71032C1.63635 1.44469 2.6431 0.40918 3.93749 0.40918C5.20312 0.40918 6.23863 1.44469 6.23863 2.71032ZM13.142 2.71032C13.142 2.22132 12.7106 1.78986 12.2216 1.78986C11.7038 1.78986 11.3011 2.22132 11.3011 2.71032C11.3011 3.22807 11.7038 3.63077 12.2216 3.63077C12.7106 3.63077 13.142 3.22807 13.142 2.71032ZM3.93749 13.7558C4.42648 13.7558 4.85794 13.3531 4.85794 12.8353C4.85794 12.3463 4.42648 11.9149 3.93749 11.9149C3.41974 11.9149 3.01703 12.3463 3.01703 12.8353C3.01703 13.3531 3.41974 13.7558 3.93749 13.7558Z'\n        fill={`url(#${gradientId})`}\n      />\n      <path\n        d='M12.5839 10.0164C12.5285 9.89486 12.4069 9.81812 12.2748 9.81812C12.1427 9.81812 12.0211 9.89486 11.9657 10.0164L10.8337 12.4672L8.38215 13.5989C8.25851 13.6565 8.18176 13.778 8.18176 13.9101C8.18176 14.0422 8.25851 14.1637 8.38002 14.2191L10.8316 15.3508L11.9636 17.8017C12.019 17.9232 12.1405 17.9999 12.2727 17.9999C12.4048 17.9999 12.5264 17.9232 12.5818 17.8017L13.7137 15.3508L16.1653 14.2191C16.2868 14.1637 16.3636 14.0422 16.3636 13.9101C16.3636 13.778 16.2868 13.6565 16.1653 13.6011L13.7137 12.4694L12.5818 10.0185L12.5839 10.0164Z'\n        fill={`url(#${shineGradientId})`}\n      />\n      <defs>\n        <linearGradient\n          id={gradientId}\n          x1='1.63635'\n          y1='7.77282'\n          x2='14.5227'\n          y2='7.77282'\n          gradientUnits='userSpaceOnUse'\n        >\n          <stop stopColor='#6E49FF' />\n          <stop offset='1' stopColor='#CC3559' />\n        </linearGradient>\n        <linearGradient\n          id={shineGradientId}\n          x1='8.18176'\n          y1='13.909'\n          x2='16.3636'\n          y2='13.909'\n          gradientUnits='userSpaceOnUse'\n        >\n          <stop stopColor='#6E49FF' />\n          <stop offset='1' stopColor='#CC3559' />\n        </linearGradient>\n      </defs>\n    </svg>\n  )\n}\n"],"names":["useId","AiRouterSvg","gradientId","shineGradientId"],"mappings":";;;;;;AAA6B;AAEtB,MAAMC,WAAWA,GAAG;IACzB,MAAMC,aAAaF,KAAKA,GAAG,UAAU,CAAC,KAAK;IAC3C,MAAMG,kBAAkBH,KAAKA,GAAG,UAAU,CAAC,KAAK;IAEhD,OACE,+DAA+D;kBAC/D,KAAC;QACC,OAAM;QACN,OAAM;QACN,QAAO;QACP,SAAQ;QACR,MAAK;;0BAEL,IAAC;gBACC,GAAE;gBACF,MAAM,CAAC,KAAK,EAAEE,WAAW,CAAC,CAAC;;0BAE7B,IAAC;gBACC,GAAE;gBACF,MAAM,CAAC,KAAK,EAAEC,gBAAgB,CAAC,CAAC;;0BAElC,KAAC;;kCACC,KAAC;wBACC,IAAID;wBACJ,IAAG;wBACH,IAAG;wBACH,IAAG;wBACH,IAAG;wBACH,eAAc;;0CAEd,IAAC;gCAAK,WAAU;;0CAChB,IAAC;gCAAK,QAAO;gCAAI,WAAU;;;;kCAE7B,KAAC;wBACC,IAAIC;wBACJ,IAAG;wBACH,IAAG;wBACH,IAAG;wBACH,IAAG;wBACH,eAAc;;0CAEd,IAAC;gCAAK,WAAU;;0CAChB,IAAC;gCAAK,QAAO;gCAAI,WAAU;;;;;;;;AAKrC,EAAC"}

package/lib/components/system-debug-trace/icons/ai-specialist.d.ts

@@ -0,0 +1 @@
+export declare const AiSpecialistSvg: () => import("react").JSX.Element;

package/lib/components/system-debug-trace/icons/ai-specialist.js

@@ -0,0 +1,85 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useId } from "react";
+
+
+
+
+
+const AiSpecialistSvg = ()=>{
+    const gradientId = useId().replaceAll(':', '');
+    const shineGradientId = useId().replaceAll(':', '');
+    const clipPathId = useId().replaceAll(':', '');
+    return(// biome-ignore lint/a11y/noSvgWithoutTitle: This is a SVG icon
+    /*#__PURE__*/ jsxs("svg", {
+        width: "18",
+        height: "18",
+        viewBox: "0 0 18 18",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+            /*#__PURE__*/ jsxs("g", {
+                clipPath: `url(#${clipPathId})`,
+                children: [
+                    /*#__PURE__*/ jsx("path", {
+                        d: "M11.3375 5.16679C11.0855 2.9427 9.16719 1.21452 6.84008 1.21452C4.51294 1.21452 2.59465 2.9427 2.34265 5.16679C2.70008 4.96943 3.11151 4.8581 3.54865 4.8581H3.96008C4.64151 4.8581 5.19436 5.40211 5.19436 6.07263V8.50169C5.19436 9.17222 4.64151 9.71618 3.96008 9.71618H3.54865C3.09865 9.71618 2.67694 9.59731 2.31436 9.39233V9.92117C2.31436 10.9282 3.14494 11.7429 4.16579 11.7429H5.19436C5.19436 11.0724 5.74722 10.5284 6.42865 10.5284H7.25151C7.93294 10.5284 8.48578 11.0724 8.48578 11.7429C8.48578 12.4134 7.93294 12.9575 7.25151 12.9575C6.12008 12.9575 6.32579 12.9575 4.16837 12.96C2.46351 12.96 1.08008 11.6012 1.08008 9.92369V5.66778C1.08008 2.53786 3.65922 0 6.84008 0C10.021 0 12.6001 2.53786 12.6001 5.66778V7.28712C12.6001 8.62819 11.4944 9.71618 10.1315 9.71618H9.72008C9.03867 9.71618 8.48578 9.17222 8.48578 8.50169V6.07263C8.48578 5.40211 9.03867 4.8581 9.72008 4.8581H10.1315C10.5687 4.8581 10.9801 4.96943 11.3375 5.16679ZM3.54865 6.07263C2.86722 6.07263 2.31436 6.61663 2.31436 7.28712C2.31436 7.95766 2.86722 8.50169 3.54865 8.50169H3.96008V6.07263H3.54865ZM11.3658 7.28712C11.3658 6.61663 10.813 6.07263 10.1315 6.07263H9.72008V8.50169H10.1315C10.813 8.50169 11.3658 7.95766 11.3658 7.28712Z",
+                        fill: `url(#${gradientId})`
+                    }),
+                    /*#__PURE__*/ jsx("path", {
+                        d: "M13.5946 10.9743C13.5458 10.8673 13.4389 10.7998 13.3226 10.7998C13.2063 10.7998 13.0993 10.8673 13.0506 10.9743L12.0544 13.131L9.89703 14.1269C9.78824 14.1775 9.7207 14.2845 9.7207 14.4007C9.7207 14.517 9.78824 14.6239 9.89516 14.6727L12.0526 15.6686L13.0487 17.8253C13.0974 17.9323 13.2044 17.9998 13.3207 17.9998C13.437 17.9998 13.544 17.9323 13.5927 17.8253L14.5888 15.6686L16.7462 14.6727C16.8532 14.6239 16.9207 14.517 16.9207 14.4007C16.9207 14.2845 16.8532 14.1775 16.7462 14.1288L14.5888 13.1329L13.5927 10.9761L13.5946 10.9743Z",
+                        fill: `url(#${shineGradientId})`
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxs("defs", {
+                children: [
+                    /*#__PURE__*/ jsxs("linearGradient", {
+                        id: gradientId,
+                        x1: "12.6001",
+                        y1: "6.48",
+                        x2: "1.08008",
+                        y2: "6.48",
+                        gradientUnits: "userSpaceOnUse",
+                        children: [
+                            /*#__PURE__*/ jsx("stop", {
+                                stopColor: "#6E49FF"
+                            }),
+                            /*#__PURE__*/ jsx("stop", {
+                                offset: "1",
+                                stopColor: "#CC3559"
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxs("linearGradient", {
+                        id: shineGradientId,
+                        x1: "9.7207",
+                        y1: "14.3998",
+                        x2: "16.9207",
+                        y2: "14.3998",
+                        gradientUnits: "userSpaceOnUse",
+                        children: [
+                            /*#__PURE__*/ jsx("stop", {
+                                stopColor: "#6E49FF"
+                            }),
+                            /*#__PURE__*/ jsx("stop", {
+                                offset: "1",
+                                stopColor: "#CC3559"
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsx("clipPath", {
+                        id: clipPathId,
+                        children: /*#__PURE__*/ jsx("rect", {
+                            width: "18",
+                            height: "18",
+                            fill: "white"
+                        })
+                    })
+                ]
+            })
+        ]
+    }));
+};
+
+export { AiSpecialistSvg };
+
+//# sourceMappingURL=ai-specialist.js.map

package/lib/components/system-debug-trace/icons/ai-specialist.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/system-debug-trace/icons/ai-specialist.js","sources":["../../../../src/components/system-debug-trace/icons/ai-specialist.tsx"],"sourcesContent":["import { useId } from 'react'\n\nexport const AiSpecialistSvg = () => {\n  const gradientId = useId().replaceAll(':', '')\n  const shineGradientId = useId().replaceAll(':', '')\n  const clipPathId = useId().replaceAll(':', '')\n\n  return (\n    // biome-ignore lint/a11y/noSvgWithoutTitle: This is a SVG icon\n    <svg\n      width='18'\n      height='18'\n      viewBox='0 0 18 18'\n      fill='none'\n      xmlns='http://www.w3.org/2000/svg'\n    >\n      <g clipPath={`url(#${clipPathId})`}>\n        <path\n          d='M11.3375 5.16679C11.0855 2.9427 9.16719 1.21452 6.84008 1.21452C4.51294 1.21452 2.59465 2.9427 2.34265 5.16679C2.70008 4.96943 3.11151 4.8581 3.54865 4.8581H3.96008C4.64151 4.8581 5.19436 5.40211 5.19436 6.07263V8.50169C5.19436 9.17222 4.64151 9.71618 3.96008 9.71618H3.54865C3.09865 9.71618 2.67694 9.59731 2.31436 9.39233V9.92117C2.31436 10.9282 3.14494 11.7429 4.16579 11.7429H5.19436C5.19436 11.0724 5.74722 10.5284 6.42865 10.5284H7.25151C7.93294 10.5284 8.48578 11.0724 8.48578 11.7429C8.48578 12.4134 7.93294 12.9575 7.25151 12.9575C6.12008 12.9575 6.32579 12.9575 4.16837 12.96C2.46351 12.96 1.08008 11.6012 1.08008 9.92369V5.66778C1.08008 2.53786 3.65922 0 6.84008 0C10.021 0 12.6001 2.53786 12.6001 5.66778V7.28712C12.6001 8.62819 11.4944 9.71618 10.1315 9.71618H9.72008C9.03867 9.71618 8.48578 9.17222 8.48578 8.50169V6.07263C8.48578 5.40211 9.03867 4.8581 9.72008 4.8581H10.1315C10.5687 4.8581 10.9801 4.96943 11.3375 5.16679ZM3.54865 6.07263C2.86722 6.07263 2.31436 6.61663 2.31436 7.28712C2.31436 7.95766 2.86722 8.50169 3.54865 8.50169H3.96008V6.07263H3.54865ZM11.3658 7.28712C11.3658 6.61663 10.813 6.07263 10.1315 6.07263H9.72008V8.50169H10.1315C10.813 8.50169 11.3658 7.95766 11.3658 7.28712Z'\n          fill={`url(#${gradientId})`}\n        />\n        <path\n          d='M13.5946 10.9743C13.5458 10.8673 13.4389 10.7998 13.3226 10.7998C13.2063 10.7998 13.0993 10.8673 13.0506 10.9743L12.0544 13.131L9.89703 14.1269C9.78824 14.1775 9.7207 14.2845 9.7207 14.4007C9.7207 14.517 9.78824 14.6239 9.89516 14.6727L12.0526 15.6686L13.0487 17.8253C13.0974 17.9323 13.2044 17.9998 13.3207 17.9998C13.437 17.9998 13.544 17.9323 13.5927 17.8253L14.5888 15.6686L16.7462 14.6727C16.8532 14.6239 16.9207 14.517 16.9207 14.4007C16.9207 14.2845 16.8532 14.1775 16.7462 14.1288L14.5888 13.1329L13.5927 10.9761L13.5946 10.9743Z'\n          fill={`url(#${shineGradientId})`}\n        />\n      </g>\n      <defs>\n        <linearGradient\n          id={gradientId}\n          x1='12.6001'\n          y1='6.48'\n          x2='1.08008'\n          y2='6.48'\n          gradientUnits='userSpaceOnUse'\n        >\n          <stop stopColor='#6E49FF' />\n          <stop offset='1' stopColor='#CC3559' />\n        </linearGradient>\n        <linearGradient\n          id={shineGradientId}\n          x1='9.7207'\n          y1='14.3998'\n          x2='16.9207'\n          y2='14.3998'\n          gradientUnits='userSpaceOnUse'\n        >\n          <stop stopColor='#6E49FF' />\n          <stop offset='1' stopColor='#CC3559' />\n        </linearGradient>\n        <clipPath id={clipPathId}>\n          <rect width='18' height='18' fill='white' />\n        </clipPath>\n      </defs>\n    </svg>\n  )\n}\n"],"names":["useId","AiSpecialistSvg","gradientId","shineGradientId","clipPathId"],"mappings":";;;;;;AAA6B;AAEtB,MAAMC,eAAeA,GAAG;IAC7B,MAAMC,aAAaF,KAAKA,GAAG,UAAU,CAAC,KAAK;IAC3C,MAAMG,kBAAkBH,KAAKA,GAAG,UAAU,CAAC,KAAK;IAChD,MAAMI,aAAaJ,KAAKA,GAAG,UAAU,CAAC,KAAK;IAE3C,OACE,+DAA+D;kBAC/D,KAAC;QACC,OAAM;QACN,QAAO;QACP,SAAQ;QACR,MAAK;QACL,OAAM;;0BAEN,KAAC;gBAAE,UAAU,CAAC,KAAK,EAAEI,WAAW,CAAC,CAAC;;kCAChC,IAAC;wBACC,GAAE;wBACF,MAAM,CAAC,KAAK,EAAEF,WAAW,CAAC,CAAC;;kCAE7B,IAAC;wBACC,GAAE;wBACF,MAAM,CAAC,KAAK,EAAEC,gBAAgB,CAAC,CAAC;;;;0BAGpC,KAAC;;kCACC,KAAC;wBACC,IAAID;wBACJ,IAAG;wBACH,IAAG;wBACH,IAAG;wBACH,IAAG;wBACH,eAAc;;0CAEd,IAAC;gCAAK,WAAU;;0CAChB,IAAC;gCAAK,QAAO;gCAAI,WAAU;;;;kCAE7B,KAAC;wBACC,IAAIC;wBACJ,IAAG;wBACH,IAAG;wBACH,IAAG;wBACH,IAAG;wBACH,eAAc;;0CAEd,IAAC;gCAAK,WAAU;;0CAChB,IAAC;gCAAK,QAAO;gCAAI,WAAU;;;;kCAE7B,IAAC;wBAAS,IAAIC;kCACZ,kBAAC;4BAAK,OAAM;4BAAK,QAAO;4BAAK,MAAK;;;;;;;AAK5C,EAAC"}

package/lib/components/system-debug-trace/icons/arrow-progress.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from '../types.js';
+export declare const ArrowProgressSvg: ({ color }: IconProps) => import("react").JSX.Element;

package/lib/components/system-debug-trace/icons/arrow-progress.js

@@ -0,0 +1,23 @@
+import { jsx } from "react/jsx-runtime";
+import { COLORS } from "../../../constants.js";
+
+
+
+
+
+const ArrowProgressSvg = ({ color = COLORS.N500 })=>{
+    return(// biome-ignore lint/a11y/noSvgWithoutTitle: This is a SVG icon
+    /*#__PURE__*/ jsx("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 640 640",
+        fill: color,
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M294.8 97.8C303.8 94.1 314.1 96.1 321 103L361 143C370.4 152.4 370.4 167.6 361 176.9L321 216.9C314.1 223.8 303.8 225.8 294.8 222.1C285.8 218.4 280 209.7 280 200L280 192L176 192C149.5 192 128 213.5 128 240C128 266.5 149.5 288 176 288L464 288C525.9 288 576 338.1 576 400C576 446.4 547.8 486.1 507.7 503.2C498.4 527.1 475.2 544 448 544C412.7 544 384 515.3 384 480C384 444.7 412.7 416 448 416C466.6 416 483.4 423.9 495 436.6C505.4 427.8 512 414.7 512 400C512 373.5 490.5 352 464 352L176 352C114.1 352 64 301.9 64 240C64 178.1 114.1 128 176 128L280 128L280 120C280 110.3 285.8 101.5 294.8 97.8zM480 96C515.3 96 544 124.7 544 160C544 195.3 515.3 224 480 224C444.7 224 416 195.3 416 160C416 124.7 444.7 96 480 96zM215.4 512C204.3 531.1 183.7 544 160 544C124.7 544 96 515.3 96 480C96 444.7 124.7 416 160 416C183.7 416 204.4 428.9 215.4 448L248 448L248 440C248 430.3 253.8 421.5 262.8 417.8C271.8 414.1 282.1 416.1 289 423L329 463C338.4 472.4 338.4 487.6 329 496.9L289 536.9C282.1 543.8 271.8 545.8 262.8 542.1C253.8 538.4 248 529.7 248 520L248 512L215.4 512z",
+            fill: "currentColor"
+        })
+    }));
+};
+
+export { ArrowProgressSvg };
+
+//# sourceMappingURL=arrow-progress.js.map

package/lib/components/system-debug-trace/icons/arrow-progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/system-debug-trace/icons/arrow-progress.js","sources":["../../../../src/components/system-debug-trace/icons/arrow-progress.tsx"],"sourcesContent":["import { COLORS } from '../../../constants'\nimport type { IconProps } from '../types'\n\nexport const ArrowProgressSvg = ({ color = COLORS.N500 }: IconProps) => {\n  return (\n    // biome-ignore lint/a11y/noSvgWithoutTitle: This is a SVG icon\n    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640' fill={color}>\n      <path\n        d='M294.8 97.8C303.8 94.1 314.1 96.1 321 103L361 143C370.4 152.4 370.4 167.6 361 176.9L321 216.9C314.1 223.8 303.8 225.8 294.8 222.1C285.8 218.4 280 209.7 280 200L280 192L176 192C149.5 192 128 213.5 128 240C128 266.5 149.5 288 176 288L464 288C525.9 288 576 338.1 576 400C576 446.4 547.8 486.1 507.7 503.2C498.4 527.1 475.2 544 448 544C412.7 544 384 515.3 384 480C384 444.7 412.7 416 448 416C466.6 416 483.4 423.9 495 436.6C505.4 427.8 512 414.7 512 400C512 373.5 490.5 352 464 352L176 352C114.1 352 64 301.9 64 240C64 178.1 114.1 128 176 128L280 128L280 120C280 110.3 285.8 101.5 294.8 97.8zM480 96C515.3 96 544 124.7 544 160C544 195.3 515.3 224 480 224C444.7 224 416 195.3 416 160C416 124.7 444.7 96 480 96zM215.4 512C204.3 531.1 183.7 544 160 544C124.7 544 96 515.3 96 480C96 444.7 124.7 416 160 416C183.7 416 204.4 428.9 215.4 448L248 448L248 440C248 430.3 253.8 421.5 262.8 417.8C271.8 414.1 282.1 416.1 289 423L329 463C338.4 472.4 338.4 487.6 329 496.9L289 536.9C282.1 543.8 271.8 545.8 262.8 542.1C253.8 538.4 248 529.7 248 520L248 512L215.4 512z'\n        fill='currentColor'\n      />\n    </svg>\n  )\n}\n"],"names":["COLORS","ArrowProgressSvg","color"],"mappings":";;;;;;AAA2C;AAGpC,MAAMC,gBAAgBA,GAAG,CAAC,EAAEC,QAAQF,WAAW,EAAa;IACjE,OACE,+DAA+D;kBAC/D,IAAC;QAAI,OAAM;QAA6B,SAAQ;QAAc,MAAME;kBAClE,kBAAC;YACC,GAAE;YACF,MAAK;;;AAIb,EAAC"}

package/lib/components/system-debug-trace/icons/brain.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from '../types.js';
+export declare const BrainSvg: ({ color }: IconProps) => import("react").JSX.Element;

package/lib/components/system-debug-trace/icons/brain.js

@@ -0,0 +1,23 @@
+import { jsx } from "react/jsx-runtime";
+import { COLORS } from "../../../constants.js";
+
+
+
+
+
+const BrainSvg = ({ color = COLORS.N500 })=>{
+    return(// biome-ignore lint/a11y/noSvgWithoutTitle: This is a SVG icon
+    /*#__PURE__*/ jsx("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 640 640",
+        fill: color,
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M184 120C184 89.1 209.1 64 240 64L264 64C281.7 64 296 78.3 296 96L296 544C296 561.7 281.7 576 264 576L232 576C202.2 576 177.1 555.6 170 528C169.3 528 168.7 528 168 528C123.8 528 88 492.2 88 448C88 430 94 413.4 104 400C84.6 385.4 72 362.2 72 336C72 305.1 89.6 278.2 115.2 264.9C108.1 252.9 104 238.9 104 224C104 179.8 139.8 144 184 144L184 120zM456 120L456 144C500.2 144 536 179.8 536 224C536 239 531.9 253 524.8 264.9C550.5 278.2 568 305 568 336C568 362.2 555.4 385.4 536 400C546 413.4 552 430 552 448C552 492.2 516.2 528 472 528C471.3 528 470.7 528 470 528C462.9 555.6 437.8 576 408 576L376 576C358.3 576 344 561.7 344 544L344 96C344 78.3 358.3 64 376 64L400 64C430.9 64 456 89.1 456 120z",
+            fill: "currentColor"
+        })
+    }));
+};
+
+export { BrainSvg };
+
+//# sourceMappingURL=brain.js.map

package/lib/components/system-debug-trace/icons/brain.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/system-debug-trace/icons/brain.js","sources":["../../../../src/components/system-debug-trace/icons/brain.tsx"],"sourcesContent":["import { COLORS } from '../../../constants'\nimport type { IconProps } from '../types'\n\nexport const BrainSvg = ({ color = COLORS.N500 }: IconProps) => {\n  return (\n    // biome-ignore lint/a11y/noSvgWithoutTitle: This is a SVG icon\n    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640' fill={color}>\n      <path\n        d='M184 120C184 89.1 209.1 64 240 64L264 64C281.7 64 296 78.3 296 96L296 544C296 561.7 281.7 576 264 576L232 576C202.2 576 177.1 555.6 170 528C169.3 528 168.7 528 168 528C123.8 528 88 492.2 88 448C88 430 94 413.4 104 400C84.6 385.4 72 362.2 72 336C72 305.1 89.6 278.2 115.2 264.9C108.1 252.9 104 238.9 104 224C104 179.8 139.8 144 184 144L184 120zM456 120L456 144C500.2 144 536 179.8 536 224C536 239 531.9 253 524.8 264.9C550.5 278.2 568 305 568 336C568 362.2 555.4 385.4 536 400C546 413.4 552 430 552 448C552 492.2 516.2 528 472 528C471.3 528 470.7 528 470 528C462.9 555.6 437.8 576 408 576L376 576C358.3 576 344 561.7 344 544L344 96C344 78.3 358.3 64 376 64L400 64C430.9 64 456 89.1 456 120z'\n        fill='currentColor'\n      />\n    </svg>\n  )\n}\n"],"names":["COLORS","BrainSvg","color"],"mappings":";;;;;;AAA2C;AAGpC,MAAMC,QAAQA,GAAG,CAAC,EAAEC,QAAQF,WAAW,EAAa;IACzD,OACE,+DAA+D;kBAC/D,IAAC;QAAI,OAAM;QAA6B,SAAQ;QAAc,MAAME;kBAClE,kBAAC;YACC,GAAE;YACF,MAAK;;;AAIb,EAAC"}

package/lib/components/system-debug-trace/icons/caret-down.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from '../types.js';
+export declare const CaretDownSvg: ({ color }: IconProps) => import("react").JSX.Element;

package/lib/components/system-debug-trace/icons/caret-down.js

@@ -0,0 +1,23 @@
+import { jsx } from "react/jsx-runtime";
+import { COLORS } from "../../../constants.js";
+
+
+
+
+
+const CaretDownSvg = ({ color = COLORS.N500 })=>{
+    return(// biome-ignore lint/a11y/noSvgWithoutTitle: This is a SVG icon
+    /*#__PURE__*/ jsx("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 640 640",
+        color: color,
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M300.3 440.8C312.9 451 331.4 450.3 343.1 438.6L471.1 310.6C480.3 301.4 483 287.7 478 275.7C473 263.7 461.4 256 448.5 256L192.5 256C179.6 256 167.9 263.8 162.9 275.8C157.9 287.8 160.7 301.5 169.9 310.6L297.9 438.6L300.3 440.8z",
+            fill: "currentColor"
+        })
+    }));
+};
+
+export { CaretDownSvg };
+
+//# sourceMappingURL=caret-down.js.map

package/lib/components/system-debug-trace/icons/caret-down.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/system-debug-trace/icons/caret-down.js","sources":["../../../../src/components/system-debug-trace/icons/caret-down.tsx"],"sourcesContent":["import { COLORS } from '../../../constants'\nimport type { IconProps } from '../types'\n\nexport const CaretDownSvg = ({ color = COLORS.N500 }: IconProps) => {\n  return (\n    // biome-ignore lint/a11y/noSvgWithoutTitle: This is a SVG icon\n    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640' color={color}>\n      <path\n        d='M300.3 440.8C312.9 451 331.4 450.3 343.1 438.6L471.1 310.6C480.3 301.4 483 287.7 478 275.7C473 263.7 461.4 256 448.5 256L192.5 256C179.6 256 167.9 263.8 162.9 275.8C157.9 287.8 160.7 301.5 169.9 310.6L297.9 438.6L300.3 440.8z'\n        fill='currentColor'\n      />\n    </svg>\n  )\n}\n"],"names":["COLORS","CaretDownSvg","color"],"mappings":";;;;;;AAA2C;AAGpC,MAAMC,YAAYA,GAAG,CAAC,EAAEC,QAAQF,WAAW,EAAa;IAC7D,OACE,+DAA+D;kBAC/D,IAAC;QAAI,OAAM;QAA6B,SAAQ;QAAc,OAAOE;kBACnE,kBAAC;YACC,GAAE;YACF,MAAK;;;AAIb,EAAC"}

package/lib/components/system-debug-trace/icons/caret-up.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from '../types.js';
+export declare const CaretUpSvg: ({ color }: IconProps) => import("react").JSX.Element;

package/lib/components/system-debug-trace/icons/caret-up.js

@@ -0,0 +1,23 @@
+import { jsx } from "react/jsx-runtime";
+import { COLORS } from "../../../constants.js";
+
+
+
+
+
+const CaretUpSvg = ({ color = COLORS.N500 })=>{
+    return(// biome-ignore lint/a11y/noSvgWithoutTitle: This is a SVG icon
+    /*#__PURE__*/ jsx("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 640 640",
+        color: color,
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M300.3 199.2C312.9 188.9 331.4 189.7 343.1 201.4L471.1 329.4C480.3 338.6 483 352.3 478 364.3C473 376.3 461.4 384 448.5 384L192.5 384C179.6 384 167.9 376.2 162.9 364.2C157.9 352.2 160.7 338.5 169.9 329.4L297.9 201.4L300.3 199.2z",
+            fill: "currentColor"
+        })
+    }));
+};
+
+export { CaretUpSvg };
+
+//# sourceMappingURL=caret-up.js.map

package/lib/components/system-debug-trace/icons/caret-up.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/system-debug-trace/icons/caret-up.js","sources":["../../../../src/components/system-debug-trace/icons/caret-up.tsx"],"sourcesContent":["import { COLORS } from '../../../constants'\nimport type { IconProps } from '../types'\n\nexport const CaretUpSvg = ({ color = COLORS.N500 }: IconProps) => {\n  return (\n    // biome-ignore lint/a11y/noSvgWithoutTitle: This is a SVG icon\n    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640' color={color}>\n      <path\n        d='M300.3 199.2C312.9 188.9 331.4 189.7 343.1 201.4L471.1 329.4C480.3 338.6 483 352.3 478 364.3C473 376.3 461.4 384 448.5 384L192.5 384C179.6 384 167.9 376.2 162.9 364.2C157.9 352.2 160.7 338.5 169.9 329.4L297.9 201.4L300.3 199.2z'\n        fill='currentColor'\n      />\n    </svg>\n  )\n}\n"],"names":["COLORS","CaretUpSvg","color"],"mappings":";;;;;;AAA2C;AAGpC,MAAMC,UAAUA,GAAG,CAAC,EAAEC,QAAQF,WAAW,EAAa;IAC3D,OACE,+DAA+D;kBAC/D,IAAC;QAAI,OAAM;QAA6B,SAAQ;QAAc,OAAOE;kBACnE,kBAAC;YACC,GAAE;YACF,MAAK;;;AAIb,EAAC"}

package/lib/components/system-debug-trace/icons/circle-check.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from '../types.js';
+export declare const CircleCheckSvg: ({ color }: IconProps) => import("react").JSX.Element;

package/lib/components/system-debug-trace/icons/circle-check.js

@@ -0,0 +1,22 @@
+import { jsx } from "react/jsx-runtime";
+import { COLORS } from "../../../constants.js";
+
+
+
+
+/** biome-ignore-all lint/a11y/noSvgWithoutTitle: This is a SVG icon */ 
+const CircleCheckSvg = ({ color = COLORS.N500 })=>{
+    return /*#__PURE__*/ jsx("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 640 640",
+        fill: color,
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M320 576C178.6 576 64 461.4 64 320C64 178.6 178.6 64 320 64C461.4 64 576 178.6 576 320C576 461.4 461.4 576 320 576zM320 112C205.1 112 112 205.1 112 320C112 434.9 205.1 528 320 528C434.9 528 528 434.9 528 320C528 205.1 434.9 112 320 112zM390.7 233.9C398.5 223.2 413.5 220.8 424.2 228.6C434.9 236.4 437.3 251.4 429.5 262.1L307.4 430.1C303.3 435.8 296.9 439.4 289.9 439.9C282.9 440.4 276 437.9 271.1 433L215.2 377.1C205.8 367.7 205.8 352.5 215.2 343.2C224.6 333.9 239.8 333.8 249.1 343.2L285.1 379.2L390.7 234z",
+            fill: "currentColor"
+        })
+    });
+};
+
+export { CircleCheckSvg };
+
+//# sourceMappingURL=circle-check.js.map

package/lib/components/system-debug-trace/icons/circle-check.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/system-debug-trace/icons/circle-check.js","sources":["../../../../src/components/system-debug-trace/icons/circle-check.tsx"],"sourcesContent":["/** biome-ignore-all lint/a11y/noSvgWithoutTitle: This is a SVG icon */\nimport { COLORS } from '../../../constants'\nimport type { IconProps } from '../types'\n\nexport const CircleCheckSvg = ({ color = COLORS.N500 }: IconProps) => {\n  return (\n    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640' fill={color}>\n      <path\n        d='M320 576C178.6 576 64 461.4 64 320C64 178.6 178.6 64 320 64C461.4 64 576 178.6 576 320C576 461.4 461.4 576 320 576zM320 112C205.1 112 112 205.1 112 320C112 434.9 205.1 528 320 528C434.9 528 528 434.9 528 320C528 205.1 434.9 112 320 112zM390.7 233.9C398.5 223.2 413.5 220.8 424.2 228.6C434.9 236.4 437.3 251.4 429.5 262.1L307.4 430.1C303.3 435.8 296.9 439.4 289.9 439.9C282.9 440.4 276 437.9 271.1 433L215.2 377.1C205.8 367.7 205.8 352.5 215.2 343.2C224.6 333.9 239.8 333.8 249.1 343.2L285.1 379.2L390.7 234z'\n        fill='currentColor'\n      />\n    </svg>\n  )\n}\n"],"names":["COLORS","CircleCheckSvg","color"],"mappings":";;;;;;AAAA,qEAAqE,GAC1B;AAGpC,MAAMC,cAAcA,GAAG,CAAC,EAAEC,QAAQF,WAAW,EAAa;IAC/D,qBACE,IAAC;QAAI,OAAM;QAA6B,SAAQ;QAAc,MAAME;kBAClE,kBAAC;YACC,GAAE;YACF,MAAK;;;AAIb,EAAC"}

package/lib/components/system-debug-trace/icons/code.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from '../types.js';
+export declare const CodeSvg: ({ color }: IconProps) => import("react").JSX.Element;

package/lib/components/system-debug-trace/icons/code.js

@@ -0,0 +1,22 @@
+import { jsx } from "react/jsx-runtime";
+import { COLORS } from "../../../constants.js";
+
+
+
+
+/** biome-ignore-all lint/a11y/noSvgWithoutTitle: This is a SVG icon */ 
+const CodeSvg = ({ color = COLORS.N500 })=>{
+    return /*#__PURE__*/ jsx("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 640 640",
+        fill: color,
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M392.8 65.2C375.8 60.3 358.1 70.2 353.2 87.2L225.2 535.2C220.3 552.2 230.2 569.9 247.2 574.8C264.2 579.7 281.9 569.8 286.8 552.8L414.8 104.8C419.7 87.8 409.8 70.1 392.8 65.2zM457.4 201.3C444.9 213.8 444.9 234.1 457.4 246.6L530.8 320L457.4 393.4C444.9 405.9 444.9 426.2 457.4 438.7C469.9 451.2 490.2 451.2 502.7 438.7L598.7 342.7C611.2 330.2 611.2 309.9 598.7 297.4L502.7 201.4C490.2 188.9 469.9 188.9 457.4 201.4zM182.7 201.3C170.2 188.8 149.9 188.8 137.4 201.3L41.4 297.3C28.9 309.8 28.9 330.1 41.4 342.6L137.4 438.6C149.9 451.1 170.2 451.1 182.7 438.6C195.2 426.1 195.2 405.8 182.7 393.3L109.3 320L182.6 246.6C195.1 234.1 195.1 213.8 182.6 201.3z",
+            fill: "currentColor"
+        })
+    });
+};
+
+export { CodeSvg };
+
+//# sourceMappingURL=code.js.map

package/lib/components/system-debug-trace/icons/code.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/system-debug-trace/icons/code.js","sources":["../../../../src/components/system-debug-trace/icons/code.tsx"],"sourcesContent":["/** biome-ignore-all lint/a11y/noSvgWithoutTitle: This is a SVG icon */\nimport { COLORS } from '../../../constants'\nimport type { IconProps } from '../types'\n\nexport const CodeSvg = ({ color = COLORS.N500 }: IconProps) => {\n  return (\n    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640' fill={color}>\n      <path\n        d='M392.8 65.2C375.8 60.3 358.1 70.2 353.2 87.2L225.2 535.2C220.3 552.2 230.2 569.9 247.2 574.8C264.2 579.7 281.9 569.8 286.8 552.8L414.8 104.8C419.7 87.8 409.8 70.1 392.8 65.2zM457.4 201.3C444.9 213.8 444.9 234.1 457.4 246.6L530.8 320L457.4 393.4C444.9 405.9 444.9 426.2 457.4 438.7C469.9 451.2 490.2 451.2 502.7 438.7L598.7 342.7C611.2 330.2 611.2 309.9 598.7 297.4L502.7 201.4C490.2 188.9 469.9 188.9 457.4 201.4zM182.7 201.3C170.2 188.8 149.9 188.8 137.4 201.3L41.4 297.3C28.9 309.8 28.9 330.1 41.4 342.6L137.4 438.6C149.9 451.1 170.2 451.1 182.7 438.6C195.2 426.1 195.2 405.8 182.7 393.3L109.3 320L182.6 246.6C195.1 234.1 195.1 213.8 182.6 201.3z'\n        fill='currentColor'\n      />\n    </svg>\n  )\n}\n"],"names":["COLORS","CodeSvg","color"],"mappings":";;;;;;AAAA,qEAAqE,GAC1B;AAGpC,MAAMC,OAAOA,GAAG,CAAC,EAAEC,QAAQF,WAAW,EAAa;IACxD,qBACE,IAAC;QAAI,OAAM;QAA6B,SAAQ;QAAc,MAAME;kBAClE,kBAAC;YACC,GAAE;YACF,MAAK;;;AAIb,EAAC"}

package/lib/components/system-debug-trace/icons/file-pdf.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from '../types.js';
+export declare const FilePdfSvg: ({ color }: IconProps) => import("react").JSX.Element;

package/lib/components/system-debug-trace/icons/file-pdf.js

@@ -0,0 +1,23 @@
+import { jsx } from "react/jsx-runtime";
+import { COLORS } from "../../../constants.js";
+
+
+
+
+
+const FilePdfSvg = ({ color = COLORS.N500 })=>{
+    return(// biome-ignore lint/a11y/noSvgWithoutTitle: This is a SVG icon
+    /*#__PURE__*/ jsx("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 640 640",
+        fill: color,
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M128 64C92.7 64 64 92.7 64 128L64 512C64 547.3 92.7 576 128 576L208 576L208 464C208 428.7 236.7 400 272 400L448 400L448 234.5C448 217.5 441.3 201.2 429.3 189.2L322.7 82.7C310.7 70.7 294.5 64 277.5 64L128 64zM389.5 240L296 240C282.7 240 272 229.3 272 216L272 122.5L389.5 240zM272 444C261 444 252 453 252 464L252 592C252 603 261 612 272 612C283 612 292 603 292 592L292 564L304 564C337.1 564 364 537.1 364 504C364 470.9 337.1 444 304 444L272 444zM304 524L292 524L292 484L304 484C315 484 324 493 324 504C324 515 315 524 304 524zM400 444C389 444 380 453 380 464L380 592C380 603 389 612 400 612L432 612C460.7 612 484 588.7 484 560L484 496C484 467.3 460.7 444 432 444L400 444zM420 572L420 484L432 484C438.6 484 444 489.4 444 496L444 560C444 566.6 438.6 572 432 572L420 572zM508 464L508 592C508 603 517 612 528 612C539 612 548 603 548 592L548 548L576 548C587 548 596 539 596 528C596 517 587 508 576 508L548 508L548 484L576 484C587 484 596 475 596 464C596 453 587 444 576 444L528 444C517 444 508 453 508 464z",
+            fill: "currentColor"
+        })
+    }));
+};
+
+export { FilePdfSvg };
+
+//# sourceMappingURL=file-pdf.js.map

package/lib/components/system-debug-trace/icons/file-pdf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/system-debug-trace/icons/file-pdf.js","sources":["../../../../src/components/system-debug-trace/icons/file-pdf.tsx"],"sourcesContent":["import { COLORS } from '../../../constants'\nimport type { IconProps } from '../types'\n\nexport const FilePdfSvg = ({ color = COLORS.N500 }: IconProps) => {\n  return (\n    // biome-ignore lint/a11y/noSvgWithoutTitle: This is a SVG icon\n    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640' fill={color}>\n      <path\n        d='M128 64C92.7 64 64 92.7 64 128L64 512C64 547.3 92.7 576 128 576L208 576L208 464C208 428.7 236.7 400 272 400L448 400L448 234.5C448 217.5 441.3 201.2 429.3 189.2L322.7 82.7C310.7 70.7 294.5 64 277.5 64L128 64zM389.5 240L296 240C282.7 240 272 229.3 272 216L272 122.5L389.5 240zM272 444C261 444 252 453 252 464L252 592C252 603 261 612 272 612C283 612 292 603 292 592L292 564L304 564C337.1 564 364 537.1 364 504C364 470.9 337.1 444 304 444L272 444zM304 524L292 524L292 484L304 484C315 484 324 493 324 504C324 515 315 524 304 524zM400 444C389 444 380 453 380 464L380 592C380 603 389 612 400 612L432 612C460.7 612 484 588.7 484 560L484 496C484 467.3 460.7 444 432 444L400 444zM420 572L420 484L432 484C438.6 484 444 489.4 444 496L444 560C444 566.6 438.6 572 432 572L420 572zM508 464L508 592C508 603 517 612 528 612C539 612 548 603 548 592L548 548L576 548C587 548 596 539 596 528C596 517 587 508 576 508L548 508L548 484L576 484C587 484 596 475 596 464C596 453 587 444 576 444L528 444C517 444 508 453 508 464z'\n        fill='currentColor'\n      />\n    </svg>\n  )\n}\n"],"names":["COLORS","FilePdfSvg","color"],"mappings":";;;;;;AAA2C;AAGpC,MAAMC,UAAUA,GAAG,CAAC,EAAEC,QAAQF,WAAW,EAAa;IAC3D,OACE,+DAA+D;kBAC/D,IAAC;QAAI,OAAM;QAA6B,SAAQ;QAAc,MAAME;kBAClE,kBAAC;YACC,GAAE;YACF,MAAK;;;AAIb,EAAC"}

package/lib/components/system-debug-trace/icons/file-word.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from '../types.js';
+export declare const FileWordSvg: ({ color }: IconProps) => import("react").JSX.Element;

package/lib/components/system-debug-trace/icons/file-word.js

@@ -0,0 +1,23 @@
+import { jsx } from "react/jsx-runtime";
+import { COLORS } from "../../../constants.js";
+
+
+
+
+
+const FileWordSvg = ({ color = COLORS.N500 })=>{
+    return(// biome-ignore lint/a11y/noSvgWithoutTitle: This is a SVG icon
+    /*#__PURE__*/ jsx("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 640 640",
+        fill: color,
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M128 128C128 92.7 156.7 64 192 64L341.5 64C358.5 64 374.8 70.7 386.8 82.7L493.3 189.3C505.3 201.3 512 217.6 512 234.6L512 512C512 547.3 483.3 576 448 576L192 576C156.7 576 128 547.3 128 512L128 128zM336 122.5L336 216C336 229.3 346.7 240 360 240L453.5 240L336 122.5zM263.4 338.8C260.5 325.9 247.7 317.7 234.8 320.6C221.9 323.5 213.7 336.3 216.6 349.2L248.6 493.2C250.9 503.7 260 511.4 270.8 512C281.6 512.6 291.4 505.9 294.8 495.6L320 419.9L345.2 495.6C348.6 505.8 358.4 512.5 369.2 512C380 511.5 389.1 503.8 391.4 493.2L423.4 349.2C426.3 336.3 418.1 323.4 405.2 320.6C392.3 317.8 379.4 325.9 376.6 338.8L363.4 398.2L342.8 336.4C339.5 326.6 330.4 320 320 320C309.6 320 300.5 326.6 297.2 336.4L276.6 398.2L263.4 338.8z",
+            fill: "currentColor"
+        })
+    }));
+};
+
+export { FileWordSvg };
+
+//# sourceMappingURL=file-word.js.map

package/lib/components/system-debug-trace/icons/file-word.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/system-debug-trace/icons/file-word.js","sources":["../../../../src/components/system-debug-trace/icons/file-word.tsx"],"sourcesContent":["import { COLORS } from '../../../constants'\nimport type { IconProps } from '../types'\n\nexport const FileWordSvg = ({ color = COLORS.N500 }: IconProps) => {\n  return (\n    // biome-ignore lint/a11y/noSvgWithoutTitle: This is a SVG icon\n    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640' fill={color}>\n      <path\n        d='M128 128C128 92.7 156.7 64 192 64L341.5 64C358.5 64 374.8 70.7 386.8 82.7L493.3 189.3C505.3 201.3 512 217.6 512 234.6L512 512C512 547.3 483.3 576 448 576L192 576C156.7 576 128 547.3 128 512L128 128zM336 122.5L336 216C336 229.3 346.7 240 360 240L453.5 240L336 122.5zM263.4 338.8C260.5 325.9 247.7 317.7 234.8 320.6C221.9 323.5 213.7 336.3 216.6 349.2L248.6 493.2C250.9 503.7 260 511.4 270.8 512C281.6 512.6 291.4 505.9 294.8 495.6L320 419.9L345.2 495.6C348.6 505.8 358.4 512.5 369.2 512C380 511.5 389.1 503.8 391.4 493.2L423.4 349.2C426.3 336.3 418.1 323.4 405.2 320.6C392.3 317.8 379.4 325.9 376.6 338.8L363.4 398.2L342.8 336.4C339.5 326.6 330.4 320 320 320C309.6 320 300.5 326.6 297.2 336.4L276.6 398.2L263.4 338.8z'\n        fill='currentColor'\n      />\n    </svg>\n  )\n}\n"],"names":["COLORS","FileWordSvg","color"],"mappings":";;;;;;AAA2C;AAGpC,MAAMC,WAAWA,GAAG,CAAC,EAAEC,QAAQF,WAAW,EAAa;IAC5D,OACE,+DAA+D;kBAC/D,IAAC;QAAI,OAAM;QAA6B,SAAQ;QAAc,MAAME;kBAClE,kBAAC;YACC,GAAE;YACF,MAAK;;;AAIb,EAAC"}

package/lib/components/system-debug-trace/icons/hand.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from '../types.js';
+export declare const HandSvg: ({ color }: IconProps) => import("react").JSX.Element;

package/lib/components/system-debug-trace/icons/hand.js

@@ -0,0 +1,23 @@
+import { jsx } from "react/jsx-runtime";
+import { COLORS } from "../../../constants.js";
+
+
+
+
+
+const HandSvg = ({ color = COLORS.N500 })=>{
+    return(// biome-ignore lint/a11y/noSvgWithoutTitle: This is a SVG icon
+    /*#__PURE__*/ jsx("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 512 512",
+        fill: color,
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M288 32c0-17.7-14.3-32-32-32s-32 14.3-32 32V240c0 8.8-7.2 16-16 16s-16-7.2-16-16V64c0-17.7-14.3-32-32-32s-32 14.3-32 32V336c0 1.5 0 3.1 .1 4.6L67.6 283c-16-15.2-41.3-14.6-56.6 1.4s-14.6 41.3 1.4 56.6L124.8 448c43.1 41.1 100.4 64 160 64H304c97.2 0 176-78.8 176-176V128c0-17.7-14.3-32-32-32s-32 14.3-32 32V240c0 8.8-7.2 16-16 16s-16-7.2-16-16V64c0-17.7-14.3-32-32-32s-32 14.3-32 32V240c0 8.8-7.2 16-16 16s-16-7.2-16-16V32z",
+            fill: "currentColor"
+        })
+    }));
+};
+
+export { HandSvg };
+
+//# sourceMappingURL=hand.js.map

package/lib/components/system-debug-trace/icons/hand.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/system-debug-trace/icons/hand.js","sources":["../../../../src/components/system-debug-trace/icons/hand.tsx"],"sourcesContent":["import { COLORS } from '../../../constants'\nimport type { IconProps } from '../types'\n\nexport const HandSvg = ({ color = COLORS.N500 }: IconProps) => {\n  return (\n    // biome-ignore lint/a11y/noSvgWithoutTitle: This is a SVG icon\n    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill={color}>\n      <path\n        d='M288 32c0-17.7-14.3-32-32-32s-32 14.3-32 32V240c0 8.8-7.2 16-16 16s-16-7.2-16-16V64c0-17.7-14.3-32-32-32s-32 14.3-32 32V336c0 1.5 0 3.1 .1 4.6L67.6 283c-16-15.2-41.3-14.6-56.6 1.4s-14.6 41.3 1.4 56.6L124.8 448c43.1 41.1 100.4 64 160 64H304c97.2 0 176-78.8 176-176V128c0-17.7-14.3-32-32-32s-32 14.3-32 32V240c0 8.8-7.2 16-16 16s-16-7.2-16-16V64c0-17.7-14.3-32-32-32s-32 14.3-32 32V240c0 8.8-7.2 16-16 16s-16-7.2-16-16V32z'\n        fill='currentColor'\n      />\n    </svg>\n  )\n}\n"],"names":["COLORS","HandSvg","color"],"mappings":";;;;;;AAA2C;AAGpC,MAAMC,OAAOA,GAAG,CAAC,EAAEC,QAAQF,WAAW,EAAa;IACxD,OACE,+DAA+D;kBAC/D,IAAC;QAAI,OAAM;QAA6B,SAAQ;QAAc,MAAME;kBAClE,kBAAC;YACC,GAAE;YACF,MAAK;;;AAIb,EAAC"}

package/lib/components/system-debug-trace/icons/head-set.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from '../types.js';
+export declare const HeadSetSvg: ({ color }: IconProps) => import("react").JSX.Element;

package/lib/components/system-debug-trace/icons/head-set.js

@@ -0,0 +1,23 @@
+import { jsx } from "react/jsx-runtime";
+import { COLORS } from "../../../constants.js";
+
+
+
+
+
+const HeadSetSvg = ({ color = COLORS.N500 })=>{
+    return(// biome-ignore lint/a11y/noSvgWithoutTitle: This is a SVG icon
+    /*#__PURE__*/ jsx("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 640 640",
+        fill: color,
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M320 128C241 128 175.3 185.3 162.3 260.7C171.6 257.7 181.6 256 192 256L208 256C234.5 256 256 277.5 256 304L256 400C256 426.5 234.5 448 208 448L192 448C139 448 96 405 96 352L96 288C96 164.3 196.3 64 320 64C443.7 64 544 164.3 544 288L544 456.1C544 522.4 490.2 576.1 423.9 576.1L336 576L304 576C277.5 576 256 554.5 256 528C256 501.5 277.5 480 304 480L336 480C362.5 480 384 501.5 384 528L384 528L424 528C463.8 528 496 495.8 496 456L496 435.1C481.9 443.3 465.5 447.9 448 447.9L432 447.9C405.5 447.9 384 426.4 384 399.9L384 303.9C384 277.4 405.5 255.9 432 255.9L448 255.9C458.4 255.9 468.3 257.5 477.7 260.6C464.7 185.3 399.1 127.9 320 127.9z",
+            fill: "currentColor"
+        })
+    }));
+};
+
+export { HeadSetSvg };
+
+//# sourceMappingURL=head-set.js.map

package/lib/components/system-debug-trace/icons/head-set.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/system-debug-trace/icons/head-set.js","sources":["../../../../src/components/system-debug-trace/icons/head-set.tsx"],"sourcesContent":["import { COLORS } from '../../../constants'\nimport type { IconProps } from '../types'\n\nexport const HeadSetSvg = ({ color = COLORS.N500 }: IconProps) => {\n  return (\n    // biome-ignore lint/a11y/noSvgWithoutTitle: This is a SVG icon\n    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640' fill={color}>\n      <path\n        d='M320 128C241 128 175.3 185.3 162.3 260.7C171.6 257.7 181.6 256 192 256L208 256C234.5 256 256 277.5 256 304L256 400C256 426.5 234.5 448 208 448L192 448C139 448 96 405 96 352L96 288C96 164.3 196.3 64 320 64C443.7 64 544 164.3 544 288L544 456.1C544 522.4 490.2 576.1 423.9 576.1L336 576L304 576C277.5 576 256 554.5 256 528C256 501.5 277.5 480 304 480L336 480C362.5 480 384 501.5 384 528L384 528L424 528C463.8 528 496 495.8 496 456L496 435.1C481.9 443.3 465.5 447.9 448 447.9L432 447.9C405.5 447.9 384 426.4 384 399.9L384 303.9C384 277.4 405.5 255.9 432 255.9L448 255.9C458.4 255.9 468.3 257.5 477.7 260.6C464.7 185.3 399.1 127.9 320 127.9z'\n        fill='currentColor'\n      />\n    </svg>\n  )\n}\n"],"names":["COLORS","HeadSetSvg","color"],"mappings":";;;;;;AAA2C;AAGpC,MAAMC,UAAUA,GAAG,CAAC,EAAEC,QAAQF,WAAW,EAAa;IAC3D,OACE,+DAA+D;kBAC/D,IAAC;QAAI,OAAM;QAA6B,SAAQ;QAAc,MAAME;kBAClE,kBAAC;YACC,GAAE;YACF,MAAK;;;AAIb,EAAC"}

package/lib/components/system-debug-trace/icons/index.d.ts

@@ -0,0 +1,16 @@
+export * from './ai-router.js';
+export * from './ai-specialist.js';
+export * from './brain.js';
+export * from './caret-down.js';
+export * from './caret-up.js';
+export * from './circle-check.js';
+export * from './file-pdf.js';
+export * from './file-word.js';
+export * from './hand.js';
+export * from './head-set.js';
+export * from './life-ring.js';
+export * from './link.js';
+export * from './quote-right.js';
+export * from './screwdriver-wrench.js';
+export * from './split.js';
+export * from './wand.js';

package/lib/components/system-debug-trace/icons/index.js

@@ -0,0 +1,35 @@
+export * from "./ai-router.js";
+export * from "./ai-specialist.js";
+export * from "./brain.js";
+export * from "./caret-down.js";
+export * from "./caret-up.js";
+export * from "./circle-check.js";
+export * from "./file-pdf.js";
+export * from "./file-word.js";
+export * from "./hand.js";
+export * from "./head-set.js";
+export * from "./life-ring.js";
+export * from "./link.js";
+export * from "./quote-right.js";
+export * from "./screwdriver-wrench.js";
+export * from "./split.js";
+export * from "./wand.js";
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+//# sourceMappingURL=index.js.map