@agent-ui-kit/web-components 0.0.5 → 0.0.7

package/dist/api.tokens.json

@@ -0,0 +1,541 @@
+{
+  "package": "@agent-ui-kit/web-components",
+  "version": "0.0.7",
+  "generated": "2026-03-21T16:06:31.486Z",
+  "description": "Design tokens: sizing, typography, spacing, radius, shadow, animation.",
+  "scales": {
+    "size": [
+      "xs",
+      "sm",
+      "md",
+      "lg",
+      "xl"
+    ],
+    "fontSize": [
+      "xs",
+      "sm",
+      "md",
+      "lg",
+      "xl",
+      "2xl"
+    ],
+    "space": [
+      "xs",
+      "sm",
+      "md",
+      "lg",
+      "xl"
+    ],
+    "icon": [
+      "xs",
+      "sm",
+      "md",
+      "lg",
+      "xl",
+      "2xl",
+      "3xl"
+    ],
+    "widget": [
+      "xs",
+      "sm",
+      "md",
+      "lg",
+      "xl"
+    ],
+    "radius": [
+      "sharp",
+      "round",
+      "rounded"
+    ],
+    "shadow": [
+      "xs",
+      "sm",
+      "md",
+      "lg",
+      "xl"
+    ]
+  },
+  "paddingTiers": {
+    "control": "Buttons, inputs, options, tabs, cells",
+    "container": "Card insets, dialog bodies, panels",
+    "page": "Section margins, page edges"
+  },
+  "tokens": {
+    "--aui-font-family": {
+      "value": "system-ui, -apple-system, sans-serif",
+      "category": ""
+    },
+    "--aui-font-family-mono": {
+      "value": "ui-monospace, SFMono-Regular, \"SF Mono\", \"Menlo\", \"Consolas\", \"Liberation Mono\", monospace",
+      "category": ""
+    },
+    "--aui-size-xs": {
+      "value": "1.5rem",
+      "category": "Size (height-min)"
+    },
+    "--aui-size-sm": {
+      "value": "1.75rem",
+      "category": "Size (height-min)"
+    },
+    "--aui-size-md": {
+      "value": "2.25rem",
+      "category": "Size (height-min)"
+    },
+    "--aui-size-lg": {
+      "value": "2.75rem",
+      "category": "Size (height-min)"
+    },
+    "--aui-size-xl": {
+      "value": "3.25rem",
+      "category": "Size (height-min)"
+    },
+    "--aui-size": {
+      "value": "var(--aui-size-md)",
+      "category": "Size (height-min)"
+    },
+    "--aui-control-height-xs": {
+      "value": "var(--aui-size-xs)",
+      "category": "Control Height (interactive element height)"
+    },
+    "--aui-control-height-sm": {
+      "value": "var(--aui-size-sm)",
+      "category": "Control Height (interactive element height)"
+    },
+    "--aui-control-height-md": {
+      "value": "var(--aui-size-md)",
+      "category": "Control Height (interactive element height)"
+    },
+    "--aui-control-height-lg": {
+      "value": "var(--aui-size-lg)",
+      "category": "Control Height (interactive element height)"
+    },
+    "--aui-control-height-xl": {
+      "value": "var(--aui-size-xl)",
+      "category": "Control Height (interactive element height)"
+    },
+    "--aui-control-height": {
+      "value": "var(--aui-size)",
+      "category": "Control Height (interactive element height)"
+    },
+    "--aui-hit-target-xs": {
+      "value": "var(--aui-control-height-xs)",
+      "category": "Hit Target (minimum touch/click target)"
+    },
+    "--aui-hit-target-sm": {
+      "value": "var(--aui-control-height-sm)",
+      "category": "Hit Target (minimum touch/click target)"
+    },
+    "--aui-hit-target-md": {
+      "value": "var(--aui-control-height-md)",
+      "category": "Hit Target (minimum touch/click target)"
+    },
+    "--aui-hit-target-lg": {
+      "value": "var(--aui-control-height-lg)",
+      "category": "Hit Target (minimum touch/click target)"
+    },
+    "--aui-hit-target-xl": {
+      "value": "var(--aui-control-height-xl)",
+      "category": "Hit Target (minimum touch/click target)"
+    },
+    "--aui-hit-target": {
+      "value": "var(--aui-control-height)",
+      "category": "Hit Target (minimum touch/click target)"
+    },
+    "--aui-font-xs": {
+      "value": "0.75rem",
+      "category": "Font Size"
+    },
+    "--aui-font-sm": {
+      "value": "0.8125rem",
+      "category": "Font Size"
+    },
+    "--aui-font-md": {
+      "value": "0.875rem",
+      "category": "Font Size"
+    },
+    "--aui-font-lg": {
+      "value": "0.9375rem",
+      "category": "Font Size"
+    },
+    "--aui-font-xl": {
+      "value": "1rem",
+      "category": "Font Size"
+    },
+    "--aui-font-2xl": {
+      "value": "1.5rem",
+      "category": "Font Size"
+    },
+    "--aui-font-size": {
+      "value": "var(--aui-font-md)",
+      "category": "Font Size"
+    },
+    "--aui-tracking-xs": {
+      "value": "0.01em",
+      "category": "Letter Spacing"
+    },
+    "--aui-tracking-sm": {
+      "value": "0.005em",
+      "category": "Letter Spacing"
+    },
+    "--aui-tracking-md": {
+      "value": "0em",
+      "category": "Letter Spacing"
+    },
+    "--aui-tracking-lg": {
+      "value": "-0.005em",
+      "category": "Letter Spacing"
+    },
+    "--aui-tracking-xl": {
+      "value": "-0.01em",
+      "category": "Letter Spacing"
+    },
+    "--aui-tracking-2xl": {
+      "value": "-0.025em",
+      "category": "Letter Spacing"
+    },
+    "--aui-letter-spacing": {
+      "value": "var(--aui-tracking-md)",
+      "category": "Letter Spacing"
+    },
+    "--aui-space-xs": {
+      "value": "0.125rem",
+      "category": "Space"
+    },
+    "--aui-space-sm": {
+      "value": "0.1875rem",
+      "category": "Space"
+    },
+    "--aui-space-md": {
+      "value": "0.25rem",
+      "category": "Space"
+    },
+    "--aui-space-lg": {
+      "value": "0.25rem",
+      "category": "Space"
+    },
+    "--aui-space-xl": {
+      "value": "0.25rem",
+      "category": "Space"
+    },
+    "--aui-space": {
+      "value": "var(--aui-space-md)",
+      "category": "Space"
+    },
+    "--aui-pad-k-control": {
+      "value": "1",
+      "category": "Padding tuning knobs (density scaling)"
+    },
+    "--aui-pad-k-container": {
+      "value": "1",
+      "category": "Padding tuning knobs (density scaling)"
+    },
+    "--aui-pad-control-block": {
+      "value": "calc(var(--aui-space) * 2 * var(--aui-pad-k-control))",
+      "category": "Tier 1: Control Padding (buttons, inputs, options, tabs, cells)"
+    },
+    "--aui-pad-control-inline": {
+      "value": "calc(var(--aui-space) * 4 * var(--aui-pad-k-control))",
+      "category": "Tier 1: Control Padding (buttons, inputs, options, tabs, cells)"
+    },
+    "--aui-pad-inline-icon": {
+      "value": "calc(var(--aui-space) * 2 * var(--aui-pad-k-control))",
+      "category": "Tier 1: Control Padding (buttons, inputs, options, tabs, cells)"
+    },
+    "--aui-pad-block": {
+      "value": "var(--aui-pad-control-block)",
+      "category": "Backward-compat aliases"
+    },
+    "--aui-pad-inline": {
+      "value": "var(--aui-pad-control-inline)",
+      "category": "Backward-compat aliases"
+    },
+    "--aui-pad-container": {
+      "value": "calc(var(--aui-space) * 4 * var(--aui-pad-k-container))",
+      "category": "Tier 2: Container Padding (card insets, dialog bodies, panels)"
+    },
+    "--aui-pad-page": {
+      "value": "calc(var(--aui-space) * 8)",
+      "category": "Tier 3: Page Padding (section margins, page edges)"
+    },
+    "--aui-pad-gap-control": {
+      "value": "calc(var(--aui-space) * 2 * var(--aui-pad-k-control))",
+      "category": "Gap tokens"
+    },
+    "--aui-pad-gap-container": {
+      "value": "calc(var(--aui-space) * 4 * var(--aui-pad-k-container))",
+      "category": "Gap tokens"
+    },
+    "--aui-pad-gap-page": {
+      "value": "calc(var(--aui-space) * 8)",
+      "category": "Gap tokens"
+    },
+    "--aui-pad-gap": {
+      "value": "var(--aui-pad-gap-container)",
+      "category": "Backward-compat alias"
+    },
+    "--aui-icon-xs": {
+      "value": "0.75rem",
+      "category": "Icon"
+    },
+    "--aui-icon-sm": {
+      "value": "0.875rem",
+      "category": "Icon"
+    },
+    "--aui-icon-md": {
+      "value": "1rem",
+      "category": "Icon"
+    },
+    "--aui-icon-lg": {
+      "value": "1.125rem",
+      "category": "Icon"
+    },
+    "--aui-icon-xl": {
+      "value": "1.25rem",
+      "category": "Icon"
+    },
+    "--aui-icon-2xl": {
+      "value": "1.75rem",
+      "category": "Icon"
+    },
+    "--aui-icon-3xl": {
+      "value": "2.5rem",
+      "category": "Icon"
+    },
+    "--aui-icon-size": {
+      "value": "var(--aui-icon-md)",
+      "category": "Icon"
+    },
+    "--aui-widget-xs": {
+      "value": "0.75rem",
+      "category": "Widget (checkbox, radio, switch, range, badge, kbd)"
+    },
+    "--aui-widget-sm": {
+      "value": "1rem",
+      "category": "Widget (checkbox, radio, switch, range, badge, kbd)"
+    },
+    "--aui-widget-md": {
+      "value": "1.25rem",
+      "category": "Widget (checkbox, radio, switch, range, badge, kbd)"
+    },
+    "--aui-widget-lg": {
+      "value": "1.5rem",
+      "category": "Widget (checkbox, radio, switch, range, badge, kbd)"
+    },
+    "--aui-widget-xl": {
+      "value": "1.75rem",
+      "category": "Widget (checkbox, radio, switch, range, badge, kbd)"
+    },
+    "--aui-widget-size": {
+      "value": "var(--aui-widget-md)",
+      "category": "Widget (checkbox, radio, switch, range, badge, kbd)"
+    },
+    "--aui-widget-font-xs": {
+      "value": "0.5625rem",
+      "category": "Widget (checkbox, radio, switch, range, badge, kbd)"
+    },
+    "--aui-widget-font-sm": {
+      "value": "0.625rem",
+      "category": "Widget (checkbox, radio, switch, range, badge, kbd)"
+    },
+    "--aui-widget-font-md": {
+      "value": "0.625rem",
+      "category": "Widget (checkbox, radio, switch, range, badge, kbd)"
+    },
+    "--aui-widget-font-lg": {
+      "value": "0.625rem",
+      "category": "Widget (checkbox, radio, switch, range, badge, kbd)"
+    },
+    "--aui-widget-font-xl": {
+      "value": "0.75rem",
+      "category": "Widget (checkbox, radio, switch, range, badge, kbd)"
+    },
+    "--aui-widget-font": {
+      "value": "var(--aui-widget-font-md)",
+      "category": "Widget (checkbox, radio, switch, range, badge, kbd)"
+    },
+    "--aui-radius-sharp": {
+      "value": "0.25rem",
+      "category": "Radius"
+    },
+    "--aui-radius-round": {
+      "value": "1.25rem",
+      "category": "Radius"
+    },
+    "--aui-radius-rounded": {
+      "value": "0.75rem",
+      "category": "Radius"
+    },
+    "--aui-radius": {
+      "value": "var(--aui-radius-round)",
+      "category": "Radius"
+    },
+    "--aui-font-weight-control": {
+      "value": "400",
+      "category": "Shadow"
+    },
+    "--aui-font-weight-text": {
+      "value": "400",
+      "category": "Shadow"
+    },
+    "--aui-font-weight-medium": {
+      "value": "500",
+      "category": "Shadow"
+    },
+    "--aui-font-weight-semibold": {
+      "value": "600",
+      "category": "Shadow"
+    },
+    "--aui-control-font-weight": {
+      "value": "var(--aui-font-weight-control)",
+      "category": "Shadow"
+    },
+    "--aui-font-weight": {
+      "value": "var(--aui-font-weight-text)",
+      "category": "Shadow"
+    },
+    "--aui-control-line-height": {
+      "value": "1",
+      "category": "Shadow"
+    },
+    "--aui-control-line-height-dense": {
+      "value": "1.25",
+      "category": "Shadow"
+    },
+    "--aui-control-line-height-relaxed": {
+      "value": "1.5",
+      "category": "Shadow"
+    },
+    "--aui-control-line-height-spacious": {
+      "value": "1.75",
+      "category": "Shadow"
+    },
+    "--aui-text-line-height": {
+      "value": "1.5",
+      "category": "Shadow"
+    },
+    "--aui-line-height": {
+      "value": "var(--aui-text-line-height)",
+      "category": "Shadow"
+    },
+    "--aui-duration": {
+      "value": "0.225s",
+      "category": "Shadow"
+    },
+    "--aui-easing": {
+      "value": "cubic-bezier(0.2, 0, 0, 1)",
+      "category": "Shadow"
+    },
+    "--aui-easing-bounce-out": {
+      "value": "cubic-bezier(0.175, 0.885, 0.32, 1.275)",
+      "category": "Shadow"
+    },
+    "--aui-easing-bounce-in": {
+      "value": "cubic-bezier(0.6, -0.28, 0.735, 0.045)",
+      "category": "Shadow"
+    },
+    "--aui-focus-ring": {
+      "value": "var(--aui-accent-scrim-600)",
+      "category": "Shadow"
+    },
+    "--aui-backdrop-color": {
+      "value": "oklch(0% 0 0)",
+      "category": "Shadow"
+    },
+    "--aui-backdrop-opacity": {
+      "value": "0.3",
+      "category": "Shadow"
+    },
+    "--aui-tooltip-width-max": {
+      "value": "20rem",
+      "category": "Tooltip"
+    },
+    "--aui-popover-height-max": {
+      "value": "calc(100dvh - 2rem)",
+      "category": "Popover"
+    },
+    "--aui-popover-gap": {
+      "value": "0.25rem",
+      "category": "Popover"
+    },
+    "--aui-popover-viewport-margin": {
+      "value": "0.5rem",
+      "category": "Popover"
+    },
+    "--aui-drawer-width": {
+      "value": "24rem",
+      "category": "Drawer"
+    },
+    "--aui-drawer-height": {
+      "value": "24rem",
+      "category": "Drawer"
+    },
+    "--aui-sidebar-width": {
+      "value": "16rem",
+      "category": "Layout"
+    },
+    "--aui-sidebar-width-min": {
+      "value": "3.5rem",
+      "category": "Layout"
+    },
+    "--aui-sidebar-width-max": {
+      "value": "20rem",
+      "category": "Layout"
+    },
+    "--aui-sidebar-width-collapsed": {
+      "value": "calc(var(--aui-size) + var(--aui-space) * 2)",
+      "category": "Layout"
+    },
+    "--aui-badge-dot": {
+      "value": "0.5rem",
+      "category": "Badge"
+    },
+    "--aui-group-header-font": {
+      "value": "0.625rem",
+      "category": "Group Header"
+    },
+    "--aui-tabs-indicator": {
+      "value": "2px",
+      "category": "Tabs"
+    },
+    "--aui-focus": {
+      "value": "var(--aui-accent)",
+      "category": "Tabs"
+    },
+    "--aui-fill": {
+      "value": "var(--aui-action)",
+      "category": "Tabs"
+    },
+    "--aui-fill-hover": {
+      "value": "var(--aui-action-hover)",
+      "category": "Tabs"
+    },
+    "--aui-fill-active": {
+      "value": "var(--aui-action-active)",
+      "category": "Tabs"
+    },
+    "--aui-fill-selected": {
+      "value": "var(--aui-action-selected)",
+      "category": "Tabs"
+    },
+    "--aui-fill-disabled": {
+      "value": "var(--aui-action-disabled)",
+      "category": "Tabs"
+    },
+    "--aui-stroke": {
+      "value": "var(--aui-border)",
+      "category": "Tabs"
+    },
+    "--aui-stroke-hover": {
+      "value": "var(--aui-border-hover)",
+      "category": "Tabs"
+    },
+    "--aui-stroke-selected": {
+      "value": "var(--aui-border-selected)",
+      "category": "Tabs"
+    },
+    "--aui-stroke-disabled": {
+      "value": "var(--aui-border-disabled)",
+      "category": "Tabs"
+    }
+  }
+}