@urbicon-ui/design-content 6.1.8 → 6.3.1

package/content/blocks/primitives/slider/llm.txt

@@ -64,7 +64,7 @@ without `validRange`/`recommendedRange` behaves exactly as before.
 | rangeStatusText | `SliderRangeStatusText` | no |  | Custom status texts for the three zones. Defaults to the UIB i18n localization (`bt('slider.rangeStatus.*')`). |
 | recommendedRange | `[number, number]` | no |  | Recommended value range (UX recommendation, softer than `validRange`). Values inside appear green, values outside yellow (warning). Typically `recommendedRange ⊂ validRange`, but this is not enforced. |
 | showValue | `boolean` | no | false | Show the current value next to the label. |
-| slotClasses | `Partial<Record<'wrapper' | 'header' | 'label' | 'valueText' | 'base' | 'track' | 'range' | 'thumb' | 'mark' | 'boundaryTick' | 'rangeStatus' | 'rangeStatusIcon' | 'message', string>>` | no |  | Per-slot class overrides. |
+| slotClasses | `Partial<Record<SliderSlots, string>>` | no |  | Per-slot class overrides merged with tv() styles. Slots: wrapper (root — what `class` also targets) | header | label | valueText | base (the interactive track container) | track | range | thumb | mark | boundaryTick | rangeStatus | rangeStatusIcon | message. |
 | step | `number` | no | 1 | Snap to increments of this value. |
 | unstyled | `boolean` | no |  | Remove all default tv() classes. |
 | validRange | `[number, number]` | no |  | Valid value range (e.g. a legal limit). Values outside it style track and thumb in the `outOfValidRangeIntent` color (default: `danger`). Status changes are announced via an ARIA live region. If the range lies outside `[min, max]`, a console warning is emitted — the visible `min`/`max` are NOT shifted automatically. |
@@ -77,6 +77,3 @@ without `validRange`/`recommendedRange` behaves exactly as before.
 Inherited from:
 - Omit<SliderVariants, 'error' | 'rangeStatus'> (omit-pattern)
 - Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'class'> (omit-pattern)
-
-### Slots (slotClasses keys)
-`wrapper`, `header`, `label`, `valueText`, `base`, `track`, `range`, `thumb`, `mark`, `boundaryTick`, `rangeStatus`, `rangeStatusIcon`, `message`

package/content/blocks/primitives/spinner/llm.txt

@@ -32,7 +32,7 @@ Animated loading indicator with multiple animation styles and semantic intents.
 | label | `string` | no |  | Accessible label announced by screen readers. Defaults to "Loading...". |
 | preset | `string` | no |  | Apply a named preset registered via `<BlocksProvider presets={{ Spinner: {...} }}>`. Prefer this over `class` overrides when the requested look falls outside the semantic intent palette — presets keep hover/active/dark-mode logic coherent and make the custom look reusable across the project. |
 | size | `SpinnerVariants['size']` | no |  | Physical dimensions from `xs` (16 px) to `xl` (40 px). |
-| slotClasses | `Partial<Record<'base' | 'svg' | 'svgCircle' | 'svgPath' | 'dots' | 'dot' | 'pulse' | 'pulseCenter' | 'pulseRing' | 'ring' | 'ringElement' | 'bars' | 'bar' | 'content' | 'srOnly', string>>` | no |  | Per-slot class overrides merged with (or replacing, when `unstyled`) tv() output. |
+| slotClasses | `Partial<Record<SpinnerSlots, string>>` | no |  | Per-slot class overrides merged with (or replacing, when `unstyled`) tv() output. Slots: base | svg | svgCircle | svgPath | dots | dot | pulse | pulseCenter | pulseRing | ring | ringElement | bars | bar | content | srOnly |
 | speed | `SpinnerVariants['speed']` | no |  | Animation speed — controls `--spinner-speed` custom property. |
 | unstyled | `boolean` | no |  | Strip all default tv() classes. Combine with `slotClasses` for full control. |
 | variant | `SpinnerVariants['variant']` | no |  | Animation style. `default` is an SVG arc, `dots` bounces three dots, `pulse` radiates a sonar ping, `ring` spins cascading borders, `bars` animates vertical equalizer bars. |
@@ -41,6 +41,3 @@ Animated loading indicator with multiple animation styles and semantic intents.
 Inherited from:
 - SpinnerVariants (external)
 - Omit<HTMLAttributes<HTMLDivElement>, 'children'> (omit-pattern)
-
-### Slots (slotClasses keys)
-`base`, `svg`, `svgCircle`, `svgPath`, `dots`, `dot`, `pulse`, `pulseCenter`, `pulseRing`, `ring`, `ringElement`, `bars`, `bar`, `content`, `srOnly`

package/content/blocks/primitives/stepper/llm.txt

@@ -47,7 +47,7 @@ clickable navigation, and per-step state overrides (error, warning).
 | preset | `string` | no |  | Apply a named preset registered via `<BlocksProvider presets={{ Stepper: {...} }}>`. Prefer this over `class` overrides when the requested look falls outside the semantic intent palette — presets keep hover/active/dark-mode logic coherent and make the custom look reusable across the project. |
 | responsive | `boolean | { breakpoint?: number }` | no | false | Container-responsive mode: when the Stepper's container is narrower than `breakpoint`, automatically switch to `orientation="vertical"` and `variant="minimal"` so the steps stay readable.  - `false` (default): never auto-switch. - `true`: switch below 640 px container width. - `{ breakpoint: 480 }`: switch below 480 px.  Uses `ResizeObserver` on the root element — works inside Drawers, Cards, or split layouts where viewport-based media queries miss the actual available width. |
 | size | `'sm' | 'md' | 'lg'` | no | 'md' | Size variant that controls dimensions and spacing of the Stepper |
-| slotClasses | `Partial<Record<'base' | 'stepItem' | 'step' | 'indicatorColumn' | 'indicator' | 'labelGroup' | 'label' | 'description' | 'separator' | 'content', string>>` | no |  | Per-slot class overrides. |
+| slotClasses | `Partial<Record<StepperSlots, string>>` | no |  | Per-slot class overrides. Slots: base | stepItem | step | indicatorColumn | indicator | labelGroup | label | description | separator | content |
 | tier | `InteractiveTier` | no | 'commit' | Semantic radius tier propagated to every StepperStep. Default `commit` — step indicators read as identity circles. Set to `modify` (or inherit via TierContext from a wrapping `<Toolbar tier="modify">`) to render a compact soft-rectangle stepper for inline wizards. |
 | unstyled | `boolean` | no |  | Remove all default tv() classes. |
 | variant | `'default' | 'outlined' | 'minimal'` | no | 'default' | Visual style of step indicators. |
@@ -55,6 +55,3 @@ clickable navigation, and per-step state overrides (error, warning).
 Inherited from:
 - Omit<StepperVariants, 'stepState' | 'clickable' | 'stepDisabled' | 'separatorComplete'> (omit-pattern)
 - Omit<HTMLAttributes<HTMLOListElement>, 'children'> (omit-pattern)
-
-### Slots (slotClasses keys)
-`base`, `stepItem`, `step`, `indicatorColumn`, `indicator`, `labelGroup`, `label`, `description`, `separator`, `content`

package/content/blocks/primitives/tab/llm.txt

@@ -60,13 +60,10 @@ Supports horizontal/vertical orientation, visual variants, and keyboard navigati
 | orientation | `'horizontal' | 'vertical'` | no | 'horizontal' | Tab strip axis. Determines whether triggers stack horizontally or vertically. |
 | panels | `Snippet` | no |  | Snippet containing TabPanel components for the content area. |
 | preset | `string` | no |  | Apply a named preset registered via `<BlocksProvider presets={{ Tab: {...} }}>`. Prefer this over `class` overrides when the requested look falls outside the semantic intent palette — presets keep hover/active/dark-mode logic coherent and make the custom look reusable across the project. |
-| slotClasses | `Partial<Record<'base' | 'list' | 'trigger' | 'panel' | 'indicator', string>>` | no |  | Per-slot class overrides merged with (or replacing when unstyled) tv() styles. |
+| slotClasses | `Partial<Record<TabSlots, string>>` | no |  | Per-slot class overrides merged with (or replacing when unstyled) tv() styles. Slots: base | list | trigger | icon | label | badge | panel | indicator |
 | tabs | `Snippet` | no |  | Snippet containing TabItem components for the tab strip. |
 | tier | `InteractiveTier` | no | 'modify' | Semantic radius tier propagated to every TabItem. Default `modify` — tabs read as navigation tap surfaces. Set to `commit` (or inherit via TierContext from a wrapping `<Toolbar tier="commit">`) for full-pill tab strips in marketing/product-overview contexts. Only the `pills`, `solid`, and `enclosed` variants render a visible corner; `line` is radius-agnostic. |
 | unstyled | `boolean` | no |  | Strip all default tv() styles from the container and children. |
 | value | `string` | no |  | Controlled active tab value. Use with `bind:value` for two-way binding. When set, the component is controlled — you must handle `onValueChange` to update it. |
 | variant | `'enclosed' | 'line' | 'pills' | 'solid'` | no | line | Controls the visual style and presentation of the Tab. Determines the component's visual treatment. Available options: enclosed, line, pills, solid. |
 | size | `'lg' | 'md' | 'sm'` | no | md | Controls the dimensions, padding, and text size of the Tab. Affects the component's physical footprint. Available options: lg, md, sm. |
-
-### Slots (slotClasses keys)
-`base`, `list`, `trigger`, `panel`, `indicator`

package/content/blocks/primitives/textarea/llm.txt

@@ -45,7 +45,7 @@ Shares the same variant/intent/size system as Input for visual consistency.
 | readonly | `boolean` | no | false | Readonly property for the Textarea component |
 | required | `boolean` | no | false | Adds a required asterisk to the label and sets the native `required` attribute. |
 | showCounter | `boolean` | no |  | Show a live character counter. Requires `maxlength` to display remaining count. |
-| slotClasses | `Partial<Record<'wrapper' | 'base' | 'label' | 'footer' | 'message' | 'counter', string>>` | no |  | Per-slot class overrides merged with tv() styles. |
+| slotClasses | `Partial<Record<TextareaSlots, string>>` | no |  | Per-slot class overrides merged with tv() styles. Slots: wrapper (root — what `class` also targets) | base (the `<textarea>` element) | label | footer | message | counter. |
 | unstyled | `boolean` | no |  | Remove all default tv() classes. Only user-provided classes apply. |
 | variant | `TextareaVariants['variant']` | no | 'outlined' | Visual style. - `outlined` (default) — visible border, surface-base background - `filled` — surface-interactive fill, no border - `ghost` — transparent until hover/focus - `underline` — bottom-line only, no border-box (editorial style) |
 | intent | `'danger' | 'default' | 'success' | 'warning'` | no | default | Controls the color theme and semantic meaning of the Textarea. Affects the overall appearance and user perception. Available options: danger, default, success, warning. |
@@ -56,6 +56,3 @@ Shares the same variant/intent/size system as Input for visual consistency.
 Inherited from:
 - Omit<TextareaVariants, 'error' | 'counterState' | 'variant'> (omit-pattern)
 - Omit<HTMLTextareaAttributes, 'size' | 'class' | 'children'> (omit-pattern)
-
-### Slots (slotClasses keys)
-`wrapper`, `base`, `label`, `footer`, `message`, `counter`

package/content/blocks/primitives/toast/llm.txt

@@ -34,12 +34,9 @@ Place once in your root layout. Use the toaster store to trigger toasts from any
 | max | `number` | no | 5 | Maximum number of toasts visible at once. Oldest are hidden first. |
 | placement | `ToastPlacement` | no | 'bottom-right' | Screen corner where toasts stack. |
 | preset | `string` | no |  | Apply a named preset registered via `<BlocksProvider presets={{ Toaster: {...} }}>`. Prefer this over `class` overrides when the requested look falls outside the semantic intent palette — presets keep hover/active/dark-mode logic coherent and make the custom look reusable across the project. |
-| slotClasses | `Partial<Record<'container' | 'toast' | 'icon' | 'content' | 'title' | 'description' | 'dismissButton' | 'progress', string>>` | no |  | Per-slot class overrides merged with (or replacing, when `unstyled`) the default styles. |
+| slotClasses | `Partial<Record<ToasterSlots, string>>` | no |  | Per-slot class overrides merged with (or replacing, when `unstyled`) the default styles. |
 | unstyled | `boolean` | no |  | Strip all default tv classes. Use with `slotClasses` for a fully custom look. |
 | intent | `'danger' | 'info' | 'neutral' | 'primary' | 'success' | 'warning'` | no | neutral | Controls the color theme and semantic meaning of the Toast. Affects the overall appearance and user perception. Available options: danger, info, neutral, and 3 more. |
 
 Inherited from:
 - Omit<HTMLAttributes<HTMLDivElement>, 'children'> (omit-pattern)
-
-### Slots (slotClasses keys)
-`container`, `toast`, `icon`, `content`, `title`, `description`, `dismissButton`, `progress`

package/content/blocks/primitives/toggle/llm.txt

@@ -46,7 +46,7 @@ Built on a hidden native input with semantic intents and Mint micro-interactions
 | onCheckedChange | `(checked: boolean) => void` | no |  | Fired after the checked state changes. Receives the new `checked` value. |
 | preset | `string` | no |  | Apply a named preset registered via `<BlocksProvider presets={{ Toggle: {...} }}>`. Prefer this over `class` overrides when the requested look falls outside the semantic intent palette — presets keep hover/active/dark-mode logic coherent and make the custom look reusable across the project. |
 | required | `boolean` | no |  | Mark the native input as required for form validation. |
-| slotClasses | `Partial<Record<'wrapper' | 'control' | 'track' | 'thumb' | 'label' | 'message', string>>` | no |  | Per-slot class overrides merged with (or replacing, when `unstyled`) the default styles. |
+| slotClasses | `Partial<Record<ToggleSlots, string>>` | no |  | Per-slot class overrides merged with (or replacing, when `unstyled`) the default styles. Slots: wrapper (root — what `class` also targets) | control (the `<label>` wrapping the input) | track | thumb | label | message. |
 | tier | `InteractiveTier` | no |  | Semantic radius tier. Default `commit` — a toggle declares status (on/off identity), and reads as a pill. Set to `modify` (usually via a wrapping `<Toolbar tier="modify">` propagating through TierContext) for inline-toolbar contexts where the Pill feels oversized — the track and thumb shrink to a soft-rectangle.  Inherited from TierContext when omitted; falls back to `commit` outside of any tier-aware container. |
 | unstyled | `boolean` | no |  | Strip all default tailwind-variants classes. Use with `slotClasses` for a fully custom look. The track exposes `data-state` for conditional styling. |
 | value | `string` | no |  | The value submitted when checked. Defaults to `'on'`. |
@@ -57,6 +57,3 @@ Built on a hidden native input with semantic intents and Mint micro-interactions
 Inherited from:
 - Omit<ToggleVariants, 'checked'> (omit-pattern)
 - Omit<HTMLInputAttributes, 'type' | 'size' | 'checked' | 'class' | 'children'> (omit-pattern)
-
-### Slots (slotClasses keys)
-`wrapper`, `control`, `track`, `thumb`, `label`, `message`

package/content/blocks/primitives/toolbar/llm.txt

@@ -44,7 +44,7 @@ Renders with role="toolbar" and auto-sets aria-orientation.
 | ...ToolbarVariants | `VariantProps` | no |  | Styling variants from ToolbarVariants |
 | class | `string` | no |  | Additional CSS class applied to the root element. |
 | preset | `string` | no |  | Apply a named preset registered via `<BlocksProvider presets={{ Toolbar: {...} }}>`. Prefer this over `class` overrides when the requested look falls outside the semantic intent palette — presets keep hover/active/dark-mode logic coherent and make the custom look reusable across the project. |
-| slotClasses | `Partial<Record<'base', string>>` | no |  | Per-slot class overrides merged with (or replacing when `unstyled`) the default classes. |
+| slotClasses | `Partial<Record<ToolbarSlots, string>>` | no |  | Per-slot class overrides merged with (or replacing when `unstyled`) the default classes. Slots: base |
 | tier | `InteractiveTier` | no | 'modify' | Semantic radius tier propagated to tier-aware children (Buttons, Badges, Inputs, …). The Toolbar's own surface stays `r-structure` regardless of this prop.  Default `modify` — toolbars typically hold compact, icon-only actions where pill-shaped buttons read as tags. Set to `commit` for marketing or hero toolbars with full CTAs. |
 | unstyled | `boolean` | no |  | Remove all default tv() classes. Combine with `slotClasses` to restyle from scratch. |
 | variant | `'elevated' | 'ghost' | 'outlined' | 'quiet'` | no | quiet | Controls the visual style and presentation of the Toolbar. Determines the component's visual treatment. Available options: elevated, ghost, outlined, quiet. |
@@ -55,6 +55,3 @@ Renders with role="toolbar" and auto-sets aria-orientation.
 Inherited from:
 - ToolbarVariants (external)
 - Omit<HTMLAttributes<HTMLDivElement>, 'children'> (omit-pattern)
-
-### Slots (slotClasses keys)
-`base`

package/content/blocks/primitives/tooltip/llm.txt

@@ -40,7 +40,7 @@ Built with Floating UI for precise positioning and accessibility support.
 | placement | `Placement` | no | 'top' | Where the tooltip appears relative to the trigger. Auto-flips when clipped. |
 | preset | `string` | no |  | Apply a named preset registered via `<BlocksProvider presets={{ Tooltip: {...} }}>`. Prefer this over `class` overrides when the requested look falls outside the semantic intent palette — presets keep hover/active/dark-mode logic coherent and make the custom look reusable across the project. |
 | showDelay | `number` | no | 200 | Milliseconds before the tooltip appears after hover/focus. Prevents accidental activation. |
-| slotClasses | `Partial<Record<'base' | 'arrow', string>>` | no |  | Per-slot class overrides merged with (or replacing, when unstyled) tv styles. |
+| slotClasses | `Partial<Record<TooltipSlots, string>>` | no |  | Per-slot class overrides merged with (or replacing, when unstyled) tv styles. |
 | unstyled | `boolean` | no |  | Remove default tv classes; only consumer classes apply. |
 | intent | `'danger' | 'info' | 'neutral' | 'primary' | 'secondary' | 'success' | 'warning'` | no | neutral | Controls the color theme and semantic meaning of the Tooltip. Affects the overall appearance and user perception. Available options: danger, info, neutral, and 4 more. |
 | size | `'lg' | 'md' | 'sm'` | no | md | Controls the dimensions, padding, and text size of the Tooltip. Affects the component's physical footprint. Available options: lg, md, sm. |
@@ -49,6 +49,3 @@ Built with Floating UI for precise positioning and accessibility support.
 Inherited from:
 - TooltipVariants (external)
 - Omit<HTMLAttributes<HTMLDivElement>, 'children'> (omit-pattern)
-
-### Slots (slotClasses keys)
-`base`, `arrow`