@ugurdemirel/landcraft 0.1.21 → 0.1.23

package/dist/cjs/components/AgentDemo/parts.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../../utils/cn.cjs"),h=require("../../icons.cjs"),b=require("./ToolCard.cjs");function j({title:s,subtitle:r,logo:n,logoSrc:t,logoAlt:o,logoClassName:c,footer:x,logLabel:m,logRef:f,height:p="70dvh",children:g}){const l=n??(t?e.jsx("img",{src:t,alt:o??(typeof s=="string"?s:"Logo"),className:a.cn("h-8 w-8 rounded-lg object-cover",c)}):void 0);return e.jsxs("div",{style:{height:p},className:"flex flex-col overflow-hidden rounded-2xl border border-border bg-surface text-foreground shadow-overlay",children:[e.jsxs("div",{className:"flex shrink-0 items-center gap-3 border-b border-border px-4 py-3 sm:px-5",children:[e.jsxs("div",{className:"flex gap-1.5","aria-hidden":!0,children:[e.jsx("span",{className:"h-2.5 w-2.5 rounded-full bg-foreground/15"}),e.jsx("span",{className:"h-2.5 w-2.5 rounded-full bg-foreground/15"}),e.jsx("span",{className:"h-2.5 w-2.5 rounded-full bg-foreground/15"})]}),l?e.jsx("span",{className:"flex shrink-0 items-center",children:l}):null,s??r?e.jsxs("div",{className:"min-w-0",children:[s?e.jsx("p",{className:"truncate text-sm font-semibold tracking-tight",children:s}):null,r?e.jsx("p",{className:"truncate text-xs text-muted-foreground",children:r}):null]}):null]}),e.jsx("div",{role:"log",ref:f,"aria-live":"polite","aria-label":m,className:"min-h-0 flex-1 overflow-y-auto px-4 py-5 sm:px-5",children:e.jsx("div",{className:"flex flex-col gap-4",children:g})}),x]})}function N({controls:s,progress:r,composing:n}){const t=s??r;return e.jsxs("div",{className:"shrink-0 border-t border-border px-4 py-3 sm:px-5",children:[t?e.jsxs("div",{className:"mb-3 flex items-center gap-2",children:[s,r]}):null,e.jsxs("div",{"aria-hidden":!0,className:"flex cursor-not-allowed items-center gap-2 rounded-xl border border-border bg-surface-strong/40 px-3.5 py-2.5 text-sm text-muted-foreground select-none",children:[n!==void 0?e.jsxs("span",{className:"flex-1 truncate text-foreground",children:[n,e.jsx("span",{className:"ml-0.5 inline-block h-4 w-[2px] translate-y-[3px] animate-pulse bg-foreground"})]}):e.jsx("span",{className:"flex-1 truncate",children:"Ask anything…"}),e.jsx(h.Send,{className:a.cn("h-4 w-4 shrink-0",n?"text-foreground":void 0)})]})]})}function i({text:s,partial:r=!1}){return e.jsx("div",{className:"flex justify-end",children:e.jsxs("p",{className:"max-w-[85%] rounded-2xl rounded-br-md bg-primary px-3.5 py-2.5 text-sm leading-6 text-on-primary",children:[s,r?e.jsx("span",{className:"ml-0.5 inline-block h-4 w-[2px] translate-y-[3px] animate-pulse bg-on-primary"}):null]})})}function d({text:s,partial:r=!1}){return e.jsx("div",{className:"flex justify-start",children:e.jsxs("p",{className:"max-w-[90%] rounded-2xl rounded-bl-md bg-primary-soft px-3.5 py-2.5 text-sm leading-6 text-foreground",children:[s,r?e.jsx("span",{className:"ml-0.5 inline-block h-4 w-[2px] translate-y-[3px] animate-pulse bg-foreground"}):null]})})}function u({label:s,active:r=!0}){const n=["[animation-delay:-0.3s]","[animation-delay:-0.15s]",""];return e.jsxs("div",{className:"flex items-center gap-2 text-[13px] text-muted-foreground",children:[e.jsx("span",{className:"flex gap-1","aria-hidden":!0,children:n.map((t,o)=>e.jsx("span",{className:a.cn("h-1.5 w-1.5 rounded-full bg-current",r&&"animate-bounce",r&&t)},o))}),e.jsx("span",{className:r?"animate-pulse":void 0,children:s})]})}function y(){return e.jsx("p",{className:"py-10 text-center text-sm text-muted-foreground",children:"This demo has no steps yet."})}function v({current:s,total:r,done:n}){return e.jsx("span",{className:"text-xs tabular-nums text-muted-foreground",children:n?"Demo complete":`Step ${Math.min(s,r)} of ${r}`})}function w({step:s}){return s.type==="user"?e.jsx(i,{text:s.text}):s.type==="assistant"?e.jsx(d,{text:s.text}):s.type==="thinking"?e.jsx(u,{label:s.label??"Thinking…",active:!1}):e.jsx(b.ToolCard,{name:s.name,args:s.args,result:s.result,status:s.status==="error"?"error":"success"})}function k({className:s,...r}){return e.jsx("button",{type:"button",className:a.cn("inline-flex h-8 cursor-pointer items-center gap-1.5 rounded-lg border border-border px-3 text-xs font-semibold text-foreground transition-colors duration-150 hover:border-foreground/25 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",s),...r})}exports.AssistantMessage=d;exports.ControlButton=k;exports.DemoFooter=N;exports.DemoWindow=j;exports.EmptyState=y;exports.FinishedStep=w;exports.StepProgress=v;exports.ThinkingRow=u;exports.UserMessage=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../../utils/cn.cjs"),h=require("../../icons.cjs"),b=require("./ToolCard.cjs");function j({title:s,subtitle:r,logo:n,logoSrc:t,logoAlt:o,logoClassName:u,footer:x,logLabel:m,logRef:f,height:p="70dvh",children:g}){const l=n??(t?e.jsx("img",{src:t,alt:o??(typeof s=="string"?s:"Logo"),className:a.cn("h-8 w-8 rounded-lg object-cover",u)}):void 0);return e.jsxs("div",{style:{height:p},className:"flex flex-col overflow-hidden rounded-2xl border border-border bg-surface text-foreground shadow-overlay",children:[e.jsxs("div",{className:"flex shrink-0 items-center gap-3 border-b border-border px-4 py-3 sm:px-5",children:[e.jsxs("div",{className:"flex gap-1.5","aria-hidden":!0,children:[e.jsx("span",{className:"h-2.5 w-2.5 rounded-full bg-foreground/15"}),e.jsx("span",{className:"h-2.5 w-2.5 rounded-full bg-foreground/15"}),e.jsx("span",{className:"h-2.5 w-2.5 rounded-full bg-foreground/15"})]}),l?e.jsx("span",{className:"flex shrink-0 items-center",children:l}):null,s??r?e.jsxs("div",{className:"min-w-0",children:[s?e.jsx("p",{className:"truncate text-sm font-semibold tracking-tight",children:s}):null,r?e.jsx("p",{className:"truncate text-xs text-muted-foreground",children:r}):null]}):null]}),e.jsx("div",{role:"log",ref:f,"aria-live":"polite","aria-label":m,className:"min-h-0 flex-1 overflow-y-auto px-4 py-5 sm:px-5",children:e.jsx("div",{className:"flex flex-col gap-4",children:g})}),x]})}function N({controls:s,progress:r,composing:n}){const t=s??r;return e.jsxs("div",{className:"shrink-0 border-t border-border px-4 py-3 sm:px-5",children:[t?e.jsxs("div",{className:"mb-3 flex items-center gap-2",children:[s,r]}):null,e.jsxs("div",{"aria-hidden":!0,className:"flex cursor-not-allowed items-center gap-2 rounded-xl border border-border bg-surface-strong/40 px-3.5 py-2.5 text-sm text-muted-foreground select-none",children:[n!==void 0?e.jsxs("span",{className:"flex-1 truncate text-foreground",children:[n,e.jsx("span",{className:"ml-0.5 inline-block h-4 w-[2px] translate-y-[3px] animate-pulse bg-foreground"})]}):e.jsx("span",{className:"flex-1 truncate",children:"Ask anything…"}),e.jsx(h.Send,{className:a.cn("h-4 w-4 shrink-0",n?"text-foreground":void 0)})]})]})}function i({text:s,partial:r=!1}){return e.jsx("div",{className:"flex justify-end",children:e.jsxs("p",{className:"max-w-[85%] rounded-2xl rounded-br-md bg-foreground px-3.5 py-2.5 text-sm leading-6 text-background",children:[s,r?e.jsx("span",{className:"ml-0.5 inline-block h-4 w-[2px] translate-y-[3px] animate-pulse bg-background"}):null]})})}function d({text:s,partial:r=!1}){return e.jsx("div",{className:"flex justify-start",children:e.jsxs("p",{className:"max-w-[90%] rounded-2xl rounded-bl-md bg-primary px-3.5 py-2.5 text-sm leading-6 text-on-primary",children:[s,r?e.jsx("span",{className:"ml-0.5 inline-block h-4 w-[2px] translate-y-[3px] animate-pulse bg-on-primary"}):null]})})}function c({label:s,active:r=!0}){const n=["[animation-delay:-0.3s]","[animation-delay:-0.15s]",""];return e.jsxs("div",{className:"flex items-center gap-2 text-[13px] text-muted-foreground",children:[e.jsx("span",{className:"flex gap-1","aria-hidden":!0,children:n.map((t,o)=>e.jsx("span",{className:a.cn("h-1.5 w-1.5 rounded-full bg-current",r&&"animate-bounce",r&&t)},o))}),e.jsx("span",{className:r?"animate-pulse":void 0,children:s})]})}function y(){return e.jsx("p",{className:"py-10 text-center text-sm text-muted-foreground",children:"This demo has no steps yet."})}function v({current:s,total:r,done:n}){return e.jsx("span",{className:"text-xs tabular-nums text-muted-foreground",children:n?"Demo complete":`Step ${Math.min(s,r)} of ${r}`})}function w({step:s}){return s.type==="user"?e.jsx(i,{text:s.text}):s.type==="assistant"?e.jsx(d,{text:s.text}):s.type==="thinking"?e.jsx(c,{label:s.label??"Thinking…",active:!1}):e.jsx(b.ToolCard,{name:s.name,args:s.args,result:s.result,status:s.status==="error"?"error":"success"})}function k({className:s,...r}){return e.jsx("button",{type:"button",className:a.cn("inline-flex h-8 cursor-pointer items-center gap-1.5 rounded-lg border border-border px-3 text-xs font-semibold text-foreground transition-colors duration-150 hover:border-foreground/25 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",s),...r})}exports.AssistantMessage=d;exports.ControlButton=k;exports.DemoFooter=N;exports.DemoWindow=j;exports.EmptyState=y;exports.FinishedStep=w;exports.StepProgress=v;exports.ThinkingRow=c;exports.UserMessage=i;
 //# sourceMappingURL=parts.cjs.map

package/dist/cjs/components/AgentDemo/parts.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"parts.cjs","sources":["../../../../src/components/AgentDemo/parts.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes, ReactNode, Ref } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { Send } from \"../../icons\";\nimport type { AgentScriptStep } from \"./types\";\nimport { ToolCard } from \"./ToolCard\";\n\nexport function DemoWindow({\n  title,\n  subtitle,\n  logo,\n  logoSrc,\n  logoAlt,\n  logoClassName,\n  footer,\n  logLabel,\n  logRef,\n  height = \"70dvh\",\n  children,\n}: {\n  title?: ReactNode;\n  subtitle?: ReactNode;\n  logo?: ReactNode;\n  logoSrc?: string;\n  logoAlt?: string;\n  logoClassName?: string;\n  footer?: ReactNode;\n  logLabel: string;\n  logRef?: Ref<HTMLDivElement>;\n  height?: string;\n  children: ReactNode;\n}) {\n  const logoNode =\n    logo ??\n    (logoSrc ? (\n      <img\n        src={logoSrc}\n        alt={logoAlt ?? (typeof title === \"string\" ? title : \"Logo\")}\n        className={cn(\"h-8 w-8 rounded-lg object-cover\", logoClassName)}\n      />\n    ) : undefined);\n  return (\n    <div\n      style={{ height }}\n      className=\"flex flex-col overflow-hidden rounded-2xl border border-border bg-surface text-foreground shadow-overlay\"\n    >\n      <div className=\"flex shrink-0 items-center gap-3 border-b border-border px-4 py-3 sm:px-5\">\n        <div className=\"flex gap-1.5\" aria-hidden>\n          <span className=\"h-2.5 w-2.5 rounded-full bg-foreground/15\" />\n          <span className=\"h-2.5 w-2.5 rounded-full bg-foreground/15\" />\n          <span className=\"h-2.5 w-2.5 rounded-full bg-foreground/15\" />\n        </div>\n        {logoNode ? <span className=\"flex shrink-0 items-center\">{logoNode}</span> : null}\n        {title ?? subtitle ? (\n          <div className=\"min-w-0\">\n            {title ? (\n              <p className=\"truncate text-sm font-semibold tracking-tight\">{title}</p>\n            ) : null}\n            {subtitle ? (\n              <p className=\"truncate text-xs text-muted-foreground\">{subtitle}</p>\n            ) : null}\n          </div>\n        ) : null}\n      </div>\n\n      <div\n        role=\"log\"\n        ref={logRef}\n        aria-live=\"polite\"\n        aria-label={logLabel}\n        className=\"min-h-0 flex-1 overflow-y-auto px-4 py-5 sm:px-5\"\n      >\n        <div className=\"flex flex-col gap-4\">{children}</div>\n      </div>\n\n      {footer}\n    </div>\n  );\n}\n\nexport function DemoFooter({\n  controls,\n  progress,\n  composing,\n}: {\n  controls?: ReactNode;\n  progress?: ReactNode;\n  composing?: string;\n}) {\n  const hasMeta = controls ?? progress;\n  return (\n    <div className=\"shrink-0 border-t border-border px-4 py-3 sm:px-5\">\n      {hasMeta ? (\n        <div className=\"mb-3 flex items-center gap-2\">\n          {controls}\n          {progress}\n        </div>\n      ) : null}\n      <div\n        aria-hidden\n        className=\"flex cursor-not-allowed items-center gap-2 rounded-xl border border-border bg-surface-strong/40 px-3.5 py-2.5 text-sm text-muted-foreground select-none\"\n      >\n        {composing !== undefined ? (\n          <span className=\"flex-1 truncate text-foreground\">\n            {composing}\n            <span className=\"ml-0.5 inline-block h-4 w-[2px] translate-y-[3px] animate-pulse bg-foreground\" />\n          </span>\n        ) : (\n          <span className=\"flex-1 truncate\">Ask anything…</span>\n        )}\n        <Send\n          className={cn(\"h-4 w-4 shrink-0\", composing ? \"text-foreground\" : undefined)}\n        />\n      </div>\n    </div>\n  );\n}\n\nexport function UserMessage({ text, partial = false }: { text: string; partial?: boolean }) {\n  return (\n    <div className=\"flex justify-end\">\n      <p className=\"max-w-[85%] rounded-2xl rounded-br-md bg-primary px-3.5 py-2.5 text-sm leading-6 text-on-primary\">\n        {text}\n        {partial ? (\n          <span className=\"ml-0.5 inline-block h-4 w-[2px] translate-y-[3px] animate-pulse bg-on-primary\" />\n        ) : null}\n      </p>\n    </div>\n  );\n}\n\nexport function AssistantMessage({ text, partial = false }: { text: string; partial?: boolean }) {\n  return (\n    <div className=\"flex justify-start\">\n      <p className=\"max-w-[90%] rounded-2xl rounded-bl-md bg-primary-soft px-3.5 py-2.5 text-sm leading-6 text-foreground\">\n        {text}\n        {partial ? (\n          <span className=\"ml-0.5 inline-block h-4 w-[2px] translate-y-[3px] animate-pulse bg-foreground\" />\n        ) : null}\n      </p>\n    </div>\n  );\n}\n\nexport function ThinkingRow({ label, active = true }: { label: string; active?: boolean }) {\n  const dots = [\"[animation-delay:-0.3s]\", \"[animation-delay:-0.15s]\", \"\"];\n  return (\n    <div className=\"flex items-center gap-2 text-[13px] text-muted-foreground\">\n      <span className=\"flex gap-1\" aria-hidden>\n        {dots.map((delay, i) => (\n          <span\n            key={i}\n            className={cn(\n              \"h-1.5 w-1.5 rounded-full bg-current\",\n              active && \"animate-bounce\",\n              active && delay,\n            )}\n          />\n        ))}\n      </span>\n      <span className={active ? \"animate-pulse\" : undefined}>{label}</span>\n    </div>\n  );\n}\n\nexport function EmptyState() {\n  return (\n    <p className=\"py-10 text-center text-sm text-muted-foreground\">\n      This demo has no steps yet.\n    </p>\n  );\n}\n\nexport function StepProgress({ current, total, done }: { current: number; total: number; done: boolean }) {\n  return (\n    <span className=\"text-xs tabular-nums text-muted-foreground\">\n      {done ? \"Demo complete\" : `Step ${Math.min(current, total)} of ${total}`}\n    </span>\n  );\n}\n\n/** Render one script step in its finished state (used by the transcript and completed player steps). */\nexport function FinishedStep({ step }: { step: AgentScriptStep }) {\n  if (step.type === \"user\") return <UserMessage text={step.text} />;\n  if (step.type === \"assistant\") return <AssistantMessage text={step.text} />;\n  if (step.type === \"thinking\") return <ThinkingRow label={step.label ?? \"Thinking…\"} active={false} />;\n  return (\n    <ToolCard\n      name={step.name}\n      args={step.args}\n      result={step.result}\n      status={step.status === \"error\" ? \"error\" : \"success\"}\n    />\n  );\n}\n\nexport function ControlButton({\n  className,\n  ...props\n}: ButtonHTMLAttributes<HTMLButtonElement>) {\n  return (\n    <button\n      type=\"button\"\n      className={cn(\n        \"inline-flex h-8 cursor-pointer items-center gap-1.5 rounded-lg border border-border px-3 text-xs font-semibold text-foreground transition-colors duration-150 hover:border-foreground/25 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n"],"names":["DemoWindow","title","subtitle","logo","logoSrc","logoAlt","logoClassName","footer","logLabel","logRef","height","children","logoNode","jsx","cn","jsxs","DemoFooter","controls","progress","composing","hasMeta","Send","UserMessage","text","partial","AssistantMessage","ThinkingRow","label","active","dots","delay","i","EmptyState","StepProgress","current","total","done","FinishedStep","step","ToolCard","ControlButton","className","props"],"mappings":"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"}
+{"version":3,"file":"parts.cjs","sources":["../../../../src/components/AgentDemo/parts.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes, ReactNode, Ref } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { Send } from \"../../icons\";\nimport type { AgentScriptStep } from \"./types\";\nimport { ToolCard } from \"./ToolCard\";\n\nexport function DemoWindow({\n  title,\n  subtitle,\n  logo,\n  logoSrc,\n  logoAlt,\n  logoClassName,\n  footer,\n  logLabel,\n  logRef,\n  height = \"70dvh\",\n  children,\n}: {\n  title?: ReactNode;\n  subtitle?: ReactNode;\n  logo?: ReactNode;\n  logoSrc?: string;\n  logoAlt?: string;\n  logoClassName?: string;\n  footer?: ReactNode;\n  logLabel: string;\n  logRef?: Ref<HTMLDivElement>;\n  height?: string;\n  children: ReactNode;\n}) {\n  const logoNode =\n    logo ??\n    (logoSrc ? (\n      <img\n        src={logoSrc}\n        alt={logoAlt ?? (typeof title === \"string\" ? title : \"Logo\")}\n        className={cn(\"h-8 w-8 rounded-lg object-cover\", logoClassName)}\n      />\n    ) : undefined);\n  return (\n    <div\n      style={{ height }}\n      className=\"flex flex-col overflow-hidden rounded-2xl border border-border bg-surface text-foreground shadow-overlay\"\n    >\n      <div className=\"flex shrink-0 items-center gap-3 border-b border-border px-4 py-3 sm:px-5\">\n        <div className=\"flex gap-1.5\" aria-hidden>\n          <span className=\"h-2.5 w-2.5 rounded-full bg-foreground/15\" />\n          <span className=\"h-2.5 w-2.5 rounded-full bg-foreground/15\" />\n          <span className=\"h-2.5 w-2.5 rounded-full bg-foreground/15\" />\n        </div>\n        {logoNode ? <span className=\"flex shrink-0 items-center\">{logoNode}</span> : null}\n        {title ?? subtitle ? (\n          <div className=\"min-w-0\">\n            {title ? (\n              <p className=\"truncate text-sm font-semibold tracking-tight\">{title}</p>\n            ) : null}\n            {subtitle ? (\n              <p className=\"truncate text-xs text-muted-foreground\">{subtitle}</p>\n            ) : null}\n          </div>\n        ) : null}\n      </div>\n\n      <div\n        role=\"log\"\n        ref={logRef}\n        aria-live=\"polite\"\n        aria-label={logLabel}\n        className=\"min-h-0 flex-1 overflow-y-auto px-4 py-5 sm:px-5\"\n      >\n        <div className=\"flex flex-col gap-4\">{children}</div>\n      </div>\n\n      {footer}\n    </div>\n  );\n}\n\nexport function DemoFooter({\n  controls,\n  progress,\n  composing,\n}: {\n  controls?: ReactNode;\n  progress?: ReactNode;\n  composing?: string;\n}) {\n  const hasMeta = controls ?? progress;\n  return (\n    <div className=\"shrink-0 border-t border-border px-4 py-3 sm:px-5\">\n      {hasMeta ? (\n        <div className=\"mb-3 flex items-center gap-2\">\n          {controls}\n          {progress}\n        </div>\n      ) : null}\n      <div\n        aria-hidden\n        className=\"flex cursor-not-allowed items-center gap-2 rounded-xl border border-border bg-surface-strong/40 px-3.5 py-2.5 text-sm text-muted-foreground select-none\"\n      >\n        {composing !== undefined ? (\n          <span className=\"flex-1 truncate text-foreground\">\n            {composing}\n            <span className=\"ml-0.5 inline-block h-4 w-[2px] translate-y-[3px] animate-pulse bg-foreground\" />\n          </span>\n        ) : (\n          <span className=\"flex-1 truncate\">Ask anything…</span>\n        )}\n        <Send\n          className={cn(\"h-4 w-4 shrink-0\", composing ? \"text-foreground\" : undefined)}\n        />\n      </div>\n    </div>\n  );\n}\n\nexport function UserMessage({ text, partial = false }: { text: string; partial?: boolean }) {\n  return (\n    <div className=\"flex justify-end\">\n      <p className=\"max-w-[85%] rounded-2xl rounded-br-md bg-foreground px-3.5 py-2.5 text-sm leading-6 text-background\">\n        {text}\n        {partial ? (\n          <span className=\"ml-0.5 inline-block h-4 w-[2px] translate-y-[3px] animate-pulse bg-background\" />\n        ) : null}\n      </p>\n    </div>\n  );\n}\n\nexport function AssistantMessage({ text, partial = false }: { text: string; partial?: boolean }) {\n  return (\n    <div className=\"flex justify-start\">\n      <p className=\"max-w-[90%] rounded-2xl rounded-bl-md bg-primary px-3.5 py-2.5 text-sm leading-6 text-on-primary\">\n        {text}\n        {partial ? (\n          <span className=\"ml-0.5 inline-block h-4 w-[2px] translate-y-[3px] animate-pulse bg-on-primary\" />\n        ) : null}\n      </p>\n    </div>\n  );\n}\n\nexport function ThinkingRow({ label, active = true }: { label: string; active?: boolean }) {\n  const dots = [\"[animation-delay:-0.3s]\", \"[animation-delay:-0.15s]\", \"\"];\n  return (\n    <div className=\"flex items-center gap-2 text-[13px] text-muted-foreground\">\n      <span className=\"flex gap-1\" aria-hidden>\n        {dots.map((delay, i) => (\n          <span\n            key={i}\n            className={cn(\n              \"h-1.5 w-1.5 rounded-full bg-current\",\n              active && \"animate-bounce\",\n              active && delay,\n            )}\n          />\n        ))}\n      </span>\n      <span className={active ? \"animate-pulse\" : undefined}>{label}</span>\n    </div>\n  );\n}\n\nexport function EmptyState() {\n  return (\n    <p className=\"py-10 text-center text-sm text-muted-foreground\">\n      This demo has no steps yet.\n    </p>\n  );\n}\n\nexport function StepProgress({ current, total, done }: { current: number; total: number; done: boolean }) {\n  return (\n    <span className=\"text-xs tabular-nums text-muted-foreground\">\n      {done ? \"Demo complete\" : `Step ${Math.min(current, total)} of ${total}`}\n    </span>\n  );\n}\n\n/** Render one script step in its finished state (used by the transcript and completed player steps). */\nexport function FinishedStep({ step }: { step: AgentScriptStep }) {\n  if (step.type === \"user\") return <UserMessage text={step.text} />;\n  if (step.type === \"assistant\") return <AssistantMessage text={step.text} />;\n  if (step.type === \"thinking\") return <ThinkingRow label={step.label ?? \"Thinking…\"} active={false} />;\n  return (\n    <ToolCard\n      name={step.name}\n      args={step.args}\n      result={step.result}\n      status={step.status === \"error\" ? \"error\" : \"success\"}\n    />\n  );\n}\n\nexport function ControlButton({\n  className,\n  ...props\n}: ButtonHTMLAttributes<HTMLButtonElement>) {\n  return (\n    <button\n      type=\"button\"\n      className={cn(\n        \"inline-flex h-8 cursor-pointer items-center gap-1.5 rounded-lg border border-border px-3 text-xs font-semibold text-foreground transition-colors duration-150 hover:border-foreground/25 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n"],"names":["DemoWindow","title","subtitle","logo","logoSrc","logoAlt","logoClassName","footer","logLabel","logRef","height","children","logoNode","jsx","cn","jsxs","DemoFooter","controls","progress","composing","hasMeta","Send","UserMessage","text","partial","AssistantMessage","ThinkingRow","label","active","dots","delay","i","EmptyState","StepProgress","current","total","done","FinishedStep","step","ToolCard","ControlButton","className","props"],"mappings":"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"}

package/dist/cjs/components/Stats/parts.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("../../utils/cn.cjs"),n=require("../../icons.cjs"),a="font-display font-semibold tabular-nums tracking-[-0.02em] text-foreground",c="ml-1 font-sans text-sm font-normal tracking-normal text-muted-foreground",l={2:"sm:grid-cols-2",3:"sm:grid-cols-2 lg:grid-cols-3",4:"sm:grid-cols-2 lg:grid-cols-4"};function i({delta:e}){const s=e>=0,o=s?n.ArrowUp:n.ArrowDown;return t.jsxs("span",{className:r.cn("inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-semibold tabular-nums",s?"bg-accent/10 text-accent":"bg-danger-soft text-danger"),children:[t.jsx(o,{className:"h-3 w-3"}),Math.abs(e),"%"]})}exports.DeltaBadge=i;exports.gridCols=l;exports.suffixBase=c;exports.valueBase=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),t=require("../../utils/cn.cjs"),s=require("../../icons.cjs"),o="font-display font-semibold leading-none tracking-[-0.03em] tabular-nums text-foreground",i="ml-1.5 font-sans text-[0.42em] font-medium tracking-normal text-muted-foreground",d={2:"sm:grid-cols-2",3:"sm:grid-cols-2 lg:grid-cols-3",4:"sm:grid-cols-2 lg:grid-cols-4"},a={2:"sm:[&>*:nth-child(2n)]:border-l",3:"sm:max-lg:[&>*:nth-child(2n)]:border-l lg:[&>*:nth-child(3n+2)]:border-l lg:[&>*:nth-child(3n)]:border-l",4:"sm:max-lg:[&>*:nth-child(2n)]:border-l lg:[&>*:nth-child(4n+2)]:border-l lg:[&>*:nth-child(4n+3)]:border-l lg:[&>*:nth-child(4n)]:border-l"};function c({delta:r,className:l}){const e=r>0?"up":r<0?"down":"flat";return n.jsxs("span",{"data-direction":e,className:t.cn("inline-flex items-center gap-1 text-[0.8125rem] font-semibold leading-none tabular-nums",l),children:[n.jsx("span",{"aria-hidden":!0,className:t.cn("inline-flex",e==="up"&&"text-accent",e==="down"&&"text-danger",e==="flat"&&"text-muted-foreground"),children:e==="up"?n.jsx(s.ArrowUp,{className:"h-3.5 w-3.5",strokeWidth:2.25}):e==="down"?n.jsx(s.ArrowDown,{className:"h-3.5 w-3.5",strokeWidth:2.25}):n.jsx("span",{className:"h-px w-2.5 bg-current"})}),n.jsxs("span",{className:e==="flat"?"text-muted-foreground":"text-foreground",children:[Math.abs(r),"%"]})]})}exports.DeltaMark=c;exports.gridCols=d;exports.gridDivider=a;exports.suffixBase=i;exports.valueBase=o;
 //# sourceMappingURL=parts.cjs.map

package/dist/cjs/components/Stats/parts.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"parts.cjs","sources":["../../../../src/components/Stats/parts.tsx"],"sourcesContent":["import { cn } from \"../../utils/cn\";\nimport { ArrowUp, ArrowDown } from \"../../icons\";\n\nexport const valueBase =\n  \"font-display font-semibold tabular-nums tracking-[-0.02em] text-foreground\";\n\nexport const suffixBase = \"ml-1 font-sans text-sm font-normal tracking-normal text-muted-foreground\";\n\nexport const gridCols: Record<2 | 3 | 4, string> = {\n  2: \"sm:grid-cols-2\",\n  3: \"sm:grid-cols-2 lg:grid-cols-3\",\n  4: \"sm:grid-cols-2 lg:grid-cols-4\",\n};\n\nexport function DeltaBadge({ delta }: { delta: number }) {\n  const isUp = delta >= 0;\n  const Icon = isUp ? ArrowUp : ArrowDown;\n  return (\n    <span\n      className={cn(\n        \"inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-semibold tabular-nums\",\n        isUp ? \"bg-accent/10 text-accent\" : \"bg-danger-soft text-danger\",\n      )}\n    >\n      <Icon className=\"h-3 w-3\" />\n      {Math.abs(delta)}%\n    </span>\n  );\n}"],"names":["valueBase","suffixBase","gridCols","DeltaBadge","delta","isUp","Icon","ArrowUp","ArrowDown","jsxs","cn","jsx"],"mappings":"kLAGaA,EACX,6EAEWC,EAAa,2EAEbC,EAAsC,CACjD,EAAG,iBACH,EAAG,gCACH,EAAG,+BACL,EAEO,SAASC,EAAW,CAAE,MAAAC,GAA4B,CACvD,MAAMC,EAAOD,GAAS,EAChBE,EAAOD,EAAOE,EAAAA,QAAUC,EAAAA,UAC9B,OACEC,EAAAA,KAAC,OAAA,CACC,UAAWC,EAAAA,GACT,6FACAL,EAAO,2BAA6B,4BAAA,EAGtC,SAAA,CAAAM,EAAAA,IAACL,EAAA,CAAK,UAAU,SAAA,CAAU,EACzB,KAAK,IAAIF,CAAK,EAAE,GAAA,CAAA,CAAA,CAGvB"}
+{"version":3,"file":"parts.cjs","sources":["../../../../src/components/Stats/parts.tsx"],"sourcesContent":["import { cn } from \"../../utils/cn\";\nimport { ArrowDown, ArrowUp } from \"../../icons\";\n\n/**\n * Shared Stats primitives.\n *\n * One voice across every layout: Space Grotesk numerals on a fixed baseline,\n * quiet sentence-case labels, hairline rules instead of card chrome, and a\n * typographic delta mark instead of a pill badge.\n */\n\nexport const valueBase =\n  \"font-display font-semibold leading-none tracking-[-0.03em] tabular-nums text-foreground\";\n\n/** Unit scales with the numeral it sits beside, so it reads at every size. */\nexport const suffixBase =\n  \"ml-1.5 font-sans text-[0.42em] font-medium tracking-normal text-muted-foreground\";\n\nexport const gridCols: Record<2 | 3 | 4, string> = {\n  2: \"sm:grid-cols-2\",\n  3: \"sm:grid-cols-2 lg:grid-cols-3\",\n  4: \"sm:grid-cols-2 lg:grid-cols-4\",\n};\n\n/**\n * Vertical hairlines between grid columns. Each breakpoint owns the columns it\n * actually draws (and `max-lg` removes the 2-up rule once 3/4-up takes over),\n * so wrapped rows never inherit a stray edge rule.\n */\nexport const gridDivider: Record<2 | 3 | 4, string> = {\n  2: \"sm:[&>*:nth-child(2n)]:border-l\",\n  3: \"sm:max-lg:[&>*:nth-child(2n)]:border-l lg:[&>*:nth-child(3n+2)]:border-l lg:[&>*:nth-child(3n)]:border-l\",\n  4: \"sm:max-lg:[&>*:nth-child(2n)]:border-l lg:[&>*:nth-child(4n+2)]:border-l lg:[&>*:nth-child(4n+3)]:border-l lg:[&>*:nth-child(4n)]:border-l\",\n};\n\n/**\n * delta — a change, set in type: a direction-colored arrow beside the signed\n * magnitude in high-contrast foreground. No background, no pill, no border.\n * Zero reads neutral.\n *\n * Direction lives on the arrow, not the figure: `--color-accent` is emerald-600\n * and only clears 3:1 as a graphic, so tinting 13px text with it would miss the\n * 4.5:1 text floor. Danger (4.8:1) could tint text, but the mark stays one\n * consistent treatment instead of two.\n */\nexport function DeltaMark({ delta, className }: { delta: number; className?: string }) {\n  const direction = delta > 0 ? \"up\" : delta < 0 ? \"down\" : \"flat\";\n\n  return (\n    <span\n      data-direction={direction}\n      className={cn(\n        \"inline-flex items-center gap-1 text-[0.8125rem] font-semibold leading-none tabular-nums\",\n        className,\n      )}\n    >\n      <span\n        aria-hidden\n        className={cn(\n          \"inline-flex\",\n          direction === \"up\" && \"text-accent\",\n          direction === \"down\" && \"text-danger\",\n          direction === \"flat\" && \"text-muted-foreground\",\n        )}\n      >\n        {direction === \"up\" ? (\n          <ArrowUp className=\"h-3.5 w-3.5\" strokeWidth={2.25} />\n        ) : direction === \"down\" ? (\n          <ArrowDown className=\"h-3.5 w-3.5\" strokeWidth={2.25} />\n        ) : (\n          <span className=\"h-px w-2.5 bg-current\" />\n        )}\n      </span>\n      <span className={direction === \"flat\" ? \"text-muted-foreground\" : \"text-foreground\"}>\n        {Math.abs(delta)}%\n      </span>\n    </span>\n  );\n}\n"],"names":["valueBase","suffixBase","gridCols","gridDivider","DeltaMark","delta","className","direction","jsxs","cn","jsx","ArrowUp","ArrowDown"],"mappings":"kLAWaA,EACX,0FAGWC,EACX,mFAEWC,EAAsC,CACjD,EAAG,iBACH,EAAG,gCACH,EAAG,+BACL,EAOaC,EAAyC,CACpD,EAAG,kCACH,EAAG,2GACH,EAAG,4IACL,EAYO,SAASC,EAAU,CAAE,MAAAC,EAAO,UAAAC,GAAoD,CACrF,MAAMC,EAAYF,EAAQ,EAAI,KAAOA,EAAQ,EAAI,OAAS,OAE1D,OACEG,EAAAA,KAAC,OAAA,CACC,iBAAgBD,EAChB,UAAWE,EAAAA,GACT,0FACAH,CAAA,EAGF,SAAA,CAAAI,EAAAA,IAAC,OAAA,CACC,cAAW,GACX,UAAWD,EAAAA,GACT,cACAF,IAAc,MAAQ,cACtBA,IAAc,QAAU,cACxBA,IAAc,QAAU,uBAAA,EAGzB,SAAAA,IAAc,KACbG,EAAAA,IAACC,EAAAA,QAAA,CAAQ,UAAU,cAAc,YAAa,KAAM,EAClDJ,IAAc,OAChBG,EAAAA,IAACE,YAAA,CAAU,UAAU,cAAc,YAAa,KAAM,EAEtDF,MAAC,OAAA,CAAK,UAAU,uBAAA,CAAwB,CAAA,CAAA,SAG3C,OAAA,CAAK,UAAWH,IAAc,OAAS,wBAA0B,kBAC/D,SAAA,CAAA,KAAK,IAAIF,CAAK,EAAE,GAAA,CAAA,CACnB,CAAA,CAAA,CAAA,CAGN"}

package/dist/cjs/components/Stats/variants/Cells.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),o=require("react"),r=require("../../../utils/cn.cjs"),l=require("../parts.cjs"),c=o.forwardRef(({className:i,stats:n,columns:a=4,...d},t)=>s.jsx("dl",{ref:t,className:r.cn("grid grid-cols-1 gap-4",l.gridCols[a],i),...d,children:n.map(e=>s.jsxs("div",{className:"flex min-h-[8.5rem] flex-col justify-between rounded-xl border border-border bg-surface p-6",children:[s.jsxs("dd",{className:r.cn(l.valueBase,"text-3xl",e.accent?"text-primary":void 0),children:[e.value,e.suffix?s.jsx("span",{className:l.suffixBase,children:e.suffix}):null]}),s.jsxs("div",{className:"mt-5 flex items-center justify-between gap-3",children:[s.jsx("dt",{className:"text-sm text-muted-foreground",children:e.label}),e.icon?s.jsx("span",{className:"text-foreground/30",children:e.icon}):null]})]},e.label))}));c.displayName="StatsCells";exports.StatsCells=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),x=require("react"),r=require("../../../utils/cn.cjs"),s=require("../parts.cjs"),d=x.forwardRef(({className:n,stats:a,columns:i=4,...c},u)=>l.jsx("dl",{ref:u,className:r.cn("grid grid-cols-1 gap-px overflow-hidden rounded-xl border border-border bg-border",s.gridCols[i],n),...c,children:a.map(e=>l.jsxs("div",{className:"flex min-h-[8rem] flex-col justify-between gap-8 bg-surface p-5 sm:p-6",children:[l.jsxs("div",{className:"flex items-start justify-between gap-3",children:[l.jsx("dt",{className:"text-sm leading-5 text-muted-foreground",children:e.label}),e.icon?l.jsx("span",{className:"shrink-0 text-foreground/45",children:e.icon}):null]}),l.jsxs("div",{children:[l.jsxs("dd",{className:r.cn(s.valueBase,"text-4xl",e.accent?"text-primary":void 0),children:[e.value,e.suffix?l.jsx("span",{className:s.suffixBase,children:e.suffix}):null]}),typeof e.delta=="number"||e.sub?l.jsxs("div",{className:"mt-3 flex flex-wrap items-baseline gap-x-3 gap-y-1",children:[typeof e.delta=="number"?l.jsx(s.DeltaMark,{delta:e.delta}):null,e.sub?l.jsx("p",{className:"text-[13px] leading-5 text-muted-foreground",children:e.sub}):null]}):null]})]},e.label))}));d.displayName="StatsCells";exports.StatsCells=d;
 //# sourceMappingURL=Cells.cjs.map

package/dist/cjs/components/Stats/variants/Cells.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Cells.cjs","sources":["../../../../../src/components/Stats/variants/Cells.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes } from \"react\";\nimport { cn } from \"../../../utils/cn\";\nimport { valueBase, suffixBase, gridCols } from \"../parts\";\nimport type { Stat } from \"../types\";\n\ninterface CellsProps extends HTMLAttributes<HTMLDListElement> {\n  stats: Stat[];\n  columns?: 2 | 3 | 4;\n}\n\nexport const StatsCells = forwardRef<HTMLDListElement, CellsProps>(\n  ({ className, stats, columns = 4, ...props }, ref) => (\n    <dl ref={ref} className={cn(\"grid grid-cols-1 gap-4\", gridCols[columns], className)} {...props}>\n      {stats.map((stat) => (\n        <div\n          key={stat.label}\n          className=\"flex min-h-[8.5rem] flex-col justify-between rounded-xl border border-border bg-surface p-6\"\n        >\n          <dd className={cn(valueBase, \"text-3xl\", stat.accent ? \"text-primary\" : undefined)}>\n            {stat.value}\n            {stat.suffix ? <span className={suffixBase}>{stat.suffix}</span> : null}\n          </dd>\n          <div className=\"mt-5 flex items-center justify-between gap-3\">\n            <dt className=\"text-sm text-muted-foreground\">{stat.label}</dt>\n            {stat.icon ? (\n              <span className=\"text-foreground/30\">{stat.icon}</span>\n            ) : null}\n          </div>\n        </div>\n      ))}\n    </dl>\n  ),\n);\nStatsCells.displayName = \"StatsCells\";"],"names":["StatsCells","forwardRef","className","stats","columns","props","ref","jsx","cn","gridCols","stat","jsxs","valueBase","suffixBase"],"mappings":"qMAUaA,EAAaC,EAAAA,WACxB,CAAC,CAAE,UAAAC,EAAW,MAAAC,EAAO,QAAAC,EAAU,EAAG,GAAGC,CAAA,EAASC,IAC5CC,EAAAA,IAAC,KAAA,CAAG,IAAAD,EAAU,UAAWE,EAAAA,GAAG,yBAA0BC,EAAAA,SAASL,CAAO,EAAGF,CAAS,EAAI,GAAGG,EACtF,SAAAF,EAAM,IAAKO,GACVC,EAAAA,KAAC,MAAA,CAEC,UAAU,8FAEV,SAAA,CAAAA,EAAAA,KAAC,KAAA,CAAG,UAAWH,EAAAA,GAAGI,EAAAA,UAAW,WAAYF,EAAK,OAAS,eAAiB,MAAS,EAC9E,SAAA,CAAAA,EAAK,MACLA,EAAK,OAASH,MAAC,OAAA,CAAK,UAAWM,EAAAA,WAAa,SAAAH,EAAK,OAAO,EAAU,IAAA,EACrE,EACAC,EAAAA,KAAC,MAAA,CAAI,UAAU,+CACb,SAAA,CAAAJ,EAAAA,IAAC,KAAA,CAAG,UAAU,gCAAiC,SAAAG,EAAK,MAAM,EACzDA,EAAK,KACJH,MAAC,OAAA,CAAK,UAAU,qBAAsB,SAAAG,EAAK,KAAK,EAC9C,IAAA,CAAA,CACN,CAAA,CAAA,EAZKA,EAAK,KAAA,CAcb,CAAA,CACH,CAEJ,EACAV,EAAW,YAAc"}
+{"version":3,"file":"Cells.cjs","sources":["../../../../../src/components/Stats/variants/Cells.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes } from \"react\";\nimport { cn } from \"../../../utils/cn\";\nimport { valueBase, suffixBase, gridCols, DeltaMark } from \"../parts\";\nimport type { Stat } from \"../types\";\n\ninterface CellsProps extends HTMLAttributes<HTMLDListElement> {\n  stats: Stat[];\n  columns?: 2 | 3 | 4;\n}\n\n/**\n * cells — one framed spec matrix. Cells are divided by real hairlines (the grid\n * gaps show the shared border color), so the group reads as a single panel\n * instead of a row of detached cards.\n */\nexport const StatsCells = forwardRef<HTMLDListElement, CellsProps>(\n  ({ className, stats, columns = 4, ...props }, ref) => (\n    <dl\n      ref={ref}\n      className={cn(\n        \"grid grid-cols-1 gap-px overflow-hidden rounded-xl border border-border bg-border\",\n        gridCols[columns],\n        className,\n      )}\n      {...props}\n    >\n      {stats.map((stat) => (\n        <div\n          key={stat.label}\n          className=\"flex min-h-[8rem] flex-col justify-between gap-8 bg-surface p-5 sm:p-6\"\n        >\n          <div className=\"flex items-start justify-between gap-3\">\n            <dt className=\"text-sm leading-5 text-muted-foreground\">{stat.label}</dt>\n            {stat.icon ? <span className=\"shrink-0 text-foreground/45\">{stat.icon}</span> : null}\n          </div>\n          <div>\n            <dd\n              className={cn(\n                valueBase,\n                \"text-4xl\",\n                stat.accent ? \"text-primary\" : undefined,\n              )}\n            >\n              {stat.value}\n              {stat.suffix ? <span className={suffixBase}>{stat.suffix}</span> : null}\n            </dd>\n            {typeof stat.delta === \"number\" || stat.sub ? (\n              <div className=\"mt-3 flex flex-wrap items-baseline gap-x-3 gap-y-1\">\n                {typeof stat.delta === \"number\" ? <DeltaMark delta={stat.delta} /> : null}\n                {stat.sub ? (\n                  <p className=\"text-[13px] leading-5 text-muted-foreground\">{stat.sub}</p>\n                ) : null}\n              </div>\n            ) : null}\n          </div>\n        </div>\n      ))}\n    </dl>\n  ),\n);\nStatsCells.displayName = \"StatsCells\";\n"],"names":["StatsCells","forwardRef","className","stats","columns","props","ref","jsx","cn","gridCols","stat","jsxs","valueBase","suffixBase","DeltaMark"],"mappings":"qMAeaA,EAAaC,EAAAA,WACxB,CAAC,CAAE,UAAAC,EAAW,MAAAC,EAAO,QAAAC,EAAU,EAAG,GAAGC,CAAA,EAASC,IAC5CC,EAAAA,IAAC,KAAA,CACC,IAAAD,EACA,UAAWE,EAAAA,GACT,oFACAC,EAAAA,SAASL,CAAO,EAChBF,CAAA,EAED,GAAGG,EAEH,SAAAF,EAAM,IAAKO,GACVC,EAAAA,KAAC,MAAA,CAEC,UAAU,yEAEV,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,yCACb,SAAA,CAAAJ,EAAAA,IAAC,KAAA,CAAG,UAAU,0CAA2C,SAAAG,EAAK,MAAM,EACnEA,EAAK,KAAOH,MAAC,OAAA,CAAK,UAAU,8BAA+B,SAAAG,EAAK,KAAK,EAAU,IAAA,EAClF,SACC,MAAA,CACC,SAAA,CAAAC,EAAAA,KAAC,KAAA,CACC,UAAWH,EAAAA,GACTI,EAAAA,UACA,WACAF,EAAK,OAAS,eAAiB,MAAA,EAGhC,SAAA,CAAAA,EAAK,MACLA,EAAK,OAASH,MAAC,OAAA,CAAK,UAAWM,EAAAA,WAAa,SAAAH,EAAK,OAAO,EAAU,IAAA,CAAA,CAAA,EAEpE,OAAOA,EAAK,OAAU,UAAYA,EAAK,IACtCC,EAAAA,KAAC,MAAA,CAAI,UAAU,qDACZ,SAAA,CAAA,OAAOD,EAAK,OAAU,SAAWH,MAACO,EAAAA,WAAU,MAAOJ,EAAK,MAAO,EAAK,KACpEA,EAAK,IACJH,MAAC,IAAA,CAAE,UAAU,8CAA+C,SAAAG,EAAK,IAAI,EACnE,IAAA,CAAA,CACN,EACE,IAAA,CAAA,CACN,CAAA,CAAA,EA1BKA,EAAK,KAAA,CA4Bb,CAAA,CAAA,CAGP,EACAV,EAAW,YAAc"}

package/dist/cjs/components/Stats/variants/Editorial.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),x=require("react"),r=require("../../../utils/cn.cjs"),l=require("../parts.cjs"),a=x.forwardRef(({className:t,stats:d,columns:i=4,...c},n)=>s.jsx("dl",{ref:n,className:r.cn("grid grid-cols-1 gap-x-10 gap-y-12",l.gridCols[i],t),...c,children:d.map(e=>s.jsxs("div",{className:"border-t border-border pt-6",children:[s.jsxs("div",{className:"flex items-center justify-between gap-3",children:[s.jsx("dt",{className:"text-xs font-semibold uppercase tracking-[0.18em] text-muted-foreground",children:e.label}),typeof e.delta=="number"?s.jsx(l.DeltaBadge,{delta:e.delta}):null]}),s.jsxs("dd",{className:r.cn(l.valueBase,"mt-4 text-5xl sm:text-6xl",e.accent?"text-primary":void 0),children:[e.value,e.suffix?s.jsx("span",{className:l.suffixBase,children:e.suffix}):null]}),e.sub?s.jsx("p",{className:"mt-3 max-w-xs text-[13px] leading-5 text-muted-foreground",children:e.sub}):null]},e.label))}));a.displayName="StatsEditorial";exports.StatsEditorial=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),u=require("react"),s=require("../../../utils/cn.cjs"),r=require("../parts.cjs"),a=u.forwardRef(({className:d,stats:i,columns:n=4,...t},c)=>l.jsx("dl",{ref:c,className:s.cn("grid grid-cols-1 gap-x-10 gap-y-10",r.gridCols[n],d),...t,children:i.map(e=>l.jsxs("div",{className:"border-t border-border pt-5",children:[l.jsx("dt",{className:"text-sm leading-5 text-muted-foreground",children:e.label}),l.jsxs("dd",{className:s.cn(r.valueBase,"mt-3 text-5xl sm:text-6xl",e.accent?"text-primary":void 0),children:[e.value,e.suffix?l.jsx("span",{className:r.suffixBase,children:e.suffix}):null]}),typeof e.delta=="number"||e.sub?l.jsxs("div",{className:"mt-4 flex flex-wrap items-baseline gap-x-3 gap-y-1",children:[typeof e.delta=="number"?l.jsx(r.DeltaMark,{delta:e.delta}):null,e.sub?l.jsx("p",{className:"text-[13px] leading-5 text-muted-foreground",children:e.sub}):null]}):null]},e.label))}));a.displayName="StatsEditorial";exports.StatsEditorial=a;
 //# sourceMappingURL=Editorial.cjs.map

package/dist/cjs/components/Stats/variants/Editorial.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Editorial.cjs","sources":["../../../../../src/components/Stats/variants/Editorial.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes } from \"react\";\nimport { cn } from \"../../../utils/cn\";\nimport { valueBase, suffixBase, gridCols, DeltaBadge } from \"../parts\";\nimport type { Stat } from \"../types\";\n\ninterface EditorialProps extends HTMLAttributes<HTMLDListElement> {\n  stats: Stat[];\n  columns?: 2 | 3 | 4;\n}\n\n/** editorial — label above, oversized number, hairline rule under. */\nexport const StatsEditorial = forwardRef<HTMLDListElement, EditorialProps>(\n  ({ className, stats, columns = 4, ...props }, ref) => (\n    <dl ref={ref} className={cn(\"grid grid-cols-1 gap-x-10 gap-y-12\", gridCols[columns], className)} {...props}>\n      {stats.map((stat) => (\n        <div key={stat.label} className=\"border-t border-border pt-6\">\n          <div className=\"flex items-center justify-between gap-3\">\n            <dt className=\"text-xs font-semibold uppercase tracking-[0.18em] text-muted-foreground\">\n              {stat.label}\n            </dt>\n            {typeof stat.delta === \"number\" ? <DeltaBadge delta={stat.delta} /> : null}\n          </div>\n          <dd\n            className={cn(\n              valueBase,\n              \"mt-4 text-5xl sm:text-6xl\",\n              stat.accent ? \"text-primary\" : undefined,\n            )}\n          >\n            {stat.value}\n            {stat.suffix ? <span className={suffixBase}>{stat.suffix}</span> : null}\n          </dd>\n          {stat.sub ? (\n            <p className=\"mt-3 max-w-xs text-[13px] leading-5 text-muted-foreground\">{stat.sub}</p>\n          ) : null}\n        </div>\n      ))}\n    </dl>\n  ),\n);\nStatsEditorial.displayName = \"StatsEditorial\";"],"names":["StatsEditorial","forwardRef","className","stats","columns","props","ref","jsx","cn","gridCols","stat","jsxs","DeltaBadge","valueBase","suffixBase"],"mappings":"qMAWaA,EAAiBC,EAAAA,WAC5B,CAAC,CAAE,UAAAC,EAAW,MAAAC,EAAO,QAAAC,EAAU,EAAG,GAAGC,CAAA,EAASC,IAC5CC,EAAAA,IAAC,KAAA,CAAG,IAAAD,EAAU,UAAWE,EAAAA,GAAG,qCAAsCC,EAAAA,SAASL,CAAO,EAAGF,CAAS,EAAI,GAAGG,EAClG,SAAAF,EAAM,IAAKO,GACVC,EAAAA,KAAC,MAAA,CAAqB,UAAU,8BAC9B,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,0CACb,SAAA,CAAAJ,EAAAA,IAAC,KAAA,CAAG,UAAU,0EACX,SAAAG,EAAK,MACR,EACC,OAAOA,EAAK,OAAU,eAAYE,aAAA,CAAW,MAAOF,EAAK,KAAA,CAAO,EAAK,IAAA,EACxE,EACAC,EAAAA,KAAC,KAAA,CACC,UAAWH,EAAAA,GACTK,EAAAA,UACA,4BACAH,EAAK,OAAS,eAAiB,MAAA,EAGhC,SAAA,CAAAA,EAAK,MACLA,EAAK,OAASH,MAAC,OAAA,CAAK,UAAWO,EAAAA,WAAa,SAAAJ,EAAK,OAAO,EAAU,IAAA,CAAA,CAAA,EAEpEA,EAAK,IACJH,MAAC,IAAA,CAAE,UAAU,4DAA6D,SAAAG,EAAK,IAAI,EACjF,IAAA,GAnBIA,EAAK,KAoBf,CACD,CAAA,CACH,CAEJ,EACAV,EAAe,YAAc"}
+{"version":3,"file":"Editorial.cjs","sources":["../../../../../src/components/Stats/variants/Editorial.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes } from \"react\";\nimport { cn } from \"../../../utils/cn\";\nimport { valueBase, suffixBase, gridCols, DeltaMark } from \"../parts\";\nimport type { Stat } from \"../types\";\n\ninterface EditorialProps extends HTMLAttributes<HTMLDListElement> {\n  stats: Stat[];\n  columns?: 2 | 3 | 4;\n}\n\n/** editorial — a ruled ledger: label on the rule, oversized numeral, typed meta. */\nexport const StatsEditorial = forwardRef<HTMLDListElement, EditorialProps>(\n  ({ className, stats, columns = 4, ...props }, ref) => (\n    <dl\n      ref={ref}\n      className={cn(\"grid grid-cols-1 gap-x-10 gap-y-10\", gridCols[columns], className)}\n      {...props}\n    >\n      {stats.map((stat) => (\n        <div key={stat.label} className=\"border-t border-border pt-5\">\n          <dt className=\"text-sm leading-5 text-muted-foreground\">{stat.label}</dt>\n          <dd\n            className={cn(\n              valueBase,\n              \"mt-3 text-5xl sm:text-6xl\",\n              stat.accent ? \"text-primary\" : undefined,\n            )}\n          >\n            {stat.value}\n            {stat.suffix ? <span className={suffixBase}>{stat.suffix}</span> : null}\n          </dd>\n          {typeof stat.delta === \"number\" || stat.sub ? (\n            <div className=\"mt-4 flex flex-wrap items-baseline gap-x-3 gap-y-1\">\n              {typeof stat.delta === \"number\" ? <DeltaMark delta={stat.delta} /> : null}\n              {stat.sub ? (\n                <p className=\"text-[13px] leading-5 text-muted-foreground\">{stat.sub}</p>\n              ) : null}\n            </div>\n          ) : null}\n        </div>\n      ))}\n    </dl>\n  ),\n);\nStatsEditorial.displayName = \"StatsEditorial\";\n"],"names":["StatsEditorial","forwardRef","className","stats","columns","props","ref","jsx","cn","gridCols","stat","jsxs","valueBase","suffixBase","DeltaMark"],"mappings":"qMAWaA,EAAiBC,EAAAA,WAC5B,CAAC,CAAE,UAAAC,EAAW,MAAAC,EAAO,QAAAC,EAAU,EAAG,GAAGC,CAAA,EAASC,IAC5CC,EAAAA,IAAC,KAAA,CACC,IAAAD,EACA,UAAWE,EAAAA,GAAG,qCAAsCC,EAAAA,SAASL,CAAO,EAAGF,CAAS,EAC/E,GAAGG,EAEH,WAAM,IAAKK,GACVC,OAAC,MAAA,CAAqB,UAAU,8BAC9B,SAAA,CAAAJ,EAAAA,IAAC,KAAA,CAAG,UAAU,0CAA2C,SAAAG,EAAK,MAAM,EACpEC,EAAAA,KAAC,KAAA,CACC,UAAWH,EAAAA,GACTI,EAAAA,UACA,4BACAF,EAAK,OAAS,eAAiB,MAAA,EAGhC,SAAA,CAAAA,EAAK,MACLA,EAAK,OAASH,MAAC,OAAA,CAAK,UAAWM,EAAAA,WAAa,SAAAH,EAAK,OAAO,EAAU,IAAA,CAAA,CAAA,EAEpE,OAAOA,EAAK,OAAU,UAAYA,EAAK,IACtCC,EAAAA,KAAC,MAAA,CAAI,UAAU,qDACZ,SAAA,CAAA,OAAOD,EAAK,OAAU,SAAWH,MAACO,EAAAA,WAAU,MAAOJ,EAAK,MAAO,EAAK,KACpEA,EAAK,IACJH,MAAC,IAAA,CAAE,UAAU,8CAA+C,SAAAG,EAAK,IAAI,EACnE,IAAA,CAAA,CACN,EACE,IAAA,CAAA,EAnBIA,EAAK,KAoBf,CACD,CAAA,CAAA,CAGP,EACAV,EAAe,YAAc"}

package/dist/cjs/components/Stats/variants/Hairline.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),u=require("react"),s=require("../../../utils/cn.cjs"),a=require("../parts.cjs"),l=u.forwardRef(({className:c,stats:t,columns:i=4,...n},d)=>r.jsx("dl",{ref:d,className:s.cn("grid grid-cols-1 gap-y-10",a.gridCols[i],c),...n,children:t.map((e,o)=>r.jsxs("div",{className:s.cn("text-center",i>1&&o>0&&"sm:border-l sm:border-border"),children:[r.jsxs("dd",{className:s.cn(a.valueBase,"text-5xl",e.accent?"text-primary":void 0),children:[e.value,e.suffix?r.jsx("span",{className:a.suffixBase,children:e.suffix}):null]}),r.jsx("dt",{className:"mt-3 text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground",children:e.label})]},e.label))}));l.displayName="StatsHairline";exports.StatsHairline=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),x=require("react"),a=require("../../../utils/cn.cjs"),r=require("../parts.cjs"),i=x.forwardRef(({className:d,stats:t,columns:s=4,...n},c)=>l.jsx("dl",{ref:c,className:a.cn("grid grid-cols-1 gap-y-10",r.gridCols[s],r.gridDivider[s],d),...n,children:t.map(e=>l.jsxs("div",{className:"flex flex-col items-center gap-2.5 border-border text-center sm:px-6",children:[l.jsxs("dd",{className:a.cn(r.valueBase,"text-4xl sm:text-5xl",e.accent?"text-primary":void 0),children:[e.value,e.suffix?l.jsx("span",{className:r.suffixBase,children:e.suffix}):null]}),l.jsx("dt",{className:"text-sm leading-5 text-muted-foreground",children:e.label}),typeof e.delta=="number"?l.jsx(r.DeltaMark,{delta:e.delta,className:"mt-0.5"}):null,e.sub?l.jsx("p",{className:"mt-1 max-w-[22ch] text-[13px] leading-5 text-muted-foreground",children:e.sub}):null]},e.label))}));i.displayName="StatsHairline";exports.StatsHairline=i;
 //# sourceMappingURL=Hairline.cjs.map

package/dist/cjs/components/Stats/variants/Hairline.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Hairline.cjs","sources":["../../../../../src/components/Stats/variants/Hairline.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes } from \"react\";\nimport { cn } from \"../../../utils/cn\";\nimport { valueBase, suffixBase, gridCols } from \"../parts\";\nimport type { Stat } from \"../types\";\n\ninterface HairlineProps extends HTMLAttributes<HTMLDListElement> {\n  stats: Stat[];\n  columns?: 2 | 3 | 4;\n}\n\nexport const StatsHairline = forwardRef<HTMLDListElement, HairlineProps>(\n  ({ className, stats, columns = 4, ...props }, ref) => (\n    <dl ref={ref} className={cn(\"grid grid-cols-1 gap-y-10\", gridCols[columns], className)} {...props}>\n      {stats.map((stat, i) => (\n        <div\n          key={stat.label}\n          className={cn(\"text-center\", columns > 1 && i > 0 && \"sm:border-l sm:border-border\")}\n        >\n          <dd className={cn(valueBase, \"text-5xl\", stat.accent ? \"text-primary\" : undefined)}>\n            {stat.value}\n            {stat.suffix ? <span className={suffixBase}>{stat.suffix}</span> : null}\n          </dd>\n          <dt className=\"mt-3 text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground\">\n            {stat.label}\n          </dt>\n        </div>\n      ))}\n    </dl>\n  ),\n);\nStatsHairline.displayName = \"StatsHairline\";"],"names":["StatsHairline","forwardRef","className","stats","columns","props","ref","jsx","cn","gridCols","stat","i","jsxs","valueBase","suffixBase"],"mappings":"qMAUaA,EAAgBC,EAAAA,WAC3B,CAAC,CAAE,UAAAC,EAAW,MAAAC,EAAO,QAAAC,EAAU,EAAG,GAAGC,CAAA,EAASC,IAC5CC,EAAAA,IAAC,KAAA,CAAG,IAAAD,EAAU,UAAWE,KAAG,4BAA6BC,EAAAA,SAASL,CAAO,EAAGF,CAAS,EAAI,GAAGG,EACzF,SAAAF,EAAM,IAAI,CAACO,EAAMC,IAChBC,EAAAA,KAAC,MAAA,CAEC,UAAWJ,EAAAA,GAAG,cAAeJ,EAAU,GAAKO,EAAI,GAAK,8BAA8B,EAEnF,SAAA,CAAAC,EAAAA,KAAC,KAAA,CAAG,UAAWJ,EAAAA,GAAGK,EAAAA,UAAW,WAAYH,EAAK,OAAS,eAAiB,MAAS,EAC9E,SAAA,CAAAA,EAAK,MACLA,EAAK,OAASH,MAAC,OAAA,CAAK,UAAWO,EAAAA,WAAa,SAAAJ,EAAK,OAAO,EAAU,IAAA,EACrE,EACAH,EAAAA,IAAC,KAAA,CAAG,UAAU,+EACX,WAAK,KAAA,CACR,CAAA,CAAA,EATKG,EAAK,KAAA,CAWb,CAAA,CACH,CAEJ,EACAV,EAAc,YAAc"}
+{"version":3,"file":"Hairline.cjs","sources":["../../../../../src/components/Stats/variants/Hairline.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes } from \"react\";\nimport { cn } from \"../../../utils/cn\";\nimport { valueBase, suffixBase, gridCols, gridDivider, DeltaMark } from \"../parts\";\nimport type { Stat } from \"../types\";\n\ninterface HairlineProps extends HTMLAttributes<HTMLDListElement> {\n  stats: Stat[];\n  columns?: 2 | 3 | 4;\n}\n\n/** hairline — centered numerals in a symmetric run, divided by true vertical hairlines. */\nexport const StatsHairline = forwardRef<HTMLDListElement, HairlineProps>(\n  ({ className, stats, columns = 4, ...props }, ref) => (\n    <dl\n      ref={ref}\n      className={cn(\"grid grid-cols-1 gap-y-10\", gridCols[columns], gridDivider[columns], className)}\n      {...props}\n    >\n      {stats.map((stat) => (\n        <div\n          key={stat.label}\n          className=\"flex flex-col items-center gap-2.5 border-border text-center sm:px-6\"\n        >\n          <dd\n            className={cn(\n              valueBase,\n              \"text-4xl sm:text-5xl\",\n              stat.accent ? \"text-primary\" : undefined,\n            )}\n          >\n            {stat.value}\n            {stat.suffix ? <span className={suffixBase}>{stat.suffix}</span> : null}\n          </dd>\n          <dt className=\"text-sm leading-5 text-muted-foreground\">{stat.label}</dt>\n          {typeof stat.delta === \"number\" ? (\n            <DeltaMark delta={stat.delta} className=\"mt-0.5\" />\n          ) : null}\n          {stat.sub ? (\n            <p className=\"mt-1 max-w-[22ch] text-[13px] leading-5 text-muted-foreground\">\n              {stat.sub}\n            </p>\n          ) : null}\n        </div>\n      ))}\n    </dl>\n  ),\n);\nStatsHairline.displayName = \"StatsHairline\";\n"],"names":["StatsHairline","forwardRef","className","stats","columns","props","ref","jsx","cn","gridCols","gridDivider","stat","jsxs","valueBase","suffixBase","DeltaMark"],"mappings":"qMAWaA,EAAgBC,EAAAA,WAC3B,CAAC,CAAE,UAAAC,EAAW,MAAAC,EAAO,QAAAC,EAAU,EAAG,GAAGC,CAAA,EAASC,IAC5CC,EAAAA,IAAC,KAAA,CACC,IAAAD,EACA,UAAWE,EAAAA,GAAG,4BAA6BC,EAAAA,SAASL,CAAO,EAAGM,EAAAA,YAAYN,CAAO,EAAGF,CAAS,EAC5F,GAAGG,EAEH,SAAAF,EAAM,IAAKQ,GACVC,EAAAA,KAAC,MAAA,CAEC,UAAU,uEAEV,SAAA,CAAAA,EAAAA,KAAC,KAAA,CACC,UAAWJ,EAAAA,GACTK,EAAAA,UACA,uBACAF,EAAK,OAAS,eAAiB,MAAA,EAGhC,SAAA,CAAAA,EAAK,MACLA,EAAK,OAASJ,MAAC,OAAA,CAAK,UAAWO,EAAAA,WAAa,SAAAH,EAAK,OAAO,EAAU,IAAA,CAAA,CAAA,EAErEJ,EAAAA,IAAC,KAAA,CAAG,UAAU,0CAA2C,WAAK,MAAM,EACnE,OAAOI,EAAK,OAAU,SACrBJ,EAAAA,IAACQ,EAAAA,UAAA,CAAU,MAAOJ,EAAK,MAAO,UAAU,QAAA,CAAS,EAC/C,KACHA,EAAK,IACJJ,MAAC,IAAA,CAAE,UAAU,gEACV,SAAAI,EAAK,IACR,EACE,IAAA,CAAA,EArBCA,EAAK,KAAA,CAuBb,CAAA,CAAA,CAGP,EACAX,EAAc,YAAc"}

package/dist/cjs/components/Stats/variants/Ticker.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),o=require("react"),l=require("../../../utils/cn.cjs"),s=require("../parts.cjs"),a=o.forwardRef(({className:c,stats:d,...n},i)=>r.jsx("dl",{ref:i,className:l.cn("flex w-full items-stretch overflow-x-auto rounded-2xl border border-border bg-surface",c),...n,children:d.map((e,t)=>r.jsxs("div",{className:l.cn("flex min-w-[11rem] flex-1 flex-col gap-3 p-6",t>0&&"border-l border-border"),children:[r.jsxs("div",{className:"flex items-center justify-between gap-3",children:[r.jsx("dt",{className:"text-xs font-semibold uppercase tracking-[0.14em] text-muted-foreground",children:e.label}),typeof e.delta=="number"?r.jsx(s.DeltaBadge,{delta:e.delta}):null]}),r.jsxs("dd",{className:l.cn(s.valueBase,"text-3xl",e.accent?"text-primary":void 0),children:[e.value,e.suffix?r.jsx("span",{className:s.suffixBase,children:e.suffix}):null]}),e.sub?r.jsx("p",{className:"text-[13px] leading-5 text-muted-foreground",children:e.sub}):null]},e.label))}));a.displayName="StatsTicker";exports.StatsTicker=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),n=require("react"),r=require("../../../utils/cn.cjs"),s=require("../parts.cjs"),i=n.forwardRef(({className:a,stats:d,...c},x)=>l.jsx("dl",{ref:x,className:r.cn("flex flex-col divide-y divide-border border-y border-border sm:flex-row sm:divide-x sm:divide-y-0",a),...c,children:d.map(e=>l.jsxs("div",{className:"flex min-w-0 flex-1 flex-col gap-2.5 py-5 sm:px-6 sm:first:pl-0 sm:last:pr-0",children:[l.jsx("dt",{className:"text-sm leading-5 text-muted-foreground",children:e.label}),l.jsxs("div",{className:"flex flex-wrap items-baseline gap-x-3 gap-y-1",children:[l.jsxs("dd",{className:r.cn(s.valueBase,"text-3xl",e.accent?"text-primary":void 0),children:[e.value,e.suffix?l.jsx("span",{className:s.suffixBase,children:e.suffix}):null]}),typeof e.delta=="number"?l.jsx(s.DeltaMark,{delta:e.delta}):null]}),e.sub?l.jsx("p",{className:"max-w-[32ch] text-[13px] leading-5 text-muted-foreground",children:e.sub}):null]},e.label))}));i.displayName="StatsTicker";exports.StatsTicker=i;
 //# sourceMappingURL=Ticker.cjs.map

package/dist/cjs/components/Stats/variants/Ticker.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Ticker.cjs","sources":["../../../../../src/components/Stats/variants/Ticker.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes } from \"react\";\nimport { cn } from \"../../../utils/cn\";\nimport { valueBase, suffixBase, DeltaBadge } from \"../parts\";\nimport type { Stat } from \"../types\";\n\ninterface TickerProps extends HTMLAttributes<HTMLDListElement> {\n  stats: Stat[];\n}\n\nexport const StatsTicker = forwardRef<HTMLDListElement, TickerProps>(\n  ({ className, stats, ...props }, ref) => (\n    <dl ref={ref} className={cn(\"flex w-full items-stretch overflow-x-auto rounded-2xl border border-border bg-surface\", className)} {...props}>\n      {stats.map((stat, i) => (\n        <div\n          key={stat.label}\n          className={cn(\"flex min-w-[11rem] flex-1 flex-col gap-3 p-6\", i > 0 && \"border-l border-border\")}\n        >\n          <div className=\"flex items-center justify-between gap-3\">\n            <dt className=\"text-xs font-semibold uppercase tracking-[0.14em] text-muted-foreground\">\n              {stat.label}\n            </dt>\n            {typeof stat.delta === \"number\" ? <DeltaBadge delta={stat.delta} /> : null}\n          </div>\n          <dd className={cn(valueBase, \"text-3xl\", stat.accent ? \"text-primary\" : undefined)}>\n            {stat.value}\n            {stat.suffix ? <span className={suffixBase}>{stat.suffix}</span> : null}\n          </dd>\n          {stat.sub ? (\n            <p className=\"text-[13px] leading-5 text-muted-foreground\">{stat.sub}</p>\n          ) : null}\n        </div>\n      ))}\n    </dl>\n  ),\n);\nStatsTicker.displayName = \"StatsTicker\";"],"names":["StatsTicker","forwardRef","className","stats","props","ref","jsx","cn","stat","i","jsxs","DeltaBadge","valueBase","suffixBase"],"mappings":"qMASaA,EAAcC,EAAAA,WACzB,CAAC,CAAE,UAAAC,EAAW,MAAAC,EAAO,GAAGC,CAAA,EAASC,IAC/BC,MAAC,KAAA,CAAG,IAAAD,EAAU,UAAWE,EAAAA,GAAG,wFAAyFL,CAAS,EAAI,GAAGE,EAClI,SAAAD,EAAM,IAAI,CAACK,EAAMC,IAChBC,EAAAA,KAAC,MAAA,CAEC,UAAWH,EAAAA,GAAG,+CAAgDE,EAAI,GAAK,wBAAwB,EAE/F,SAAA,CAAAC,EAAAA,KAAC,MAAA,CAAI,UAAU,0CACb,SAAA,CAAAJ,EAAAA,IAAC,KAAA,CAAG,UAAU,0EACX,SAAAE,EAAK,MACR,EACC,OAAOA,EAAK,OAAU,eAAYG,aAAA,CAAW,MAAOH,EAAK,KAAA,CAAO,EAAK,IAAA,EACxE,EACAE,EAAAA,KAAC,KAAA,CAAG,UAAWH,EAAAA,GAAGK,EAAAA,UAAW,WAAYJ,EAAK,OAAS,eAAiB,MAAS,EAC9E,SAAA,CAAAA,EAAK,MACLA,EAAK,OAASF,MAAC,OAAA,CAAK,UAAWO,EAAAA,WAAa,SAAAL,EAAK,OAAO,EAAU,IAAA,EACrE,EACCA,EAAK,IACJF,MAAC,IAAA,CAAE,UAAU,8CAA+C,SAAAE,EAAK,IAAI,EACnE,IAAA,CAAA,EAfCA,EAAK,KAAA,CAiBb,CAAA,CACH,CAEJ,EACAR,EAAY,YAAc"}
+{"version":3,"file":"Ticker.cjs","sources":["../../../../../src/components/Stats/variants/Ticker.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes } from \"react\";\nimport { cn } from \"../../../utils/cn\";\nimport { valueBase, suffixBase, DeltaMark } from \"../parts\";\nimport type { Stat } from \"../types\";\n\ninterface TickerProps extends HTMLAttributes<HTMLDListElement> {\n  stats: Stat[];\n}\n\n/**\n * ticker — one horizontal readout band. Edge-to-edge top and bottom rules with\n * hairline dividers between entries; stacks into a ruled list on small screens.\n */\nexport const StatsTicker = forwardRef<HTMLDListElement, TickerProps>(\n  ({ className, stats, ...props }, ref) => (\n    <dl\n      ref={ref}\n      className={cn(\n        \"flex flex-col divide-y divide-border border-y border-border sm:flex-row sm:divide-x sm:divide-y-0\",\n        className,\n      )}\n      {...props}\n    >\n      {stats.map((stat) => (\n        <div\n          key={stat.label}\n          className=\"flex min-w-0 flex-1 flex-col gap-2.5 py-5 sm:px-6 sm:first:pl-0 sm:last:pr-0\"\n        >\n          <dt className=\"text-sm leading-5 text-muted-foreground\">{stat.label}</dt>\n          <div className=\"flex flex-wrap items-baseline gap-x-3 gap-y-1\">\n            <dd\n              className={cn(\n                valueBase,\n                \"text-3xl\",\n                stat.accent ? \"text-primary\" : undefined,\n              )}\n            >\n              {stat.value}\n              {stat.suffix ? <span className={suffixBase}>{stat.suffix}</span> : null}\n            </dd>\n            {typeof stat.delta === \"number\" ? <DeltaMark delta={stat.delta} /> : null}\n          </div>\n          {stat.sub ? (\n            <p className=\"max-w-[32ch] text-[13px] leading-5 text-muted-foreground\">{stat.sub}</p>\n          ) : null}\n        </div>\n      ))}\n    </dl>\n  ),\n);\nStatsTicker.displayName = \"StatsTicker\";\n"],"names":["StatsTicker","forwardRef","className","stats","props","ref","jsx","cn","stat","jsxs","valueBase","suffixBase","DeltaMark"],"mappings":"qMAaaA,EAAcC,EAAAA,WACzB,CAAC,CAAE,UAAAC,EAAW,MAAAC,EAAO,GAAGC,CAAA,EAASC,IAC/BC,EAAAA,IAAC,KAAA,CACC,IAAAD,EACA,UAAWE,EAAAA,GACT,oGACAL,CAAA,EAED,GAAGE,EAEH,SAAAD,EAAM,IAAKK,GACVC,EAAAA,KAAC,MAAA,CAEC,UAAU,+EAEV,SAAA,CAAAH,EAAAA,IAAC,KAAA,CAAG,UAAU,0CAA2C,SAAAE,EAAK,MAAM,EACpEC,EAAAA,KAAC,MAAA,CAAI,UAAU,gDACb,SAAA,CAAAA,EAAAA,KAAC,KAAA,CACC,UAAWF,EAAAA,GACTG,EAAAA,UACA,WACAF,EAAK,OAAS,eAAiB,MAAA,EAGhC,SAAA,CAAAA,EAAK,MACLA,EAAK,OAASF,MAAC,OAAA,CAAK,UAAWK,EAAAA,WAAa,SAAAH,EAAK,OAAO,EAAU,IAAA,CAAA,CAAA,EAEpE,OAAOA,EAAK,OAAU,eAAYI,YAAA,CAAU,MAAOJ,EAAK,KAAA,CAAO,EAAK,IAAA,EACvE,EACCA,EAAK,IACJF,MAAC,IAAA,CAAE,UAAU,2DAA4D,SAAAE,EAAK,IAAI,EAChF,IAAA,CAAA,EAnBCA,EAAK,KAAA,CAqBb,CAAA,CAAA,CAGP,EACAR,EAAY,YAAc"}

package/dist/es/components/AgentDemo/parts.js

@@ -12,8 +12,8 @@ function j({
   footer: u,
   logLabel: c,
   logRef: m,
-  height: f = "70dvh",
-  children: x
+  height: x = "70dvh",
+  children: f
 }) {
   const d = t ?? (s ? /* @__PURE__ */ r(
     "img",
@@ -26,7 +26,7 @@ function j({
   return /* @__PURE__ */ a(
     "div",
     {
-      style: { height: f },
+      style: { height: x },
       className: "flex flex-col overflow-hidden rounded-2xl border border-border bg-surface text-foreground shadow-overlay",
       children: [
         /* @__PURE__ */ a("div", { className: "flex shrink-0 items-center gap-3 border-b border-border px-4 py-3 sm:px-5", children: [
@@ -49,7 +49,7 @@ function j({
             "aria-live": "polite",
             "aria-label": c,
             className: "min-h-0 flex-1 overflow-y-auto px-4 py-5 sm:px-5",
-            children: /* @__PURE__ */ r("div", { className: "flex flex-col gap-4", children: x })
+            children: /* @__PURE__ */ r("div", { className: "flex flex-col gap-4", children: f })
           }
         ),
         u
@@ -89,15 +89,15 @@ function M({
   ] });
 }
 function h({ text: e, partial: n = !1 }) {
-  return /* @__PURE__ */ r("div", { className: "flex justify-end", children: /* @__PURE__ */ a("p", { className: "max-w-[85%] rounded-2xl rounded-br-md bg-primary px-3.5 py-2.5 text-sm leading-6 text-on-primary", children: [
+  return /* @__PURE__ */ r("div", { className: "flex justify-end", children: /* @__PURE__ */ a("p", { className: "max-w-[85%] rounded-2xl rounded-br-md bg-foreground px-3.5 py-2.5 text-sm leading-6 text-background", children: [
     e,
-    n ? /* @__PURE__ */ r("span", { className: "ml-0.5 inline-block h-4 w-[2px] translate-y-[3px] animate-pulse bg-on-primary" }) : null
+    n ? /* @__PURE__ */ r("span", { className: "ml-0.5 inline-block h-4 w-[2px] translate-y-[3px] animate-pulse bg-background" }) : null
   ] }) });
 }
 function b({ text: e, partial: n = !1 }) {
-  return /* @__PURE__ */ r("div", { className: "flex justify-start", children: /* @__PURE__ */ a("p", { className: "max-w-[90%] rounded-2xl rounded-bl-md bg-primary-soft px-3.5 py-2.5 text-sm leading-6 text-foreground", children: [
+  return /* @__PURE__ */ r("div", { className: "flex justify-start", children: /* @__PURE__ */ a("p", { className: "max-w-[90%] rounded-2xl rounded-bl-md bg-primary px-3.5 py-2.5 text-sm leading-6 text-on-primary", children: [
     e,
-    n ? /* @__PURE__ */ r("span", { className: "ml-0.5 inline-block h-4 w-[2px] translate-y-[3px] animate-pulse bg-foreground" }) : null
+    n ? /* @__PURE__ */ r("span", { className: "ml-0.5 inline-block h-4 w-[2px] translate-y-[3px] animate-pulse bg-on-primary" }) : null
   ] }) });
 }
 function N({ label: e, active: n = !0 }) {

package/dist/es/components/AgentDemo/parts.js.map

@@ -1 +1 @@
-{"version":3,"file":"parts.js","sources":["../../../../src/components/AgentDemo/parts.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes, ReactNode, Ref } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { Send } from \"../../icons\";\nimport type { AgentScriptStep } from \"./types\";\nimport { ToolCard } from \"./ToolCard\";\n\nexport function DemoWindow({\n  title,\n  subtitle,\n  logo,\n  logoSrc,\n  logoAlt,\n  logoClassName,\n  footer,\n  logLabel,\n  logRef,\n  height = \"70dvh\",\n  children,\n}: {\n  title?: ReactNode;\n  subtitle?: ReactNode;\n  logo?: ReactNode;\n  logoSrc?: string;\n  logoAlt?: string;\n  logoClassName?: string;\n  footer?: ReactNode;\n  logLabel: string;\n  logRef?: Ref<HTMLDivElement>;\n  height?: string;\n  children: ReactNode;\n}) {\n  const logoNode =\n    logo ??\n    (logoSrc ? (\n      <img\n        src={logoSrc}\n        alt={logoAlt ?? (typeof title === \"string\" ? title : \"Logo\")}\n        className={cn(\"h-8 w-8 rounded-lg object-cover\", logoClassName)}\n      />\n    ) : undefined);\n  return (\n    <div\n      style={{ height }}\n      className=\"flex flex-col overflow-hidden rounded-2xl border border-border bg-surface text-foreground shadow-overlay\"\n    >\n      <div className=\"flex shrink-0 items-center gap-3 border-b border-border px-4 py-3 sm:px-5\">\n        <div className=\"flex gap-1.5\" aria-hidden>\n          <span className=\"h-2.5 w-2.5 rounded-full bg-foreground/15\" />\n          <span className=\"h-2.5 w-2.5 rounded-full bg-foreground/15\" />\n          <span className=\"h-2.5 w-2.5 rounded-full bg-foreground/15\" />\n        </div>\n        {logoNode ? <span className=\"flex shrink-0 items-center\">{logoNode}</span> : null}\n        {title ?? subtitle ? (\n          <div className=\"min-w-0\">\n            {title ? (\n              <p className=\"truncate text-sm font-semibold tracking-tight\">{title}</p>\n            ) : null}\n            {subtitle ? (\n              <p className=\"truncate text-xs text-muted-foreground\">{subtitle}</p>\n            ) : null}\n          </div>\n        ) : null}\n      </div>\n\n      <div\n        role=\"log\"\n        ref={logRef}\n        aria-live=\"polite\"\n        aria-label={logLabel}\n        className=\"min-h-0 flex-1 overflow-y-auto px-4 py-5 sm:px-5\"\n      >\n        <div className=\"flex flex-col gap-4\">{children}</div>\n      </div>\n\n      {footer}\n    </div>\n  );\n}\n\nexport function DemoFooter({\n  controls,\n  progress,\n  composing,\n}: {\n  controls?: ReactNode;\n  progress?: ReactNode;\n  composing?: string;\n}) {\n  const hasMeta = controls ?? progress;\n  return (\n    <div className=\"shrink-0 border-t border-border px-4 py-3 sm:px-5\">\n      {hasMeta ? (\n        <div className=\"mb-3 flex items-center gap-2\">\n          {controls}\n          {progress}\n        </div>\n      ) : null}\n      <div\n        aria-hidden\n        className=\"flex cursor-not-allowed items-center gap-2 rounded-xl border border-border bg-surface-strong/40 px-3.5 py-2.5 text-sm text-muted-foreground select-none\"\n      >\n        {composing !== undefined ? (\n          <span className=\"flex-1 truncate text-foreground\">\n            {composing}\n            <span className=\"ml-0.5 inline-block h-4 w-[2px] translate-y-[3px] animate-pulse bg-foreground\" />\n          </span>\n        ) : (\n          <span className=\"flex-1 truncate\">Ask anything…</span>\n        )}\n        <Send\n          className={cn(\"h-4 w-4 shrink-0\", composing ? \"text-foreground\" : undefined)}\n        />\n      </div>\n    </div>\n  );\n}\n\nexport function UserMessage({ text, partial = false }: { text: string; partial?: boolean }) {\n  return (\n    <div className=\"flex justify-end\">\n      <p className=\"max-w-[85%] rounded-2xl rounded-br-md bg-primary px-3.5 py-2.5 text-sm leading-6 text-on-primary\">\n        {text}\n        {partial ? (\n          <span className=\"ml-0.5 inline-block h-4 w-[2px] translate-y-[3px] animate-pulse bg-on-primary\" />\n        ) : null}\n      </p>\n    </div>\n  );\n}\n\nexport function AssistantMessage({ text, partial = false }: { text: string; partial?: boolean }) {\n  return (\n    <div className=\"flex justify-start\">\n      <p className=\"max-w-[90%] rounded-2xl rounded-bl-md bg-primary-soft px-3.5 py-2.5 text-sm leading-6 text-foreground\">\n        {text}\n        {partial ? (\n          <span className=\"ml-0.5 inline-block h-4 w-[2px] translate-y-[3px] animate-pulse bg-foreground\" />\n        ) : null}\n      </p>\n    </div>\n  );\n}\n\nexport function ThinkingRow({ label, active = true }: { label: string; active?: boolean }) {\n  const dots = [\"[animation-delay:-0.3s]\", \"[animation-delay:-0.15s]\", \"\"];\n  return (\n    <div className=\"flex items-center gap-2 text-[13px] text-muted-foreground\">\n      <span className=\"flex gap-1\" aria-hidden>\n        {dots.map((delay, i) => (\n          <span\n            key={i}\n            className={cn(\n              \"h-1.5 w-1.5 rounded-full bg-current\",\n              active && \"animate-bounce\",\n              active && delay,\n            )}\n          />\n        ))}\n      </span>\n      <span className={active ? \"animate-pulse\" : undefined}>{label}</span>\n    </div>\n  );\n}\n\nexport function EmptyState() {\n  return (\n    <p className=\"py-10 text-center text-sm text-muted-foreground\">\n      This demo has no steps yet.\n    </p>\n  );\n}\n\nexport function StepProgress({ current, total, done }: { current: number; total: number; done: boolean }) {\n  return (\n    <span className=\"text-xs tabular-nums text-muted-foreground\">\n      {done ? \"Demo complete\" : `Step ${Math.min(current, total)} of ${total}`}\n    </span>\n  );\n}\n\n/** Render one script step in its finished state (used by the transcript and completed player steps). */\nexport function FinishedStep({ step }: { step: AgentScriptStep }) {\n  if (step.type === \"user\") return <UserMessage text={step.text} />;\n  if (step.type === \"assistant\") return <AssistantMessage text={step.text} />;\n  if (step.type === \"thinking\") return <ThinkingRow label={step.label ?? \"Thinking…\"} active={false} />;\n  return (\n    <ToolCard\n      name={step.name}\n      args={step.args}\n      result={step.result}\n      status={step.status === \"error\" ? \"error\" : \"success\"}\n    />\n  );\n}\n\nexport function ControlButton({\n  className,\n  ...props\n}: ButtonHTMLAttributes<HTMLButtonElement>) {\n  return (\n    <button\n      type=\"button\"\n      className={cn(\n        \"inline-flex h-8 cursor-pointer items-center gap-1.5 rounded-lg border border-border px-3 text-xs font-semibold text-foreground transition-colors duration-150 hover:border-foreground/25 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n"],"names":["DemoWindow","title","subtitle","logo","logoSrc","logoAlt","logoClassName","footer","logLabel","logRef","height","children","logoNode","jsx","cn","jsxs","DemoFooter","controls","progress","composing","Send","UserMessage","text","partial","AssistantMessage","ThinkingRow","label","active","delay","i","EmptyState","StepProgress","current","total","done","FinishedStep","step","ToolCard","ControlButton","className","props"],"mappings":"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"}
+{"version":3,"file":"parts.js","sources":["../../../../src/components/AgentDemo/parts.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes, ReactNode, Ref } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { Send } from \"../../icons\";\nimport type { AgentScriptStep } from \"./types\";\nimport { ToolCard } from \"./ToolCard\";\n\nexport function DemoWindow({\n  title,\n  subtitle,\n  logo,\n  logoSrc,\n  logoAlt,\n  logoClassName,\n  footer,\n  logLabel,\n  logRef,\n  height = \"70dvh\",\n  children,\n}: {\n  title?: ReactNode;\n  subtitle?: ReactNode;\n  logo?: ReactNode;\n  logoSrc?: string;\n  logoAlt?: string;\n  logoClassName?: string;\n  footer?: ReactNode;\n  logLabel: string;\n  logRef?: Ref<HTMLDivElement>;\n  height?: string;\n  children: ReactNode;\n}) {\n  const logoNode =\n    logo ??\n    (logoSrc ? (\n      <img\n        src={logoSrc}\n        alt={logoAlt ?? (typeof title === \"string\" ? title : \"Logo\")}\n        className={cn(\"h-8 w-8 rounded-lg object-cover\", logoClassName)}\n      />\n    ) : undefined);\n  return (\n    <div\n      style={{ height }}\n      className=\"flex flex-col overflow-hidden rounded-2xl border border-border bg-surface text-foreground shadow-overlay\"\n    >\n      <div className=\"flex shrink-0 items-center gap-3 border-b border-border px-4 py-3 sm:px-5\">\n        <div className=\"flex gap-1.5\" aria-hidden>\n          <span className=\"h-2.5 w-2.5 rounded-full bg-foreground/15\" />\n          <span className=\"h-2.5 w-2.5 rounded-full bg-foreground/15\" />\n          <span className=\"h-2.5 w-2.5 rounded-full bg-foreground/15\" />\n        </div>\n        {logoNode ? <span className=\"flex shrink-0 items-center\">{logoNode}</span> : null}\n        {title ?? subtitle ? (\n          <div className=\"min-w-0\">\n            {title ? (\n              <p className=\"truncate text-sm font-semibold tracking-tight\">{title}</p>\n            ) : null}\n            {subtitle ? (\n              <p className=\"truncate text-xs text-muted-foreground\">{subtitle}</p>\n            ) : null}\n          </div>\n        ) : null}\n      </div>\n\n      <div\n        role=\"log\"\n        ref={logRef}\n        aria-live=\"polite\"\n        aria-label={logLabel}\n        className=\"min-h-0 flex-1 overflow-y-auto px-4 py-5 sm:px-5\"\n      >\n        <div className=\"flex flex-col gap-4\">{children}</div>\n      </div>\n\n      {footer}\n    </div>\n  );\n}\n\nexport function DemoFooter({\n  controls,\n  progress,\n  composing,\n}: {\n  controls?: ReactNode;\n  progress?: ReactNode;\n  composing?: string;\n}) {\n  const hasMeta = controls ?? progress;\n  return (\n    <div className=\"shrink-0 border-t border-border px-4 py-3 sm:px-5\">\n      {hasMeta ? (\n        <div className=\"mb-3 flex items-center gap-2\">\n          {controls}\n          {progress}\n        </div>\n      ) : null}\n      <div\n        aria-hidden\n        className=\"flex cursor-not-allowed items-center gap-2 rounded-xl border border-border bg-surface-strong/40 px-3.5 py-2.5 text-sm text-muted-foreground select-none\"\n      >\n        {composing !== undefined ? (\n          <span className=\"flex-1 truncate text-foreground\">\n            {composing}\n            <span className=\"ml-0.5 inline-block h-4 w-[2px] translate-y-[3px] animate-pulse bg-foreground\" />\n          </span>\n        ) : (\n          <span className=\"flex-1 truncate\">Ask anything…</span>\n        )}\n        <Send\n          className={cn(\"h-4 w-4 shrink-0\", composing ? \"text-foreground\" : undefined)}\n        />\n      </div>\n    </div>\n  );\n}\n\nexport function UserMessage({ text, partial = false }: { text: string; partial?: boolean }) {\n  return (\n    <div className=\"flex justify-end\">\n      <p className=\"max-w-[85%] rounded-2xl rounded-br-md bg-foreground px-3.5 py-2.5 text-sm leading-6 text-background\">\n        {text}\n        {partial ? (\n          <span className=\"ml-0.5 inline-block h-4 w-[2px] translate-y-[3px] animate-pulse bg-background\" />\n        ) : null}\n      </p>\n    </div>\n  );\n}\n\nexport function AssistantMessage({ text, partial = false }: { text: string; partial?: boolean }) {\n  return (\n    <div className=\"flex justify-start\">\n      <p className=\"max-w-[90%] rounded-2xl rounded-bl-md bg-primary px-3.5 py-2.5 text-sm leading-6 text-on-primary\">\n        {text}\n        {partial ? (\n          <span className=\"ml-0.5 inline-block h-4 w-[2px] translate-y-[3px] animate-pulse bg-on-primary\" />\n        ) : null}\n      </p>\n    </div>\n  );\n}\n\nexport function ThinkingRow({ label, active = true }: { label: string; active?: boolean }) {\n  const dots = [\"[animation-delay:-0.3s]\", \"[animation-delay:-0.15s]\", \"\"];\n  return (\n    <div className=\"flex items-center gap-2 text-[13px] text-muted-foreground\">\n      <span className=\"flex gap-1\" aria-hidden>\n        {dots.map((delay, i) => (\n          <span\n            key={i}\n            className={cn(\n              \"h-1.5 w-1.5 rounded-full bg-current\",\n              active && \"animate-bounce\",\n              active && delay,\n            )}\n          />\n        ))}\n      </span>\n      <span className={active ? \"animate-pulse\" : undefined}>{label}</span>\n    </div>\n  );\n}\n\nexport function EmptyState() {\n  return (\n    <p className=\"py-10 text-center text-sm text-muted-foreground\">\n      This demo has no steps yet.\n    </p>\n  );\n}\n\nexport function StepProgress({ current, total, done }: { current: number; total: number; done: boolean }) {\n  return (\n    <span className=\"text-xs tabular-nums text-muted-foreground\">\n      {done ? \"Demo complete\" : `Step ${Math.min(current, total)} of ${total}`}\n    </span>\n  );\n}\n\n/** Render one script step in its finished state (used by the transcript and completed player steps). */\nexport function FinishedStep({ step }: { step: AgentScriptStep }) {\n  if (step.type === \"user\") return <UserMessage text={step.text} />;\n  if (step.type === \"assistant\") return <AssistantMessage text={step.text} />;\n  if (step.type === \"thinking\") return <ThinkingRow label={step.label ?? \"Thinking…\"} active={false} />;\n  return (\n    <ToolCard\n      name={step.name}\n      args={step.args}\n      result={step.result}\n      status={step.status === \"error\" ? \"error\" : \"success\"}\n    />\n  );\n}\n\nexport function ControlButton({\n  className,\n  ...props\n}: ButtonHTMLAttributes<HTMLButtonElement>) {\n  return (\n    <button\n      type=\"button\"\n      className={cn(\n        \"inline-flex h-8 cursor-pointer items-center gap-1.5 rounded-lg border border-border px-3 text-xs font-semibold text-foreground transition-colors duration-150 hover:border-foreground/25 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n"],"names":["DemoWindow","title","subtitle","logo","logoSrc","logoAlt","logoClassName","footer","logLabel","logRef","height","children","logoNode","jsx","cn","jsxs","DemoFooter","controls","progress","composing","Send","UserMessage","text","partial","AssistantMessage","ThinkingRow","label","active","delay","i","EmptyState","StepProgress","current","total","done","FinishedStep","step","ToolCard","ControlButton","className","props"],"mappings":"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"}

package/dist/es/components/Stats/parts.js

@@ -1,32 +1,52 @@
-import { jsxs as n, jsx as r } from "react/jsx-runtime";
-import { cn as e } from "../../utils/cn.js";
-import { ArrowUp as a, ArrowDown as l } from "../../icons.js";
-const g = "font-display font-semibold tabular-nums tracking-[-0.02em] text-foreground", d = "ml-1 font-sans text-sm font-normal tracking-normal text-muted-foreground", f = {
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import { cn as o } from "../../utils/cn.js";
+import { ArrowUp as d, ArrowDown as s } from "../../icons.js";
+const m = "font-display font-semibold leading-none tracking-[-0.03em] tabular-nums text-foreground", g = "ml-1.5 font-sans text-[0.42em] font-medium tracking-normal text-muted-foreground", h = {
   2: "sm:grid-cols-2",
   3: "sm:grid-cols-2 lg:grid-cols-3",
   4: "sm:grid-cols-2 lg:grid-cols-4"
+}, u = {
+  2: "sm:[&>*:nth-child(2n)]:border-l",
+  3: "sm:max-lg:[&>*:nth-child(2n)]:border-l lg:[&>*:nth-child(3n+2)]:border-l lg:[&>*:nth-child(3n)]:border-l",
+  4: "sm:max-lg:[&>*:nth-child(2n)]:border-l lg:[&>*:nth-child(4n+2)]:border-l lg:[&>*:nth-child(4n+3)]:border-l lg:[&>*:nth-child(4n)]:border-l"
 };
-function u({ delta: t }) {
-  const o = t >= 0, s = o ? a : l;
-  return /* @__PURE__ */ n(
+function f({ delta: e, className: l }) {
+  const n = e > 0 ? "up" : e < 0 ? "down" : "flat";
+  return /* @__PURE__ */ t(
     "span",
     {
-      className: e(
-        "inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-semibold tabular-nums",
-        o ? "bg-accent/10 text-accent" : "bg-danger-soft text-danger"
+      "data-direction": n,
+      className: o(
+        "inline-flex items-center gap-1 text-[0.8125rem] font-semibold leading-none tabular-nums",
+        l
       ),
       children: [
-        /* @__PURE__ */ r(s, { className: "h-3 w-3" }),
-        Math.abs(t),
-        "%"
+        /* @__PURE__ */ r(
+          "span",
+          {
+            "aria-hidden": !0,
+            className: o(
+              "inline-flex",
+              n === "up" && "text-accent",
+              n === "down" && "text-danger",
+              n === "flat" && "text-muted-foreground"
+            ),
+            children: n === "up" ? /* @__PURE__ */ r(d, { className: "h-3.5 w-3.5", strokeWidth: 2.25 }) : n === "down" ? /* @__PURE__ */ r(s, { className: "h-3.5 w-3.5", strokeWidth: 2.25 }) : /* @__PURE__ */ r("span", { className: "h-px w-2.5 bg-current" })
+          }
+        ),
+        /* @__PURE__ */ t("span", { className: n === "flat" ? "text-muted-foreground" : "text-foreground", children: [
+          Math.abs(e),
+          "%"
+        ] })
       ]
     }
   );
 }
 export {
-  u as DeltaBadge,
-  f as gridCols,
-  d as suffixBase,
-  g as valueBase
+  f as DeltaMark,
+  h as gridCols,
+  u as gridDivider,
+  g as suffixBase,
+  m as valueBase
 };
 //# sourceMappingURL=parts.js.map

package/dist/es/components/Stats/parts.js.map

@@ -1 +1 @@
-{"version":3,"file":"parts.js","sources":["../../../../src/components/Stats/parts.tsx"],"sourcesContent":["import { cn } from \"../../utils/cn\";\nimport { ArrowUp, ArrowDown } from \"../../icons\";\n\nexport const valueBase =\n  \"font-display font-semibold tabular-nums tracking-[-0.02em] text-foreground\";\n\nexport const suffixBase = \"ml-1 font-sans text-sm font-normal tracking-normal text-muted-foreground\";\n\nexport const gridCols: Record<2 | 3 | 4, string> = {\n  2: \"sm:grid-cols-2\",\n  3: \"sm:grid-cols-2 lg:grid-cols-3\",\n  4: \"sm:grid-cols-2 lg:grid-cols-4\",\n};\n\nexport function DeltaBadge({ delta }: { delta: number }) {\n  const isUp = delta >= 0;\n  const Icon = isUp ? ArrowUp : ArrowDown;\n  return (\n    <span\n      className={cn(\n        \"inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-semibold tabular-nums\",\n        isUp ? \"bg-accent/10 text-accent\" : \"bg-danger-soft text-danger\",\n      )}\n    >\n      <Icon className=\"h-3 w-3\" />\n      {Math.abs(delta)}%\n    </span>\n  );\n}"],"names":["valueBase","suffixBase","gridCols","DeltaBadge","delta","isUp","Icon","ArrowUp","ArrowDown","jsxs","cn","jsx"],"mappings":";;;AAGO,MAAMA,IACX,8EAEWC,IAAa,4EAEbC,IAAsC;AAAA,EACjD,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEO,SAASC,EAAW,EAAE,OAAAC,KAA4B;AACvD,QAAMC,IAAOD,KAAS,GAChBE,IAAOD,IAAOE,IAAUC;AAC9B,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAL,IAAO,6BAA6B;AAAA,MAAA;AAAA,MAGtC,UAAA;AAAA,QAAA,gBAAAM,EAACL,GAAA,EAAK,WAAU,UAAA,CAAU;AAAA,QACzB,KAAK,IAAIF,CAAK;AAAA,QAAE;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGvB;"}
+{"version":3,"file":"parts.js","sources":["../../../../src/components/Stats/parts.tsx"],"sourcesContent":["import { cn } from \"../../utils/cn\";\nimport { ArrowDown, ArrowUp } from \"../../icons\";\n\n/**\n * Shared Stats primitives.\n *\n * One voice across every layout: Space Grotesk numerals on a fixed baseline,\n * quiet sentence-case labels, hairline rules instead of card chrome, and a\n * typographic delta mark instead of a pill badge.\n */\n\nexport const valueBase =\n  \"font-display font-semibold leading-none tracking-[-0.03em] tabular-nums text-foreground\";\n\n/** Unit scales with the numeral it sits beside, so it reads at every size. */\nexport const suffixBase =\n  \"ml-1.5 font-sans text-[0.42em] font-medium tracking-normal text-muted-foreground\";\n\nexport const gridCols: Record<2 | 3 | 4, string> = {\n  2: \"sm:grid-cols-2\",\n  3: \"sm:grid-cols-2 lg:grid-cols-3\",\n  4: \"sm:grid-cols-2 lg:grid-cols-4\",\n};\n\n/**\n * Vertical hairlines between grid columns. Each breakpoint owns the columns it\n * actually draws (and `max-lg` removes the 2-up rule once 3/4-up takes over),\n * so wrapped rows never inherit a stray edge rule.\n */\nexport const gridDivider: Record<2 | 3 | 4, string> = {\n  2: \"sm:[&>*:nth-child(2n)]:border-l\",\n  3: \"sm:max-lg:[&>*:nth-child(2n)]:border-l lg:[&>*:nth-child(3n+2)]:border-l lg:[&>*:nth-child(3n)]:border-l\",\n  4: \"sm:max-lg:[&>*:nth-child(2n)]:border-l lg:[&>*:nth-child(4n+2)]:border-l lg:[&>*:nth-child(4n+3)]:border-l lg:[&>*:nth-child(4n)]:border-l\",\n};\n\n/**\n * delta — a change, set in type: a direction-colored arrow beside the signed\n * magnitude in high-contrast foreground. No background, no pill, no border.\n * Zero reads neutral.\n *\n * Direction lives on the arrow, not the figure: `--color-accent` is emerald-600\n * and only clears 3:1 as a graphic, so tinting 13px text with it would miss the\n * 4.5:1 text floor. Danger (4.8:1) could tint text, but the mark stays one\n * consistent treatment instead of two.\n */\nexport function DeltaMark({ delta, className }: { delta: number; className?: string }) {\n  const direction = delta > 0 ? \"up\" : delta < 0 ? \"down\" : \"flat\";\n\n  return (\n    <span\n      data-direction={direction}\n      className={cn(\n        \"inline-flex items-center gap-1 text-[0.8125rem] font-semibold leading-none tabular-nums\",\n        className,\n      )}\n    >\n      <span\n        aria-hidden\n        className={cn(\n          \"inline-flex\",\n          direction === \"up\" && \"text-accent\",\n          direction === \"down\" && \"text-danger\",\n          direction === \"flat\" && \"text-muted-foreground\",\n        )}\n      >\n        {direction === \"up\" ? (\n          <ArrowUp className=\"h-3.5 w-3.5\" strokeWidth={2.25} />\n        ) : direction === \"down\" ? (\n          <ArrowDown className=\"h-3.5 w-3.5\" strokeWidth={2.25} />\n        ) : (\n          <span className=\"h-px w-2.5 bg-current\" />\n        )}\n      </span>\n      <span className={direction === \"flat\" ? \"text-muted-foreground\" : \"text-foreground\"}>\n        {Math.abs(delta)}%\n      </span>\n    </span>\n  );\n}\n"],"names":["valueBase","suffixBase","gridCols","gridDivider","DeltaMark","delta","className","direction","jsxs","cn","jsx","ArrowUp","ArrowDown"],"mappings":";;;AAWO,MAAMA,IACX,2FAGWC,IACX,oFAEWC,IAAsC;AAAA,EACjD,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL,GAOaC,IAAyC;AAAA,EACpD,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAYO,SAASC,EAAU,EAAE,OAAAC,GAAO,WAAAC,KAAoD;AACrF,QAAMC,IAAYF,IAAQ,IAAI,OAAOA,IAAQ,IAAI,SAAS;AAE1D,SACE,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,kBAAgBD;AAAA,MAChB,WAAWE;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAA,gBAAAI;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,eAAW;AAAA,YACX,WAAWD;AAAA,cACT;AAAA,cACAF,MAAc,QAAQ;AAAA,cACtBA,MAAc,UAAU;AAAA,cACxBA,MAAc,UAAU;AAAA,YAAA;AAAA,YAGzB,UAAAA,MAAc,OACb,gBAAAG,EAACC,GAAA,EAAQ,WAAU,eAAc,aAAa,MAAM,IAClDJ,MAAc,SAChB,gBAAAG,EAACE,GAAA,EAAU,WAAU,eAAc,aAAa,MAAM,IAEtD,gBAAAF,EAAC,QAAA,EAAK,WAAU,wBAAA,CAAwB;AAAA,UAAA;AAAA,QAAA;AAAA,0BAG3C,QAAA,EAAK,WAAWH,MAAc,SAAS,0BAA0B,mBAC/D,UAAA;AAAA,UAAA,KAAK,IAAIF,CAAK;AAAA,UAAE;AAAA,QAAA,EAAA,CACnB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/es/components/Stats/variants/Cells.js

@@ -1,25 +1,53 @@
 import { jsx as l, jsxs as r } from "react/jsx-runtime";
 import { forwardRef as m } from "react";
-import { cn as s } from "../../../utils/cn.js";
-import { suffixBase as n, valueBase as f, gridCols as t } from "../parts.js";
+import { cn as d } from "../../../utils/cn.js";
+import { suffixBase as c, valueBase as f, DeltaMark as u, gridCols as p } from "../parts.js";
 const x = m(
-  ({ className: i, stats: d, columns: a = 4, ...o }, c) => /* @__PURE__ */ l("dl", { ref: c, className: s("grid grid-cols-1 gap-4", t[a], i), ...o, children: d.map((e) => /* @__PURE__ */ r(
-    "div",
+  ({ className: i, stats: a, columns: n = 4, ...s }, o) => /* @__PURE__ */ l(
+    "dl",
     {
-      className: "flex min-h-[8.5rem] flex-col justify-between rounded-xl border border-border bg-surface p-6",
-      children: [
-        /* @__PURE__ */ r("dd", { className: s(f, "text-3xl", e.accent ? "text-primary" : void 0), children: [
-          e.value,
-          e.suffix ? /* @__PURE__ */ l("span", { className: n, children: e.suffix }) : null
-        ] }),
-        /* @__PURE__ */ r("div", { className: "mt-5 flex items-center justify-between gap-3", children: [
-          /* @__PURE__ */ l("dt", { className: "text-sm text-muted-foreground", children: e.label }),
-          e.icon ? /* @__PURE__ */ l("span", { className: "text-foreground/30", children: e.icon }) : null
-        ] })
-      ]
-    },
-    e.label
-  )) })
+      ref: o,
+      className: d(
+        "grid grid-cols-1 gap-px overflow-hidden rounded-xl border border-border bg-border",
+        p[n],
+        i
+      ),
+      ...s,
+      children: a.map((e) => /* @__PURE__ */ r(
+        "div",
+        {
+          className: "flex min-h-[8rem] flex-col justify-between gap-8 bg-surface p-5 sm:p-6",
+          children: [
+            /* @__PURE__ */ r("div", { className: "flex items-start justify-between gap-3", children: [
+              /* @__PURE__ */ l("dt", { className: "text-sm leading-5 text-muted-foreground", children: e.label }),
+              e.icon ? /* @__PURE__ */ l("span", { className: "shrink-0 text-foreground/45", children: e.icon }) : null
+            ] }),
+            /* @__PURE__ */ r("div", { children: [
+              /* @__PURE__ */ r(
+                "dd",
+                {
+                  className: d(
+                    f,
+                    "text-4xl",
+                    e.accent ? "text-primary" : void 0
+                  ),
+                  children: [
+                    e.value,
+                    e.suffix ? /* @__PURE__ */ l("span", { className: c, children: e.suffix }) : null
+                  ]
+                }
+              ),
+              typeof e.delta == "number" || e.sub ? /* @__PURE__ */ r("div", { className: "mt-3 flex flex-wrap items-baseline gap-x-3 gap-y-1", children: [
+                typeof e.delta == "number" ? /* @__PURE__ */ l(u, { delta: e.delta }) : null,
+                e.sub ? /* @__PURE__ */ l("p", { className: "text-[13px] leading-5 text-muted-foreground", children: e.sub }) : null
+              ] }) : null
+            ] })
+          ]
+        },
+        e.label
+      ))
+    }
+  )
 );
 x.displayName = "StatsCells";
 export {

package/dist/es/components/Stats/variants/Cells.js.map

@@ -1 +1 @@
-{"version":3,"file":"Cells.js","sources":["../../../../../src/components/Stats/variants/Cells.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes } from \"react\";\nimport { cn } from \"../../../utils/cn\";\nimport { valueBase, suffixBase, gridCols } from \"../parts\";\nimport type { Stat } from \"../types\";\n\ninterface CellsProps extends HTMLAttributes<HTMLDListElement> {\n  stats: Stat[];\n  columns?: 2 | 3 | 4;\n}\n\nexport const StatsCells = forwardRef<HTMLDListElement, CellsProps>(\n  ({ className, stats, columns = 4, ...props }, ref) => (\n    <dl ref={ref} className={cn(\"grid grid-cols-1 gap-4\", gridCols[columns], className)} {...props}>\n      {stats.map((stat) => (\n        <div\n          key={stat.label}\n          className=\"flex min-h-[8.5rem] flex-col justify-between rounded-xl border border-border bg-surface p-6\"\n        >\n          <dd className={cn(valueBase, \"text-3xl\", stat.accent ? \"text-primary\" : undefined)}>\n            {stat.value}\n            {stat.suffix ? <span className={suffixBase}>{stat.suffix}</span> : null}\n          </dd>\n          <div className=\"mt-5 flex items-center justify-between gap-3\">\n            <dt className=\"text-sm text-muted-foreground\">{stat.label}</dt>\n            {stat.icon ? (\n              <span className=\"text-foreground/30\">{stat.icon}</span>\n            ) : null}\n          </div>\n        </div>\n      ))}\n    </dl>\n  ),\n);\nStatsCells.displayName = \"StatsCells\";"],"names":["StatsCells","forwardRef","className","stats","columns","props","ref","jsx","cn","gridCols","stat","jsxs","valueBase","suffixBase"],"mappings":";;;;AAUO,MAAMA,IAAaC;AAAA,EACxB,CAAC,EAAE,WAAAC,GAAW,OAAAC,GAAO,SAAAC,IAAU,GAAG,GAAGC,EAAA,GAASC,MAC5C,gBAAAC,EAAC,MAAA,EAAG,KAAAD,GAAU,WAAWE,EAAG,0BAA0BC,EAASL,CAAO,GAAGF,CAAS,GAAI,GAAGG,GACtF,UAAAF,EAAM,IAAI,CAACO,MACV,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,WAAU;AAAA,MAEV,UAAA;AAAA,QAAA,gBAAAA,EAAC,MAAA,EAAG,WAAWH,EAAGI,GAAW,YAAYF,EAAK,SAAS,iBAAiB,MAAS,GAC9E,UAAA;AAAA,UAAAA,EAAK;AAAA,UACLA,EAAK,SAAS,gBAAAH,EAAC,QAAA,EAAK,WAAWM,GAAa,UAAAH,EAAK,QAAO,IAAU;AAAA,QAAA,GACrE;AAAA,QACA,gBAAAC,EAAC,OAAA,EAAI,WAAU,gDACb,UAAA;AAAA,UAAA,gBAAAJ,EAAC,MAAA,EAAG,WAAU,iCAAiC,UAAAG,EAAK,OAAM;AAAA,UACzDA,EAAK,OACJ,gBAAAH,EAAC,QAAA,EAAK,WAAU,sBAAsB,UAAAG,EAAK,MAAK,IAC9C;AAAA,QAAA,EAAA,CACN;AAAA,MAAA;AAAA,IAAA;AAAA,IAZKA,EAAK;AAAA,EAAA,CAcb,EAAA,CACH;AAEJ;AACAV,EAAW,cAAc;"}
+{"version":3,"file":"Cells.js","sources":["../../../../../src/components/Stats/variants/Cells.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes } from \"react\";\nimport { cn } from \"../../../utils/cn\";\nimport { valueBase, suffixBase, gridCols, DeltaMark } from \"../parts\";\nimport type { Stat } from \"../types\";\n\ninterface CellsProps extends HTMLAttributes<HTMLDListElement> {\n  stats: Stat[];\n  columns?: 2 | 3 | 4;\n}\n\n/**\n * cells — one framed spec matrix. Cells are divided by real hairlines (the grid\n * gaps show the shared border color), so the group reads as a single panel\n * instead of a row of detached cards.\n */\nexport const StatsCells = forwardRef<HTMLDListElement, CellsProps>(\n  ({ className, stats, columns = 4, ...props }, ref) => (\n    <dl\n      ref={ref}\n      className={cn(\n        \"grid grid-cols-1 gap-px overflow-hidden rounded-xl border border-border bg-border\",\n        gridCols[columns],\n        className,\n      )}\n      {...props}\n    >\n      {stats.map((stat) => (\n        <div\n          key={stat.label}\n          className=\"flex min-h-[8rem] flex-col justify-between gap-8 bg-surface p-5 sm:p-6\"\n        >\n          <div className=\"flex items-start justify-between gap-3\">\n            <dt className=\"text-sm leading-5 text-muted-foreground\">{stat.label}</dt>\n            {stat.icon ? <span className=\"shrink-0 text-foreground/45\">{stat.icon}</span> : null}\n          </div>\n          <div>\n            <dd\n              className={cn(\n                valueBase,\n                \"text-4xl\",\n                stat.accent ? \"text-primary\" : undefined,\n              )}\n            >\n              {stat.value}\n              {stat.suffix ? <span className={suffixBase}>{stat.suffix}</span> : null}\n            </dd>\n            {typeof stat.delta === \"number\" || stat.sub ? (\n              <div className=\"mt-3 flex flex-wrap items-baseline gap-x-3 gap-y-1\">\n                {typeof stat.delta === \"number\" ? <DeltaMark delta={stat.delta} /> : null}\n                {stat.sub ? (\n                  <p className=\"text-[13px] leading-5 text-muted-foreground\">{stat.sub}</p>\n                ) : null}\n              </div>\n            ) : null}\n          </div>\n        </div>\n      ))}\n    </dl>\n  ),\n);\nStatsCells.displayName = \"StatsCells\";\n"],"names":["StatsCells","forwardRef","className","stats","columns","props","ref","jsx","cn","gridCols","stat","jsxs","valueBase","suffixBase","DeltaMark"],"mappings":";;;;AAeO,MAAMA,IAAaC;AAAA,EACxB,CAAC,EAAE,WAAAC,GAAW,OAAAC,GAAO,SAAAC,IAAU,GAAG,GAAGC,EAAA,GAASC,MAC5C,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,WAAWE;AAAA,QACT;AAAA,QACAC,EAASL,CAAO;AAAA,QAChBF;AAAA,MAAA;AAAA,MAED,GAAGG;AAAA,MAEH,UAAAF,EAAM,IAAI,CAACO,MACV,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC,WAAU;AAAA,UAEV,UAAA;AAAA,YAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,0CACb,UAAA;AAAA,cAAA,gBAAAJ,EAAC,MAAA,EAAG,WAAU,2CAA2C,UAAAG,EAAK,OAAM;AAAA,cACnEA,EAAK,OAAO,gBAAAH,EAAC,QAAA,EAAK,WAAU,+BAA+B,UAAAG,EAAK,MAAK,IAAU;AAAA,YAAA,GAClF;AAAA,8BACC,OAAA,EACC,UAAA;AAAA,cAAA,gBAAAC;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAWH;AAAA,oBACTI;AAAA,oBACA;AAAA,oBACAF,EAAK,SAAS,iBAAiB;AAAA,kBAAA;AAAA,kBAGhC,UAAA;AAAA,oBAAAA,EAAK;AAAA,oBACLA,EAAK,SAAS,gBAAAH,EAAC,QAAA,EAAK,WAAWM,GAAa,UAAAH,EAAK,QAAO,IAAU;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,cAEpE,OAAOA,EAAK,SAAU,YAAYA,EAAK,MACtC,gBAAAC,EAAC,OAAA,EAAI,WAAU,sDACZ,UAAA;AAAA,gBAAA,OAAOD,EAAK,SAAU,WAAW,gBAAAH,EAACO,KAAU,OAAOJ,EAAK,OAAO,IAAK;AAAA,gBACpEA,EAAK,MACJ,gBAAAH,EAAC,KAAA,EAAE,WAAU,+CAA+C,UAAAG,EAAK,KAAI,IACnE;AAAA,cAAA,EAAA,CACN,IACE;AAAA,YAAA,EAAA,CACN;AAAA,UAAA;AAAA,QAAA;AAAA,QA1BKA,EAAK;AAAA,MAAA,CA4Bb;AAAA,IAAA;AAAA,EAAA;AAGP;AACAV,EAAW,cAAc;"}

package/dist/es/components/Stats/variants/Editorial.js

@@ -1,32 +1,40 @@
 import { jsx as l, jsxs as r } from "react/jsx-runtime";
-import { forwardRef as o } from "react";
+import { forwardRef as n } from "react";
 import { cn as a } from "../../../utils/cn.js";
-import { DeltaBadge as c, suffixBase as n, valueBase as x, gridCols as f } from "../parts.js";
-const p = o(
-  ({ className: d, stats: i, columns: s = 4, ...m }, t) => /* @__PURE__ */ l("dl", { ref: t, className: a("grid grid-cols-1 gap-x-10 gap-y-12", f[s], d), ...m, children: i.map((e) => /* @__PURE__ */ r("div", { className: "border-t border-border pt-6", children: [
-    /* @__PURE__ */ r("div", { className: "flex items-center justify-between gap-3", children: [
-      /* @__PURE__ */ l("dt", { className: "text-xs font-semibold uppercase tracking-[0.18em] text-muted-foreground", children: e.label }),
-      typeof e.delta == "number" ? /* @__PURE__ */ l(c, { delta: e.delta }) : null
-    ] }),
-    /* @__PURE__ */ r(
-      "dd",
-      {
-        className: a(
-          x,
-          "mt-4 text-5xl sm:text-6xl",
-          e.accent ? "text-primary" : void 0
+import { suffixBase as t, valueBase as x, DeltaMark as c, gridCols as p } from "../parts.js";
+const f = n(
+  ({ className: d, stats: i, columns: m = 4, ...o }, s) => /* @__PURE__ */ l(
+    "dl",
+    {
+      ref: s,
+      className: a("grid grid-cols-1 gap-x-10 gap-y-10", p[m], d),
+      ...o,
+      children: i.map((e) => /* @__PURE__ */ r("div", { className: "border-t border-border pt-5", children: [
+        /* @__PURE__ */ l("dt", { className: "text-sm leading-5 text-muted-foreground", children: e.label }),
+        /* @__PURE__ */ r(
+          "dd",
+          {
+            className: a(
+              x,
+              "mt-3 text-5xl sm:text-6xl",
+              e.accent ? "text-primary" : void 0
+            ),
+            children: [
+              e.value,
+              e.suffix ? /* @__PURE__ */ l("span", { className: t, children: e.suffix }) : null
+            ]
+          }
         ),
-        children: [
-          e.value,
-          e.suffix ? /* @__PURE__ */ l("span", { className: n, children: e.suffix }) : null
-        ]
-      }
-    ),
-    e.sub ? /* @__PURE__ */ l("p", { className: "mt-3 max-w-xs text-[13px] leading-5 text-muted-foreground", children: e.sub }) : null
-  ] }, e.label)) })
+        typeof e.delta == "number" || e.sub ? /* @__PURE__ */ r("div", { className: "mt-4 flex flex-wrap items-baseline gap-x-3 gap-y-1", children: [
+          typeof e.delta == "number" ? /* @__PURE__ */ l(c, { delta: e.delta }) : null,
+          e.sub ? /* @__PURE__ */ l("p", { className: "text-[13px] leading-5 text-muted-foreground", children: e.sub }) : null
+        ] }) : null
+      ] }, e.label))
+    }
+  )
 );
-p.displayName = "StatsEditorial";
+f.displayName = "StatsEditorial";
 export {
-  p as StatsEditorial
+  f as StatsEditorial
 };
 //# sourceMappingURL=Editorial.js.map

package/dist/es/components/Stats/variants/Editorial.js.map

@@ -1 +1 @@
-{"version":3,"file":"Editorial.js","sources":["../../../../../src/components/Stats/variants/Editorial.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes } from \"react\";\nimport { cn } from \"../../../utils/cn\";\nimport { valueBase, suffixBase, gridCols, DeltaBadge } from \"../parts\";\nimport type { Stat } from \"../types\";\n\ninterface EditorialProps extends HTMLAttributes<HTMLDListElement> {\n  stats: Stat[];\n  columns?: 2 | 3 | 4;\n}\n\n/** editorial — label above, oversized number, hairline rule under. */\nexport const StatsEditorial = forwardRef<HTMLDListElement, EditorialProps>(\n  ({ className, stats, columns = 4, ...props }, ref) => (\n    <dl ref={ref} className={cn(\"grid grid-cols-1 gap-x-10 gap-y-12\", gridCols[columns], className)} {...props}>\n      {stats.map((stat) => (\n        <div key={stat.label} className=\"border-t border-border pt-6\">\n          <div className=\"flex items-center justify-between gap-3\">\n            <dt className=\"text-xs font-semibold uppercase tracking-[0.18em] text-muted-foreground\">\n              {stat.label}\n            </dt>\n            {typeof stat.delta === \"number\" ? <DeltaBadge delta={stat.delta} /> : null}\n          </div>\n          <dd\n            className={cn(\n              valueBase,\n              \"mt-4 text-5xl sm:text-6xl\",\n              stat.accent ? \"text-primary\" : undefined,\n            )}\n          >\n            {stat.value}\n            {stat.suffix ? <span className={suffixBase}>{stat.suffix}</span> : null}\n          </dd>\n          {stat.sub ? (\n            <p className=\"mt-3 max-w-xs text-[13px] leading-5 text-muted-foreground\">{stat.sub}</p>\n          ) : null}\n        </div>\n      ))}\n    </dl>\n  ),\n);\nStatsEditorial.displayName = \"StatsEditorial\";"],"names":["StatsEditorial","forwardRef","className","stats","columns","props","ref","jsx","cn","gridCols","stat","jsxs","DeltaBadge","valueBase","suffixBase"],"mappings":";;;;AAWO,MAAMA,IAAiBC;AAAA,EAC5B,CAAC,EAAE,WAAAC,GAAW,OAAAC,GAAO,SAAAC,IAAU,GAAG,GAAGC,EAAA,GAASC,MAC5C,gBAAAC,EAAC,MAAA,EAAG,KAAAD,GAAU,WAAWE,EAAG,sCAAsCC,EAASL,CAAO,GAAGF,CAAS,GAAI,GAAGG,GAClG,UAAAF,EAAM,IAAI,CAACO,MACV,gBAAAC,EAAC,OAAA,EAAqB,WAAU,+BAC9B,UAAA;AAAA,IAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,2CACb,UAAA;AAAA,MAAA,gBAAAJ,EAAC,MAAA,EAAG,WAAU,2EACX,UAAAG,EAAK,OACR;AAAA,MACC,OAAOA,EAAK,SAAU,6BAAYE,GAAA,EAAW,OAAOF,EAAK,MAAA,CAAO,IAAK;AAAA,IAAA,GACxE;AAAA,IACA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWH;AAAA,UACTK;AAAA,UACA;AAAA,UACAH,EAAK,SAAS,iBAAiB;AAAA,QAAA;AAAA,QAGhC,UAAA;AAAA,UAAAA,EAAK;AAAA,UACLA,EAAK,SAAS,gBAAAH,EAAC,QAAA,EAAK,WAAWO,GAAa,UAAAJ,EAAK,QAAO,IAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAEpEA,EAAK,MACJ,gBAAAH,EAAC,KAAA,EAAE,WAAU,6DAA6D,UAAAG,EAAK,KAAI,IACjF;AAAA,EAAA,KAnBIA,EAAK,KAoBf,CACD,EAAA,CACH;AAEJ;AACAV,EAAe,cAAc;"}
+{"version":3,"file":"Editorial.js","sources":["../../../../../src/components/Stats/variants/Editorial.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes } from \"react\";\nimport { cn } from \"../../../utils/cn\";\nimport { valueBase, suffixBase, gridCols, DeltaMark } from \"../parts\";\nimport type { Stat } from \"../types\";\n\ninterface EditorialProps extends HTMLAttributes<HTMLDListElement> {\n  stats: Stat[];\n  columns?: 2 | 3 | 4;\n}\n\n/** editorial — a ruled ledger: label on the rule, oversized numeral, typed meta. */\nexport const StatsEditorial = forwardRef<HTMLDListElement, EditorialProps>(\n  ({ className, stats, columns = 4, ...props }, ref) => (\n    <dl\n      ref={ref}\n      className={cn(\"grid grid-cols-1 gap-x-10 gap-y-10\", gridCols[columns], className)}\n      {...props}\n    >\n      {stats.map((stat) => (\n        <div key={stat.label} className=\"border-t border-border pt-5\">\n          <dt className=\"text-sm leading-5 text-muted-foreground\">{stat.label}</dt>\n          <dd\n            className={cn(\n              valueBase,\n              \"mt-3 text-5xl sm:text-6xl\",\n              stat.accent ? \"text-primary\" : undefined,\n            )}\n          >\n            {stat.value}\n            {stat.suffix ? <span className={suffixBase}>{stat.suffix}</span> : null}\n          </dd>\n          {typeof stat.delta === \"number\" || stat.sub ? (\n            <div className=\"mt-4 flex flex-wrap items-baseline gap-x-3 gap-y-1\">\n              {typeof stat.delta === \"number\" ? <DeltaMark delta={stat.delta} /> : null}\n              {stat.sub ? (\n                <p className=\"text-[13px] leading-5 text-muted-foreground\">{stat.sub}</p>\n              ) : null}\n            </div>\n          ) : null}\n        </div>\n      ))}\n    </dl>\n  ),\n);\nStatsEditorial.displayName = \"StatsEditorial\";\n"],"names":["StatsEditorial","forwardRef","className","stats","columns","props","ref","jsx","cn","gridCols","stat","jsxs","valueBase","suffixBase","DeltaMark"],"mappings":";;;;AAWO,MAAMA,IAAiBC;AAAA,EAC5B,CAAC,EAAE,WAAAC,GAAW,OAAAC,GAAO,SAAAC,IAAU,GAAG,GAAGC,EAAA,GAASC,MAC5C,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,WAAWE,EAAG,sCAAsCC,EAASL,CAAO,GAAGF,CAAS;AAAA,MAC/E,GAAGG;AAAA,MAEH,YAAM,IAAI,CAACK,MACV,gBAAAC,EAAC,OAAA,EAAqB,WAAU,+BAC9B,UAAA;AAAA,QAAA,gBAAAJ,EAAC,MAAA,EAAG,WAAU,2CAA2C,UAAAG,EAAK,OAAM;AAAA,QACpE,gBAAAC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWH;AAAA,cACTI;AAAA,cACA;AAAA,cACAF,EAAK,SAAS,iBAAiB;AAAA,YAAA;AAAA,YAGhC,UAAA;AAAA,cAAAA,EAAK;AAAA,cACLA,EAAK,SAAS,gBAAAH,EAAC,QAAA,EAAK,WAAWM,GAAa,UAAAH,EAAK,QAAO,IAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAEpE,OAAOA,EAAK,SAAU,YAAYA,EAAK,MACtC,gBAAAC,EAAC,OAAA,EAAI,WAAU,sDACZ,UAAA;AAAA,UAAA,OAAOD,EAAK,SAAU,WAAW,gBAAAH,EAACO,KAAU,OAAOJ,EAAK,OAAO,IAAK;AAAA,UACpEA,EAAK,MACJ,gBAAAH,EAAC,KAAA,EAAE,WAAU,+CAA+C,UAAAG,EAAK,KAAI,IACnE;AAAA,QAAA,EAAA,CACN,IACE;AAAA,MAAA,EAAA,GAnBIA,EAAK,KAoBf,CACD;AAAA,IAAA;AAAA,EAAA;AAGP;AACAV,EAAe,cAAc;"}

package/dist/es/components/Stats/variants/Hairline.js

@@ -1,25 +1,45 @@
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { forwardRef as t } from "react";
-import { cn as l } from "../../../utils/cn.js";
-import { suffixBase as n, valueBase as f, gridCols as x } from "../parts.js";
-const p = t(
-  ({ className: s, stats: d, columns: a = 4, ...m }, o) => /* @__PURE__ */ r("dl", { ref: o, className: l("grid grid-cols-1 gap-y-10", x[a], s), ...m, children: d.map((e, c) => /* @__PURE__ */ i(
-    "div",
+import { jsx as l, jsxs as a } from "react/jsx-runtime";
+import { forwardRef as c } from "react";
+import { cn as d } from "../../../utils/cn.js";
+import { suffixBase as n, valueBase as o, DeltaMark as x, gridDivider as f, gridCols as p } from "../parts.js";
+const u = c(
+  ({ className: i, stats: m, columns: r = 4, ...s }, t) => /* @__PURE__ */ l(
+    "dl",
     {
-      className: l("text-center", a > 1 && c > 0 && "sm:border-l sm:border-border"),
-      children: [
-        /* @__PURE__ */ i("dd", { className: l(f, "text-5xl", e.accent ? "text-primary" : void 0), children: [
-          e.value,
-          e.suffix ? /* @__PURE__ */ r("span", { className: n, children: e.suffix }) : null
-        ] }),
-        /* @__PURE__ */ r("dt", { className: "mt-3 text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground", children: e.label })
-      ]
-    },
-    e.label
-  )) })
+      ref: t,
+      className: d("grid grid-cols-1 gap-y-10", p[r], f[r], i),
+      ...s,
+      children: m.map((e) => /* @__PURE__ */ a(
+        "div",
+        {
+          className: "flex flex-col items-center gap-2.5 border-border text-center sm:px-6",
+          children: [
+            /* @__PURE__ */ a(
+              "dd",
+              {
+                className: d(
+                  o,
+                  "text-4xl sm:text-5xl",
+                  e.accent ? "text-primary" : void 0
+                ),
+                children: [
+                  e.value,
+                  e.suffix ? /* @__PURE__ */ l("span", { className: n, children: e.suffix }) : null
+                ]
+              }
+            ),
+            /* @__PURE__ */ l("dt", { className: "text-sm leading-5 text-muted-foreground", children: e.label }),
+            typeof e.delta == "number" ? /* @__PURE__ */ l(x, { delta: e.delta, className: "mt-0.5" }) : null,
+            e.sub ? /* @__PURE__ */ l("p", { className: "mt-1 max-w-[22ch] text-[13px] leading-5 text-muted-foreground", children: e.sub }) : null
+          ]
+        },
+        e.label
+      ))
+    }
+  )
 );
-p.displayName = "StatsHairline";
+u.displayName = "StatsHairline";
 export {
-  p as StatsHairline
+  u as StatsHairline
 };
 //# sourceMappingURL=Hairline.js.map

package/dist/es/components/Stats/variants/Hairline.js.map

@@ -1 +1 @@
-{"version":3,"file":"Hairline.js","sources":["../../../../../src/components/Stats/variants/Hairline.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes } from \"react\";\nimport { cn } from \"../../../utils/cn\";\nimport { valueBase, suffixBase, gridCols } from \"../parts\";\nimport type { Stat } from \"../types\";\n\ninterface HairlineProps extends HTMLAttributes<HTMLDListElement> {\n  stats: Stat[];\n  columns?: 2 | 3 | 4;\n}\n\nexport const StatsHairline = forwardRef<HTMLDListElement, HairlineProps>(\n  ({ className, stats, columns = 4, ...props }, ref) => (\n    <dl ref={ref} className={cn(\"grid grid-cols-1 gap-y-10\", gridCols[columns], className)} {...props}>\n      {stats.map((stat, i) => (\n        <div\n          key={stat.label}\n          className={cn(\"text-center\", columns > 1 && i > 0 && \"sm:border-l sm:border-border\")}\n        >\n          <dd className={cn(valueBase, \"text-5xl\", stat.accent ? \"text-primary\" : undefined)}>\n            {stat.value}\n            {stat.suffix ? <span className={suffixBase}>{stat.suffix}</span> : null}\n          </dd>\n          <dt className=\"mt-3 text-xs font-semibold uppercase tracking-[0.16em] text-muted-foreground\">\n            {stat.label}\n          </dt>\n        </div>\n      ))}\n    </dl>\n  ),\n);\nStatsHairline.displayName = \"StatsHairline\";"],"names":["StatsHairline","forwardRef","className","stats","columns","props","ref","jsx","cn","gridCols","stat","i","jsxs","valueBase","suffixBase"],"mappings":";;;;AAUO,MAAMA,IAAgBC;AAAA,EAC3B,CAAC,EAAE,WAAAC,GAAW,OAAAC,GAAO,SAAAC,IAAU,GAAG,GAAGC,EAAA,GAASC,MAC5C,gBAAAC,EAAC,MAAA,EAAG,KAAAD,GAAU,WAAWE,EAAG,6BAA6BC,EAASL,CAAO,GAAGF,CAAS,GAAI,GAAGG,GACzF,UAAAF,EAAM,IAAI,CAACO,GAAMC,MAChB,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,WAAWJ,EAAG,eAAeJ,IAAU,KAAKO,IAAI,KAAK,8BAA8B;AAAA,MAEnF,UAAA;AAAA,QAAA,gBAAAC,EAAC,MAAA,EAAG,WAAWJ,EAAGK,GAAW,YAAYH,EAAK,SAAS,iBAAiB,MAAS,GAC9E,UAAA;AAAA,UAAAA,EAAK;AAAA,UACLA,EAAK,SAAS,gBAAAH,EAAC,QAAA,EAAK,WAAWO,GAAa,UAAAJ,EAAK,QAAO,IAAU;AAAA,QAAA,GACrE;AAAA,QACA,gBAAAH,EAAC,MAAA,EAAG,WAAU,gFACX,YAAK,MAAA,CACR;AAAA,MAAA;AAAA,IAAA;AAAA,IATKG,EAAK;AAAA,EAAA,CAWb,EAAA,CACH;AAEJ;AACAV,EAAc,cAAc;"}
+{"version":3,"file":"Hairline.js","sources":["../../../../../src/components/Stats/variants/Hairline.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes } from \"react\";\nimport { cn } from \"../../../utils/cn\";\nimport { valueBase, suffixBase, gridCols, gridDivider, DeltaMark } from \"../parts\";\nimport type { Stat } from \"../types\";\n\ninterface HairlineProps extends HTMLAttributes<HTMLDListElement> {\n  stats: Stat[];\n  columns?: 2 | 3 | 4;\n}\n\n/** hairline — centered numerals in a symmetric run, divided by true vertical hairlines. */\nexport const StatsHairline = forwardRef<HTMLDListElement, HairlineProps>(\n  ({ className, stats, columns = 4, ...props }, ref) => (\n    <dl\n      ref={ref}\n      className={cn(\"grid grid-cols-1 gap-y-10\", gridCols[columns], gridDivider[columns], className)}\n      {...props}\n    >\n      {stats.map((stat) => (\n        <div\n          key={stat.label}\n          className=\"flex flex-col items-center gap-2.5 border-border text-center sm:px-6\"\n        >\n          <dd\n            className={cn(\n              valueBase,\n              \"text-4xl sm:text-5xl\",\n              stat.accent ? \"text-primary\" : undefined,\n            )}\n          >\n            {stat.value}\n            {stat.suffix ? <span className={suffixBase}>{stat.suffix}</span> : null}\n          </dd>\n          <dt className=\"text-sm leading-5 text-muted-foreground\">{stat.label}</dt>\n          {typeof stat.delta === \"number\" ? (\n            <DeltaMark delta={stat.delta} className=\"mt-0.5\" />\n          ) : null}\n          {stat.sub ? (\n            <p className=\"mt-1 max-w-[22ch] text-[13px] leading-5 text-muted-foreground\">\n              {stat.sub}\n            </p>\n          ) : null}\n        </div>\n      ))}\n    </dl>\n  ),\n);\nStatsHairline.displayName = \"StatsHairline\";\n"],"names":["StatsHairline","forwardRef","className","stats","columns","props","ref","jsx","cn","gridCols","gridDivider","stat","jsxs","valueBase","suffixBase","DeltaMark"],"mappings":";;;;AAWO,MAAMA,IAAgBC;AAAA,EAC3B,CAAC,EAAE,WAAAC,GAAW,OAAAC,GAAO,SAAAC,IAAU,GAAG,GAAGC,EAAA,GAASC,MAC5C,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,WAAWE,EAAG,6BAA6BC,EAASL,CAAO,GAAGM,EAAYN,CAAO,GAAGF,CAAS;AAAA,MAC5F,GAAGG;AAAA,MAEH,UAAAF,EAAM,IAAI,CAACQ,MACV,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC,WAAU;AAAA,UAEV,UAAA;AAAA,YAAA,gBAAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAWJ;AAAA,kBACTK;AAAA,kBACA;AAAA,kBACAF,EAAK,SAAS,iBAAiB;AAAA,gBAAA;AAAA,gBAGhC,UAAA;AAAA,kBAAAA,EAAK;AAAA,kBACLA,EAAK,SAAS,gBAAAJ,EAAC,QAAA,EAAK,WAAWO,GAAa,UAAAH,EAAK,QAAO,IAAU;AAAA,gBAAA;AAAA,cAAA;AAAA,YAAA;AAAA,YAErE,gBAAAJ,EAAC,MAAA,EAAG,WAAU,2CAA2C,YAAK,OAAM;AAAA,YACnE,OAAOI,EAAK,SAAU,WACrB,gBAAAJ,EAACQ,GAAA,EAAU,OAAOJ,EAAK,OAAO,WAAU,SAAA,CAAS,IAC/C;AAAA,YACHA,EAAK,MACJ,gBAAAJ,EAAC,KAAA,EAAE,WAAU,iEACV,UAAAI,EAAK,KACR,IACE;AAAA,UAAA;AAAA,QAAA;AAAA,QArBCA,EAAK;AAAA,MAAA,CAuBb;AAAA,IAAA;AAAA,EAAA;AAGP;AACAX,EAAc,cAAc;"}

package/dist/es/components/Stats/variants/Ticker.js

@@ -1,29 +1,50 @@
-import { jsx as r, jsxs as l } from "react/jsx-runtime";
-import { forwardRef as c } from "react";
+import { jsx as l, jsxs as r } from "react/jsx-runtime";
+import { forwardRef as x } from "react";
 import { cn as d } from "../../../utils/cn.js";
-import { DeltaBadge as f, suffixBase as n, valueBase as t } from "../parts.js";
-const x = c(
-  ({ className: a, stats: o, ...i }, s) => /* @__PURE__ */ r("dl", { ref: s, className: d("flex w-full items-stretch overflow-x-auto rounded-2xl border border-border bg-surface", a), ...i, children: o.map((e, m) => /* @__PURE__ */ l(
-    "div",
+import { suffixBase as f, valueBase as o, DeltaMark as c } from "../parts.js";
+const n = x(
+  ({ className: i, stats: a, ...m }, s) => /* @__PURE__ */ l(
+    "dl",
     {
-      className: d("flex min-w-[11rem] flex-1 flex-col gap-3 p-6", m > 0 && "border-l border-border"),
-      children: [
-        /* @__PURE__ */ l("div", { className: "flex items-center justify-between gap-3", children: [
-          /* @__PURE__ */ r("dt", { className: "text-xs font-semibold uppercase tracking-[0.14em] text-muted-foreground", children: e.label }),
-          typeof e.delta == "number" ? /* @__PURE__ */ r(f, { delta: e.delta }) : null
-        ] }),
-        /* @__PURE__ */ l("dd", { className: d(t, "text-3xl", e.accent ? "text-primary" : void 0), children: [
-          e.value,
-          e.suffix ? /* @__PURE__ */ r("span", { className: n, children: e.suffix }) : null
-        ] }),
-        e.sub ? /* @__PURE__ */ r("p", { className: "text-[13px] leading-5 text-muted-foreground", children: e.sub }) : null
-      ]
-    },
-    e.label
-  )) })
+      ref: s,
+      className: d(
+        "flex flex-col divide-y divide-border border-y border-border sm:flex-row sm:divide-x sm:divide-y-0",
+        i
+      ),
+      ...m,
+      children: a.map((e) => /* @__PURE__ */ r(
+        "div",
+        {
+          className: "flex min-w-0 flex-1 flex-col gap-2.5 py-5 sm:px-6 sm:first:pl-0 sm:last:pr-0",
+          children: [
+            /* @__PURE__ */ l("dt", { className: "text-sm leading-5 text-muted-foreground", children: e.label }),
+            /* @__PURE__ */ r("div", { className: "flex flex-wrap items-baseline gap-x-3 gap-y-1", children: [
+              /* @__PURE__ */ r(
+                "dd",
+                {
+                  className: d(
+                    o,
+                    "text-3xl",
+                    e.accent ? "text-primary" : void 0
+                  ),
+                  children: [
+                    e.value,
+                    e.suffix ? /* @__PURE__ */ l("span", { className: f, children: e.suffix }) : null
+                  ]
+                }
+              ),
+              typeof e.delta == "number" ? /* @__PURE__ */ l(c, { delta: e.delta }) : null
+            ] }),
+            e.sub ? /* @__PURE__ */ l("p", { className: "max-w-[32ch] text-[13px] leading-5 text-muted-foreground", children: e.sub }) : null
+          ]
+        },
+        e.label
+      ))
+    }
+  )
 );
-x.displayName = "StatsTicker";
+n.displayName = "StatsTicker";
 export {
-  x as StatsTicker
+  n as StatsTicker
 };
 //# sourceMappingURL=Ticker.js.map

package/dist/es/components/Stats/variants/Ticker.js.map

@@ -1 +1 @@
-{"version":3,"file":"Ticker.js","sources":["../../../../../src/components/Stats/variants/Ticker.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes } from \"react\";\nimport { cn } from \"../../../utils/cn\";\nimport { valueBase, suffixBase, DeltaBadge } from \"../parts\";\nimport type { Stat } from \"../types\";\n\ninterface TickerProps extends HTMLAttributes<HTMLDListElement> {\n  stats: Stat[];\n}\n\nexport const StatsTicker = forwardRef<HTMLDListElement, TickerProps>(\n  ({ className, stats, ...props }, ref) => (\n    <dl ref={ref} className={cn(\"flex w-full items-stretch overflow-x-auto rounded-2xl border border-border bg-surface\", className)} {...props}>\n      {stats.map((stat, i) => (\n        <div\n          key={stat.label}\n          className={cn(\"flex min-w-[11rem] flex-1 flex-col gap-3 p-6\", i > 0 && \"border-l border-border\")}\n        >\n          <div className=\"flex items-center justify-between gap-3\">\n            <dt className=\"text-xs font-semibold uppercase tracking-[0.14em] text-muted-foreground\">\n              {stat.label}\n            </dt>\n            {typeof stat.delta === \"number\" ? <DeltaBadge delta={stat.delta} /> : null}\n          </div>\n          <dd className={cn(valueBase, \"text-3xl\", stat.accent ? \"text-primary\" : undefined)}>\n            {stat.value}\n            {stat.suffix ? <span className={suffixBase}>{stat.suffix}</span> : null}\n          </dd>\n          {stat.sub ? (\n            <p className=\"text-[13px] leading-5 text-muted-foreground\">{stat.sub}</p>\n          ) : null}\n        </div>\n      ))}\n    </dl>\n  ),\n);\nStatsTicker.displayName = \"StatsTicker\";"],"names":["StatsTicker","forwardRef","className","stats","props","ref","jsx","cn","stat","i","jsxs","DeltaBadge","valueBase","suffixBase"],"mappings":";;;;AASO,MAAMA,IAAcC;AAAA,EACzB,CAAC,EAAE,WAAAC,GAAW,OAAAC,GAAO,GAAGC,EAAA,GAASC,MAC/B,gBAAAC,EAAC,MAAA,EAAG,KAAAD,GAAU,WAAWE,EAAG,yFAAyFL,CAAS,GAAI,GAAGE,GAClI,UAAAD,EAAM,IAAI,CAACK,GAAMC,MAChB,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,WAAWH,EAAG,gDAAgDE,IAAI,KAAK,wBAAwB;AAAA,MAE/F,UAAA;AAAA,QAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,2CACb,UAAA;AAAA,UAAA,gBAAAJ,EAAC,MAAA,EAAG,WAAU,2EACX,UAAAE,EAAK,OACR;AAAA,UACC,OAAOA,EAAK,SAAU,6BAAYG,GAAA,EAAW,OAAOH,EAAK,MAAA,CAAO,IAAK;AAAA,QAAA,GACxE;AAAA,QACA,gBAAAE,EAAC,MAAA,EAAG,WAAWH,EAAGK,GAAW,YAAYJ,EAAK,SAAS,iBAAiB,MAAS,GAC9E,UAAA;AAAA,UAAAA,EAAK;AAAA,UACLA,EAAK,SAAS,gBAAAF,EAAC,QAAA,EAAK,WAAWO,GAAa,UAAAL,EAAK,QAAO,IAAU;AAAA,QAAA,GACrE;AAAA,QACCA,EAAK,MACJ,gBAAAF,EAAC,KAAA,EAAE,WAAU,+CAA+C,UAAAE,EAAK,KAAI,IACnE;AAAA,MAAA;AAAA,IAAA;AAAA,IAfCA,EAAK;AAAA,EAAA,CAiBb,EAAA,CACH;AAEJ;AACAR,EAAY,cAAc;"}
+{"version":3,"file":"Ticker.js","sources":["../../../../../src/components/Stats/variants/Ticker.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes } from \"react\";\nimport { cn } from \"../../../utils/cn\";\nimport { valueBase, suffixBase, DeltaMark } from \"../parts\";\nimport type { Stat } from \"../types\";\n\ninterface TickerProps extends HTMLAttributes<HTMLDListElement> {\n  stats: Stat[];\n}\n\n/**\n * ticker — one horizontal readout band. Edge-to-edge top and bottom rules with\n * hairline dividers between entries; stacks into a ruled list on small screens.\n */\nexport const StatsTicker = forwardRef<HTMLDListElement, TickerProps>(\n  ({ className, stats, ...props }, ref) => (\n    <dl\n      ref={ref}\n      className={cn(\n        \"flex flex-col divide-y divide-border border-y border-border sm:flex-row sm:divide-x sm:divide-y-0\",\n        className,\n      )}\n      {...props}\n    >\n      {stats.map((stat) => (\n        <div\n          key={stat.label}\n          className=\"flex min-w-0 flex-1 flex-col gap-2.5 py-5 sm:px-6 sm:first:pl-0 sm:last:pr-0\"\n        >\n          <dt className=\"text-sm leading-5 text-muted-foreground\">{stat.label}</dt>\n          <div className=\"flex flex-wrap items-baseline gap-x-3 gap-y-1\">\n            <dd\n              className={cn(\n                valueBase,\n                \"text-3xl\",\n                stat.accent ? \"text-primary\" : undefined,\n              )}\n            >\n              {stat.value}\n              {stat.suffix ? <span className={suffixBase}>{stat.suffix}</span> : null}\n            </dd>\n            {typeof stat.delta === \"number\" ? <DeltaMark delta={stat.delta} /> : null}\n          </div>\n          {stat.sub ? (\n            <p className=\"max-w-[32ch] text-[13px] leading-5 text-muted-foreground\">{stat.sub}</p>\n          ) : null}\n        </div>\n      ))}\n    </dl>\n  ),\n);\nStatsTicker.displayName = \"StatsTicker\";\n"],"names":["StatsTicker","forwardRef","className","stats","props","ref","jsx","cn","stat","jsxs","valueBase","suffixBase","DeltaMark"],"mappings":";;;;AAaO,MAAMA,IAAcC;AAAA,EACzB,CAAC,EAAE,WAAAC,GAAW,OAAAC,GAAO,GAAGC,EAAA,GAASC,MAC/B,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,WAAWE;AAAA,QACT;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,MAEH,UAAAD,EAAM,IAAI,CAACK,MACV,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC,WAAU;AAAA,UAEV,UAAA;AAAA,YAAA,gBAAAH,EAAC,MAAA,EAAG,WAAU,2CAA2C,UAAAE,EAAK,OAAM;AAAA,YACpE,gBAAAC,EAAC,OAAA,EAAI,WAAU,iDACb,UAAA;AAAA,cAAA,gBAAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAWF;AAAA,oBACTG;AAAA,oBACA;AAAA,oBACAF,EAAK,SAAS,iBAAiB;AAAA,kBAAA;AAAA,kBAGhC,UAAA;AAAA,oBAAAA,EAAK;AAAA,oBACLA,EAAK,SAAS,gBAAAF,EAAC,QAAA,EAAK,WAAWK,GAAa,UAAAH,EAAK,QAAO,IAAU;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,cAEpE,OAAOA,EAAK,SAAU,6BAAYI,GAAA,EAAU,OAAOJ,EAAK,MAAA,CAAO,IAAK;AAAA,YAAA,GACvE;AAAA,YACCA,EAAK,MACJ,gBAAAF,EAAC,KAAA,EAAE,WAAU,4DAA4D,UAAAE,EAAK,KAAI,IAChF;AAAA,UAAA;AAAA,QAAA;AAAA,QAnBCA,EAAK;AAAA,MAAA,CAqBb;AAAA,IAAA;AAAA,EAAA;AAGP;AACAR,EAAY,cAAc;"}

package/dist/index.d.ts

@@ -765,7 +765,7 @@ export declare interface Stat {
     label: string;
     /** Small unit rendered inline with the value, e.g. "ms" or "₺". */
     suffix?: string;
-    /** Trend change in percent — renders an up/down badge. */
+    /** Trend change in percent — renders a directional delta mark. */
     delta?: number;
     /** Optional supporting copy. */
     sub?: string;

package/dist/styles.css

@@ -1662,8 +1662,8 @@
   .ml-0\.5 {
     margin-left: calc(var(--spacing) * 0.5);
   }
-  .ml-1 {
-    margin-left: var(--spacing);
+  .ml-1\.5 {
+    margin-left: calc(var(--spacing) * 1.5);
   }
   .ml-auto {
     margin-left: auto;
@@ -1773,8 +1773,8 @@
   .min-h-0 {
     min-height: 0px;
   }
-  .min-h-\[8\.5rem\] {
-    min-height: 8.5rem;
+  .min-h-\[8rem\] {
+    min-height: 8rem;
   }
   .w-1\.5 {
     width: calc(var(--spacing) * 1.5);
@@ -1857,6 +1857,12 @@
   .max-w-6xl {
     max-width: var(--container-6xl);
   }
+  .max-w-\[22ch\] {
+    max-width: 22ch;
+  }
+  .max-w-\[32ch\] {
+    max-width: 32ch;
+  }
   .max-w-\[85\%\] {
     max-width: 85%;
   }
@@ -1887,9 +1893,6 @@
   .min-w-\[10rem\] {
     min-width: 10rem;
   }
-  .min-w-\[11rem\] {
-    min-width: 11rem;
-  }
   .min-w-\[19rem\] {
     min-width: 19rem;
   }
@@ -1988,9 +1991,6 @@
   .items-start {
     align-items: flex-start;
   }
-  .items-stretch {
-    align-items: stretch;
-  }
   .justify-between {
     justify-content: space-between;
   }
@@ -2057,6 +2057,9 @@
   .gap-20 {
     gap: calc(var(--spacing) * 20);
   }
+  .gap-px {
+    gap: 1px;
+  }
   :where(.space-y-0\.5 > :not(:last-child)) {
     --tw-space-y-reverse: 0;
     margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));
@@ -2072,6 +2075,9 @@
     margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
     margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
   }
+  .gap-x-3 {
+    column-gap: calc(var(--spacing) * 3);
+  }
   .gap-x-8 {
     column-gap: calc(var(--spacing) * 8);
   }
@@ -2087,6 +2093,9 @@
   .gap-x-16 {
     column-gap: calc(var(--spacing) * 16);
   }
+  .gap-y-1 {
+    row-gap: var(--spacing);
+  }
   .gap-y-2\.5 {
     row-gap: calc(var(--spacing) * 2.5);
   }
@@ -2177,6 +2186,10 @@
     border-style: var(--tw-border-style);
     border-width: 1.5px;
   }
+  .border-y {
+    border-block-style: var(--tw-border-style);
+    border-block-width: 1px;
+  }
   .border-t {
     border-top-style: var(--tw-border-style);
     border-top-width: 1px;
@@ -2185,10 +2198,6 @@
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 1px;
   }
-  .border-l {
-    border-left-style: var(--tw-border-style);
-    border-left-width: 1px;
-  }
   .border-accent\/40 {
     border-color: color-mix(in srgb, rgb(rgb(var(--color-accent))) 40%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2282,9 +2291,6 @@
   .bg-current {
     background-color: currentcolor;
   }
-  .bg-danger-soft {
-    background-color: rgb(var(--color-danger-soft));
-  }
   .bg-foreground {
     background-color: rgb(var(--color-foreground));
   }
@@ -2609,6 +2615,12 @@
     font-size: var(--text-xs);
     line-height: var(--tw-leading, var(--text-xs--line-height));
   }
+  .text-\[0\.42em\] {
+    font-size: 0.42em;
+  }
+  .text-\[0\.8125rem\] {
+    font-size: 0.8125rem;
+  }
   .text-\[1\.05rem\] {
     font-size: 1.05rem;
   }
@@ -3364,6 +3376,19 @@
     .sm\:gap-x-14 {
       column-gap: calc(var(--spacing) * 14);
     }
+    :where(.sm\:divide-x > :not(:last-child)) {
+      --tw-divide-x-reverse: 0;
+      border-inline-style: var(--tw-border-style);
+      border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
+      border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
+    }
+    :where(.sm\:divide-y-0 > :not(:last-child)) {
+      --tw-divide-y-reverse: 0;
+      border-bottom-style: var(--tw-border-style);
+      border-top-style: var(--tw-border-style);
+      border-top-width: calc(0px * var(--tw-divide-y-reverse));
+      border-bottom-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
+    }
     .sm\:border-l {
       border-left-style: var(--tw-border-style);
       border-left-width: 1px;
@@ -3371,6 +3396,9 @@
     .sm\:border-border {
       border-color: rgb(var(--color-border));
     }
+    .sm\:p-6 {
+      padding: calc(var(--spacing) * 6);
+    }
     .sm\:p-14 {
       padding: calc(var(--spacing) * 14);
     }
@@ -3459,6 +3487,12 @@
     .sm\:text-\[15px\] {
       font-size: 15px;
     }
+    .sm\:first\:pl-0:first-child {
+      padding-left: 0px;
+    }
+    .sm\:last\:pr-0:last-child {
+      padding-right: 0px;
+    }
   }
   @media (width >= 48rem) {
     .md\:block {
@@ -3585,6 +3619,40 @@
       color: var(--color-emerald-400);
     }
   }
+  @media (width >= 40rem) {
+    .sm\:\[\&\>\*\:nth-child\(2n\)\]\:border-l > :nth-child(2n) {
+      border-left-style: var(--tw-border-style);
+      border-left-width: 1px;
+    }
+    @media (width < 64rem) {
+      .sm\:max-lg\:\[\&\>\*\:nth-child\(2n\)\]\:border-l > :nth-child(2n) {
+        border-left-style: var(--tw-border-style);
+        border-left-width: 1px;
+      }
+    }
+  }
+  @media (width >= 64rem) {
+    .lg\:\[\&\>\*\:nth-child\(3n\)\]\:border-l > :nth-child(3n) {
+      border-left-style: var(--tw-border-style);
+      border-left-width: 1px;
+    }
+    .lg\:\[\&\>\*\:nth-child\(3n\+2\)\]\:border-l > :nth-child(3n+2) {
+      border-left-style: var(--tw-border-style);
+      border-left-width: 1px;
+    }
+    .lg\:\[\&\>\*\:nth-child\(4n\)\]\:border-l > :nth-child(4n) {
+      border-left-style: var(--tw-border-style);
+      border-left-width: 1px;
+    }
+    .lg\:\[\&\>\*\:nth-child\(4n\+2\)\]\:border-l > :nth-child(4n+2) {
+      border-left-style: var(--tw-border-style);
+      border-left-width: 1px;
+    }
+    .lg\:\[\&\>\*\:nth-child\(4n\+3\)\]\:border-l > :nth-child(4n+3) {
+      border-left-style: var(--tw-border-style);
+      border-left-width: 1px;
+    }
+  }
 }
 @layer base {
   :root {
@@ -3981,6 +4049,11 @@
   syntax: "*";
   inherits: false;
 }
+@property --tw-divide-x-reverse {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
 @keyframes spin {
   to {
     transform: rotate(360deg);
@@ -4062,6 +4135,7 @@
       --tw-backdrop-sepia: initial;
       --tw-duration: initial;
       --tw-ease: initial;
+      --tw-divide-x-reverse: 0;
     }
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ugurdemirel/landcraft",
-  "version": "0.1.21",
+  "version": "0.1.23",
   "publishConfig": {
     "access": "public"
   },