@agent-ui-kit/web-components 0.0.2 → 0.0.4

package/dist/docs/traits/validate.yaml

@@ -0,0 +1,52 @@
+name: validate
+type: trait
+category: state
+summary: Form validation rules with data attribute state exposure.
+description: >
+  Applies configurable validation rules (required, pattern, min/max
+  length) on blur and input events. Exposes validity state and error
+  messages as data attributes for CSS styling. Sets validity via
+  ElementInternals when available. Emits validate events with
+  validity details.
+
+config:
+  - name: required
+    type: string
+    default: "false"
+    description: Whether the field is required.
+  - name: pattern
+    type: string
+    default: ""
+    description: Regular expression pattern the value must match.
+  - name: min-length
+    type: string
+    default: ""
+    description: Minimum character length.
+  - name: max-length
+    type: string
+    default: ""
+    description: Maximum character length.
+  - name: message
+    type: string
+    default: ""
+    description: Custom error message (overrides default messages).
+
+events:
+  - name: validate
+    description: Fires after validation with valid, message, and value in detail.
+
+exposes:
+  - name: data-validate-valid
+    description: Present and set to "true" when the value is valid.
+  - name: data-validate-message
+    description: The current validation error message (empty when valid).
+
+examples:
+  - html: |
+      <aui-input traits="{ trait: 'validate', required: 'true' }">
+      </aui-input>
+    description: Required field validation.
+  - html: |
+      <aui-input traits="{ trait: 'validate', pattern: '^[a-z]+$', message: 'Lowercase only' }">
+      </aui-input>
+    description: Pattern validation with custom error message.

package/dist/docs/traits/virtual-scroll.yaml

@@ -0,0 +1,44 @@
+name: virtual-scroll
+type: trait
+category: present
+summary: Virtual scrolling that only positions visible items.
+description: >
+  Implements virtual scrolling for long lists by only positioning
+  visible items. Uses a spacer element to maintain the full scroll
+  height and translates children to their correct positions based
+  on scroll offset. Supports configurable item height, overscan
+  buffer, and total item count.
+
+config:
+  - name: item-height
+    type: string
+    default: "40"
+    description: Height of each item in pixels.
+  - name: overscan
+    type: string
+    default: "3"
+    description: Number of extra items to render above and below the viewport.
+  - name: total
+    type: string
+    default: "0"
+    description: Total number of items in the list.
+
+events:
+  - name: virtual-range
+    description: Fires on scroll with start and end visible indices in detail.
+
+exposes:
+  - name: data-virtual-scroll-start
+    description: First visible item index.
+  - name: data-virtual-scroll-end
+    description: Last visible item index.
+
+examples:
+  - html: |
+      <aui-list traits="{ trait: 'virtual-scroll', item-height: '40', total: '1000' }">
+      </aui-list>
+    description: Virtual scrolling for a 1000-item list.
+  - html: |
+      <aui-list traits="{ trait: 'virtual-scroll', item-height: '32', overscan: '5', total: '500' }">
+      </aui-list>
+    description: Custom item height and overscan buffer.

package/dist/favicon/favicon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512" fill="none"><path d="M92.2671 346.112C88.1711 262.144 202.347 250.88 288.875 237.568C288.363 202.752 290.923 133.12 221.291 133.12C206.955 133.12 197.227 134.144 186.987 137.216L189.547 147.968C228.459 148.992 238.187 173.056 237.163 193.024C235.115 229.888 196.715 242.688 169.579 242.688C141.419 242.688 104.555 227.328 106.091 186.88C107.627 143.872 163.435 112.64 250.987 112.64C348.779 112.64 403.563 139.776 403.563 244.736V351.744C403.563 369.152 407.659 375.296 417.387 375.296C422.507 375.296 427.627 369.664 431.723 361.984L444.523 369.152C423.019 401.408 391.275 415.744 362.603 415.744C302.699 415.744 279.147 377.856 308.331 313.856L296.043 309.76C277.611 386.048 232.555 415.744 180.331 415.744C135.787 415.744 94.3151 391.68 92.2671 346.112ZM202.859 327.168C208.491 348.672 227.435 357.888 245.355 351.232C267.883 343.04 285.291 311.808 288.363 265.216L288.875 257.536C232.555 267.776 191.083 283.136 202.859 327.168Z" fill="#171818"></path></svg>

package/dist/favicon/site.webmanifest

@@ -0,0 +1,21 @@
+{
+  "name": "MyWebSite",
+  "short_name": "MySite",
+  "icons": [
+    {
+      "src": "/web-app-manifest-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "/web-app-manifest-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}

package/dist/icon.svg

@@ -0,0 +1,4 @@
+<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="512" height="512" fill="#171818"/>
+<path d="M92.2671 346.112C88.1711 262.144 202.347 250.88 288.875 237.568C288.363 202.752 290.923 133.12 221.291 133.12C206.955 133.12 197.227 134.144 186.987 137.216L189.547 147.968C228.459 148.992 238.187 173.056 237.163 193.024C235.115 229.888 196.715 242.688 169.579 242.688C141.419 242.688 104.555 227.328 106.091 186.88C107.627 143.872 163.435 112.64 250.987 112.64C348.779 112.64 403.563 139.776 403.563 244.736V351.744C403.563 369.152 407.659 375.296 417.387 375.296C422.507 375.296 427.627 369.664 431.723 361.984L444.523 369.152C423.019 401.408 391.275 415.744 362.603 415.744C302.699 415.744 279.147 377.856 308.331 313.856L296.043 309.76C277.611 386.048 232.555 415.744 180.331 415.744C135.787 415.744 94.3151 391.68 92.2671 346.112ZM202.859 327.168C208.491 348.672 227.435 357.888 245.355 351.232C267.883 343.04 285.291 311.808 288.363 265.216L288.875 257.536C232.555 267.776 191.083 283.136 202.859 327.168Z" fill="#C5C9CB"/>
+</svg>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agent-ui-kit/web-components",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "type": "module",
   "main": "./dist/register.js",
   "module": "./dist/register.js",
@@ -24,6 +24,8 @@
     "./store": "./dist/store.js",
     "./icons": "./dist/icons.js",
     "./agent-ui.css": "./dist/agent-ui.css",
+    "./api.json": "./dist/api.json",
+    "./docs/*": "./dist/docs/*",
     "./dist/*": "./dist/*"
   },
   "sideEffects": [
@@ -35,7 +37,7 @@
     "dev:blocks": "vite --open /src/blocks/preview.html",
     "dev:components": "vite --open /src/components/preview.html",
     "dev:traits": "vite --open /src/traits/preview.html",
-    "build": "vite build",
+    "build": "vite build && npx tsx ../../scripts/build-api-docs.ts",
     "build:previews": "npx tsx ../../scripts/build-preview-json.ts"
   },
   "files": [