@nocoo/basalt 3.1.0 → 3.2.0

package/dist/components/tool-chips.js.map

@@ -1 +1 @@
-{"version":3,"file":"tool-chips.js","names":["ICONS","Sparkles","FileText","Pencil","Terminal","ToolChips","vm","useToolChipsViewModel","steps","defaultOpen","highlightRef","useHoverHighlight","Collapsible","cn","className","CollapsibleTrigger","title","CollapsibleContent","Icon","step","next","Loader","Check","CircleAlert","diffs","Popover","PopoverTrigger","Button","diff","PopoverContent","PopoverTitle","CodeBlock"],"sources":["../../src/components/tool-chips.tsx"],"sourcesContent":["import { Check, CircleAlert, FileText, Pencil, Sparkles, Terminal } from \"lucide-react\";\nimport type { ToolDiff, ToolStep } from \"../models/agent-feedback\";\nimport { cn } from \"../utils/cn\";\nimport { useHoverHighlight } from \"../utils/use-hover-highlight\";\nimport { useToolChipsViewModel } from \"../viewmodels/use-tool-chips\";\nimport { Button } from \"./button\";\nimport { CodeBlock } from \"./code\";\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from \"./collapsible\";\nimport { Loader } from \"./loader\";\nimport { Popover, PopoverContent, PopoverTitle, PopoverTrigger } from \"./popover\";\n\nexport type { ToolDiff, ToolStep } from \"../models/agent-feedback\";\nexport interface ToolChipsProps {\n\t/** Caller-owned tool activity; statuses never advance automatically. */\n\tsteps: readonly ToolStep[];\n\tdiffs?: readonly ToolDiff[];\n\ttitle?: string;\n\t/** Start with the tool list expanded. @default true */\n\tdefaultOpen?: boolean;\n\tclassName?: string;\n}\nconst ICONS = { think: Sparkles, read: FileText, write: Pencil, run: Terminal };\n\nexport function ToolChips({\n\tsteps,\n\tdiffs = [],\n\ttitle,\n\tdefaultOpen = true,\n\tclassName,\n}: ToolChipsProps) {\n\tconst vm = useToolChipsViewModel(steps, defaultOpen);\n\tconst highlightRef = useHoverHighlight();\n\treturn (\n\t\t<Collapsible\n\t\t\topen={vm.open}\n\t\t\tonOpenChange={vm.setOpen}\n\t\t\tclassName={cn(\n\t\t\t\t\"basalt-ui w-full space-y-basalt-content-gap leading-[var(--basalt-line-body)]\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t<CollapsibleTrigger className=\"rounded-basalt-sm px-basalt-row-x py-basalt-control-y text-basalt-muted-foreground\">\n\t\t\t\t<span role=\"status\">{title ?? `${vm.total} tool calls · ${vm.completed} complete`}</span>\n\t\t\t</CollapsibleTrigger>\n\t\t\t<CollapsibleContent\n\t\t\t\tref={highlightRef}\n\t\t\t\tunstyled\n\t\t\t\tclassName=\"basalt-hover-list space-y-basalt-space-sm\"\n\t\t\t>\n\t\t\t\t{steps.map((step) => {\n\t\t\t\t\tconst Icon = ICONS[step.kind];\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Collapsible\n\t\t\t\t\t\t\tkey={step.id}\n\t\t\t\t\t\t\topen={vm.expanded.includes(step.id)}\n\t\t\t\t\t\t\tonOpenChange={(next) => vm.setExpanded(step.id, next)}\n\t\t\t\t\t\t\tclassName=\"basalt-agent-reveal\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<CollapsibleTrigger\n\t\t\t\t\t\t\t\tdata-basalt-hover-item=\"\"\n\t\t\t\t\t\t\t\tdata-hover-selected={vm.expanded.includes(step.id)}\n\t\t\t\t\t\t\t\taria-label={[step.label, step.target, step.status].filter(Boolean).join(\" \")}\n\t\t\t\t\t\t\t\tclassName=\"w-full min-h-basalt-control items-start justify-between rounded-basalt-sm px-basalt-row-x py-basalt-row-y leading-basalt-row [&>svg]:mt-[calc((var(--basalt-line-row)-var(--basalt-size-icon-sm))/2)]\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<span className=\"flex min-w-0 items-start gap-basalt-row-gap text-basalt-base leading-basalt-row\">\n\t\t\t\t\t\t\t\t\t<span className=\"flex h-[var(--basalt-line-row)] w-basalt-icon-lg shrink-0 items-center justify-center\">\n\t\t\t\t\t\t\t\t\t\t<Icon aria-hidden=\"true\" className=\"size-basalt-icon-lg\" strokeWidth={1.5} />\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t<span className=\"flex min-w-0 flex-wrap items-center gap-x-basalt-row-gap\">\n\t\t\t\t\t\t\t\t\t\t<span>{step.label}</span>\n\t\t\t\t\t\t\t\t\t\t{step.target && (\n\t\t\t\t\t\t\t\t\t\t\t<span className=\"max-w-full truncate font-mono text-basalt-code text-basalt-muted-foreground\">\n\t\t\t\t\t\t\t\t\t\t\t\t{step.target}\n\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\trole=\"img\"\n\t\t\t\t\t\t\t\t\t\taria-label={step.status}\n\t\t\t\t\t\t\t\t\t\tclassName=\"flex h-[var(--basalt-line-row)] w-basalt-icon-sm shrink-0 items-center justify-center\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{step.status === \"running\" ? (\n\t\t\t\t\t\t\t\t\t\t\t<Loader size={12} showLabel={false} showElapsed={false} aria-hidden=\"true\" />\n\t\t\t\t\t\t\t\t\t\t) : step.status === \"complete\" ? (\n\t\t\t\t\t\t\t\t\t\t\t<Check size={12} />\n\t\t\t\t\t\t\t\t\t\t) : step.status === \"error\" ? (\n\t\t\t\t\t\t\t\t\t\t\t<CircleAlert size={12} className=\"text-basalt-danger\" />\n\t\t\t\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t</CollapsibleTrigger>\n\t\t\t\t\t\t\t<CollapsibleContent\n\t\t\t\t\t\t\t\tunstyled\n\t\t\t\t\t\t\t\tclassName=\"pl-basalt-row-content pr-basalt-row-x pb-basalt-row-y\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<p className=\"whitespace-pre-wrap break-words text-basalt-code text-basalt-muted-foreground\">\n\t\t\t\t\t\t\t\t\t{step.detail || \"No output yet\"}\n\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t</CollapsibleContent>\n\t\t\t\t\t\t</Collapsible>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t\t{steps.length === 0 && (\n\t\t\t\t\t<p className=\"px-basalt-row-x py-basalt-space-lg text-basalt-sm text-basalt-muted-foreground\">\n\t\t\t\t\t\tNo tool calls yet\n\t\t\t\t\t</p>\n\t\t\t\t)}\n\t\t\t\t<div className=\"flex flex-wrap gap-basalt-content-gap px-basalt-row-x\">\n\t\t\t\t\t{diffs.map((diff) => (\n\t\t\t\t\t\t<Popover key={diff.file}>\n\t\t\t\t\t\t\t<PopoverTrigger asChild>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tvariant=\"outline\"\n\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\taria-label={`${diff.file} +${diff.added} -${diff.removed}`}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<span className=\"font-mono text-basalt-sm\">{diff.file}</span>\n\t\t\t\t\t\t\t\t\t<span className=\"text-basalt-primary\">+{diff.added}</span>\n\t\t\t\t\t\t\t\t\t<span className=\"text-basalt-danger\">-{diff.removed}</span>\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t</PopoverTrigger>\n\t\t\t\t\t\t\t<PopoverContent arrow={false} className=\"max-w-[calc(100vw-2rem)]\">\n\t\t\t\t\t\t\t\t<PopoverTitle>{diff.file}</PopoverTitle>\n\t\t\t\t\t\t\t\t<CodeBlock className=\"mt-basalt-space-lg max-h-basalt-64 text-basalt-sm\">\n\t\t\t\t\t\t\t\t\t{diff.content || \"No diff preview available\"}\n\t\t\t\t\t\t\t\t</CodeBlock>\n\t\t\t\t\t\t\t</PopoverContent>\n\t\t\t\t\t\t</Popover>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t</CollapsibleContent>\n\t\t</Collapsible>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"file":"tool-chips.js","names":["ICONS","Sparkles","FileText","Pencil","Terminal","ToolChips","vm","useToolChipsViewModel","steps","defaultOpen","highlightRef","useHoverHighlight","Collapsible","cn","className","CollapsibleTrigger","title","CollapsibleContent","Icon","step","next","Loader","Check","CircleAlert","diffs","Popover","PopoverTrigger","Button","diff","PopoverContent","PopoverTitle","CodeBlock"],"sources":["../../src/components/tool-chips.tsx"],"sourcesContent":["import { Check, CircleAlert, FileText, Pencil, Sparkles, Terminal } from \"lucide-react\";\nimport type { ToolDiff, ToolStep } from \"../models/agent-feedback\";\nimport { cn } from \"../utils/cn\";\nimport { useHoverHighlight } from \"../utils/use-hover-highlight\";\nimport { useToolChipsViewModel } from \"../viewmodels/use-tool-chips\";\nimport { Button } from \"./button\";\nimport { CodeBlock } from \"./code\";\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from \"./collapsible\";\nimport { Loader } from \"./loader\";\nimport { Popover, PopoverContent, PopoverTitle, PopoverTrigger } from \"./popover\";\n\nexport type { ToolDiff, ToolStep } from \"../models/agent-feedback\";\nexport interface ToolChipsProps {\n\t/** Caller-owned tool activity; statuses never advance automatically. */\n\tsteps: readonly ToolStep[];\n\tdiffs?: readonly ToolDiff[];\n\ttitle?: string;\n\t/** Start with the tool list expanded. @default true */\n\tdefaultOpen?: boolean;\n\tclassName?: string;\n}\nconst ICONS = { think: Sparkles, read: FileText, write: Pencil, run: Terminal };\n\nexport function ToolChips({\n\tsteps,\n\tdiffs = [],\n\ttitle,\n\tdefaultOpen = true,\n\tclassName,\n}: ToolChipsProps) {\n\tconst vm = useToolChipsViewModel(steps, defaultOpen);\n\tconst highlightRef = useHoverHighlight();\n\treturn (\n\t\t<Collapsible\n\t\t\topen={vm.open}\n\t\t\tonOpenChange={vm.setOpen}\n\t\t\tclassName={cn(\n\t\t\t\t\"basalt-ui w-full space-y-basalt-content-gap leading-[var(--basalt-line-body)]\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t<CollapsibleTrigger className=\"rounded-basalt-sm px-basalt-row-x py-basalt-control-y text-basalt-muted-foreground\">\n\t\t\t\t<span role=\"status\">{title ?? `${vm.total} tool calls · ${vm.completed} complete`}</span>\n\t\t\t</CollapsibleTrigger>\n\t\t\t<CollapsibleContent\n\t\t\t\tref={highlightRef}\n\t\t\t\tunstyled\n\t\t\t\tclassName=\"basalt-hover-list space-y-basalt-space-sm\"\n\t\t\t>\n\t\t\t\t{steps.map((step) => {\n\t\t\t\t\tconst Icon = ICONS[step.kind];\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Collapsible\n\t\t\t\t\t\t\tkey={step.id}\n\t\t\t\t\t\t\topen={vm.expanded.includes(step.id)}\n\t\t\t\t\t\t\tonOpenChange={(next) => vm.setExpanded(step.id, next)}\n\t\t\t\t\t\t\tclassName=\"basalt-agent-reveal\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<CollapsibleTrigger\n\t\t\t\t\t\t\t\tdata-basalt-hover-item=\"\"\n\t\t\t\t\t\t\t\tdata-hover-selected={vm.expanded.includes(step.id)}\n\t\t\t\t\t\t\t\taria-label={[step.label, step.target, step.status].filter(Boolean).join(\" \")}\n\t\t\t\t\t\t\t\tclassName=\"w-full min-h-basalt-control items-start justify-between rounded-basalt-sm px-basalt-row-x py-basalt-row-y leading-basalt-row [&>svg]:mt-[calc((var(--basalt-line-row)-var(--basalt-size-icon-sm))/2)]\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<span className=\"flex min-w-0 items-start gap-basalt-row-gap text-basalt-base leading-basalt-row\">\n\t\t\t\t\t\t\t\t\t<span className=\"flex h-[var(--basalt-line-row)] w-basalt-icon-lg shrink-0 items-center justify-center\">\n\t\t\t\t\t\t\t\t\t\t<Icon aria-hidden=\"true\" className=\"size-basalt-icon-lg\" strokeWidth={1.5} />\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t<span className=\"flex min-w-0 flex-wrap items-center gap-x-basalt-row-gap\">\n\t\t\t\t\t\t\t\t\t\t<span>{step.label}</span>\n\t\t\t\t\t\t\t\t\t\t{step.target && (\n\t\t\t\t\t\t\t\t\t\t\t<span className=\"max-w-full truncate font-mono text-basalt-base text-basalt-muted-foreground\">\n\t\t\t\t\t\t\t\t\t\t\t\t{step.target}\n\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\trole=\"img\"\n\t\t\t\t\t\t\t\t\t\taria-label={step.status}\n\t\t\t\t\t\t\t\t\t\tclassName=\"flex h-[var(--basalt-line-row)] w-basalt-icon-sm shrink-0 items-center justify-center\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{step.status === \"running\" ? (\n\t\t\t\t\t\t\t\t\t\t\t<Loader size={12} showLabel={false} showElapsed={false} aria-hidden=\"true\" />\n\t\t\t\t\t\t\t\t\t\t) : step.status === \"complete\" ? (\n\t\t\t\t\t\t\t\t\t\t\t<Check size={12} />\n\t\t\t\t\t\t\t\t\t\t) : step.status === \"error\" ? (\n\t\t\t\t\t\t\t\t\t\t\t<CircleAlert size={12} className=\"text-basalt-danger\" />\n\t\t\t\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t</CollapsibleTrigger>\n\t\t\t\t\t\t\t<CollapsibleContent\n\t\t\t\t\t\t\t\tunstyled\n\t\t\t\t\t\t\t\tclassName=\"pl-basalt-row-content pr-basalt-row-x pb-basalt-row-y\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<p className=\"whitespace-pre-wrap break-words text-basalt-base text-basalt-muted-foreground\">\n\t\t\t\t\t\t\t\t\t{step.detail || \"No output yet\"}\n\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t</CollapsibleContent>\n\t\t\t\t\t\t</Collapsible>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t\t{steps.length === 0 && (\n\t\t\t\t\t<p className=\"px-basalt-row-x py-basalt-space-lg text-basalt-sm text-basalt-muted-foreground\">\n\t\t\t\t\t\tNo tool calls yet\n\t\t\t\t\t</p>\n\t\t\t\t)}\n\t\t\t\t<div className=\"flex flex-wrap gap-basalt-content-gap px-basalt-row-x\">\n\t\t\t\t\t{diffs.map((diff) => (\n\t\t\t\t\t\t<Popover key={diff.file}>\n\t\t\t\t\t\t\t<PopoverTrigger asChild>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tvariant=\"outline\"\n\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\taria-label={`${diff.file} +${diff.added} -${diff.removed}`}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<span className=\"font-mono text-basalt-sm\">{diff.file}</span>\n\t\t\t\t\t\t\t\t\t<span className=\"text-basalt-primary\">+{diff.added}</span>\n\t\t\t\t\t\t\t\t\t<span className=\"text-basalt-danger\">-{diff.removed}</span>\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t</PopoverTrigger>\n\t\t\t\t\t\t\t<PopoverContent arrow={false} className=\"max-w-[calc(100vw-2rem)]\">\n\t\t\t\t\t\t\t\t<PopoverTitle>{diff.file}</PopoverTitle>\n\t\t\t\t\t\t\t\t<CodeBlock className=\"mt-basalt-space-lg max-h-basalt-64 text-basalt-sm\">\n\t\t\t\t\t\t\t\t\t{diff.content || \"No diff preview available\"}\n\t\t\t\t\t\t\t\t</CodeBlock>\n\t\t\t\t\t\t\t</PopoverContent>\n\t\t\t\t\t\t</Popover>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t</CollapsibleContent>\n\t\t</Collapsible>\n\t);\n}\n"],"mappings":"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"}

package/dist/styles/standalone.css

@@ -27,15 +27,15 @@
   --basalt-space-md: 0.375rem;
   --basalt-space-lg: 0.5rem;
   --basalt-space-default: var(--basalt-space-lg);
-  --basalt-text-xs: 0.6875rem;
+  --basalt-text-xs: 0.75rem;
   --basalt-text-sm: 0.75rem;
-  --basalt-text-code: 0.8125rem;
+  --basalt-text-code: 0.875rem;
   --basalt-text-base: 0.875rem;
-  --basalt-text-lg: 1rem;
+  --basalt-text-lg: 1.125rem;
   --basalt-text-xl: 1.125rem;
-  --basalt-text-2xl: 1.25rem;
+  --basalt-text-2xl: 1.125rem;
   --basalt-text-3xl: 1.5rem;
-  --basalt-text-4xl: 1.875rem;
+  --basalt-text-4xl: 1.5rem;
   --basalt-text-5xl: 2.25rem;
   --basalt-text-6xl: 3rem;
   --basalt-text-7xl: 3.75rem;
@@ -48,7 +48,7 @@
   --basalt-leading-inline: calc(16 / 12);
   --basalt-leading-action: calc(24 / 14);
   --basalt-leading-action-sm: 1.5;
-  --basalt-leading-action-lg: 1.375;
+  --basalt-leading-action-lg: calc(22 / 14);
   --basalt-leading-banner: calc(22 / 14);
   --basalt-radius-sm: 0.25rem;
   --basalt-radius-md: 0.5rem;
@@ -104,15 +104,15 @@
   --basalt-size-icon-display: 1.5rem;
   --basalt-size-touch: 2.75rem;
   --basalt-size-menu-row: var(--basalt-size-control);
-  --basalt-size-table-row: 2.25rem;
+  --basalt-size-table-row: 2.5rem;
   --basalt-size-check: 1rem;
   --basalt-size-check-sm: 0.75rem;
   --basalt-size-textarea: 5rem;
   --basalt-size-textarea-sm: 4rem;
   --basalt-size-textarea-lg: 6rem;
-  --basalt-space-control-x: var(--basalt-space-lg);
-  --basalt-space-control-x-sm: var(--basalt-space-md);
-  --basalt-space-control-x-lg: var(--basalt-space-lg);
+  --basalt-space-control-x: 0.75rem;
+  --basalt-space-control-x-sm: 0.625rem;
+  --basalt-space-control-x-lg: 1rem;
   --basalt-space-control-y: var(--basalt-space-sm);
   --basalt-space-control-gap: var(--basalt-space-lg);
   --basalt-space-menu-inset: var(--basalt-space-lg);
@@ -127,8 +127,8 @@
   --basalt-space-layout-lg: 1.5rem;
   --basalt-space-layout-xl: 2rem;
   --basalt-space-field-gap: var(--basalt-space-lg);
-  --basalt-space-table-x: var(--basalt-space-lg);
-  --basalt-space-table-y: var(--basalt-space-md);
+  --basalt-space-table-x: 0.75rem;
+  --basalt-space-table-y: var(--basalt-space-lg);
   --basalt-space-overlay: var(--basalt-space-lg);
   --basalt-space-panel-x: var(--basalt-space-card);
   --basalt-space-panel-y: var(--basalt-space-card-sm);
@@ -178,16 +178,15 @@
   --basalt-input: 220 13% 88%;
   --basalt-ring: var(--basalt-primary);
   --basalt-control-fill: hsl(var(--basalt-secondary));
+  --basalt-surface-current: var(--basalt-card);
+  --basalt-surface-elevated: var(--basalt-secondary);
+  --basalt-hover-weight: 18%;
   --basalt-hover: hsl(var(--basalt-primary));
   @supports (color: color-mix(in lab, red, red)) {
-    --basalt-hover: color-mix(in srgb, hsl(var(--basalt-primary)) 9.6%, hsl(var(--basalt-popover)));
-  }
-  --basalt-hover-end: hsl(var(--basalt-primary));
-  @supports (color: color-mix(in lab, red, red)) {
-    --basalt-hover-end: color-mix(
+    --basalt-hover: color-mix(
 		in srgb,
-		hsl(var(--basalt-primary)) 4.8%,
-		hsl(var(--basalt-popover))
+		hsl(var(--basalt-primary)) 18%,
+		hsl(var(--basalt-surface-elevated))
 	);
   }
   --basalt-selected: 0 0% 100%;
@@ -228,13 +227,13 @@
   --basalt-chart-yellow: 49 100% 69%;
   --basalt-chart-pearl: 215 12% 48%;
   --basalt-chart-1: var(--basalt-chart-blue);
-  --basalt-chart-2: var(--basalt-chart-blue);
-  --basalt-chart-3: var(--basalt-chart-green);
-  --basalt-chart-4: var(--basalt-chart-green);
+  --basalt-chart-2: var(--basalt-chart-pink);
+  --basalt-chart-3: 182 38% 48%;
+  --basalt-chart-4: 280 32% 62%;
   --basalt-chart-5: var(--basalt-chart-green);
-  --basalt-chart-6: var(--basalt-chart-green);
+  --basalt-chart-6: 27 54% 62%;
   --basalt-chart-7: var(--basalt-chart-yellow);
-  --basalt-chart-8: var(--basalt-chart-yellow);
+  --basalt-chart-8: 237 36% 62%;
   --basalt-chart-9: var(--basalt-chart-pink);
   --basalt-chart-10: var(--basalt-chart-pink);
   --basalt-chart-11: var(--basalt-chart-pink);
@@ -263,6 +262,7 @@
   --basalt-accent-10: 280 53% 71%;
   --basalt-accent-11: 237 66% 69%;
   --basalt-accent-12: 210 20% 87%;
+  --basalt-success: var(--basalt-tag-success-foreground);
   --basalt-badge-green: 113 60% 30%;
   --basalt-badge-green-foreground: 0 0% 100%;
   --basalt-badge-teal: 182 62% 30%;
@@ -315,6 +315,7 @@
   --basalt-danger-tint: 0 40% 16%;
   --basalt-info-foreground: 0 0% 10%;
   --basalt-warning-foreground: 0 0% 10%;
+  --basalt-success: var(--basalt-tag-success-foreground);
   --basalt-badge-green: 113 55% 62%;
   --basalt-badge-green-foreground: 0 0% 10%;
   --basalt-badge-teal: var(--basalt-accent-3);
@@ -325,16 +326,15 @@
   --basalt-input: 0 0% 18%;
   --basalt-ring: var(--basalt-primary);
   --basalt-control-fill: hsl(var(--basalt-secondary));
+  --basalt-surface-current: var(--basalt-card);
+  --basalt-surface-elevated: var(--basalt-secondary);
+  --basalt-hover-weight: 18%;
   --basalt-hover: hsl(var(--basalt-primary));
   @supports (color: color-mix(in lab, red, red)) {
-    --basalt-hover: color-mix(in srgb, hsl(var(--basalt-primary)) 16%, hsl(var(--basalt-popover)));
-  }
-  --basalt-hover-end: hsl(var(--basalt-primary));
-  @supports (color: color-mix(in lab, red, red)) {
-    --basalt-hover-end: color-mix(
+    --basalt-hover: color-mix(
 		in srgb,
-		hsl(var(--basalt-primary)) 9.6%,
-		hsl(var(--basalt-popover))
+		hsl(var(--basalt-primary)) 18%,
+		hsl(var(--basalt-surface-elevated))
 	);
   }
   --basalt-selected: 0 0% 22%;
@@ -362,13 +362,13 @@
   --basalt-chart-yellow: 49 100% 73%;
   --basalt-chart-pearl: 210 20% 86%;
   --basalt-chart-1: var(--basalt-chart-blue);
-  --basalt-chart-2: var(--basalt-chart-blue);
-  --basalt-chart-3: var(--basalt-chart-green);
-  --basalt-chart-4: var(--basalt-chart-green);
+  --basalt-chart-2: var(--basalt-chart-pink);
+  --basalt-chart-3: 182 38% 64%;
+  --basalt-chart-4: 280 32% 74%;
   --basalt-chart-5: var(--basalt-chart-green);
-  --basalt-chart-6: var(--basalt-chart-green);
+  --basalt-chart-6: 27 54% 72%;
   --basalt-chart-7: var(--basalt-chart-yellow);
-  --basalt-chart-8: var(--basalt-chart-yellow);
+  --basalt-chart-8: 237 36% 74%;
   --basalt-chart-9: var(--basalt-chart-pink);
   --basalt-chart-10: var(--basalt-chart-pink);
   --basalt-chart-11: var(--basalt-chart-pink);
@@ -418,12 +418,24 @@
 }
 [data-basalt-surface-root] {
   background: hsl(var(--basalt-card));
-  --basalt-control-fill: hsl(var(--basalt-card));
+  --basalt-surface-current: var(--basalt-card);
+  --basalt-surface-elevated: var(--basalt-secondary);
+  --basalt-control-fill: hsl(var(--basalt-secondary));
   --basalt-zebra-fill: hsl(var(--basalt-secondary));
 }
 [data-basalt-surface-root] [data-basalt-surface] {
   background: hsl(var(--basalt-secondary));
-  --basalt-control-fill: hsl(var(--basalt-secondary));
+  --basalt-surface-current: var(--basalt-secondary);
+  --basalt-surface-elevated: var(--basalt-bright);
+  --basalt-control-fill: hsl(var(--basalt-bright));
+  --basalt-hover: hsl(var(--basalt-primary));
+  @supports (color: color-mix(in lab, red, red)) {
+    --basalt-hover: color-mix(
+		in srgb,
+		hsl(var(--basalt-primary)) var(--basalt-hover-weight),
+		hsl(var(--basalt-surface-elevated))
+	);
+  }
   --basalt-primary-hover: hsl(var(--basalt-primary));
   @supports (color: color-mix(in lab, red, red)) {
     --basalt-primary-hover: color-mix(
@@ -444,6 +456,7 @@
 }
 [data-basalt-surface-root] [data-basalt-surface] [data-basalt-surface] {
   background: hsl(var(--basalt-bright));
+  --basalt-surface-current: var(--basalt-bright);
   --basalt-control-fill: hsl(var(--basalt-bright));
   --basalt-zebra-fill: transparent;
 }
@@ -454,12 +467,31 @@
 }
 [data-basalt-surface]:not([data-basalt-surface-root] *):not([data-basalt-surface] *) {
   background: hsl(var(--basalt-card));
-  --basalt-control-fill: hsl(var(--basalt-card));
+  --basalt-surface-current: var(--basalt-card);
+  --basalt-surface-elevated: var(--basalt-bright);
+  --basalt-control-fill: hsl(var(--basalt-bright));
+  --basalt-hover: hsl(var(--basalt-primary));
+  @supports (color: color-mix(in lab, red, red)) {
+    --basalt-hover: color-mix(
+		in srgb,
+		hsl(var(--basalt-primary)) var(--basalt-hover-weight),
+		hsl(var(--basalt-surface-elevated))
+	);
+  }
   --basalt-zebra-fill: hsl(var(--basalt-secondary));
 }
 [data-basalt-surface]:not([data-basalt-surface-root] *) [data-basalt-surface] {
   background: hsl(var(--basalt-secondary));
-  --basalt-control-fill: hsl(var(--basalt-secondary));
+  --basalt-surface-current: var(--basalt-secondary);
+  --basalt-control-fill: hsl(var(--basalt-bright));
+  --basalt-hover: hsl(var(--basalt-primary));
+  @supports (color: color-mix(in lab, red, red)) {
+    --basalt-hover: color-mix(
+		in srgb,
+		hsl(var(--basalt-primary)) var(--basalt-hover-weight),
+		hsl(var(--basalt-surface-elevated))
+	);
+  }
   --basalt-primary-hover: hsl(var(--basalt-primary));
   @supports (color: color-mix(in lab, red, red)) {
     --basalt-primary-hover: color-mix(
@@ -480,6 +512,7 @@
 }
 [data-basalt-surface]:not([data-basalt-surface-root] *)	[data-basalt-surface]	[data-basalt-surface] {
   background: hsl(var(--basalt-bright));
+  --basalt-surface-current: var(--basalt-bright);
   --basalt-control-fill: hsl(var(--basalt-bright));
   --basalt-zebra-fill: transparent;
 }
@@ -488,6 +521,9 @@
   --basalt-control-fill: hsl(var(--basalt-bright));
   --basalt-zebra-fill: transparent;
 }
+[data-basalt-table] tbody tr:not(:last-child), [data-basalt-table] tbody tr:not(:last-child) > td {
+  border-bottom: 1px solid hsl(var(--basalt-border) / 0.5);
+}
 [data-basalt-table] tbody tr[aria-selected="true"] td {
   background: hsl(var(--basalt-selected));
   color: hsl(var(--basalt-selected-foreground));
@@ -495,8 +531,14 @@
 [data-basalt-table] tbody tr:hover:not([aria-selected="true"]) td {
   background: var(--basalt-hover);
 }
-[data-basalt-table] tbody tr:nth-child(even):not([aria-selected="true"]):not(:hover) td {
-  background: var(--basalt-zebra-fill);
+[data-basalt-table][data-striped="true"] tbody tr:nth-child(even) {
+  background-color: hsl(var(--basalt-surface-current));
+}
+[data-basalt-table-container][data-edge="attached"] :where(th, td):first-child {
+  padding-inline-start: var(--basalt-space-card);
+}
+[data-basalt-table-container][data-edge="attached"] :where(th, td):last-child {
+  padding-inline-end: var(--basalt-space-card);
 }
 [data-basalt-table]	tbody	tr[data-diff-change="remove"][data-included="true"][aria-selected="true"]	td {
   background: hsl(var(--basalt-danger-tint));
@@ -531,7 +573,7 @@
   .basalt-action-lg {
     padding-block: var(--basalt-space-lg);
     padding-inline: var(--basalt-space-control-x-lg);
-    font-size: var(--basalt-text-lg);
+    font-size: var(--basalt-text-base);
     line-height: var(--basalt-leading-action-lg);
   }
   .basalt-action-icon {
@@ -622,7 +664,7 @@
     height: var(--basalt-hover-height, 0px);
     transform: translate(var(--basalt-hover-x, 0px), var(--basalt-hover-y, 0px));
     border-radius: var(--basalt-radius-md);
-    background: linear-gradient(90deg, var(--basalt-hover), var(--basalt-hover-end));
+    background: var(--basalt-hover);
     opacity: 0;
     transition: none;
   }
@@ -677,7 +719,7 @@
     width: var(--basalt-command-width);
     height: var(--basalt-command-height);
     border-radius: var(--basalt-radius-md);
-    background: linear-gradient(90deg, var(--basalt-hover), var(--basalt-hover-end));
+    background: var(--basalt-hover);
   }
   .basalt-command-list[data-basalt-command-animated="true"]::before {
     transition: transform var(--basalt-motion-normal) var(--basalt-motion-ease);
@@ -1347,6 +1389,9 @@
   .-my-basalt-space-lg {
     margin-block: calc(var(--basalt-space-lg) * -1);
   }
+  .-my-basalt-space-sm {
+    margin-block: calc(var(--basalt-space-sm) * -1);
+  }
   .my-basalt-card {
     margin-block: var(--basalt-space-card);
   }
@@ -1371,9 +1416,6 @@
   .my-basalt-layout-xl {
     margin-block: var(--basalt-space-layout-xl);
   }
-  .ms-auto {
-    margin-inline-start: auto;
-  }
   .mt-auto {
     margin-top: auto;
   }
@@ -1395,6 +1437,9 @@
   .-mr-\[calc\(\(var\(--basalt-size-action\)-var\(--basalt-size-icon\)\)\/2\)\] {
     margin-right: calc(calc((var(--basalt-size-action) - var(--basalt-size-icon)) / 2) * -1);
   }
+  .-mr-basalt-space-sm {
+    margin-right: calc(var(--basalt-space-sm) * -1);
+  }
   .mr-basalt-space-lg {
     margin-right: var(--basalt-space-lg);
   }
@@ -2223,10 +2268,6 @@
   .rounded-none {
     border-radius: 0;
   }
-  .rounded-t-basalt-md {
-    border-top-left-radius: var(--basalt-radius-md);
-    border-top-right-radius: var(--basalt-radius-md);
-  }
   .rounded-l-basalt-md {
     border-top-left-radius: var(--basalt-radius-md);
     border-bottom-left-radius: var(--basalt-radius-md);
@@ -2500,10 +2541,10 @@
     --tw-gradient-from: transparent;
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
-  .via-basalt-backdrop\/10 {
-    --tw-gradient-via: hsl(var(--basalt-backdrop));
+  .via-basalt-foreground\/10 {
+    --tw-gradient-via: hsl(var(--basalt-foreground));
     @supports (color: color-mix(in lab, red, red)) {
-      --tw-gradient-via: color-mix(in oklab, hsl(var(--basalt-backdrop)) 10%, transparent);
+      --tw-gradient-via: color-mix(in oklab, hsl(var(--basalt-foreground)) 10%, transparent);
     }
     --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
     --tw-gradient-stops: var(--tw-gradient-via-stops);
@@ -2689,6 +2730,12 @@
   .pe-basalt-table-x {
     padding-inline-end: var(--basalt-space-table-x);
   }
+  .pt-basalt-card {
+    padding-top: var(--basalt-space-card);
+  }
+  .pt-basalt-card-sm {
+    padding-top: var(--basalt-space-card-sm);
+  }
   .pt-basalt-layout {
     padding-top: var(--basalt-space-layout);
   }
@@ -2698,9 +2745,6 @@
   .pt-basalt-nav-gap {
     padding-top: var(--basalt-space-nav-gap);
   }
-  .pt-basalt-space-lg {
-    padding-top: var(--basalt-space-lg);
-  }
   .pr-basalt-row-x {
     padding-right: var(--basalt-space-row-x);
   }
@@ -2710,6 +2754,9 @@
   .pr-basalt-space-sm {
     padding-right: var(--basalt-space-sm);
   }
+  .pb-0 {
+    padding-bottom: 0px;
+  }
   .pb-basalt-panel-y {
     padding-bottom: var(--basalt-space-panel-y);
   }
@@ -2758,30 +2805,14 @@
   .font-mono {
     font-family: var(--font-mono);
   }
-  .text-basalt-2xl {
-    font-size: var(--basalt-text-2xl);
-    line-height: var(--tw-leading, var(--basalt-leading-body));
-  }
   .text-basalt-3xl {
     font-size: var(--basalt-text-3xl);
     line-height: var(--tw-leading, var(--basalt-leading-body));
   }
-  .text-basalt-4xl {
-    font-size: var(--basalt-text-4xl);
-    line-height: var(--tw-leading, var(--basalt-leading-body));
-  }
   .text-basalt-base {
     font-size: var(--basalt-text-base);
     line-height: var(--tw-leading, var(--basalt-leading-body));
   }
-  .text-basalt-code {
-    font-size: var(--basalt-text-code);
-    line-height: var(--tw-leading, var(--basalt-leading-body));
-  }
-  .text-basalt-lg {
-    font-size: var(--basalt-text-lg);
-    line-height: var(--tw-leading, var(--basalt-leading-body));
-  }
   .text-basalt-sm {
     font-size: var(--basalt-text-sm);
     line-height: var(--tw-leading, var(--basalt-leading-body));
@@ -2810,10 +2841,6 @@
     --tw-leading: var(--basalt-line-relaxed);
     line-height: var(--basalt-line-relaxed);
   }
-  .leading-\[var\(--basalt-line-row\)\] {
-    --tw-leading: var(--basalt-line-row);
-    line-height: var(--basalt-line-row);
-  }
   .leading-basalt-relaxed {
     --tw-leading: var(--basalt-leading-relaxed);
     line-height: var(--basalt-leading-relaxed);
@@ -2838,6 +2865,10 @@
     --tw-font-weight: var(--font-weight-semibold);
     font-weight: var(--font-weight-semibold);
   }
+  .tracking-\[0\.04em\] {
+    --tw-tracking: 0.04em;
+    letter-spacing: 0.04em;
+  }
   .tracking-tight {
     --tw-tracking: var(--tracking-tight);
     letter-spacing: var(--tracking-tight);
@@ -2944,6 +2975,9 @@
       color: color-mix(in oklab, hsl(var(--basalt-primary-foreground)) 80%, transparent);
     }
   }
+  .text-basalt-success {
+    color: var(--basalt-success);
+  }
   .text-basalt-tag-amber-foreground {
     color: var(--basalt-tag-amber-foreground);
   }
@@ -3464,9 +3498,6 @@
   .data-\[state\=active\]\:animate-basalt-tab-in[data-state="active"] {
     animation: basalt-tab-in var(--basalt-motion-normal) var(--basalt-motion-ease);
   }
-  .data-\[state\=active\]\:bg-basalt-selected[data-state="active"] {
-    background-color: hsl(var(--basalt-selected));
-  }
   .data-\[state\=active\]\:text-basalt-selected-foreground[data-state="active"] {
     color: hsl(var(--basalt-selected-foreground));
   }
@@ -3526,6 +3557,13 @@
     animation: basalt-overlay-in var(--basalt-floating-duration-enter)
 		var(--basalt-motion-ease-enter);
   }
+  .data-\[state\=open\]\:border-b[data-state="open"] {
+    border-bottom-style: var(--tw-border-style);
+    border-bottom-width: 1px;
+  }
+  .data-\[state\=open\]\:border-basalt-border[data-state="open"] {
+    border-color: hsl(var(--basalt-border));
+  }
   .data-\[state\=open\]\:bg-basalt-selected[data-state="open"] {
     background-color: hsl(var(--basalt-selected));
   }
@@ -3626,10 +3664,6 @@
     .md\:px-basalt-space-lg {
       padding-inline: var(--basalt-space-lg);
     }
-    .md\:text-basalt-5xl {
-      font-size: var(--basalt-text-5xl);
-      line-height: var(--tw-leading, var(--basalt-leading-body));
-    }
     .md\:shadow-sm {
       --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);

package/dist/styles/tailwind.css

@@ -175,6 +175,7 @@
 	--color-basalt-muted-foreground: hsl(var(--basalt-muted-foreground));
 	--color-basalt-accent: hsl(var(--basalt-accent));
 	--color-basalt-accent-foreground: hsl(var(--basalt-accent-foreground));
+	--color-basalt-success: var(--basalt-success);
 	--color-basalt-destructive: hsl(var(--basalt-destructive));
 	--color-basalt-destructive-foreground: hsl(var(--basalt-destructive-foreground));
 	--color-basalt-info: hsl(var(--basalt-info));