@urbicon-ui/design-content 6.3.3 → 6.3.7

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

@@ -22,6 +22,10 @@ Renders an accessible nav with structured items and customizable separators.
 </Breadcrumb>
 ```
 
+```svelte
+<Breadcrumb items={deepTrail} maxItems={4} />
+```
+
 ### Variants
 - size: lg, md, sm (default: md)
 
@@ -33,6 +37,10 @@ Renders an accessible nav with structured items and customizable separators.
 | ...HTMLAttributes<HTMLElement> | `HTMLAttributes` | no |  | HTML attributes (excluding: 'children') |
 | aria-label | `string` | no | 'Breadcrumb' | Accessible label for the nav element |
 | class | `string` | no |  | Additional CSS classes to apply to the Breadcrumb component |
+| expandLabel | `string` | no | 'Show all breadcrumb items' | Accessible label for the "…" button that expands a collapsed trail. |
+| itemsAfterCollapse | `number` | no | 1 | Trailing items kept visible when collapsed; the current page is always included. |
+| itemsBeforeCollapse | `number` | no | 1 | Leading items kept visible when collapsed. |
+| maxItems | `number` | no |  | Collapse the trail when it has more than this many items: the middle items fold into a single "…" button that expands the full trail on click. The first `itemsBeforeCollapse` and last `itemsAfterCollapse` items stay visible (the current page is always kept). Omit to never collapse. |
 | preset | `string` | no |  | Apply a named preset registered via `<BlocksProvider presets={{ Breadcrumb: {...} }}>`. 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. |
 | separator | `Snippet` | no |  | Custom separator snippet (default: "/") |
 | size | `'sm' | 'md' | 'lg'` | no | 'md' | Size variant that controls dimensions and spacing of the Breadcrumb |

package/content/blocks/primitives/segment-group/llm.txt

@@ -2,7 +2,7 @@
 ---
 
 ## SegmentGroup
-Inline segment control with animated sliding indicator for single-selection scenarios.
+Segment control with an animated sliding indicator for single selection; collapses to a vertical radio-style stack when its row can't fit the available width.
 Compact mode/view switcher with smooth animation.
 
 **Import:** `import { SegmentGroup } from '@urbicon-ui/blocks';`
@@ -31,6 +31,7 @@ Compact mode/view switcher with smooth animation.
 | ariaLabel | `string` | no |  | Accessible label for the segment group. |
 | children | `Snippet` | no |  | Segment items to render. Must be SegmentItem components. |
 | class | `string` | no |  | Extra classes merged onto the root element. |
+| collapseOnOverflow | `boolean` | no | true | When the segments can't fit their available width, collapse the horizontal track to a vertical radio-style stack (all options stay visible) instead of overflowing. Triggered by real measured overflow (ResizeObserver), not a viewport breakpoint, so it only engages when an instance genuinely doesn't fit — a 2-segment switcher that fits stays horizontal. Set `false` to keep the track horizontal (it still won't push the page wider than its parent). |
 | disabled | `boolean` | no | false | Prevent interaction and dim the control. |
 | mint | `MintProp` | no | 'none' | Micro-interaction effect applied to each segment item (per-item, not the container). Accepts a preset name, an array of names, or configured mint objects. |
 | onValueChange | `(value: string) => void` | no |  | Fires after the selected value changes. Receives the new value. |

package/content/component-catalog.json

@@ -1,5 +1,5 @@
 {
-  "generated": "2026-06-24T07:50:05.631Z",
+  "generated": "2026-06-24T19:44:23.437Z",
   "version": "0.2.38",
   "components": [
     {
@@ -524,10 +524,10 @@
         "...BreadcrumbVariants",
         "aria-label",
         "class",
-        "preset",
-        "separator",
-        "size",
-        "slotClasses"
+        "expandLabel",
+        "itemsAfterCollapse",
+        "itemsBeforeCollapse",
+        "maxItems"
       ],
       "keyPropTypes": {
         "items": "BreadcrumbItem[]",
@@ -3082,7 +3082,7 @@
       "slug": "segment-group",
       "package": "@urbicon-ui/blocks",
       "group": "primitives",
-      "description": "Inline segment control with animated sliding indicator for single-selection scenarios.\nCompact mode/view switcher with smooth animation.",
+      "description": "Segment control with an animated sliding indicator for single selection; collapses to a vertical radio-style stack when its row can't fit the available width.\nCompact mode/view switcher with smooth animation.",
       "tags": [
         "navigation"
       ],
@@ -3134,10 +3134,10 @@
         "ariaLabel",
         "children",
         "class",
+        "collapseOnOverflow",
         "disabled",
         "mint",
-        "onValueChange",
-        "preset"
+        "onValueChange"
       ],
       "keyPropTypes": {
         "onValueChange": "(value: string) => void",

package/content/meta.json

@@ -1,5 +1,5 @@
 {
-  "version": "6.3.3",
-  "builtAt": "2026-06-24T07:50:05.652Z",
-  "contentHash": "180ad3c87448"
+  "version": "6.3.7",
+  "builtAt": "2026-06-24T19:44:23.466Z",
+  "contentHash": "3d320a970af5"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@urbicon-ui/design-content",
-  "version": "6.3.3",
+  "version": "6.3.7",
   "description": "Version-pinned bundle of Urbicon UI design knowledge — component catalog, per-component llm.txt, design-system principles + patterns, guide template and icon metadata — plus a package-relative locator. Consumed by the remote MCP server and the urbicon CLI.",
   "license": "MIT",
   "repository": {
@@ -38,7 +38,7 @@
   },
   "devDependencies": {
     "typescript": "^6.0.3",
-    "@types/node": "^25.9.3",
+    "@types/node": "^25.9.4",
     "vitest": "^4.1.9"
   },
   "author": "Urbicon UI Team"