chordia-ui 3.3.8 → 3.3.9

package/dist/SmallButton.es.js

@@ -1,7 +1,7 @@
 import { jsxs as p, jsx as r } from "react/jsx-runtime";
 import "react";
 import "lucide-react";
-import { T as S, c as C, a as k } from "./Tooltip.es.js";
+import { T as S, a as C, b as k } from "./Tooltip.es.js";
 function E({
   level: n = 1,
   label: d = "dev",
@@ -15,7 +15,7 @@ function E({
     { dots: "●●●○○", text: "Notable", level: 3 },
     { dots: "●●●●○", text: "Atypical", level: 4 },
     { dots: "●●●●●", text: "Highly atypical — very uncommon", level: 5 }
-  ], l = s.find((t) => t.level === n), b = /* @__PURE__ */ p("div", { style: { minWidth: "260px" }, children: [
+  ], l = s.find((t) => t.level === n), v = /* @__PURE__ */ p("div", { style: { minWidth: "260px" }, children: [
     /* @__PURE__ */ r("div", { style: { fontWeight: 650, marginBottom: "6px", fontSize: "12px" }, children: "Deviation from the norm" }),
     /* @__PURE__ */ r(
       "div",
@@ -127,8 +127,8 @@ function E({
                 gap: "3px",
                 alignItems: "center"
               },
-              children: Array.from({ length: 5 }).map((t, v) => {
-                const c = v < n;
+              children: Array.from({ length: 5 }).map((t, b) => {
+                const c = b < n;
                 return /* @__PURE__ */ r(
                   "div",
                   {
@@ -142,7 +142,7 @@ function E({
                       opacity: c ? 0.75 : 0.5
                     }
                   },
-                  v
+                  b
                 );
               })
             }
@@ -156,7 +156,7 @@ function E({
         style: { maxWidth: 300, padding: 16 },
         side: "bottom",
         sideOffset: 8,
-        children: b
+        children: v
       }
     )
   ] });
@@ -170,9 +170,9 @@ function T({
   onClick: g,
   style: s,
   className: l,
-  children: b,
+  children: v,
   borderRadius: t,
-  ...v
+  ...b
 }) {
   const c = o || !!g, m = {
     default: {
@@ -228,7 +228,7 @@ function T({
       onMouseLeave: (u) => {
         c && (a ? (u.currentTarget.style.background = "var(--hover-warm-subtle, rgba(200,170,120,0.06))", u.currentTarget.style.borderColor = "var(--border-hover)") : (u.currentTarget.style.background = x.background, u.currentTarget.style.borderColor = x.border.replace("1px solid ", "")));
       },
-      ...v,
+      ...b,
       children: [
         e && /* @__PURE__ */ r(
           "div",
@@ -243,7 +243,7 @@ function T({
             }
           }
         ),
-        b
+        v
       ]
     }
   );
@@ -354,7 +354,7 @@ function F({
       fontSize: "var(--text-sm)",
       padding: "6px 14px"
     }
-  }, b = {
+  }, v = {
     borderRadius: "var(--radius)",
     transition: "var(--transition-fast)",
     cursor: o ? "not-allowed" : "pointer",
@@ -368,7 +368,7 @@ function F({
     userSelect: "none"
   }, t = (i) => {
     o || (e === "secondary" || e === "ghost" ? i.currentTarget.style.backgroundColor = "#ECEEF2" : e === "danger" && (i.currentTarget.style.opacity = "0.85"));
-  }, v = (i) => {
+  }, b = (i) => {
     o || (e === "secondary" || e === "ghost" ? i.currentTarget.style.backgroundColor = "transparent" : e === "danger" && (i.currentTarget.style.opacity = "1"));
   }, c = s[e] || s.secondary, m = l[a] || l.md, { style: h, ...x } = g;
   return /* @__PURE__ */ r(
@@ -376,9 +376,9 @@ function F({
     {
       onClick: o ? void 0 : d,
       onMouseEnter: t,
-      onMouseLeave: v,
+      onMouseLeave: b,
       style: {
-        ...b,
+        ...v,
         ...c,
         ...m,
         ...h
@@ -391,9 +391,9 @@ function F({
 }
 export {
   T as C,
-  I as D,
+  E as D,
   F as S,
   $ as T,
-  E as a
+  I as a
 };
 //# sourceMappingURL=SmallButton.es.js.map

package/dist/SmallButton.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"SmallButton.es.js","sources":["../src/components/primitives/DeviationIndicator.jsx","../src/components/primitives/Card.jsx","../src/components/primitives/DetailCard.jsx","../src/components/primitives/Tag.jsx","../src/components/primitives/SmallButton.jsx"],"sourcesContent":["\"use client\";\n\nimport React from \"react\";\nimport { ArrowUp, ArrowDown } from \"lucide-react\";\nimport { Tooltip, TooltipTrigger, TooltipContent } from \"./Tooltip\";\n\n/**\n * DeviationIndicator Component\n * Shows deviation level with dots and direction arrow\n * Displays a tooltip on hover with deviation scale information\n */\nexport default function DeviationIndicator({\n  level = 1,\n  label = \"dev\",\n  color = \"rgba(30, 33, 37, 0.65)\",\n  showLabel = false,\n  direction,\n}) {\n  const totalDots = 5;\n\n  // Define the level descriptions\n  const levelDescriptions = [\n    { dots: \"●○○○○\", text: \"Expected — very typical\", level: 1 },\n    { dots: \"●●○○○\", text: \"Typical\", level: 2 },\n    { dots: \"●●●○○\", text: \"Notable\", level: 3 },\n    { dots: \"●●●●○\", text: \"Atypical\", level: 4 },\n    { dots: \"●●●●●\", text: \"Highly atypical — very uncommon\", level: 5 },\n  ];\n\n  // Find the current level description\n  const currentDescription = levelDescriptions.find((desc) => desc.level === level);\n\n  const tooltipContent = (\n    <div style={{ minWidth: \"260px\" }}>\n      <div style={{ fontWeight: 650, marginBottom: \"6px\", fontSize: \"12px\" }}>\n        Deviation from the norm\n      </div>\n      <div\n        style={{\n          fontSize: \"11.5px\",\n          lineHeight: 1.5,\n          marginBottom: \"8px\",\n          opacity: 0.9,\n        }}\n      >\n        Highlights how common or uncommon this behavior is relative to similar calls.\n      </div>\n\n      {/* Current level highlighted first with direction */}\n      {currentDescription && (\n        <div\n          style={{\n            fontSize: \"11px\",\n            lineHeight: 1.7,\n            fontFamily: \"ui-monospace, monospace\",\n            marginBottom: \"10px\",\n            padding: \"6px 8px\",\n            background: \"rgba(255, 255, 255, 0.12)\",\n            borderRadius: \"6px\",\n            fontWeight: 600,\n          }}\n        >\n          <div style={{ display: \"flex\", alignItems: \"center\", gap: \"6px\" }}>\n          {/* direction indicator removed per design: do not show up/down arrows */}\n            <span>\n              {currentDescription.dots} {currentDescription.text}\n            </span>\n          </div>\n        {/* Keep the descriptive text but hide visual arrows */}\n        {direction && (\n          <div style={{ fontSize: \"10px\", marginTop: \"4px\", opacity: 0.8 }}>\n            {direction === \"up\" ? \"Positive deviation\" : \"Negative deviation\"}\n          </div>\n        )}\n        </div>\n      )}\n\n      {/* All levels for reference */}\n      <div\n        style={{\n          fontSize: \"10.5px\",\n          lineHeight: 1.7,\n          fontFamily: \"ui-monospace, monospace\",\n          opacity: 0.75,\n        }}\n      >\n        <div\n          style={{\n            fontSize: \"10px\",\n            marginBottom: \"4px\",\n            opacity: 0.7,\n            textTransform: \"uppercase\",\n            letterSpacing: \"0.05em\",\n          }}\n        >\n          Full scale:\n        </div>\n        {levelDescriptions\n          .slice()\n          .reverse()\n          .map((desc) => (\n            <div\n              key={desc.level}\n              style={{\n                opacity: desc.level === level ? 0.5 : 0.7,\n                fontSize: desc.level === level ? \"10px\" : \"10.5px\",\n              }}\n            >\n              {desc.dots} {desc.text}\n            </div>\n          ))}\n      </div>\n    </div>\n  );\n\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <div\n          style={{\n            display: \"flex\",\n            alignItems: \"center\",\n            gap: \"6px\",\n            cursor: \"help\",\n          }}\n        >\n        {showLabel && (\n          <div\n            style={{\n              fontSize: \"10px\",\n              color: color,\n              fontWeight: 650,\n              letterSpacing: \"0.02em\",\n              textTransform: \"uppercase\",\n              opacity: 0.75,\n            }}\n          >\n            {label}\n          </div>\n        )}\n        {/* arrow glyph next to dots intentionally removed */}\n        <div\n          style={{\n            display: \"flex\",\n            gap: \"3px\",\n            alignItems: \"center\",\n          }}\n        >\n          {Array.from({ length: totalDots }).map((_, index) => {\n            const isFilled = index < level;\n            return (\n              <div\n                key={index}\n                style={{\n                  width: \"6px\",\n                  height: \"6px\",\n                  borderRadius: \"50%\",\n                  background: isFilled ? color : `${color}15`,\n                  border: isFilled ? \"none\" : `1px solid ${color}40`,\n                  transition: \"all 0.2s ease\",\n                  opacity: isFilled ? 0.75 : 0.5,\n                }}\n              />\n            );\n          })}\n        </div>\n      </div>\n      </TooltipTrigger>\n      <TooltipContent\n        style={{ maxWidth: 300, padding: 16 }}\n        side=\"bottom\"\n        sideOffset={8}\n      >\n        {tooltipContent}\n      </TooltipContent>\n    </Tooltip>\n  );\n}\n","\"use client\";\n\nimport React from 'react';\n\n/**\n * Card — generic container primitive for the Chordia design system.\n *\n * Provides consistent surface styling (background, border, radius, shadow)\n * with optional left rail, hover/active states, and padding variants.\n *\n * @param {object} props\n * @param {'default'|'elevated'|'secondary'|'ghost'} [props.variant='default']\n *   - `default` — standard card (`--paper`, `--border`, subtle shadow)\n *   - `elevated` — raised card (`--paper-elevated`, stronger shadow)\n *   - `secondary` — subdued card (`--paper-secondary`, no shadow)\n *   - `ghost` — no background/border/shadow, just a wrapper\n * @param {'sm'|'md'|'lg'|'none'} [props.padding='md']\n *   - `sm` = 8px, `md` = 14px, `lg` = 20px, `none` = 0\n * @param {string} [props.railColor] — optional left rail accent color (CSS value or token)\n * @param {boolean} [props.interactive=false] — enables hover/active states\n * @param {boolean} [props.isActive=false] — persistent active/selected state\n * @param {function} [props.onClick] — click handler (auto-enables interactive)\n * @param {object} [props.style] — additional inline styles (merged, not overridden)\n * @param {string} [props.className] — additional class names\n * @param {React.ReactNode} [props.children]\n */\nexport default function Card({\n  variant = 'default',\n  padding = 'md',\n  railColor,\n  interactive = false,\n  isActive = false,\n  onClick,\n  style,\n  className,\n  children,\n  borderRadius,\n  ...rest\n}) {\n  const isInteractive = interactive || !!onClick;\n\n  const variants = {\n    default: {\n      background: 'var(--paper)',\n      border: '1px solid var(--border)',\n      boxShadow: '0 1px 3px var(--shadow)',\n    },\n    elevated: {\n      background: 'var(--paper-elevated)',\n      border: '1px solid var(--border)',\n      boxShadow: '0 2px 6px var(--shadow)',\n    },\n    secondary: {\n      background: 'var(--paper-secondary)',\n      border: '1px solid var(--border-subtle)',\n      boxShadow: 'none',\n    },\n    ghost: {\n      background: 'transparent',\n      border: 'none',\n      boxShadow: 'none',\n    },\n  };\n\n  const paddings = {\n    none: 0,\n    sm: 8,\n    md: 14,\n    lg: 20,\n  };\n\n  const v = variants[variant] || variants.default;\n  const pad = paddings[padding] ?? paddings.md;\n\n  const baseStyle = {\n    position: 'relative',\n    borderRadius: borderRadius ? borderRadius : 'var(--radius-md, 6px)',\n    overflow: 'auto',\n    padding: railColor ? `${pad}px ${pad}px ${pad}px ${pad + 10}px` : pad,\n    transition: 'background 0.15s, border-color 0.15s, box-shadow 0.15s',\n    ...v,\n    ...(isInteractive && {\n      cursor: 'pointer',\n    }),\n    ...(isActive && {\n      background: 'var(--hover-warm-subtle, rgba(200,170,120,0.06))',\n      borderColor: 'var(--border-hover)',\n    }),\n    ...style,\n  };\n\n  const combinedClassName = ['custom-thin-scrollbar-library', className]\n    .filter(Boolean)\n    .join(' '); \n\n  const handleMouseEnter = (e) => {\n    if (!isInteractive || isActive) return;\n    e.currentTarget.style.background = 'var(--hover-warm-subtle, rgba(200,170,120,0.06))';\n    e.currentTarget.style.borderColor = 'var(--border-hover)';\n  };\n\n  const handleMouseLeave = (e) => {\n    if (!isInteractive) return;\n    if (isActive) {\n      e.currentTarget.style.background = 'var(--hover-warm-subtle, rgba(200,170,120,0.06))';\n      e.currentTarget.style.borderColor = 'var(--border-hover)';\n    } else {\n      e.currentTarget.style.background = v.background;\n      e.currentTarget.style.borderColor = v.border.replace('1px solid ', '');\n    }\n  };\n\n  return (\n    <div\n      style={baseStyle}\n      className={combinedClassName}\n      onClick={onClick}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      {...rest}\n    >\n      {railColor && (\n        <div\n          style={{\n            position: 'absolute',\n            left: 0,\n            top: 0,\n            bottom: 0,\n            width: 4,\n            background: railColor,\n          }}\n        />\n      )}\n      {children}\n    </div>\n  );\n}\n","import React from 'react';\nimport CardBase from './Card.jsx';\n\nexport default function DetailCard({ title, children, borderRadius }) {\n  return (\n    <CardBase variant=\"elevated\" padding=\"sm\" borderRadius={borderRadius}>\n      <div style={{ fontSize: 11, fontWeight: 600, color: 'var(--text-strong)', textTransform: 'uppercase', letterSpacing: '0.04em', marginBottom: 8, marginTop: 4 }}>\n        {title}\n      </div>\n      {children}\n    </CardBase>\n  );\n}","\"use client\";\n\nexport default function Tag({ children, variant = 'default', size = 'md', ...props }) {\n  const variantStyles = {\n    default: {\n      color: 'var(--text-muted)',\n      backgroundColor: 'var(--hover-warm)',\n      borderColor: 'var(--border)'\n    },\n    policy: {\n      color: 'var(--rail-compliance)',\n      backgroundColor: 'rgba(201,138,90,0.1)',\n      borderColor: 'rgba(201,138,90,0.25)'\n    },\n    tool: {\n      color: 'var(--rail-discovery)',\n      backgroundColor: 'rgba(94,136,176,0.1)',\n      borderColor: 'rgba(94,136,176,0.25)'\n    },\n    global: {\n      color: 'var(--rail-tone)',\n      backgroundColor: 'rgba(155,122,168,0.1)',\n      borderColor: 'rgba(155,122,168,0.25)'\n    },\n    phase: {\n      color: 'var(--rail-outcome)',\n      backgroundColor: 'rgba(107,124,147,0.1)',\n      borderColor: 'rgba(107,124,147,0.25)'\n    }\n  };\n\n  const sizeStyles = {\n    sm: {\n      fontSize: 'var(--text-xs)',\n      padding: '1px 6px'\n    },\n    md: {\n      fontSize: 'var(--text-sm)',\n      padding: '2px 8px'\n    }\n  };\n\n  const currentVariant = variantStyles[variant] || variantStyles.default;\n  const currentSize = sizeStyles[size] || sizeStyles.md;\n\n  return (\n    <span\n      style={{\n        display: 'inline-flex',\n        alignItems: 'center',\n        borderRadius: 'var(--radius-sm)',\n        border: `1px solid ${currentVariant.borderColor}`,\n        ...currentVariant,\n        ...currentSize,\n        ...props.style\n      }}\n      {...props}\n    >\n      {children}\n    </span>\n  );\n}","\"use client\";\n\nexport default function SmallButton({ \n  children, \n  onClick, \n  variant = 'secondary', \n  disabled = false, \n  size = 'md',\n  ...props \n}) {\n  const variantStyles = {\n    primary: {\n      backgroundColor: 'var(--Base-Strong, #0B0B0B)',\n      color: 'white',\n      border: 'none',\n      fontSize: '16px',\n      fontWeight: 600,\n    },\n    secondary: {\n      backgroundColor: 'transparent',\n      border: '1px solid var(--border)',\n      color: 'var(--text-base)',\n      fontSize: '16px',\n      fontWeight: 600,\n    },\n    ghost: {\n      backgroundColor: 'transparent',\n      border: 'none',\n      color: 'var(--text-muted)',\n      fontSize: '16px',\n      fontWeight: 600,\n    },\n    danger: {\n      backgroundColor: 'var(--rail-signal-churn)',\n      color: 'white',\n      border: 'none',\n      fontSize: '16px',\n      fontWeight: 600,\n    }\n  };\n\n  const sizeStyles = {\n    sm: {\n      fontSize: 'var(--text-xs)',\n      padding: '4px 10px'\n    },\n    md: {\n      fontSize: 'var(--text-sm)',\n      padding: '6px 14px'\n    }\n  };\n\n  const baseStyle = {\n    borderRadius: 'var(--radius)',\n    transition: 'var(--transition-fast)',\n    cursor: disabled ? 'not-allowed' : 'pointer',\n    opacity: disabled ? 0.5 : 1,\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    fontFamily: 'var(--font-sans)',\n    fontWeight: 'var(--font-medium)',\n    textDecoration: 'none',\n    userSelect: 'none'\n  };\n\n  const handleMouseEnter = (e) => {\n    if (disabled) return;\n    if (variant === 'secondary' || variant === 'ghost') {\n      e.currentTarget.style.backgroundColor = '#ECEEF2';\n    } else if (variant === 'danger') {\n      e.currentTarget.style.opacity = '0.85';\n    }\n  };\n\n  const handleMouseLeave = (e) => {\n    if (disabled) return;\n    if (variant === 'secondary' || variant === 'ghost') {\n      e.currentTarget.style.backgroundColor = 'transparent';\n    } else if (variant === 'danger') {\n      e.currentTarget.style.opacity = '1';\n    }\n  };\n\n  const currentVariant = variantStyles[variant] || variantStyles.secondary;\n  const currentSize = sizeStyles[size] || sizeStyles.md;\n\n  const { style: propStyle, ...restProps } = props;\n\n  return (\n    <button\n      onClick={disabled ? undefined : onClick}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      style={{\n        ...baseStyle,\n        ...currentVariant,\n        ...currentSize,\n        ...propStyle\n      }}\n      disabled={disabled}\n      {...restProps}\n    >\n      {children}\n    </button>\n  );\n}"],"names":["DeviationIndicator","level","label","color","showLabel","direction","levelDescriptions","currentDescription","desc","tooltipContent","jsxs","jsx","Tooltip","TooltipTrigger","_","index","isFilled","TooltipContent","Card","variant","padding","railColor","interactive","isActive","onClick","style","className","children","borderRadius","rest","isInteractive","variants","paddings","v","pad","baseStyle","combinedClassName","e","DetailCard","title","CardBase","Tag","size","props","variantStyles","sizeStyles","currentVariant","currentSize","SmallButton","disabled","handleMouseEnter","handleMouseLeave","propStyle","restProps"],"mappings":"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"}
+{"version":3,"file":"SmallButton.es.js","sources":["../src/components/primitives/DeviationIndicator.jsx","../src/components/primitives/Card.jsx","../src/components/primitives/DetailCard.jsx","../src/components/primitives/Tag.jsx","../src/components/primitives/SmallButton.jsx"],"sourcesContent":["\"use client\";\n\nimport React from \"react\";\nimport { ArrowUp, ArrowDown } from \"lucide-react\";\nimport { Tooltip, TooltipTrigger, TooltipContent } from \"./Tooltip\";\n\n/**\n * DeviationIndicator Component\n * Shows deviation level with dots and direction arrow\n * Displays a tooltip on hover with deviation scale information\n */\nexport default function DeviationIndicator({\n  level = 1,\n  label = \"dev\",\n  color = \"rgba(30, 33, 37, 0.65)\",\n  showLabel = false,\n  direction,\n}) {\n  const totalDots = 5;\n\n  // Define the level descriptions\n  const levelDescriptions = [\n    { dots: \"●○○○○\", text: \"Expected — very typical\", level: 1 },\n    { dots: \"●●○○○\", text: \"Typical\", level: 2 },\n    { dots: \"●●●○○\", text: \"Notable\", level: 3 },\n    { dots: \"●●●●○\", text: \"Atypical\", level: 4 },\n    { dots: \"●●●●●\", text: \"Highly atypical — very uncommon\", level: 5 },\n  ];\n\n  // Find the current level description\n  const currentDescription = levelDescriptions.find((desc) => desc.level === level);\n\n  const tooltipContent = (\n    <div style={{ minWidth: \"260px\" }}>\n      <div style={{ fontWeight: 650, marginBottom: \"6px\", fontSize: \"12px\" }}>\n        Deviation from the norm\n      </div>\n      <div\n        style={{\n          fontSize: \"11.5px\",\n          lineHeight: 1.5,\n          marginBottom: \"8px\",\n          opacity: 0.9,\n        }}\n      >\n        Highlights how common or uncommon this behavior is relative to similar calls.\n      </div>\n\n      {/* Current level highlighted first with direction */}\n      {currentDescription && (\n        <div\n          style={{\n            fontSize: \"11px\",\n            lineHeight: 1.7,\n            fontFamily: \"ui-monospace, monospace\",\n            marginBottom: \"10px\",\n            padding: \"6px 8px\",\n            background: \"rgba(255, 255, 255, 0.12)\",\n            borderRadius: \"6px\",\n            fontWeight: 600,\n          }}\n        >\n          <div style={{ display: \"flex\", alignItems: \"center\", gap: \"6px\" }}>\n          {/* direction indicator removed per design: do not show up/down arrows */}\n            <span>\n              {currentDescription.dots} {currentDescription.text}\n            </span>\n          </div>\n        {/* Keep the descriptive text but hide visual arrows */}\n        {direction && (\n          <div style={{ fontSize: \"10px\", marginTop: \"4px\", opacity: 0.8 }}>\n            {direction === \"up\" ? \"Positive deviation\" : \"Negative deviation\"}\n          </div>\n        )}\n        </div>\n      )}\n\n      {/* All levels for reference */}\n      <div\n        style={{\n          fontSize: \"10.5px\",\n          lineHeight: 1.7,\n          fontFamily: \"ui-monospace, monospace\",\n          opacity: 0.75,\n        }}\n      >\n        <div\n          style={{\n            fontSize: \"10px\",\n            marginBottom: \"4px\",\n            opacity: 0.7,\n            textTransform: \"uppercase\",\n            letterSpacing: \"0.05em\",\n          }}\n        >\n          Full scale:\n        </div>\n        {levelDescriptions\n          .slice()\n          .reverse()\n          .map((desc) => (\n            <div\n              key={desc.level}\n              style={{\n                opacity: desc.level === level ? 0.5 : 0.7,\n                fontSize: desc.level === level ? \"10px\" : \"10.5px\",\n              }}\n            >\n              {desc.dots} {desc.text}\n            </div>\n          ))}\n      </div>\n    </div>\n  );\n\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <div\n          style={{\n            display: \"flex\",\n            alignItems: \"center\",\n            gap: \"6px\",\n            cursor: \"help\",\n          }}\n        >\n        {showLabel && (\n          <div\n            style={{\n              fontSize: \"10px\",\n              color: color,\n              fontWeight: 650,\n              letterSpacing: \"0.02em\",\n              textTransform: \"uppercase\",\n              opacity: 0.75,\n            }}\n          >\n            {label}\n          </div>\n        )}\n        {/* arrow glyph next to dots intentionally removed */}\n        <div\n          style={{\n            display: \"flex\",\n            gap: \"3px\",\n            alignItems: \"center\",\n          }}\n        >\n          {Array.from({ length: totalDots }).map((_, index) => {\n            const isFilled = index < level;\n            return (\n              <div\n                key={index}\n                style={{\n                  width: \"6px\",\n                  height: \"6px\",\n                  borderRadius: \"50%\",\n                  background: isFilled ? color : `${color}15`,\n                  border: isFilled ? \"none\" : `1px solid ${color}40`,\n                  transition: \"all 0.2s ease\",\n                  opacity: isFilled ? 0.75 : 0.5,\n                }}\n              />\n            );\n          })}\n        </div>\n      </div>\n      </TooltipTrigger>\n      <TooltipContent\n        style={{ maxWidth: 300, padding: 16 }}\n        side=\"bottom\"\n        sideOffset={8}\n      >\n        {tooltipContent}\n      </TooltipContent>\n    </Tooltip>\n  );\n}\n","\"use client\";\n\nimport React from 'react';\n\n/**\n * Card — generic container primitive for the Chordia design system.\n *\n * Provides consistent surface styling (background, border, radius, shadow)\n * with optional left rail, hover/active states, and padding variants.\n *\n * @param {object} props\n * @param {'default'|'elevated'|'secondary'|'ghost'} [props.variant='default']\n *   - `default` — standard card (`--paper`, `--border`, subtle shadow)\n *   - `elevated` — raised card (`--paper-elevated`, stronger shadow)\n *   - `secondary` — subdued card (`--paper-secondary`, no shadow)\n *   - `ghost` — no background/border/shadow, just a wrapper\n * @param {'sm'|'md'|'lg'|'none'} [props.padding='md']\n *   - `sm` = 8px, `md` = 14px, `lg` = 20px, `none` = 0\n * @param {string} [props.railColor] — optional left rail accent color (CSS value or token)\n * @param {boolean} [props.interactive=false] — enables hover/active states\n * @param {boolean} [props.isActive=false] — persistent active/selected state\n * @param {function} [props.onClick] — click handler (auto-enables interactive)\n * @param {object} [props.style] — additional inline styles (merged, not overridden)\n * @param {string} [props.className] — additional class names\n * @param {React.ReactNode} [props.children]\n */\nexport default function Card({\n  variant = 'default',\n  padding = 'md',\n  railColor,\n  interactive = false,\n  isActive = false,\n  onClick,\n  style,\n  className,\n  children,\n  borderRadius,\n  ...rest\n}) {\n  const isInteractive = interactive || !!onClick;\n\n  const variants = {\n    default: {\n      background: 'var(--paper)',\n      border: '1px solid var(--border)',\n      boxShadow: '0 1px 3px var(--shadow)',\n    },\n    elevated: {\n      background: 'var(--paper-elevated)',\n      border: '1px solid var(--border)',\n      boxShadow: '0 2px 6px var(--shadow)',\n    },\n    secondary: {\n      background: 'var(--paper-secondary)',\n      border: '1px solid var(--border-subtle)',\n      boxShadow: 'none',\n    },\n    ghost: {\n      background: 'transparent',\n      border: 'none',\n      boxShadow: 'none',\n    },\n  };\n\n  const paddings = {\n    none: 0,\n    sm: 8,\n    md: 14,\n    lg: 20,\n  };\n\n  const v = variants[variant] || variants.default;\n  const pad = paddings[padding] ?? paddings.md;\n\n  const baseStyle = {\n    position: 'relative',\n    borderRadius: borderRadius ? borderRadius : 'var(--radius-md, 6px)',\n    overflow: 'auto',\n    padding: railColor ? `${pad}px ${pad}px ${pad}px ${pad + 10}px` : pad,\n    transition: 'background 0.15s, border-color 0.15s, box-shadow 0.15s',\n    ...v,\n    ...(isInteractive && {\n      cursor: 'pointer',\n    }),\n    ...(isActive && {\n      background: 'var(--hover-warm-subtle, rgba(200,170,120,0.06))',\n      borderColor: 'var(--border-hover)',\n    }),\n    ...style,\n  };\n\n  const combinedClassName = ['custom-thin-scrollbar-library', className]\n    .filter(Boolean)\n    .join(' '); \n\n  const handleMouseEnter = (e) => {\n    if (!isInteractive || isActive) return;\n    e.currentTarget.style.background = 'var(--hover-warm-subtle, rgba(200,170,120,0.06))';\n    e.currentTarget.style.borderColor = 'var(--border-hover)';\n  };\n\n  const handleMouseLeave = (e) => {\n    if (!isInteractive) return;\n    if (isActive) {\n      e.currentTarget.style.background = 'var(--hover-warm-subtle, rgba(200,170,120,0.06))';\n      e.currentTarget.style.borderColor = 'var(--border-hover)';\n    } else {\n      e.currentTarget.style.background = v.background;\n      e.currentTarget.style.borderColor = v.border.replace('1px solid ', '');\n    }\n  };\n\n  return (\n    <div\n      style={baseStyle}\n      className={combinedClassName}\n      onClick={onClick}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      {...rest}\n    >\n      {railColor && (\n        <div\n          style={{\n            position: 'absolute',\n            left: 0,\n            top: 0,\n            bottom: 0,\n            width: 4,\n            background: railColor,\n          }}\n        />\n      )}\n      {children}\n    </div>\n  );\n}\n","import React from 'react';\nimport CardBase from './Card.jsx';\n\nexport default function DetailCard({ title, children, borderRadius }) {\n  return (\n    <CardBase variant=\"elevated\" padding=\"sm\" borderRadius={borderRadius}>\n      <div style={{ fontSize: 11, fontWeight: 600, color: 'var(--text-strong)', textTransform: 'uppercase', letterSpacing: '0.04em', marginBottom: 8, marginTop: 4 }}>\n        {title}\n      </div>\n      {children}\n    </CardBase>\n  );\n}","\"use client\";\n\nexport default function Tag({ children, variant = 'default', size = 'md', ...props }) {\n  const variantStyles = {\n    default: {\n      color: 'var(--text-muted)',\n      backgroundColor: 'var(--hover-warm)',\n      borderColor: 'var(--border)'\n    },\n    policy: {\n      color: 'var(--rail-compliance)',\n      backgroundColor: 'rgba(201,138,90,0.1)',\n      borderColor: 'rgba(201,138,90,0.25)'\n    },\n    tool: {\n      color: 'var(--rail-discovery)',\n      backgroundColor: 'rgba(94,136,176,0.1)',\n      borderColor: 'rgba(94,136,176,0.25)'\n    },\n    global: {\n      color: 'var(--rail-tone)',\n      backgroundColor: 'rgba(155,122,168,0.1)',\n      borderColor: 'rgba(155,122,168,0.25)'\n    },\n    phase: {\n      color: 'var(--rail-outcome)',\n      backgroundColor: 'rgba(107,124,147,0.1)',\n      borderColor: 'rgba(107,124,147,0.25)'\n    }\n  };\n\n  const sizeStyles = {\n    sm: {\n      fontSize: 'var(--text-xs)',\n      padding: '1px 6px'\n    },\n    md: {\n      fontSize: 'var(--text-sm)',\n      padding: '2px 8px'\n    }\n  };\n\n  const currentVariant = variantStyles[variant] || variantStyles.default;\n  const currentSize = sizeStyles[size] || sizeStyles.md;\n\n  return (\n    <span\n      style={{\n        display: 'inline-flex',\n        alignItems: 'center',\n        borderRadius: 'var(--radius-sm)',\n        border: `1px solid ${currentVariant.borderColor}`,\n        ...currentVariant,\n        ...currentSize,\n        ...props.style\n      }}\n      {...props}\n    >\n      {children}\n    </span>\n  );\n}","\"use client\";\n\nexport default function SmallButton({ \n  children, \n  onClick, \n  variant = 'secondary', \n  disabled = false, \n  size = 'md',\n  ...props \n}) {\n  const variantStyles = {\n    primary: {\n      backgroundColor: 'var(--Base-Strong, #0B0B0B)',\n      color: 'white',\n      border: 'none',\n      fontSize: '16px',\n      fontWeight: 600,\n    },\n    secondary: {\n      backgroundColor: 'transparent',\n      border: '1px solid var(--border)',\n      color: 'var(--text-base)',\n      fontSize: '16px',\n      fontWeight: 600,\n    },\n    ghost: {\n      backgroundColor: 'transparent',\n      border: 'none',\n      color: 'var(--text-muted)',\n      fontSize: '16px',\n      fontWeight: 600,\n    },\n    danger: {\n      backgroundColor: 'var(--rail-signal-churn)',\n      color: 'white',\n      border: 'none',\n      fontSize: '16px',\n      fontWeight: 600,\n    }\n  };\n\n  const sizeStyles = {\n    sm: {\n      fontSize: 'var(--text-xs)',\n      padding: '4px 10px'\n    },\n    md: {\n      fontSize: 'var(--text-sm)',\n      padding: '6px 14px'\n    }\n  };\n\n  const baseStyle = {\n    borderRadius: 'var(--radius)',\n    transition: 'var(--transition-fast)',\n    cursor: disabled ? 'not-allowed' : 'pointer',\n    opacity: disabled ? 0.5 : 1,\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    fontFamily: 'var(--font-sans)',\n    fontWeight: 'var(--font-medium)',\n    textDecoration: 'none',\n    userSelect: 'none'\n  };\n\n  const handleMouseEnter = (e) => {\n    if (disabled) return;\n    if (variant === 'secondary' || variant === 'ghost') {\n      e.currentTarget.style.backgroundColor = '#ECEEF2';\n    } else if (variant === 'danger') {\n      e.currentTarget.style.opacity = '0.85';\n    }\n  };\n\n  const handleMouseLeave = (e) => {\n    if (disabled) return;\n    if (variant === 'secondary' || variant === 'ghost') {\n      e.currentTarget.style.backgroundColor = 'transparent';\n    } else if (variant === 'danger') {\n      e.currentTarget.style.opacity = '1';\n    }\n  };\n\n  const currentVariant = variantStyles[variant] || variantStyles.secondary;\n  const currentSize = sizeStyles[size] || sizeStyles.md;\n\n  const { style: propStyle, ...restProps } = props;\n\n  return (\n    <button\n      onClick={disabled ? undefined : onClick}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      style={{\n        ...baseStyle,\n        ...currentVariant,\n        ...currentSize,\n        ...propStyle\n      }}\n      disabled={disabled}\n      {...restProps}\n    >\n      {children}\n    </button>\n  );\n}"],"names":["DeviationIndicator","level","label","color","showLabel","direction","levelDescriptions","currentDescription","desc","tooltipContent","jsxs","jsx","Tooltip","TooltipTrigger","_","index","isFilled","TooltipContent","Card","variant","padding","railColor","interactive","isActive","onClick","style","className","children","borderRadius","rest","isInteractive","variants","paddings","v","pad","baseStyle","combinedClassName","e","DetailCard","title","CardBase","Tag","size","props","variantStyles","sizeStyles","currentVariant","currentSize","SmallButton","disabled","handleMouseEnter","handleMouseLeave","propStyle","restProps"],"mappings":"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"}