@uni-design-system/uni-mcp 4.0.0 → 4.1.0

package/dist/{chunk-WTQ4AVHO.js → chunk-UQRS5BYW.js}

@@ -7,8 +7,8 @@ import { z } from "zod";
 // src/data/uni-index.json
 var uni_index_default = {
   meta: {
-    version: "4.0.0",
-    builtAt: "2026-07-23T19:44:03.964Z",
+    version: "5.0.0",
+    builtAt: "2026-07-23T19:54:03.647Z",
     frameworks: [
       "angular"
     ],
@@ -16,7 +16,7 @@ var uni_index_default = {
       components: 59,
       tokens: 223,
       themes: 2,
-      examples: 107
+      examples: 0
     }
   },
   components: [
@@ -27,7 +27,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "feedback",
-      version: "4.0.0",
+      version: "5.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -74,13 +74,7 @@ var uni_index_default = {
           ]
         }
       },
-      examples: [
-        {
-          title: "Primary",
-          framework: "angular",
-          code: "<!-- Storybook story: Primary -->\n<Button (click)=\"alert.open()\">Show Alert</Button>\n<Alert #alert ${argsToTemplate(props)}>\n  ${ngContent}\n</Alert>\n<!-- args:\n{\n    ngContent: 'This is an alert!',\n    variant: 'tertiary',\n    symbolName: 'privacy_tip',\n  }\n-->"
-        }
-      ],
+      examples: [],
       guidelines: {
         whenToUse: "",
         dos: [],
@@ -101,7 +95,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "primitives",
-      version: "4.0.0",
+      version: "5.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -146,23 +140,7 @@ var uni_index_default = {
           ]
         }
       },
-      examples: [
-        {
-          title: "Primary",
-          framework: "angular",
-          code: "<!-- Storybook story: Primary -->\n<!-- args:\n{\n    image: 'images/phone-zone-illustration.svg',\n    imagePosition: 'center',\n    imageSize: '400px',\n    height: '400px',\n    width: '100%',\n  }\n-->"
-        },
-        {
-          title: "Contain Size",
-          framework: "angular",
-          code: "<!-- Storybook story: Contain Size -->\n<!-- args:\n{\n    ...Primary.args,\n    imageSize: 'contain',\n  }\n-->"
-        },
-        {
-          title: "Custom Position",
-          framework: "angular",
-          code: "<!-- Storybook story: Custom Position -->\n<!-- args:\n{\n    ...Primary.args,\n    imagePosition: 'top',\n  }\n-->"
-        }
-      ],
+      examples: [],
       guidelines: {
         whenToUse: "",
         dos: [],
@@ -178,7 +156,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "feedback",
-      version: "4.0.0",
+      version: "5.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -210,38 +188,7 @@ var uni_index_default = {
           ]
         }
       },
-      examples: [
-        {
-          title: "Pass",
-          framework: "angular",
-          code: `<!-- Storybook story: Pass -->
-<Badge color="\${color}" [width]="\${width}">
-  \${ngContent}
-</Badge>
-<!-- args:
-{
-    color: 'secondary',
-    ngContent: 'Pass',
-    width: 76,
-  }
--->`
-        },
-        {
-          title: "Fail",
-          framework: "angular",
-          code: `<!-- Storybook story: Fail -->
-<Badge color="\${color}" [width]="\${width}">
-  \${ngContent}
-</Badge>
-<!-- args:
-{
-    color: 'warn',
-    ngContent: 'Fail',
-    width: 76,
-  }
--->`
-        }
-      ],
+      examples: [],
       guidelines: {
         whenToUse: "",
         dos: [],
@@ -259,7 +206,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "directives",
-      version: "4.0.0",
+      version: "5.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -283,7 +230,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "4.0.0",
+      version: "5.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -624,13 +571,7 @@ var uni_index_default = {
           ]
         }
       },
-      examples: [
-        {
-          title: "Primary",
-          framework: "angular",
-          code: "<!-- Storybook story: Primary -->\n<div box-layout ${argsToTemplate(props)}>\n<Text>${ngContent}</Text>\n</div>\n<!-- args:\n{\n    color: 'secondary-container',\n    borderRadius: 'md',\n    padding: 'lg',\n    ngContent: 'Box Content.',\n  }\n-->"
-        }
-      ],
+      examples: [],
       guidelines: {
         whenToUse: "",
         dos: [],
@@ -646,7 +587,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "primitives",
-      version: "4.0.0",
+      version: "5.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -693,81 +634,7 @@ var uni_index_default = {
           ]
         }
       },
-      examples: [
-        {
-          title: "Primary",
-          framework: "angular",
-          code: `<!-- Storybook story: Primary -->
-<button text-button [variant]="variant" [size]="size" \${argsToTemplate(props)}>
-  {{ngContent}}
-</button>
-<!-- args:
-{
-    variant: 'primary',
-    size: 'lg',
-    ngContent: 'Button',
-  }
--->`
-        },
-        {
-          title: "Secondary",
-          framework: "angular",
-          code: `<!-- Storybook story: Secondary -->
-<button text-button [variant]="variant" [size]="size" \${argsToTemplate(props)}>
-  {{ngContent}}
-</button>
-<!-- args:
-{
-    size: 'lg',
-    variant: 'secondary',
-    ngContent: 'Secondary Button',
-  }
--->`
-        },
-        {
-          title: "Tertiary",
-          framework: "angular",
-          code: `<!-- Storybook story: Tertiary -->
-<button text-button [variant]="variant" [size]="size" \${argsToTemplate(props)}>
-  {{ngContent}}
-</button>
-<!-- args:
-{
-    size: 'lg',
-    variant: 'tertiary',
-    ngContent: 'Tertiary Button',
-  }
--->`
-        },
-        {
-          title: "Medium",
-          framework: "angular",
-          code: `<!-- Storybook story: Medium -->
-<button text-button [variant]="variant" [size]="size" \${argsToTemplate(props)}>
-  {{ngContent}}
-</button>
-<!-- args:
-{
-    size: 'md',
-    ngContent: 'Medium Button',
-  }
--->`
-        },
-        {
-          title: "Small",
-          framework: "angular",
-          code: `<!-- Storybook story: Small -->
-<button text-button [variant]="variant" [size]="size" \${argsToTemplate(props)}>
-  {{ngContent}}
-</button>
-<!-- args:
-{
-    size: 'sm',
-    ngContent: 'Small Button',
-  }
--->`
-        }
-      ],
+      examples: [],
       guidelines: {
         whenToUse: "",
         dos: [],
@@ -783,7 +650,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "primitives",
-      version: "4.0.0",
+      version: "5.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -791,13 +658,7 @@ var uni_index_default = {
           api: []
         }
       },
-      examples: [
-        {
-          title: "Primary",
-          framework: "angular",
-          code: '<!-- Storybook story: Primary -->\n<ButtonGroup ${argsToTemplate(props)}>\n  <button icon-button symbolName="align_horizontal_left" size="sm"></button>\n  <button icon-button symbolName="align_horizontal_center" size="sm"></button>\n  <button icon-button symbolName="align_horizontal_right" size="sm"></button>\n</ButtonGroup>\n<!-- args:\n{}\n-->'
-        }
-      ],
+      examples: [],
       guidelines: {
         whenToUse: "",
         dos: [],
@@ -813,7 +674,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "4.0.0",
+      version: "5.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -821,26 +682,7 @@ var uni_index_default = {
           api: []
         }
       },
-      examples: [
-        {
-          title: "Primary",
-          framework: "angular",
-          code: `<!-- Storybook story: Primary -->
-<Card variant="\${variant}">
-  <CardHeader title="Card Header"></CardHeader>
-  <CardContent>
-    <Text>\${ngContent}</Text>
-  </CardContent>
-</Card>
-<!-- args:
-{
-    variant: 'primary',
-    size: 'lg',
-    ngContent: 'Card content.',
-  }
--->`
-        }
-      ],
+      examples: [],
       guidelines: {
         whenToUse: "",
         dos: [],
@@ -856,7 +698,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "4.0.0",
+      version: "5.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -880,7 +722,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "4.0.0",
+      version: "5.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -921,7 +763,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "4.0.0",
+      version: "5.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -954,13 +796,7 @@ var uni_index_default = {
           ]
         }
       },
-      examples: [
-        {
-          title: "Primary",
-          framework: "angular",
-          code: "<!-- Storybook story: Primary -->\n<div center-layout  ${argsToTemplate(props)}>\n  <Text typeface=\"headline-large\">${ngContent}</Text>\n</div>\n<!-- args:\n{\n    ngContent: 'Centered Content',\n    height: 180,\n    width: '100%',\n  }\n-->"
-        }
-      ],
+      examples: [],
       guidelines: {
         whenToUse: "",
         dos: [],
@@ -976,7 +812,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "forms",
-      version: "4.0.0",
+      version: "5.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1055,38 +891,7 @@ var uni_index_default = {
           ]
         }
       },
-      examples: [
-        {
-          title: "Default",
-          framework: "angular",
-          code: "<!-- Storybook story: Default -->\n<uni-checkbox ${argsToTemplate(args)}></uni-checkbox>\n<!-- args:\n{\n    label: 'Accept terms and conditions',\n    variant: 'primary',\n    disabled: false,\n    checked: true,\n  }\n-->"
-        },
-        {
-          title: "Without Label",
-          framework: "angular",
-          code: "<!-- Storybook story: Without Label -->\n<uni-checkbox ${argsToTemplate(args)}></uni-checkbox>\n<!-- args:\n{\n    label: '',\n    variant: 'primary',\n    disabled: false,\n  }\n-->"
-        },
-        {
-          title: "Disabled",
-          framework: "angular",
-          code: "<!-- Storybook story: Disabled -->\n<uni-checkbox ${argsToTemplate(args)}></uni-checkbox>\n<!-- args:\n{\n    label: 'Disabled checkbox',\n    variant: 'primary',\n    disabled: true,\n  }\n-->"
-        },
-        {
-          title: "Variants",
-          framework: "angular",
-          code: "<!-- Storybook story: Variants -->\n<uni-checkbox ${argsToTemplate(args)}></uni-checkbox>"
-        },
-        {
-          title: "With Change Event",
-          framework: "angular",
-          code: "<!-- Storybook story: With Change Event -->\n<uni-checkbox ${argsToTemplate(args)}></uni-checkbox>"
-        },
-        {
-          title: "Form Signals",
-          framework: "angular",
-          code: "<!-- Storybook story: Form Signals -->\n<uni-checkbox ${argsToTemplate(args)}></uni-checkbox>"
-        }
-      ],
+      examples: [],
       guidelines: {
         whenToUse: "",
         dos: [],
@@ -1104,7 +909,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "feedback",
-      version: "4.0.0",
+      version: "5.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1151,7 +956,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "forms",
-      version: "4.0.0",
+      version: "5.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1182,43 +987,7 @@ var uni_index_default = {
           ]
         }
       },
-      examples: [
-        {
-          title: "Primary",
-          framework: "angular",
-          code: `<!-- Storybook story: Primary -->
-<uni-data-search \${argsToTemplate(props)} />
-<div style="margin-top: 16px;">
-  @for (record of datasource.records(); track record.id) {
-    <div>{{ record.name }} \u2014 {{ record.homeworld }}</div>
-  }
-</div>
-<!-- args:
-{
-    datasource: new UniRecordDatasource<any>(starWarsCharacters.slice(0, 10)),
-    placeholder: 'Search characters',
-  }
--->`
-        },
-        {
-          title: "Field Scoped",
-          framework: "angular",
-          code: `<!-- Storybook story: Field Scoped -->
-<uni-data-search \${argsToTemplate(props)} />
-<div style="margin-top: 16px;">
-  @for (record of datasource.records(); track record.id) {
-    <div>{{ record.name }} \u2014 {{ record.homeworld }}</div>
-  }
-</div>
-<!-- args:
-{
-    datasource: new UniRecordDatasource<any>(starWarsCharacters.slice(0, 10)),
-    placeholder: 'Search by name only',
-    fields: ['name'],
-  }
--->`
-        }
-      ],
+      examples: [],
       guidelines: {
         whenToUse: "",
         dos: [],
@@ -1234,7 +1003,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "data",
-      version: "4.0.0",
+      version: "5.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1294,28 +1063,7 @@ var uni_index_default = {
           ]
         }
       },
-      examples: [
-        {
-          title: "Primary",
-          framework: "angular",
-          code: "<!-- Storybook story: Primary -->\n<!-- args:\n{\n    columns: [\n      {\n        columnDef: 'id',\n        header: 'ID',\n        isSticky: true,\n      },\n      {\n        columnDef: 'name',\n        header: 'Name',\n        textAlign: 'left',\n      },\n      {\n        columnDef: 'species',\n        header: 'Species',\n      },\n      {\n        columnDef: 'height',\n        header: 'Height',\n        cell: (element: any) => (element.height ? `${element.height} m` : ''),\n      },\n      {\n        columnDef: 'homeworld',\n        header: 'Home World',\n      },\n    ],\n    datasource: new UniRecordDatasource<any>(starWarsCharacters),\n  }\n-->"
-        },
-        {
-          title: "With Header",
-          framework: "angular",
-          code: "<!-- Storybook story: With Header -->\n<!-- args:\n{\n    height: '300px',\n    columns: [\n      {\n        columnDef: 'id',\n        header: 'ID',\n      },\n      {\n        columnDef: 'name',\n        header: 'Name',\n        textAlign: 'left',\n      },\n      {\n        columnDef: 'homeworld',\n        header: 'Home World',\n      },\n    ],\n    datasource: new UniRecordDatasource<any>(starWarsCharacters),\n  }\n-->"
-        },
-        {
-          title: "With Search",
-          framework: "angular",
-          code: "<!-- Storybook story: With Search -->\n<!-- args:\n{\n    height: '300px',\n    columns: [\n      {\n        columnDef: 'id',\n        header: 'ID',\n      },\n      {\n        columnDef: 'name',\n        header: 'Name',\n        textAlign: 'left',\n      },\n      {\n        columnDef: 'homeworld',\n        header: 'Home World',\n      },\n    ],\n    datasource: new UniRecordDatasource<any>(starWarsCharacters),\n  }\n-->"
-        },
-        {
-          title: "With Detail Row",
-          framework: "angular",
-          code: "<!-- Storybook story: With Detail Row -->\n<!-- args:\n{\n    height: '300px',\n    columns: [\n      {\n        columnDef: 'id',\n        header: 'ID',\n      },\n      {\n        columnDef: 'name',\n        header: 'Name',\n        textAlign: 'left',\n      },\n      {\n        columnDef: 'homeworld',\n        header: 'Home World',\n      },\n    ],\n    datasource: new UniRecordDatasource<any>(starWarsCharacters),\n  }\n-->"
-        }
-      ],
+      examples: [],
       guidelines: {
         whenToUse: "",
         dos: [],
@@ -1331,7 +1079,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "forms",
-      version: "4.0.0",
+      version: "5.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1369,24 +1117,7 @@ var uni_index_default = {
           ]
         }
       },
-      examples: [
-        {
-          title: "Primary",
-          framework: "angular",
-          code: `<!-- Storybook story: Primary -->
-<DebounceInput \${argsToTemplate(props)} (change)="lastEmitted = $event" #debounce />
-<div style="margin-top: 16px;">
-  <div>Live value: {{ debounce.value() }}</div>
-  <div>Debounced value: {{ lastEmitted }}</div>
-</div>
-<!-- args:
-{
-    inputName: 'search',
-    debounceTime: 400,
-  }
--->`
-        }
-      ],
+      examples: [],
       guidelines: {
         whenToUse: "",
         dos: [],
@@ -1402,7 +1133,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "feedback",
-      version: "4.0.0",
+      version: "5.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1447,13 +1178,7 @@ var uni_index_default = {
           ]
         }
       },
-      examples: [
-        {
-          title: "Primary",
-          framework: "angular",
-          code: '<!-- Storybook story: Primary -->\n<Button (click)="dialog.open()">Open Dialog</Button>\n<Dialog #dialog>\n  <DialogHeader color="primary">Sample Dialog</DialogHeader>\n  <div center-layout [width]="300" [height]="200">\n    <Text>Dialog</Text>\n  </div>\n  <DialogButtons></DialogButtons>\n</Dialog>\n<!-- args:\n{}\n-->'
-        }
-      ],
+      examples: [],
       guidelines: {
         whenToUse: "",
         dos: [],
@@ -1476,7 +1201,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "feedback",
-      version: "4.0.0",
+      version: "5.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1561,7 +1286,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "feedback",
-      version: "4.0.0",
+      version: "5.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1585,7 +1310,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "4.0.0",
+      version: "5.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1610,22 +1335,7 @@ var uni_index_default = {
           ]
         }
       },
-      examples: [
-        {
-          title: "Primary",
-          framework: "angular",
-          code: `<!-- Storybook story: Primary -->
-<Center height="200px">
-  <Divider border="\${border}" orientation="\${orientation}" />
-</Center>
-<!-- args:
-{
-    orientation: 'horizontal',
-    border: 'primary',
-  }
--->`
-        }
-      ],
+      examples: [],
       guidelines: {
         whenToUse: "",
         dos: [],
@@ -1641,7 +1351,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "directives",
-      version: "4.0.0",
+      version: "5.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1673,7 +1383,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "components",
-      version: "4.0.0",
+      version: "5.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1762,7 +1472,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "4.0.0",
+      version: "5.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1779,27 +1489,7 @@ var uni_index_default = {
           ]
         }
       },
-      examples: [
-        {
-          title: "Primary",
-          framework: "angular",
-          code: `<!-- Storybook story: Primary -->
-<Card>
-<CardHeader title="Expandable Card"><ExpandToggle #toggle /></CardHeader>
-<Expand [collapsed]="toggle.collapsed()">
-  <CardContent>
-    <Text>\${ngContent}</Text>
-  </CardContent>
-</Expand>
-</Card>
-<!-- args:
-{
-    collapsed: false,
-    ngContent: 'Expandable Content',
-  }
--->`
-        }
-      ],
+      examples: [],
       guidelines: {
         whenToUse: "",
         dos: [],
@@ -1815,7 +1505,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "4.0.0",
+      version: "5.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1854,23 +1544,7 @@ var uni_index_default = {
           ]
         }
       },
-      examples: [
-        {
-          title: "Primary",
-          framework: "angular",
-          code: `<!-- Storybook story: Primary -->
-<ExpandArea title="\${title}" padding="\${padding}" initCollapsed="\${initCollapsed}" #expandArea>
-  <button text-button (click)="expandArea.toggleExpand()" size="md" variant="ghost" symbolLeft="collapse_all">Collapse area</button>
-</ExpandArea>
-<!-- args:
-{
-    title: 'Expand Area Title',
-    padding: 'sm',
-    initCollapsed: true,
-  }
--->`
-        }
-      ],
+      examples: [],
       guidelines: {
         whenToUse: "",
         dos: [],
@@ -1886,7 +1560,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "forms",
-      version: "4.0.0",
+      version: "5.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1910,13 +1584,7 @@ var uni_index_default = {
           ]
         }
       },
-      examples: [
-        {
-          title: "Primary",
-          framework: "angular",
-          code: '<!-- Storybook story: Primary -->\n<ExpandToggle [collapsed]="collapsed" #toggle />\n<div>Collapsed: {{ toggle.collapsed() }}</div>\n<!-- args:\n{\n    collapsed: true,\n  }\n-->'
-        }
-      ],
+      examples: [],
       guidelines: {
         whenToUse: "",
         dos: [],
@@ -1932,7 +1600,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "forms",
-      version: "4.0.0",
+      version: "5.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -2033,46 +1701,7 @@ var uni_index_default = {
           ]
         }
       },
-      examples: [
-        {
-          title: "Primary",
-          framework: "angular",
-          code: `<!-- Storybook story: Primary -->
-<uni-file-drop-zone \${argsToTemplate(props)} [helpTemplate]="myTemplate" />
-<ng-template #myTemplate>
-<div stack-layout alignItems="center">
-  <Text typeface="title-medium">Title Text</Text>
-  <Text typeface="subtitle-1">Subtitle Text</Text>
-</div>
-</ng-template>
-<!-- args:
-{
-    label: 'Image',
-    browseButtonText: 'Browse for image',
-    allowedFileExtensions: ['png', 'jpg'],
-  }
--->`
-        },
-        {
-          title: "With Help Template",
-          framework: "angular",
-          code: `<!-- Storybook story: With Help Template -->
-<uni-file-drop-zone \${argsToTemplate(props)} [helpTemplate]="myTemplate" />
-<ng-template #myTemplate>
-<div stack-layout alignItems="center">
-  <Text typeface="title-medium">Title Text</Text>
-  <Text typeface="subtitle-1">Subtitle Text</Text>
-</div>
-</ng-template>
-<!-- args:
-{
-    label: 'Image',
-    browseButtonText: 'Browse for image',
-    allowedFileExtensions: ['png', 'jpg'],
-  }
--->`
-        }
-      ],
+      examples: [],
       guidelines: {
         whenToUse: "",
         dos: [],
@@ -2088,7 +1717,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "4.0.0",
+      version: "5.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -2140,36 +1769,7 @@ var uni_index_default = {
           ]
         }
       },
-      examples: [
-        {
-          title: "Simple Grid",
-          framework: "angular",
-          code: `<!-- Storybook story: Simple Grid -->
-<div grid-layout \${argsToTemplate(props)}>
-  <div box-layout gridArea="nav" color="quaternary" padding="md" borderRadius="sm">
-    <Text>nav</Text>
-  </div>
-  <div box-layout gridArea="a1" color="primary" padding="md" borderRadius="sm">
-    <Text>a1</Text>
-  </div>
-  <div box-layout gridArea="a2" color="secondary" padding="md" borderRadius="sm">
-    <Text>a2</Text>
-  </div>
-  <div box-layout gridArea="b1" color="tertiary" padding="md" borderRadius="sm">
-    <Text>b1</Text>
-  </div>
-  <div box-layout gridArea="b2" color="warn" padding="md" borderRadius="sm">
-    <Text>b2</Text>
-  </div>
-</div>
-<!-- args:
-{
-    templateAreas: \`'nav a1 a2' 'nav b1 b2'\`,
-    gap: 'sm',
-  }
--->`
-        }
-      ],
+      examples: [],
       guidelines: {
         whenToUse: "",
         dos: [],
@@ -2185,7 +1785,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "4.0.0",
+      version: "5.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -2217,7 +1817,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "primitives",
-      version: "4.0.0",
+      version: "5.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -2240,21 +1840,7 @@ var uni_index_default = {
           ]
         }
       },
-      examples: [
-        {
-          title: "Primary",
-          framework: "angular",
-          code: `<!-- Storybook story: Primary -->
-<div style="height: \${size + 'px'}">
-    <Icon name="\${name}" color="\${color}" />
-  </div>
-<!-- args:
-{
-    name: 'checkCircle',
-  }
--->`
-        }
-      ],
+      examples: [],
       guidelines: {
         whenToUse: "",
         dos: [],
@@ -2270,7 +1856,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "primitives",
-      version: "4.0.0",
+      version: "5.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -2338,23 +1924,7 @@ var uni_index_default = {
           ]
         }
       },
-      examples: [
-        {
-          title: "Primary",
-          framework: "angular",
-          code: `<!-- Storybook story: Primary -->
-<button icon-button iconName="\${iconName}" variant="\${variant}" size="\${size}" \${argsToTemplate(
-  props
-)}></button>
-<!-- args:
-{
-    iconName: 'search',
-    size: 'lg',
-    variant: 'ghost',
-  }
--->`
-        }
-      ],
+      examples: [],
       guidelines: {
         whenToUse: "",
         dos: [],
@@ -2370,7 +1940,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "forms",
-      version: "4.0.0",
+      version: "5.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -2449,38 +2019,7 @@ var uni_index_default = {
           ]
         }
       },
-      examples: [
-        {
-          title: "Primary",
-          framework: "angular",
-          code: "<!-- Storybook story: Primary -->\n<uni-input ${argsToTemplate(props)}>\n</uni-input>\n<!-- args:\n{\n    label: 'Email Address',\n    placeholder: 'Enter your email',\n    value: '',\n    disabled: false,\n    touched: false,\n    invalid: false,\n    dirty: false,\n  }\n-->"
-        },
-        {
-          title: "With Value",
-          framework: "angular",
-          code: "<!-- Storybook story: With Value -->\n<uni-input ${argsToTemplate(props)}>\n</uni-input>\n<!-- args:\n{\n    label: 'Username',\n    placeholder: 'Enter username',\n    value: 'john.doe',\n    disabled: false,\n    touched: true,\n    invalid: false,\n    dirty: true,\n  }\n-->"
-        },
-        {
-          title: "Disabled",
-          framework: "angular",
-          code: "<!-- Storybook story: Disabled -->\n<uni-input ${argsToTemplate(props)}>\n</uni-input>\n<!-- args:\n{\n    label: 'Disabled Input',\n    placeholder: 'This input is disabled',\n    value: 'Cannot edit this',\n    disabled: true,\n    touched: false,\n    invalid: false,\n    dirty: false,\n  }\n-->"
-        },
-        {
-          title: "Invalid",
-          framework: "angular",
-          code: "<!-- Storybook story: Invalid -->\n<uni-input ${argsToTemplate(props)}>\n</uni-input>\n<!-- args:\n{\n    label: 'Email Address',\n    placeholder: 'Enter your email',\n    value: 'invalid-email',\n    disabled: false,\n    touched: true,\n    invalid: true,\n    dirty: true,\n  }\n-->"
-        },
-        {
-          title: "Required",
-          framework: "angular",
-          code: "<!-- Storybook story: Required -->\n<uni-input ${argsToTemplate(props)}>\n</uni-input>\n<!-- args:\n{\n    label: 'Full Name',\n    placeholder: 'This field is required',\n    value: '',\n    disabled: false,\n    touched: true,\n    invalid: true,\n    dirty: false,\n  }\n-->"
-        },
-        {
-          title: "Long Label",
-          framework: "angular",
-          code: "<!-- Storybook story: Long Label -->\n<uni-input ${argsToTemplate(props)}>\n</uni-input>\n<!-- args:\n{\n    label: 'A Very Long Label That Demonstrates How The Component Handles Extended Text',\n    placeholder: 'Enter some text',\n    value: '',\n    disabled: false,\n    touched: false,\n    invalid: false,\n    dirty: false,\n  }\n-->"
-        }
-      ],
+      examples: [],
       guidelines: {
         whenToUse: "",
         dos: [],
@@ -2510,7 +2049,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "forms",
-      version: "4.0.0",
+      version: "5.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -2543,23 +2082,7 @@ var uni_index_default = {
           ]
         }
       },
-      examples: [
-        {
-          title: "Primary",
-          framework: "angular",
-          code: '<!-- Storybook story: Primary -->\n<uni-input-box ${argsToTemplate(props)}>\n  <input type="text" placeholder="Type here..." />\n</uni-input-box>\n<!-- args:\n{\n    disabled: false,\n    error: false,\n  }\n-->'
-        },
-        {
-          title: "Error State",
-          framework: "angular",
-          code: '<!-- Storybook story: Error State -->\n<uni-input-box ${argsToTemplate(props)}>\n  <input type="text" placeholder="Type here..." />\n</uni-input-box>\n<!-- args:\n{\n    disabled: false,\n    error: true,\n  }\n-->'
-        },
-        {
-          title: "Disabled",
-          framework: "angular",
-          code: '<!-- Storybook story: Disabled -->\n<uni-input-box ${argsToTemplate(props)}>\n  <input type="text" placeholder="Type here..." />\n</uni-input-box>\n<!-- args:\n{\n    disabled: true,\n    error: false,\n  }\n-->'
-        }
-      ],
+      examples: [],
       guidelines: {
         whenToUse: "",
         dos: [],
@@ -2575,7 +2098,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "components",
-      version: "4.0.0",
+      version: "5.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -2623,13 +2146,7 @@ var uni_index_default = {
           ]
         }
       },
-      examples: [
-        {
-          title: "Primary",
-          framework: "angular",
-          code: "<!-- Storybook story: Primary -->\n<!-- args:\n{\n    json: { a: { b: ['c', 'd', 'e', 'f'], g: ['h', 'i'] }, j: 'k' },\n  }\n-->"
-        }
-      ],
+      examples: [],
       guidelines: {
         whenToUse: "",
         dos: [],
@@ -2645,7 +2162,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "4.0.0",
+      version: "5.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -2683,27 +2200,7 @@ var uni_index_default = {
           ]
         }
       },
-      examples: [
-        {
-          title: "Primary",
-          framework: "angular",
-          code: `<!-- Storybook story: Primary -->
-<div box-layout color="primary" padding="sm">
-  <Menu \${argsToTemplate(props)}>
-    <button text-button variant="ghost" symbolRight="arrow_drop_down">Menu</button>
-  </Menu>
-</div>
-<!-- args:
-{
-    menuItems: [
-      { label: 'Language', symbolName: 'translate' },
-      { label: 'Settings', symbolName: 'settings' },
-      { label: 'Logout', symbolName: 'logout' },
-    ],
-  }
--->`
-        }
-      ],
+      examples: [],
       guidelines: {
         whenToUse: "",
         dos: [],
@@ -2719,7 +2216,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "4.0.0",
+      version: "5.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -2835,7 +2332,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "forms",
-      version: "4.0.0",
+      version: "5.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -2883,28 +2380,7 @@ var uni_index_default = {
           ]
         }
       },
-      examples: [
-        {
-          title: "Primary",
-          framework: "angular",
-          code: "<!-- Storybook story: Primary -->\n<uni-multi-select ${argsToTemplate(props)}>\n</uni-multi-select>\n<!-- args:\n{\n    options: [\n      { value: 'option1', label: 'Option 1' },\n      { value: 'option2', label: 'Option 2' },\n      { value: 'option3', label: 'Option 3' },\n      { value: 'option4', label: 'Option 4' },\n    ],\n    selections: ['option1', 'option3'],\n  }\n-->"
-        },
-        {
-          title: "Empty",
-          framework: "angular",
-          code: "<!-- Storybook story: Empty -->\n<uni-multi-select ${argsToTemplate(props)}>\n</uni-multi-select>\n<!-- args:\n{\n    options: [\n      { value: 'option1', label: 'Option 1' },\n      { value: 'option2', label: 'Option 2' },\n      { value: 'option3', label: 'Option 3' },\n    ],\n    selections: undefined,\n  }\n-->"
-        },
-        {
-          title: "Single Selection",
-          framework: "angular",
-          code: "<!-- Storybook story: Single Selection -->\n<uni-multi-select ${argsToTemplate(props)}>\n</uni-multi-select>\n<!-- args:\n{\n    options: [\n      { value: 'red', label: 'Red' },\n      { value: 'green', label: 'Green' },\n      { value: 'blue', label: 'Blue' },\n    ],\n    selections: ['red'],\n  }\n-->"
-        },
-        {
-          title: "Many Options",
-          framework: "angular",
-          code: "<!-- Storybook story: Many Options -->\n<uni-multi-select ${argsToTemplate(props)}>\n</uni-multi-select>\n<!-- args:\n{\n    options: [\n      { value: 'option1', label: 'First Option' },\n      { value: 'option2', label: 'Second Option' },\n      { value: 'option3', label: 'Third Option' },\n      { value: 'option4', label: 'Fourth Option' },\n      { value: 'option5', label: 'Fifth Option' },\n      { value: 'option6', label: 'Sixth Option' },\n      { value: 'option7', label: 'Seventh Option' },\n      { value: 'option8', label: 'Eighth Option' },\n    ],\n    selections: ['option2', 'option4', 'option6'],\n  }\n-->"
-        }
-      ],
+      examples: [],
       guidelines: {
         whenToUse: "",
         dos: [],
@@ -2920,7 +2396,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "forms",
-      version: "4.0.0",
+      version: "5.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -2999,43 +2475,7 @@ var uni_index_default = {
           ]
         }
       },
-      examples: [
-        {
-          title: "Primary",
-          framework: "angular",
-          code: "<!-- Storybook story: Primary -->\n<uni-multi-select-dropdown ${argsToTemplate(props)}>\n</uni-multi-select-dropdown>\n<!-- args:\n{\n    options: [\n      { value: 'option1', label: 'Option 1' },\n      { value: 'option2', label: 'Option 2' },\n      { value: 'option3', label: 'Option 3' },\n      { value: 'option4', label: 'Option 4' },\n    ],\n    value: ['option1', 'option3'],\n  }\n-->"
-        },
-        {
-          title: "Empty",
-          framework: "angular",
-          code: "<!-- Storybook story: Empty -->\n<uni-multi-select-dropdown ${argsToTemplate(props)}>\n</uni-multi-select-dropdown>\n<!-- args:\n{\n    options: [\n      { value: 'option1', label: 'Option 1' },\n      { value: 'option2', label: 'Option 2' },\n      { value: 'option3', label: 'Option 3' },\n    ],\n    value: [],\n  }\n-->"
-        },
-        {
-          title: "Single Selection",
-          framework: "angular",
-          code: "<!-- Storybook story: Single Selection -->\n<uni-multi-select-dropdown ${argsToTemplate(props)}>\n</uni-multi-select-dropdown>\n<!-- args:\n{\n    options: [\n      { value: 'red', label: 'Red' },\n      { value: 'green', label: 'Green' },\n      { value: 'blue', label: 'Blue' },\n    ],\n    value: ['red'],\n  }\n-->"
-        },
-        {
-          title: "Many Options",
-          framework: "angular",
-          code: "<!-- Storybook story: Many Options -->\n<uni-multi-select-dropdown ${argsToTemplate(props)}>\n</uni-multi-select-dropdown>\n<!-- args:\n{\n    options: [\n      { value: 'option1', label: 'First Option' },\n      { value: 'option2', label: 'Second Option' },\n      { value: 'option3', label: 'Third Option' },\n      { value: 'option4', label: 'Fourth Option' },\n      { value: 'option5', label: 'Fifth Option' },\n      { value: 'option6', label: 'Sixth Option' },\n      { value: 'option7', label: 'Seventh Option' },\n      { value: 'option8', label: 'Eighth Option' },\n    ],\n    value: ['option2', 'option4', 'option6'],\n  }\n-->"
-        },
-        {
-          title: "Disabled",
-          framework: "angular",
-          code: "<!-- Storybook story: Disabled -->\n<uni-multi-select-dropdown ${argsToTemplate(props)}>\n</uni-multi-select-dropdown>\n<!-- args:\n{\n    options: [\n      { value: 'option1', label: 'Option 1' },\n      { value: 'option2', label: 'Option 2' },\n      { value: 'option3', label: 'Option 3' },\n    ],\n    value: ['option1'],\n    disabled: true,\n  }\n-->"
-        },
-        {
-          title: "Error State",
-          framework: "angular",
-          code: "<!-- Storybook story: Error State -->\n<uni-multi-select-dropdown ${argsToTemplate(props)}>\n</uni-multi-select-dropdown>\n<!-- args:\n{\n    options: [\n      { value: 'option1', label: 'Option 1' },\n      { value: 'option2', label: 'Option 2' },\n      { value: 'option3', label: 'Option 3' },\n    ],\n    value: [],\n    invalid: true,\n    touched: true,\n  }\n-->"
-        },
-        {
-          title: "With Placeholder",
-          framework: "angular",
-          code: "<!-- Storybook story: With Placeholder -->\n<uni-multi-select-dropdown ${argsToTemplate(props)}>\n</uni-multi-select-dropdown>\n<!-- args:\n{\n    options: [\n      { value: 'apple', label: 'Apple' },\n      { value: 'banana', label: 'Banana' },\n      { value: 'orange', label: 'Orange' },\n      { value: 'grape', label: 'Grape' },\n    ],\n    value: [],\n    placeholder: 'Choose your favorite fruits...',\n  }\n-->"
-        }
-      ],
+      examples: [],
       guidelines: {
         whenToUse: "",
         dos: [],
@@ -3051,7 +2491,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "feedback",
-      version: "4.0.0",
+      version: "5.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -3115,166 +2555,7 @@ var uni_index_default = {
           ]
         }
       },
-      examples: [
-        {
-          title: "Default",
-          framework: "angular",
-          code: `<!-- Storybook story: Default -->
-<div style="margin: 20px;">
-<uni-notification-badge
-  [count]="count"
-  [maxCount]="maxCount"
-  [badgeVariant]="badgeVariant"
-  [color]="color"
-  [position]="position"
-  [show]="show">
-  <button uni-text-button>
-    Button with Badge
-  </button>
-</uni-notification-badge>
-</div>
-<!-- args:
-{
-    count: 5,
-    badgeVariant: 'count',
-    color: 'warn',
-    position: 'top-right',
-    show: true,
-    maxCount: 99,
-  }
--->`
-        },
-        {
-          title: "Dot",
-          framework: "angular",
-          code: `<!-- Storybook story: Dot -->
-<div style="margin: 20px;">
-<uni-notification-badge
-  [count]="count"
-  [maxCount]="maxCount"
-  [badgeVariant]="badgeVariant"
-  [color]="color"
-  [position]="position"
-  [show]="show">
-  <button uni-text-button>
-    Button with Badge
-  </button>
-</uni-notification-badge>
-</div>
-<!-- args:
-{
-    badgeVariant: 'dot',
-    color: 'warn',
-    position: 'top-right',
-    show: true,
-  }
--->`
-        },
-        {
-          title: "Count",
-          framework: "angular",
-          code: `<!-- Storybook story: Count -->
-<div style="margin: 20px;">
-<uni-notification-badge
-  [count]="count"
-  [maxCount]="maxCount"
-  [badgeVariant]="badgeVariant"
-  [color]="color"
-  [position]="position"
-  [show]="show">
-  <button uni-text-button>
-    Button with Badge
-  </button>
-</uni-notification-badge>
-</div>
-<!-- args:
-{
-    count: 12,
-    badgeVariant: 'count',
-    color: 'warn',
-    position: 'top-right',
-    show: true,
-    maxCount: 99,
-  }
--->`
-        },
-        {
-          title: "Pill",
-          framework: "angular",
-          code: `<!-- Storybook story: Pill -->
-<div style="margin: 20px;">
-<uni-notification-badge
-  [count]="count"
-  [maxCount]="maxCount"
-  [badgeVariant]="badgeVariant"
-  [color]="color"
-  [position]="position"
-  [show]="show">
-  <button uni-text-button>
-    Button with Badge
-  </button>
-</uni-notification-badge>
-</div>
-<!-- args:
-{
-    count: 1234,
-    badgeVariant: 'pill',
-    color: 'warn',
-    position: 'top-right',
-    show: true,
-    maxCount: 999,
-  }
--->`
-        },
-        {
-          title: "Large Count",
-          framework: "angular",
-          code: `<!-- Storybook story: Large Count -->
-<div style="margin: 20px;">
-<uni-notification-badge
-  [count]="count"
-  [maxCount]="maxCount"
-  [badgeVariant]="badgeVariant"
-  [color]="color"
-  [position]="position"
-  [show]="show">
-  <button uni-text-button>
-    Button with Badge
-  </button>
-</uni-notification-badge>
-</div>
-<!-- args:
-{
-    count: 150,
-    badgeVariant: 'count',
-    color: 'warn',
-    position: 'top-right',
-    show: true,
-    maxCount: 99,
-  }
--->`
-        },
-        {
-          title: "Different Colors",
-          framework: "angular",
-          code: '<!-- Storybook story: Different Colors -->\n<div style="margin: 20px;">\n<uni-notification-badge\n  [count]="count"\n  [maxCount]="maxCount"\n  [badgeVariant]="badgeVariant"\n  [color]="color"\n  [position]="position"\n  [show]="show">\n  <button uni-text-button>\n    Button with Badge\n  </button>\n</uni-notification-badge>\n</div>'
-        },
-        {
-          title: "Different Positions",
-          framework: "angular",
-          code: '<!-- Storybook story: Different Positions -->\n<div style="margin: 20px;">\n<uni-notification-badge\n  [count]="count"\n  [maxCount]="maxCount"\n  [badgeVariant]="badgeVariant"\n  [color]="color"\n  [position]="position"\n  [show]="show">\n  <button uni-text-button>\n    Button with Badge\n  </button>\n</uni-notification-badge>\n</div>'
-        },
-        {
-          title: "Variant Comparison",
-          framework: "angular",
-          code: '<!-- Storybook story: Variant Comparison -->\n<div style="margin: 20px;">\n<uni-notification-badge\n  [count]="count"\n  [maxCount]="maxCount"\n  [badgeVariant]="badgeVariant"\n  [color]="color"\n  [position]="position"\n  [show]="show">\n  <button uni-text-button>\n    Button with Badge\n  </button>\n</uni-notification-badge>\n</div>'
-        },
-        {
-          title: "With Icons",
-          framework: "angular",
-          code: '<!-- Storybook story: With Icons -->\n<div style="margin: 20px;">\n<uni-notification-badge\n  [count]="count"\n  [maxCount]="maxCount"\n  [badgeVariant]="badgeVariant"\n  [color]="color"\n  [position]="position"\n  [show]="show">\n  <button uni-text-button>\n    Button with Badge\n  </button>\n</uni-notification-badge>\n</div>'
-        }
-      ],
+      examples: [],
       guidelines: {
         whenToUse: "",
         dos: [],
@@ -3290,7 +2571,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "feedback",
-      version: "4.0.0",
+      version: "5.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -3314,7 +2595,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "data",
-      version: "4.0.0",
+      version: "5.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -3361,18 +2642,7 @@ var uni_index_default = {
           ]
         }
       },
-      examples: [
-        {
-          title: "Primary",
-          framework: "angular",
-          code: '<!-- Storybook story: Primary -->\n<Paginator ${argsToTemplate(props)} />\n<div style="margin-top: 16px;">\n  @for (record of datasource.records(); track record.id) {\n    <div>{{ record.name }}</div>\n  }\n</div>\n<!-- args:\n{\n    datasource: new UniRecordDatasource<any>(starWarsCharacters),\n    initPageSize: 5,\n    showPageSize: true,\n    showPageJumper: true,\n    showPageNumbers: true,\n  }\n-->'
-        },
-        {
-          title: "Page Numbers Only",
-          framework: "angular",
-          code: '<!-- Storybook story: Page Numbers Only -->\n<Paginator ${argsToTemplate(props)} />\n<div style="margin-top: 16px;">\n  @for (record of datasource.records(); track record.id) {\n    <div>{{ record.name }}</div>\n  }\n</div>\n<!-- args:\n{\n    datasource: new UniRecordDatasource<any>(starWarsCharacters),\n    initPageSize: 5,\n    showPageSize: false,\n    showPageJumper: false,\n    showPageNumbers: true,\n  }\n-->'
-        }
-      ],
+      examples: [],
       guidelines: {
         whenToUse: "",
         dos: [],
@@ -3396,7 +2666,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "4.0.0",
+      version: "5.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -3421,13 +2691,7 @@ var uni_index_default = {
           ]
         }
       },
-      examples: [
-        {
-          title: "Primary",
-          framework: "angular",
-          code: '<!-- Storybook story: Primary -->\n<Popover placement="${placement}" [autoClose]="${autoClose}" #popover>\n  <Button trigger>Open Popover</Button>\n  <Stack gap="sm">\n    <div>\n      <Text typeface="title-small" display="block">\n      This is a Popover.\n      </Text>\n      It is possible to add any markup you want to a Popover.\n    </div>\n    <div>\n      <Button symbolLeft="thumb_up" size="sm" variant="secondary" (click)="popover.hidePopover()">OK!</Button>\n    </div>\n  </Stack>\n</Popover>\n<!-- args:\n{\n    placement: \'right-start\',\n    autoClose: true,\n  }\n-->'
-        }
-      ],
+      examples: [],
       guidelines: {
         whenToUse: "",
         dos: [],
@@ -3443,7 +2707,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "feedback",
-      version: "4.0.0",
+      version: "5.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -3483,13 +2747,7 @@ var uni_index_default = {
           ]
         }
       },
-      examples: [
-        {
-          title: "Default",
-          framework: "angular",
-          code: '<!-- Storybook story: Default -->\n<ProgressBar percent="${percent}" ${argsToTemplate(props)}></ProgressBar>\n<!-- args:\n{\n    percent: 60,\n  }\n-->'
-        }
-      ],
+      examples: [],
       guidelines: {
         whenToUse: "",
         dos: [],
@@ -3505,7 +2763,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "feedback",
-      version: "4.0.0",
+      version: "5.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -3529,21 +2787,7 @@ var uni_index_default = {
           ]
         }
       },
-      examples: [
-        {
-          title: "Default",
-          framework: "angular",
-          code: `<!-- Storybook story: Default -->
-<ProgressGauge percent="\${percent}" variant="\${variant}" size="\${size}"></ProgressGauge>
-<!-- args:
-{
-    percent: 60,
-    size: 'lg',
-    variant: 'primary',
-  }
--->`
-        }
-      ],
+      examples: [],
       guidelines: {
         whenToUse: "",
         dos: [],
@@ -3559,7 +2803,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "forms",
-      version: "4.0.0",
+      version: "5.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -3646,43 +2890,7 @@ var uni_index_default = {
           ]
         }
       },
-      examples: [
-        {
-          title: "Default",
-          framework: "angular",
-          code: "<!-- Storybook story: Default -->\n<uni-radio ${argsToTemplate(args)}></uni-radio>\n<!-- args:\n{\n    label: 'Select an option',\n    variant: 'primary',\n    disabled: false,\n    value: 'option1',\n    name: 'radio-group',\n    options: defaultOptions,\n  }\n-->"
-        },
-        {
-          title: "Without Label",
-          framework: "angular",
-          code: "<!-- Storybook story: Without Label -->\n<uni-radio ${argsToTemplate(args)}></uni-radio>\n<!-- args:\n{\n    label: '',\n    variant: 'primary',\n    disabled: false,\n    value: '',\n    name: 'radio-group',\n    options: defaultOptions,\n  }\n-->"
-        },
-        {
-          title: "Disabled",
-          framework: "angular",
-          code: "<!-- Storybook story: Disabled -->\n<uni-radio ${argsToTemplate(args)}></uni-radio>\n<!-- args:\n{\n    label: 'Disabled radio group',\n    variant: 'primary',\n    disabled: true,\n    value: 'option1',\n    name: 'radio-group',\n    options: defaultOptions,\n  }\n-->"
-        },
-        {
-          title: "With Disabled Options",
-          framework: "angular",
-          code: "<!-- Storybook story: With Disabled Options -->\n<uni-radio ${argsToTemplate(args)}></uni-radio>\n<!-- args:\n{\n    label: 'Some options disabled',\n    variant: 'primary',\n    disabled: false,\n    value: 'option1',\n    name: 'radio-group',\n    options: [\n      { label: 'Available Option', value: 'option1' },\n      { label: 'Disabled Option', value: 'option2', disabled: true },\n      { label: 'Another Available', value: 'option3' },\n    ],\n  }\n-->"
-        },
-        {
-          title: "Variants",
-          framework: "angular",
-          code: "<!-- Storybook story: Variants -->\n<uni-radio ${argsToTemplate(args)}></uni-radio>"
-        },
-        {
-          title: "With Change Event",
-          framework: "angular",
-          code: "<!-- Storybook story: With Change Event -->\n<uni-radio ${argsToTemplate(args)}></uni-radio>"
-        },
-        {
-          title: "Form Signals",
-          framework: "angular",
-          code: "<!-- Storybook story: Form Signals -->\n<uni-radio ${argsToTemplate(args)}></uni-radio>"
-        }
-      ],
+      examples: [],
       guidelines: {
         whenToUse: "",
         dos: [],
@@ -3698,7 +2906,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "directives",
-      version: "4.0.0",
+      version: "5.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -3722,7 +2930,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "4.0.0",
+      version: "5.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -3755,13 +2963,7 @@ var uni_index_default = {
           ]
         }
       },
-      examples: [
-        {
-          title: "Button Row",
-          framework: "angular",
-          code: "<!-- Storybook story: Button Row -->\n<div row-layout ${argsToTemplate(props)}>\n  <button text-button>Button 1</button>\n  <button text-button>Button 2</button>\n  <button text-button>Button 3</button>\n</div>\n<!-- args:\n{ gap: 'lg' }\n-->"
-        }
-      ],
+      examples: [],
       guidelines: {
         whenToUse: "",
         dos: [],
@@ -3777,7 +2979,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "4.0.0",
+      version: "5.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -3902,13 +3104,7 @@ var uni_index_default = {
           ]
         }
       },
-      examples: [
-        {
-          title: "Primary",
-          framework: "angular",
-          code: '<!-- Storybook story: Primary -->\n<div scroll-area ${argsToTemplate(props)} #scrollArea>\n  <button size="sm" text-button variant="ghost" symbolLeft="arrow_downward" (click)="scrollArea.scrollToBottom()">Scroll to bottom</button>\n  ${ngContent}\n  <button size="sm" text-button variant="ghost" symbolLeft="arrow_upward" (click)="scrollArea.scrollToTop()">Back to top</button>\n</div>\n<!-- args:\n{\n    border: \'quaternary\',\n    color: \'tertiary-surface\',\n    height: 200,\n    ngContent: `\n      <Text typeface="headline-medium">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</Text>\n      <Text typeface="body-1-long">\n      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis facere debitis ullam, quae quidem, impedit\n              culpa nam\n              repellat in voluptatibus esse ab harum, hic? Aliquam nesciunt voluptates repellendus assumenda labore.\n            </p>\n            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Porro quos voluptate doloribus. Optio unde\n              inventore, tempore\n              nemo repellat expedita! Quod, accusamus nobis iure. Aliquam quibusdam, nemo explicabo ipsum provident\n              asperiores.</p>\n            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quaerat, qui, rem! Debitis cum maiores iste,\n              possimus!\n              Obcaecati accusamus eaque expedita quo soluta quis, repudiandae similique, veritatis repellendus facere\n              suscipit!\n              Et!</p>\n            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum doloremque repellat praesentium quae et\n              consectetur\n              iure quos porro, provident voluptates reprehenderit a. Accusamus ut, quaerat asperiores blanditiis\n              voluptate, sint\n              facilis.</p>\n            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus beatae inventore nobis esse\n              temporibus\n              exercitationem\n              eos illo minima non magnam, provident sit doloribus maiores odio in animi quidem unde. Perferendis.</p>\n\n      </Text>\n\n\n    `,\n  }\n-->'
-        }
-      ],
+      examples: [],
       guidelines: {
         whenToUse: "",
         dos: [],
@@ -3924,7 +3120,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "forms",
-      version: "4.0.0",
+      version: "5.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -3962,13 +3158,7 @@ var uni_index_default = {
           ]
         }
       },
-      examples: [
-        {
-          title: "Primary",
-          framework: "angular",
-          code: "<!-- Storybook story: Primary -->\n<!-- args:\n{\n    label: 'Search',\n  }\n-->"
-        }
-      ],
+      examples: [],
       guidelines: {
         whenToUse: "",
         dos: [],
@@ -3984,7 +3174,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "forms",
-      version: "4.0.0",
+      version: "5.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4070,38 +3260,7 @@ var uni_index_default = {
           ]
         }
       },
-      examples: [
-        {
-          title: "Primary",
-          framework: "angular",
-          code: "<!-- Storybook story: Primary -->\n<uni-select ${argsToTemplate(props)}>\n</uni-select>\n<!-- args:\n{\n    placeholder: 'Select your country...',\n    options: [\n      { value: 'us', label: 'United States' },\n      { value: 'ca', label: 'Canada' },\n      { value: 'uk', label: 'United Kingdom' },\n      { value: 'au', label: 'Australia' },\n    ],\n    value: null,\n    disabled: false,\n    touched: false,\n    invalid: false,\n    dirty: false,\n  }\n-->"
-        },
-        {
-          title: "With Value",
-          framework: "angular",
-          code: "<!-- Storybook story: With Value -->\n<uni-select ${argsToTemplate(props)}>\n</uni-select>\n<!-- args:\n{\n    placeholder: 'Select priority...',\n    options: [\n      { value: 'low', label: 'Low Priority' },\n      { value: 'medium', label: 'Medium Priority' },\n      { value: 'high', label: 'High Priority' },\n      { value: 'urgent', label: 'Urgent' },\n    ],\n    value: 'high',\n    disabled: false,\n    touched: true,\n    invalid: false,\n    dirty: false,\n  }\n-->"
-        },
-        {
-          title: "Disabled",
-          framework: "angular",
-          code: "<!-- Storybook story: Disabled -->\n<uni-select ${argsToTemplate(props)}>\n</uni-select>\n<!-- args:\n{\n    placeholder: 'Cannot select...',\n    options: [\n      { value: 'option1', label: 'Option 1' },\n      { value: 'option2', label: 'Option 2' },\n      { value: 'option3', label: 'Option 3' },\n    ],\n    value: 'option2',\n    disabled: true,\n    touched: false,\n    invalid: false,\n    dirty: false,\n  }\n-->"
-        },
-        {
-          title: "Invalid",
-          framework: "angular",
-          code: "<!-- Storybook story: Invalid -->\n<uni-select ${argsToTemplate(props)}>\n</uni-select>\n<!-- args:\n{\n    placeholder: 'Please select an option...',\n    options: [\n      { value: 'yes', label: 'Yes' },\n      { value: 'no', label: 'No' },\n      { value: 'maybe', label: 'Maybe' },\n    ],\n    value: null,\n    disabled: false,\n    touched: true,\n    invalid: true,\n  }\n-->"
-        },
-        {
-          title: "Many Options",
-          framework: "angular",
-          code: "<!-- Storybook story: Many Options -->\n<uni-select ${argsToTemplate(props)}>\n</uni-select>\n<!-- args:\n{\n    placeholder: 'Select state or province...',\n    options: [\n      { value: 'al', label: 'Alabama' },\n      { value: 'ak', label: 'Alaska' },\n      { value: 'az', label: 'Arizona' },\n      { value: 'ar', label: 'Arkansas' },\n      { value: 'ca', label: 'California' },\n      { value: 'co', label: 'Colorado' },\n      { value: 'ct', label: 'Connecticut' },\n      { value: 'de', label: 'Delaware' },\n      { value: 'fl', label: 'Florida' },\n      { value: 'ga', label: 'Georgia' },\n      { value: 'hi', label: 'Hawaii' },\n      { value: 'id', label: 'Idaho' },\n      { value: 'il', label: 'Illinois' },\n      { value: 'in', label: 'Indiana' },\n      { value: 'ia', label: 'Iowa' },\n    ],\n    value: 'ca',\n    disabled: false,\n    touched: true,\n    invalid: false,\n    dirty: false,\n  }\n-->"
-        },
-        {
-          title: "Short Options",
-          framework: "angular",
-          code: "<!-- Storybook story: Short Options -->\n<uni-select ${argsToTemplate(props)}>\n</uni-select>\n<!-- args:\n{\n    placeholder: 'Pick a size...',\n    options: [\n      { value: 'xs', label: 'XS' },\n      { value: 's', label: 'S' },\n      { value: 'm', label: 'M' },\n      { value: 'l', label: 'L' },\n      { value: 'xl', label: 'XL' },\n    ],\n    value: 'm',\n    disabled: false,\n    touched: false,\n    invalid: false,\n    dirty: false,\n  }\n-->"
-        }
-      ],
+      examples: [],
       guidelines: {
         whenToUse: "",
         dos: [],
@@ -4117,7 +3276,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "feedback",
-      version: "4.0.0",
+      version: "5.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4183,13 +3342,7 @@ var uni_index_default = {
           ]
         }
       },
-      examples: [
-        {
-          title: "Primary",
-          framework: "angular",
-          code: "<!-- Storybook story: Primary -->\n<Button (click)=\"snackbar.open()\">Show Snackbar</Button>\n<Snackbar #snackbar ${argsToTemplate(props)}>\n  ${ngContent}\n</Snackbar>\n<!-- args:\n{\n    ngContent: 'The record has been removed.',\n    variant: 'warn',\n    actionLabel: 'undo',\n    timeout: '5000',\n    symbolName: 'delete_sweep',\n  }\n-->"
-        }
-      ],
+      examples: [],
       guidelines: {
         whenToUse: "",
         dos: [],
@@ -4209,7 +3362,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "data",
-      version: "4.0.0",
+      version: "5.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4232,27 +3385,7 @@ var uni_index_default = {
           ]
         }
       },
-      examples: [
-        {
-          title: "Primary",
-          framework: "angular",
-          code: `<!-- Storybook story: Primary -->
-<uni-sort-header [datasource]="datasource" [column]="column">
-  <Text typeface="title-small">Name</Text>
-</uni-sort-header>
-<div style="margin-top: 16px;">
-  @for (record of datasource.records().slice(0, 5); track record.id) {
-    <div>{{ record.name }}</div>
-  }
-</div>
-<!-- args:
-{
-    column: 'name',
-    datasource: new UniRecordDatasource<any>(starWarsCharacters),
-  }
--->`
-        }
-      ],
+      examples: [],
       guidelines: {
         whenToUse: "",
         dos: [],
@@ -4268,7 +3401,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "4.0.0",
+      version: "5.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4301,13 +3434,7 @@ var uni_index_default = {
           ]
         }
       },
-      examples: [
-        {
-          title: "Stacked Cards",
-          framework: "angular",
-          code: "<!-- Storybook story: Stacked Cards -->\n<div stack-layout ${argsToTemplate(props)}>\n  <Card><CardContent><Text>Card 1</Text></CardContent></Card>\n  <Card><CardContent><Text>Card 2</Text></CardContent></Card>\n  <Card><CardContent><Text>Card 3</Text></CardContent></Card>\n  <Card><CardContent><Text>Card 4</Text></CardContent></Card>\n  <Card><CardContent><Text>Card 5</Text></CardContent></Card>\n</div>\n<!-- args:\n{ gap: 'lg' }\n-->"
-        }
-      ],
+      examples: [],
       guidelines: {
         whenToUse: "",
         dos: [],
@@ -4323,7 +3450,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "primitives",
-      version: "4.0.0",
+      version: "5.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4367,13 +3494,7 @@ var uni_index_default = {
           ]
         }
       },
-      examples: [
-        {
-          title: "Primary",
-          framework: "angular",
-          code: "<!-- Storybook story: Primary -->\n<!-- args:\n{\n    name: 'settings',\n  }\n-->"
-        }
-      ],
+      examples: [],
       guidelines: {
         whenToUse: "",
         dos: [],
@@ -4394,7 +3515,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "data",
-      version: "4.0.0",
+      version: "5.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4424,28 +3545,7 @@ var uni_index_default = {
           ]
         }
       },
-      examples: [
-        {
-          title: "Primary",
-          framework: "angular",
-          code: "<!-- Storybook story: Primary -->\n<!-- args:\n{\n    label: 'Primary Tag',\n    value: '1',\n  }\n-->"
-        },
-        {
-          title: "Numeric Value",
-          framework: "angular",
-          code: "<!-- Storybook story: Numeric Value -->\n<!-- args:\n{\n    label: 'Numeric Tag',\n    value: 42,\n  }\n-->"
-        },
-        {
-          title: "Long Label",
-          framework: "angular",
-          code: "<!-- Storybook story: Long Label -->\n<!-- args:\n{\n    label: 'This is a very long tag label that might need truncation',\n    value: 'long',\n  }\n-->"
-        },
-        {
-          title: "Without Value",
-          framework: "angular",
-          code: "<!-- Storybook story: Without Value -->\n<!-- args:\n{\n    label: 'Tag without value',\n  }\n-->"
-        }
-      ],
+      examples: [],
       guidelines: {
         whenToUse: "",
         dos: [],
@@ -4461,7 +3561,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "primitives",
-      version: "4.0.0",
+      version: "5.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4537,7 +3637,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "primitives",
-      version: "4.0.0",
+      version: "5.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4545,13 +3645,7 @@ var uni_index_default = {
           api: []
         }
       },
-      examples: [
-        {
-          title: "Builder",
-          framework: "angular",
-          code: "<!-- Storybook story: Builder -->\n<uni-theme-builder />"
-        }
-      ],
+      examples: [],
       guidelines: {
         whenToUse: "",
         dos: [],
@@ -4567,7 +3661,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "forms",
-      version: "4.0.0",
+      version: "5.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4638,38 +3732,7 @@ var uni_index_default = {
           ]
         }
       },
-      examples: [
-        {
-          title: "Default",
-          framework: "angular",
-          code: "<!-- Storybook story: Default -->\n<uni-toggle ${argsToTemplate(args)}></uni-toggle>\n<!-- args:\n{\n    label: 'Enable notifications',\n    variant: 'primary',\n    disabled: false,\n    checked: true,\n  }\n-->"
-        },
-        {
-          title: "Without Label",
-          framework: "angular",
-          code: "<!-- Storybook story: Without Label -->\n<uni-toggle ${argsToTemplate(args)}></uni-toggle>\n<!-- args:\n{\n    label: '',\n    variant: 'primary',\n    disabled: false,\n  }\n-->"
-        },
-        {
-          title: "Disabled",
-          framework: "angular",
-          code: "<!-- Storybook story: Disabled -->\n<uni-toggle ${argsToTemplate(args)}></uni-toggle>\n<!-- args:\n{\n    label: 'Disabled toggle',\n    variant: 'primary',\n    disabled: true,\n  }\n-->"
-        },
-        {
-          title: "Variants",
-          framework: "angular",
-          code: "<!-- Storybook story: Variants -->\n<uni-toggle ${argsToTemplate(args)}></uni-toggle>"
-        },
-        {
-          title: "With Change Event",
-          framework: "angular",
-          code: "<!-- Storybook story: With Change Event -->\n<uni-toggle ${argsToTemplate(args)}></uni-toggle>"
-        },
-        {
-          title: "Form Signals",
-          framework: "angular",
-          code: "<!-- Storybook story: Form Signals -->\n<uni-toggle ${argsToTemplate(args)}></uni-toggle>"
-        }
-      ],
+      examples: [],
       guidelines: {
         whenToUse: "",
         dos: [],
@@ -4687,7 +3750,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "feedback",
-      version: "4.0.0",
+      version: "5.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4735,13 +3798,7 @@ var uni_index_default = {
           ]
         }
       },
-      examples: [
-        {
-          title: "Primary",
-          framework: "angular",
-          code: "<!-- Storybook story: Primary -->\n<Text>Here is some text with a <Tooltip ${argsToTemplate(props)}>tooltip</Tooltip> in the middle.\n</Text>\n<!-- args:\n{\n    label: 'Bottom-start tooltip',\n    placement: 'bottom-start',\n    inlineText: true,\n  }\n-->"
-        }
-      ],
+      examples: [],
       guidelines: {
         whenToUse: "",
         dos: [],
@@ -4762,7 +3819,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "4.0.0",
+      version: "5.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4787,13 +3844,7 @@ var uni_index_default = {
           ]
         }
       },
-      examples: [
-        {
-          title: "Primary",
-          framework: "angular",
-          code: "<!-- Storybook story: Primary -->"
-        }
-      ],
+      examples: [],
       guidelines: {
         whenToUse: "",
         dos: [],
@@ -9726,4 +8777,4 @@ export {
   meta,
   createUniServer
 };
-//# sourceMappingURL=chunk-WTQ4AVHO.js.map
+//# sourceMappingURL=chunk-UQRS5BYW.js.map