From ff62918dbbd6f3ce8ad89c8eb7d146e0dc97b4d5 Mon Sep 17 00:00:00 2001 From: Ajay Ghanwat Date: Sun, 9 Aug 2026 13:49:55 +0530 Subject: [PATCH] refactor(ui): remove superseded component scaffolds --- docs/ui-visual-contract-0.8.json | 5 - packages/ui/COMPONENTS.md | 47 +- packages/ui/component-catalog.json | 29 +- packages/ui/component-migrations.json | 12 +- packages/ui/component-reference.json | 1199 +++++++++-------- packages/ui/components/AdvancedDatePicker.wrn | 27 - .../ui/components/AdvancedRangeSlider.wrn | 26 - packages/ui/components/FileUpload.wrn | 29 - packages/ui/components/Toast.wrn | 24 - packages/ui/components/ToastNotifications.wrn | 26 - packages/ui/test/ui.test.ts | 8 +- scripts/test-ui-reference-generation.mjs | 8 +- 12 files changed, 675 insertions(+), 765 deletions(-) delete mode 100644 packages/ui/components/AdvancedDatePicker.wrn delete mode 100644 packages/ui/components/AdvancedRangeSlider.wrn delete mode 100644 packages/ui/components/FileUpload.wrn delete mode 100644 packages/ui/components/Toast.wrn delete mode 100644 packages/ui/components/ToastNotifications.wrn diff --git a/docs/ui-visual-contract-0.8.json b/docs/ui-visual-contract-0.8.json index eb733624..a81ef0ff 100644 --- a/docs/ui-visual-contract-0.8.json +++ b/docs/ui-visual-contract-0.8.json @@ -3,8 +3,6 @@ "releaseLine": "0.8", "artifacts": { "packages/ui/components/Accordion.wrn": "98e6897d7dee2045fbc66e23d8a0b5051114d43f1c75234a2a6c5165132eb706", - "packages/ui/components/AdvancedDatePicker.wrn": "b9b5b08e9464544837a5400bbf9a2cb25724fac037fe196a219b42e5841ad672", - "packages/ui/components/AdvancedRangeSlider.wrn": "e78b5cf825503d0cd306c6e490d71317ee3db1844882d13b500df1f7f1c408e1", "packages/ui/components/AdvancedSelect.wrn": "af4254f1882458ce0631bd82e56cd09e540113c0636db2d98756ae730c1b535b", "packages/ui/components/AnnouncementBar.wrn": "903bfd9421a7350c923ace3315cedc5763fe3e6b7b54b660a0f26281d46a8754", "packages/ui/components/AuthForm.wrn": "a0f34c233c5d52e2dd11429dacab98e7cd77bec8ae60652aff48f7dab8506893", @@ -41,7 +39,6 @@ "packages/ui/components/FeatureGrid.wrn": "9e3c0440d08c6982861d3e732eeb20f1023413a58243844dfb9d7033bac13d2b", "packages/ui/components/FeatureIconCard.wrn": "afe56213543dd78932b060fa19c4e645e558b211b380c42b6d4b0d18e9d543df", "packages/ui/components/FileInput.wrn": "c235385a70eb7cb985083597570474c0cb70463c03cab651e452199b2c9abf25", - "packages/ui/components/FileUpload.wrn": "3346d8978e134c3a1e6bc742201a3fbb0cffb89da40da6fcd856a2adbb971393", "packages/ui/components/FileUploadProgress.wrn": "7498eb70c6f79cf4334a3a973280d9667040a85479453afba428ae7c5225fd8c", "packages/ui/components/Footer.wrn": "956a504682760c4e5f4d26091830c4fc0f8d0c12f7cdf7e69c94539685c67763", "packages/ui/components/Grid.wrn": "d089d8657298b4d33993ba4bf7b581f816c65db513d8e48cf1fdd18da19e05a8", @@ -88,8 +85,6 @@ "packages/ui/components/TextLink.wrn": "30782039293eb36d63b7b3a4f32a71a47177a3a68c7e90184be7cf7b4385eb19", "packages/ui/components/TimePicker.wrn": "b3f24767448cb04ddd56e06540b52e5cc32ea21ed4acd2a5eb4f7e46f8617aba", "packages/ui/components/Timeline.wrn": "eaa6764b9e62c28cb6919ac1e86d3ebe9abc3cd8036091cdb703540dbfc33873", - "packages/ui/components/Toast.wrn": "f37c584d1c1a66401deb53d915c8ee0c70aaf7baa1d3c297fa74c5bdb914dd1d", - "packages/ui/components/ToastNotifications.wrn": "33ff76b2a0a129ff896baea8979b4be97f7ec4471a92a2da970403a5c46e8b03", "packages/ui/components/Toaster.wrn": "288b2b370f65bf823e8d2a6f8c8cf66972332b8174303d33ebe8546d5e1d52c4", "packages/ui/components/ToggleCount.wrn": "ee706b191fcfc01dd7bde0ddba1940af400ed2d01b639016134699963b1000ab", "packages/ui/components/TogglePassword.wrn": "c644436c3435b8a9b39c6b7a9f75671b76ca74f273952ce5c032ca169b0470e5", diff --git a/packages/ui/COMPONENTS.md b/packages/ui/COMPONENTS.md index 7b47b446..34753222 100644 --- a/packages/ui/COMPONENTS.md +++ b/packages/ui/COMPONENTS.md @@ -1,6 +1,6 @@ # WRNexus UI component reference -This reference is generated from the 108 packaged `.wrn` component sources. Props marked required have no default; all others show their runtime default. +This reference is generated from the 103 packaged `.wrn` component sources. Props marked required have no default; all others show their runtime default. ## Advanced-forms @@ -303,15 +303,6 @@ Present responsive chronological activity, milestones, or workflow status with r - Slots: `default` - Outputs: `select({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object })` -### Toast - -Theme-aware, responsive toast component. - -- Mount: `data-component="Toast"` -- Props: `size: string = "default"`, `color: string = "primary"`, `title: string = "Toast"`, `description: string = ""`, `items: unknown[] = []`, `variant: string = "default"`, `class: string = ""` -- Slots: `default` -- Outputs: `dismiss({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object })`, `action({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object })` - ### TreeView Theme-aware, responsive tree view component. @@ -509,24 +500,6 @@ Theme-aware, responsive time picker component. ## Integrations -### AdvancedDatePicker - -Theme-aware, responsive advanced date picker component. - -- Mount: `data-component="AdvancedDatePicker"` -- Props: `size: string = "default"`, `color: string = "primary"`, `title: string = "Advanced Date Picker"`, `description: string = ""`, `items: unknown[] = []`, `variant: string = "default"`, `class: string = ""` -- Slots: `default` -- Outputs: `input({ value?: string | number | boolean | null; values?: Array; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null)`, `change({ value?: string | number | boolean | null; values?: Array; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null)`, `open({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object })`, `close({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object })`, `clear({ value?: string | number | boolean | null; values?: Array; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null)` - -### AdvancedRangeSlider - -Theme-aware, responsive advanced range slider component. - -- Mount: `data-component="AdvancedRangeSlider"` -- Props: `size: string = "default"`, `color: string = "primary"`, `title: string = "Advanced Range Slider"`, `description: string = ""`, `items: unknown[] = []`, `variant: string = "default"`, `class: string = ""` -- Slots: `default` -- Outputs: `input({ value?: string | number | boolean | null; values?: Array; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null)`, `change({ value?: string | number | boolean | null; values?: Array; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null)`, `start({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object })`, `end({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object })` - ### Chart Theme-aware, responsive chart component. @@ -572,15 +545,6 @@ Theme-aware, responsive drag and drop component. - Slots: `default` - Outputs: `dragStart({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object })`, `dragEnd({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object })`, `dragEnter({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object })`, `dragLeave({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object })`, `drop({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object })`, `change({ value?: string | number | boolean | null; values?: Array; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null)` -### FileUpload - -Theme-aware, responsive file upload component. - -- Mount: `data-component="FileUpload"` -- Props: `size: string = "default"`, `color: string = "primary"`, `title: string = "File Upload"`, `description: string = ""`, `items: unknown[] = []`, `variant: string = "default"`, `class: string = ""` -- Slots: `default` -- Outputs: `select({ value?: string | number | boolean | null; values?: Array; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null)`, `upload({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object })`, `progress({ progress: number; [key: string]: string | number | boolean | null | object } | number)`, `success({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object })`, `error({ error: Error | string; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | Error | string)`, `cancel({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object })`, `remove({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object })` - ### Map Present responsive location information and markers with map-ready metadata and movement or marker events. @@ -590,15 +554,6 @@ Present responsive location information and markers with map-ready metadata and - Slots: `default` - Outputs: `markerClick({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object })`, `select({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object })`, `zoom({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object })` -### ToastNotifications - -Theme-aware, responsive toast notifications component. - -- Mount: `data-component="ToastNotifications"` -- Props: `size: string = "default"`, `color: string = "primary"`, `title: string = "Toast Notifications"`, `description: string = ""`, `items: unknown[] = []`, `variant: string = "default"`, `class: string = ""` -- Slots: `default` -- Outputs: `add({ sourceEvent?: Event; value: string | number | boolean | null | object; [key: string]: string | number | boolean | null | object } | string | number | boolean | null | object[])`, `dismiss({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object })`, `clear({ value?: string | number | boolean | null; values?: Array; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null)`, `action({ sourceEvent?: Event; [key: string]: string | number | boolean | null | object })` - ### WysiwygEditor Theme-aware, responsive wysiwyg editor component. diff --git a/packages/ui/component-catalog.json b/packages/ui/component-catalog.json index c4478a65..df305bdc 100644 --- a/packages/ui/component-catalog.json +++ b/packages/ui/component-catalog.json @@ -1,21 +1,13 @@ { - "sourceDocuments": ["Screenshot-directed WRNexus UI catalog reset"], + "sourceDocuments": [ + "Screenshot-directed WRNexus UI catalog reset" + ], "components": [ { "name": "Accordion", "category": "base", "purpose": "Theme-aware, responsive accordion component." }, - { - "name": "AdvancedDatePicker", - "category": "integrations", - "purpose": "Theme-aware, responsive advanced date picker component." - }, - { - "name": "AdvancedRangeSlider", - "category": "integrations", - "purpose": "Theme-aware, responsive advanced range slider component." - }, { "name": "AdvancedSelect", "category": "advanced-forms", @@ -221,11 +213,6 @@ "category": "forms", "purpose": "Theme-aware, responsive file input component." }, - { - "name": "FileUpload", - "category": "integrations", - "purpose": "Theme-aware, responsive file upload component." - }, { "name": "FileUploadProgress", "category": "base", @@ -496,16 +483,6 @@ "category": "base", "purpose": "Present responsive chronological activity, milestones, or workflow status with rich item metadata." }, - { - "name": "Toast", - "category": "base", - "purpose": "Theme-aware, responsive toast component." - }, - { - "name": "ToastNotifications", - "category": "integrations", - "purpose": "Theme-aware, responsive toast notifications component." - }, { "name": "Toaster", "category": "core", diff --git a/packages/ui/component-migrations.json b/packages/ui/component-migrations.json index 58fb01f2..d2b59075 100644 --- a/packages/ui/component-migrations.json +++ b/packages/ui/component-migrations.json @@ -1,5 +1,11 @@ { - "generatedFrom": "full component catalog reset", - "removedCount": 0, - "replacements": {} + "generatedFrom": "framework remediation 0.8.7", + "removedCount": 5, + "replacements": { + "AdvancedDatePicker": "DatePicker", + "AdvancedRangeSlider": "RangeSlider", + "FileUpload": "FileInput", + "Toast": "Toaster", + "ToastNotifications": "Toaster" + } } diff --git a/packages/ui/component-reference.json b/packages/ui/component-reference.json index cb9b51af..0950ef71 100644 --- a/packages/ui/component-reference.json +++ b/packages/ui/component-reference.json @@ -1,6 +1,6 @@ { "generatedFrom": "packages/ui/components/*.wrn", - "count": 108, + "count": 103, "components": [ { "name": "Accordion", @@ -143,169 +143,13 @@ "payloadType": "{ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }" } ], - "events": ["change", "open", "close"], + "events": [ + "change", + "open", + "close" + ], "source": "components/Accordion.wrn" }, - { - "name": "AdvancedDatePicker", - "mount": "AdvancedDatePicker", - "category": "integrations", - "purpose": "Theme-aware, responsive advanced date picker component.", - "props": [ - { - "name": "size", - "type": "string", - "required": false, - "default": "\"default\"", - "options": [] - }, - { - "name": "color", - "type": "string", - "required": false, - "default": "\"primary\"", - "options": [] - }, - { - "name": "title", - "type": "string", - "required": false, - "default": "\"Advanced Date Picker\"", - "options": [] - }, - { - "name": "description", - "type": "string", - "required": false, - "default": "\"\"", - "options": [] - }, - { - "name": "items", - "type": "unknown[]", - "required": false, - "default": "[]", - "options": [] - }, - { - "name": "variant", - "type": "string", - "required": false, - "default": "\"default\"", - "options": [] - }, - { - "name": "class", - "type": "string", - "required": false, - "default": "\"\"", - "options": [] - } - ], - "slots": ["default"], - "outputs": [ - { - "name": "input", - "payloadType": "{ value?: string | number | boolean | null; values?: Array; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null" - }, - { - "name": "change", - "payloadType": "{ value?: string | number | boolean | null; values?: Array; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null" - }, - { - "name": "open", - "payloadType": "{ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }" - }, - { - "name": "close", - "payloadType": "{ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }" - }, - { - "name": "clear", - "payloadType": "{ value?: string | number | boolean | null; values?: Array; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null" - } - ], - "events": ["input", "change", "open", "close", "clear"], - "source": "components/AdvancedDatePicker.wrn" - }, - { - "name": "AdvancedRangeSlider", - "mount": "AdvancedRangeSlider", - "category": "integrations", - "purpose": "Theme-aware, responsive advanced range slider component.", - "props": [ - { - "name": "size", - "type": "string", - "required": false, - "default": "\"default\"", - "options": [] - }, - { - "name": "color", - "type": "string", - "required": false, - "default": "\"primary\"", - "options": [] - }, - { - "name": "title", - "type": "string", - "required": false, - "default": "\"Advanced Range Slider\"", - "options": [] - }, - { - "name": "description", - "type": "string", - "required": false, - "default": "\"\"", - "options": [] - }, - { - "name": "items", - "type": "unknown[]", - "required": false, - "default": "[]", - "options": [] - }, - { - "name": "variant", - "type": "string", - "required": false, - "default": "\"default\"", - "options": [] - }, - { - "name": "class", - "type": "string", - "required": false, - "default": "\"\"", - "options": [] - } - ], - "slots": ["default"], - "outputs": [ - { - "name": "input", - "payloadType": "{ value?: string | number | boolean | null; values?: Array; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null" - }, - { - "name": "change", - "payloadType": "{ value?: string | number | boolean | null; values?: Array; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null" - }, - { - "name": "start", - "payloadType": "{ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }" - }, - { - "name": "end", - "payloadType": "{ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }" - } - ], - "events": ["input", "change", "start", "end"], - "source": "components/AdvancedRangeSlider.wrn" - }, { "name": "AdvancedSelect", "mount": "AdvancedSelect", @@ -705,7 +549,16 @@ "payloadType": "{ error: Error | string; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | Error | string" } ], - "events": ["search", "select", "change", "clear", "open", "close", "load", "error"], + "events": [ + "search", + "select", + "change", + "clear", + "open", + "close", + "load", + "error" + ], "source": "components/AdvancedSelect.wrn" }, { @@ -873,7 +726,10 @@ "payloadType": "{ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }" } ], - "events": ["dismiss", "action"], + "events": [ + "dismiss", + "action" + ], "source": "components/alert.wrn" }, { @@ -1023,7 +879,9 @@ "payloadType": "{ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }" } ], - "events": ["dismiss"], + "events": [ + "dismiss" + ], "source": "components/AnnouncementBar.wrn" }, { @@ -1124,7 +982,9 @@ "options": [] } ], - "slots": ["default"], + "slots": [ + "default" + ], "outputs": [ { "name": "submit", @@ -1147,7 +1007,13 @@ "payloadType": "{ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }" } ], - "events": ["submit", "change", "input", "focus", "blur"], + "events": [ + "submit", + "change", + "input", + "focus", + "blur" + ], "source": "components/AuthForm.wrn" }, { @@ -1213,7 +1079,10 @@ "options": [] } ], - "slots": ["aside-extra", "form"], + "slots": [ + "aside-extra", + "form" + ], "outputs": [], "events": [], "source": "components/AuthSplitLayout.wrn" @@ -1366,7 +1235,11 @@ "payloadType": "{ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }" } ], - "events": ["load", "error", "click"], + "events": [ + "load", + "error", + "click" + ], "source": "components/avatar.wrn" }, { @@ -1467,7 +1340,9 @@ "payloadType": "{ sourceEvent?: Event; value: string | number | boolean | null | object; [key: string]: string | number | boolean | null | object } | string | number | boolean | null | object[]" } ], - "events": ["overflow"], + "events": [ + "overflow" + ], "source": "components/AvatarGroup.wrn" }, { @@ -1755,8 +1630,10 @@ "payloadType": "{ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }" } ], - "events": ["dismiss"], - "source": "components/Badge.wrn" + "events": [ + "dismiss" + ], + "source": "components/badge.wrn" }, { "name": "Blockquote", @@ -1856,7 +1733,9 @@ "options": [] } ], - "slots": ["default"], + "slots": [ + "default" + ], "outputs": [], "events": [], "source": "components/Blockquote.wrn" @@ -1959,7 +1838,9 @@ "payloadType": "{ value?: string | number | boolean | null; values?: Array; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null" } ], - "events": ["select"], + "events": [ + "select" + ], "source": "components/Breadcrumb.wrn" }, { @@ -2144,7 +2025,9 @@ "options": [] } ], - "slots": ["default"], + "slots": [ + "default" + ], "outputs": [ { "name": "click", @@ -2159,7 +2042,11 @@ "payloadType": "{ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }" } ], - "events": ["click", "focus", "blur"], + "events": [ + "click", + "focus", + "blur" + ], "source": "components/button.wrn" }, { @@ -2260,7 +2147,9 @@ "options": [] } ], - "slots": ["default"], + "slots": [ + "default" + ], "outputs": [ { "name": "click", @@ -2275,7 +2164,11 @@ "payloadType": "{ value: string | number | boolean | null | object; previousValue: string | number | boolean | null | object; item: string | number | boolean | null | object; index: number }" } ], - "events": ["click", "select", "change"], + "events": [ + "click", + "select", + "change" + ], "source": "components/ButtonGroup.wrn" }, { @@ -2460,7 +2353,12 @@ "options": [] } ], - "slots": ["default", "actions", "visual", "footer"], + "slots": [ + "default", + "actions", + "visual", + "footer" + ], "outputs": [], "events": [], "source": "components/CTASection.wrn" @@ -2689,7 +2587,9 @@ "options": [] } ], - "slots": ["default"], + "slots": [ + "default" + ], "outputs": [ { "name": "click", @@ -2716,7 +2616,14 @@ "payloadType": "{ error: Error | string; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | Error | string" } ], - "events": ["click", "action", "navigate", "dismiss", "load", "error"], + "events": [ + "click", + "action", + "navigate", + "dismiss", + "load", + "error" + ], "source": "components/Card.wrn" }, { @@ -2880,7 +2787,9 @@ "options": [] } ], - "slots": ["default"], + "slots": [ + "default" + ], "outputs": [ { "name": "initialize", @@ -2935,7 +2844,7 @@ "dragStart", "dragEnd" ], - "source": "components/carousel.wrn" + "source": "components/Carousel.wrn" }, { "name": "Chart", @@ -2993,7 +2902,9 @@ "options": [] } ], - "slots": ["default"], + "slots": [ + "default" + ], "outputs": [ { "name": "select", @@ -3008,7 +2919,11 @@ "payloadType": "{ sourceEvent?: Event; value: string | number | boolean | null | object; [key: string]: string | number | boolean | null | object } | string | number | boolean | null | object[]" } ], - "events": ["select", "dataPointClick", "legendToggle"], + "events": [ + "select", + "dataPointClick", + "legendToggle" + ], "source": "components/Chart.wrn" }, { @@ -3095,7 +3010,9 @@ "options": [] } ], - "slots": ["default"], + "slots": [ + "default" + ], "outputs": [ { "name": "action", @@ -3114,7 +3031,12 @@ "payloadType": "{ link: string | number | boolean | null | object; item: string | number | boolean | null | object; index: number }" } ], - "events": ["action", "messageClick", "avatarClick", "linkClick"], + "events": [ + "action", + "messageClick", + "avatarClick", + "linkClick" + ], "source": "components/ChatBubble.wrn" }, { @@ -3313,7 +3235,9 @@ "options": [] } ], - "slots": ["default"], + "slots": [ + "default" + ], "outputs": [ { "name": "input", @@ -3336,8 +3260,14 @@ "payloadType": "{ message?: string; value: string | number | boolean | null | object; sourceEvent?: Event; [key: string]: string | number | boolean | null | object }" } ], - "events": ["input", "change", "focus", "blur", "invalid"], - "source": "components/Checkbox.wrn" + "events": [ + "input", + "change", + "focus", + "blur", + "invalid" + ], + "source": "components/checkbox.wrn" }, { "name": "Clipboard", @@ -3395,7 +3325,9 @@ "options": [] } ], - "slots": ["default"], + "slots": [ + "default" + ], "outputs": [ { "name": "copy", @@ -3410,7 +3342,11 @@ "payloadType": "{ error: Error | string; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | Error | string" } ], - "events": ["copy", "success", "error"], + "events": [ + "copy", + "success", + "error" + ], "source": "components/Clipboard.wrn" }, { @@ -3476,7 +3412,9 @@ "options": [] } ], - "slots": ["default"], + "slots": [ + "default" + ], "outputs": [ { "name": "toggle", @@ -3491,7 +3429,11 @@ "payloadType": "{ index: number; item: string | number | boolean | null | object }" } ], - "events": ["toggle", "open", "close"], + "events": [ + "toggle", + "open", + "close" + ], "source": "components/Collapse.wrn" }, { @@ -3653,7 +3595,12 @@ "payloadType": "{ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }" } ], - "events": ["input", "change", "focus", "blur"], + "events": [ + "input", + "change", + "focus", + "blur" + ], "source": "components/ColorPicker.wrn" }, { @@ -3705,7 +3652,9 @@ "options": [] } ], - "slots": ["default"], + "slots": [ + "default" + ], "outputs": [], "events": [], "source": "components/Columns.wrn" @@ -4039,7 +3988,16 @@ "payloadType": "{ error: Error | string; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | Error | string" } ], - "events": ["search", "select", "change", "clear", "open", "close", "load", "error"], + "events": [ + "search", + "select", + "change", + "clear", + "open", + "close", + "load", + "error" + ], "source": "components/Combobox.wrn" }, { @@ -4098,7 +4056,9 @@ "options": [] } ], - "slots": ["default"], + "slots": [ + "default" + ], "outputs": [ { "name": "start", @@ -4109,7 +4069,10 @@ "payloadType": "{ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }" } ], - "events": ["start", "complete"], + "events": [ + "start", + "complete" + ], "source": "components/Confetti.wrn" }, { @@ -4168,7 +4131,9 @@ "options": [] } ], - "slots": ["default"], + "slots": [ + "default" + ], "outputs": [], "events": [], "source": "components/Container.wrn" @@ -4306,7 +4271,12 @@ "options": [] } ], - "slots": ["trigger", "header", "default", "footer"], + "slots": [ + "trigger", + "header", + "default", + "footer" + ], "outputs": [ { "name": "open", @@ -4325,7 +4295,12 @@ "payloadType": "{ item: string | number | boolean | null | object; itemIndex: number; value: string | number | boolean; sourceEvent: Event }" } ], - "events": ["open", "close", "select", "action"], + "events": [ + "open", + "close", + "select", + "action" + ], "source": "components/ContextMenu.wrn" }, { @@ -4441,7 +4416,11 @@ "payloadType": "{ error: Error | string; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | Error | string" } ], - "events": ["copy", "success", "error"], + "events": [ + "copy", + "success", + "error" + ], "source": "components/CopyMarkup.wrn" }, { @@ -4500,7 +4479,9 @@ "options": [] } ], - "slots": ["default"], + "slots": [ + "default" + ], "outputs": [], "events": [], "source": "components/CustomScrollbar.wrn" @@ -4561,7 +4542,9 @@ "options": [] } ], - "slots": ["default"], + "slots": [ + "default" + ], "outputs": [ { "name": "select", @@ -4572,7 +4555,10 @@ "payloadType": "{ value?: string | number | boolean | null; values?: Array; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null" } ], - "events": ["select", "change"], + "events": [ + "select", + "change" + ], "source": "components/DataMap.wrn" }, { @@ -4785,7 +4771,9 @@ "options": [] } ], - "slots": ["default"], + "slots": [ + "default" + ], "outputs": [ { "name": "sort", @@ -5045,7 +5033,15 @@ "payloadType": "{ name: string; message: string; sourceEvent: Event }" } ], - "events": ["input", "change", "open", "close", "focus", "blur", "invalid"], + "events": [ + "input", + "change", + "open", + "close", + "focus", + "blur", + "invalid" + ], "source": "components/DatePicker.wrn" }, { @@ -5153,7 +5149,9 @@ "options": [] } ], - "slots": ["default"], + "slots": [ + "default" + ], "outputs": [ { "name": "change", @@ -5164,7 +5162,10 @@ "payloadType": "{ device: string; orientation: string; sourceEvent: Event }" } ], - "events": ["change", "rotate"], + "events": [ + "change", + "rotate" + ], "source": "components/DeviceFrame.wrn" }, { @@ -5277,7 +5278,9 @@ "options": [] } ], - "slots": ["default"], + "slots": [ + "default" + ], "outputs": [ { "name": "dragStart", @@ -5304,7 +5307,14 @@ "payloadType": "{ value?: string | number | boolean | null; values?: Array; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null" } ], - "events": ["dragStart", "dragEnd", "dragEnter", "dragLeave", "drop", "change"], + "events": [ + "dragStart", + "dragEnd", + "dragEnter", + "dragLeave", + "drop", + "change" + ], "source": "components/DragAndDrop.wrn" }, { @@ -5454,7 +5464,12 @@ "options": [] } ], - "slots": ["trigger", "header", "default", "footer"], + "slots": [ + "trigger", + "header", + "default", + "footer" + ], "outputs": [ { "name": "open", @@ -5469,7 +5484,11 @@ "payloadType": "{ placement: string; sourceEvent: Event }" } ], - "events": ["open", "close", "cancel"], + "events": [ + "open", + "close", + "cancel" + ], "source": "components/Drawer.wrn" }, { @@ -5598,7 +5617,12 @@ "options": [] } ], - "slots": ["trigger", "header", "default", "footer"], + "slots": [ + "trigger", + "header", + "default", + "footer" + ], "outputs": [ { "name": "toggle", @@ -5621,7 +5645,13 @@ "payloadType": "{ item: string | number | boolean | null | object; itemIndex: number; value: string | number | boolean; sourceEvent: Event }" } ], - "events": ["toggle", "open", "close", "select", "action"], + "events": [ + "toggle", + "open", + "close", + "select", + "action" + ], "source": "components/Dropdown.wrn" }, { @@ -5827,7 +5857,12 @@ "options": [] } ], - "slots": ["media", "icon", "default", "footer"], + "slots": [ + "media", + "icon", + "default", + "footer" + ], "outputs": [], "events": [], "source": "components/FeatureCard.wrn" @@ -5937,7 +5972,9 @@ "options": [] } ], - "slots": ["default"], + "slots": [ + "default" + ], "outputs": [], "events": [], "source": "components/FeatureGrid.wrn" @@ -6047,7 +6084,10 @@ "options": [] } ], - "slots": ["default", "footer"], + "slots": [ + "default", + "footer" + ], "outputs": [], "events": [], "source": "components/FeatureIconCard.wrn" @@ -6237,99 +6277,17 @@ "payloadType": "{ message?: string; value: string | number | boolean | null | object; sourceEvent?: Event; [key: string]: string | number | boolean | null | object }" } ], - "events": ["input", "change", "focus", "blur", "select", "clear", "invalid"], + "events": [ + "input", + "change", + "focus", + "blur", + "select", + "clear", + "invalid" + ], "source": "components/FileInput.wrn" }, - { - "name": "FileUpload", - "mount": "FileUpload", - "category": "integrations", - "purpose": "Theme-aware, responsive file upload component.", - "props": [ - { - "name": "size", - "type": "string", - "required": false, - "default": "\"default\"", - "options": [] - }, - { - "name": "color", - "type": "string", - "required": false, - "default": "\"primary\"", - "options": [] - }, - { - "name": "title", - "type": "string", - "required": false, - "default": "\"File Upload\"", - "options": [] - }, - { - "name": "description", - "type": "string", - "required": false, - "default": "\"\"", - "options": [] - }, - { - "name": "items", - "type": "unknown[]", - "required": false, - "default": "[]", - "options": [] - }, - { - "name": "variant", - "type": "string", - "required": false, - "default": "\"default\"", - "options": [] - }, - { - "name": "class", - "type": "string", - "required": false, - "default": "\"\"", - "options": [] - } - ], - "slots": ["default"], - "outputs": [ - { - "name": "select", - "payloadType": "{ value?: string | number | boolean | null; values?: Array; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null" - }, - { - "name": "upload", - "payloadType": "{ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }" - }, - { - "name": "progress", - "payloadType": "{ progress: number; [key: string]: string | number | boolean | null | object } | number" - }, - { - "name": "success", - "payloadType": "{ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }" - }, - { - "name": "error", - "payloadType": "{ error: Error | string; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | Error | string" - }, - { - "name": "cancel", - "payloadType": "{ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }" - }, - { - "name": "remove", - "payloadType": "{ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }" - } - ], - "events": ["select", "upload", "progress", "success", "error", "cancel", "remove"], - "source": "components/FileUpload.wrn" - }, { "name": "FileUploadProgress", "mount": "FileUploadProgress", @@ -6443,7 +6401,11 @@ "payloadType": "{ sourceEvent?: Event; value: string | number | boolean | null | object; [key: string]: string | number | boolean | null | object } | string | number | boolean | null | object[]" } ], - "events": ["cancel", "retry", "complete"], + "events": [ + "cancel", + "retry", + "complete" + ], "source": "components/FileUploadProgress.wrn" }, { @@ -6509,7 +6471,12 @@ "options": [] } ], - "slots": ["pre-footer", "post-footer", "copyright-left", "copyright-right"], + "slots": [ + "pre-footer", + "post-footer", + "copyright-left", + "copyright-right" + ], "outputs": [ { "name": "select", @@ -6520,7 +6487,10 @@ "payloadType": "{ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }" } ], - "events": ["select", "action"], + "events": [ + "select", + "action" + ], "source": "components/Footer.wrn" }, { @@ -6579,7 +6549,9 @@ "options": [] } ], - "slots": ["default"], + "slots": [ + "default" + ], "outputs": [], "events": [], "source": "components/Grid.wrn" @@ -6857,7 +6829,14 @@ "options": [] } ], - "slots": ["eyebrow", "actions", "trust", "default", "visual", "footer"], + "slots": [ + "eyebrow", + "actions", + "trust", + "default", + "visual", + "footer" + ], "outputs": [], "events": [], "source": "components/Hero.wrn" @@ -6925,7 +6904,9 @@ "options": [] } ], - "slots": ["default"], + "slots": [ + "default" + ], "outputs": [], "events": [], "source": "components/HeroActions.wrn" @@ -7007,7 +6988,9 @@ "options": [] } ], - "slots": ["default"], + "slots": [ + "default" + ], "outputs": [], "events": [], "source": "components/Image.wrn" @@ -7246,8 +7229,16 @@ "payloadType": "{ key: string; value: string | number | boolean | null | object; name: string; sourceEvent: Event }" } ], - "events": ["input", "change", "focus", "blur", "invalid", "keydown", "keyup"], - "source": "components/Input.wrn" + "events": [ + "input", + "change", + "focus", + "blur", + "invalid", + "keydown", + "keyup" + ], + "source": "components/input.wrn" }, { "name": "InputGroup", @@ -7444,7 +7435,14 @@ "payloadType": "{ name: string; sourceEvent: Event }" } ], - "events": ["input", "change", "focus", "blur", "submit", "action"], + "events": [ + "input", + "change", + "focus", + "blur", + "submit", + "action" + ], "source": "components/InputGroup.wrn" }, { @@ -7753,7 +7751,12 @@ "payloadType": "{ value: number; previousValue?: number; sourceEvent?: Event; [key: string]: string | number | boolean | null | object }" } ], - "events": ["input", "change", "increment", "decrement"], + "events": [ + "input", + "change", + "increment", + "decrement" + ], "source": "components/InputNumber.wrn" }, { @@ -7791,7 +7794,9 @@ "options": [] } ], - "slots": ["default"], + "slots": [ + "default" + ], "outputs": [], "events": [], "source": "components/Kbd.wrn" @@ -7852,14 +7857,20 @@ "options": [] } ], - "slots": ["start", "end", "default"], + "slots": [ + "start", + "end", + "default" + ], "outputs": [ { "name": "sizeChange", "payloadType": "{ size: number }" } ], - "events": ["sizeChange"], + "events": [ + "sizeChange" + ], "source": "components/LayoutSplitter.wrn" }, { @@ -7918,7 +7929,9 @@ "options": [] } ], - "slots": ["default"], + "slots": [ + "default" + ], "outputs": [ { "name": "toggle", @@ -7929,7 +7942,10 @@ "payloadType": "{ value?: string | number | boolean | null; values?: Array; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null" } ], - "events": ["toggle", "select"], + "events": [ + "toggle", + "select" + ], "source": "components/LegendIndicator.wrn" }, { @@ -8002,7 +8018,9 @@ "options": [] } ], - "slots": ["default"], + "slots": [ + "default" + ], "outputs": [], "events": [], "source": "components/Link.wrn" @@ -8063,14 +8081,18 @@ "options": [] } ], - "slots": ["default"], + "slots": [ + "default" + ], "outputs": [ { "name": "select", "payloadType": "{ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }" } ], - "events": ["select"], + "events": [ + "select" + ], "source": "components/List.wrn" }, { @@ -8129,7 +8151,9 @@ "options": [] } ], - "slots": ["default"], + "slots": [ + "default" + ], "outputs": [ { "name": "select", @@ -8140,7 +8164,10 @@ "payloadType": "{ value?: string | number | boolean | null; values?: Array; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null" } ], - "events": ["select", "change"], + "events": [ + "select", + "change" + ], "source": "components/ListGroup.wrn" }, { @@ -8199,7 +8226,9 @@ "options": [] } ], - "slots": ["default"], + "slots": [ + "default" + ], "outputs": [ { "name": "markerClick", @@ -8214,7 +8243,11 @@ "payloadType": "{ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }" } ], - "events": ["markerClick", "select", "zoom"], + "events": [ + "markerClick", + "select", + "zoom" + ], "source": "components/Map.wrn" }, { @@ -8308,7 +8341,11 @@ "options": [] } ], - "slots": ["icon", "actions", "default"], + "slots": [ + "icon", + "actions", + "default" + ], "outputs": [], "events": [], "source": "components/MarketingSectionHeader.wrn" @@ -8369,7 +8406,9 @@ "options": [] } ], - "slots": ["default"], + "slots": [ + "default" + ], "outputs": [ { "name": "pause", @@ -8380,7 +8419,10 @@ "payloadType": "{ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }" } ], - "events": ["pause", "resume"], + "events": [ + "pause", + "resume" + ], "source": "components/Marquee.wrn" }, { @@ -8446,7 +8488,9 @@ "options": [] } ], - "slots": ["default"], + "slots": [ + "default" + ], "outputs": [ { "name": "open", @@ -8461,7 +8505,11 @@ "payloadType": "{ item: object; value: string }" } ], - "events": ["open", "close", "select"], + "events": [ + "open", + "close", + "select" + ], "source": "components/MegaMenu.wrn" }, { @@ -8667,7 +8715,10 @@ "options": [] } ], - "slots": ["default", "footer"], + "slots": [ + "default", + "footer" + ], "outputs": [ { "name": "select", @@ -8678,7 +8729,10 @@ "payloadType": "{ label: string; value: string; href: string; sourceEvent: Event }" } ], - "events": ["select", "action"], + "events": [ + "select", + "action" + ], "source": "components/MetricCard.wrn" }, { @@ -8779,7 +8833,9 @@ "options": [] } ], - "slots": ["default"], + "slots": [ + "default" + ], "outputs": [ { "name": "select", @@ -8790,7 +8846,10 @@ "payloadType": "{ item: string | number | boolean | null | object; itemIndex: number; sourceEvent: Event }" } ], - "events": ["select", "action"], + "events": [ + "select", + "action" + ], "source": "components/MetricGrid.wrn" }, { @@ -9003,7 +9062,12 @@ "options": [] } ], - "slots": ["trigger", "header", "default", "footer"], + "slots": [ + "trigger", + "header", + "default", + "footer" + ], "outputs": [ { "name": "open", @@ -9022,7 +9086,12 @@ "payloadType": "{ sourceEvent: Event }" } ], - "events": ["open", "close", "cancel", "confirm"], + "events": [ + "open", + "close", + "cancel", + "confirm" + ], "source": "components/Modal.wrn" }, { @@ -9095,14 +9164,18 @@ "options": [] } ], - "slots": ["default"], + "slots": [ + "default" + ], "outputs": [ { "name": "select", "payloadType": "{ item: object; value: string }" } ], - "events": ["select"], + "events": [ + "select" + ], "source": "components/Nav.wrn" }, { @@ -9203,7 +9276,10 @@ "options": [] } ], - "slots": ["topbar", "actions"], + "slots": [ + "topbar", + "actions" + ], "outputs": [ { "name": "toggle", @@ -9226,7 +9302,13 @@ "payloadType": "{ item: string | number | boolean | null | object; value: string | number | boolean }" } ], - "events": ["toggle", "open", "close", "select", "action"], + "events": [ + "toggle", + "open", + "close", + "select", + "action" + ], "source": "components/Navbar.wrn" }, { @@ -9411,7 +9493,11 @@ "options": [] } ], - "slots": ["meta", "actions", "default"], + "slots": [ + "meta", + "actions", + "default" + ], "outputs": [], "events": [], "source": "components/PageHeader.wrn" @@ -9507,7 +9593,9 @@ "options": [] } ], - "slots": ["default"], + "slots": [ + "default" + ], "outputs": [ { "name": "change", @@ -9522,7 +9610,11 @@ "payloadType": "{ page: number }" } ], - "events": ["change", "previous", "next"], + "events": [ + "change", + "previous", + "next" + ], "source": "components/Pagination.wrn" }, { @@ -9741,7 +9833,14 @@ "payloadType": "{ error: Error | string; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | Error | string" } ], - "events": ["input", "change", "complete", "paste", "clear", "error"], + "events": [ + "input", + "change", + "complete", + "paste", + "clear", + "error" + ], "source": "components/PinInput.wrn" }, { @@ -9912,7 +10011,12 @@ "options": [] } ], - "slots": ["trigger", "header", "default", "footer"], + "slots": [ + "trigger", + "header", + "default", + "footer" + ], "outputs": [ { "name": "toggle", @@ -9931,7 +10035,12 @@ "payloadType": "{ href: string; sourceEvent: Event }" } ], - "events": ["toggle", "open", "close", "action"], + "events": [ + "toggle", + "open", + "close", + "action" + ], "source": "components/Popover.wrn" }, { @@ -10039,7 +10148,9 @@ "options": [] } ], - "slots": ["hero-action"], + "slots": [ + "hero-action" + ], "outputs": [ { "name": "action", @@ -10050,7 +10161,10 @@ "payloadType": "{ item: string | number | boolean | null | object; value: string | number | boolean; index: number }" } ], - "events": ["action", "navigate"], + "events": [ + "action", + "navigate" + ], "source": "components/PortalDashboard.wrn" }, { @@ -10138,7 +10252,11 @@ "payloadType": "{ sourceEvent?: Event; value: string | number | boolean | null | object; [key: string]: string | number | boolean | null | object } | string | number | boolean | null | object[]" } ], - "events": ["theme", "color", "language"], + "events": [ + "theme", + "color", + "language" + ], "source": "components/PreferenceSwitcher.wrn" }, { @@ -10279,7 +10397,11 @@ "options": [] } ], - "slots": ["before", "default", "after"], + "slots": [ + "before", + "default", + "after" + ], "outputs": [], "events": [], "source": "components/PublicPageShell.wrn" @@ -10489,8 +10611,14 @@ "payloadType": "{ message?: string; value: string | number | boolean | null | object; sourceEvent?: Event; [key: string]: string | number | boolean | null | object }" } ], - "events": ["input", "change", "focus", "blur", "invalid"], - "source": "components/Radio.wrn" + "events": [ + "input", + "change", + "focus", + "blur", + "invalid" + ], + "source": "components/radio.wrn" }, { "name": "RangeSlider", @@ -10700,7 +10828,12 @@ "payloadType": "{ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }" } ], - "events": ["input", "change", "focus", "blur"], + "events": [ + "input", + "change", + "focus", + "blur" + ], "source": "components/RangeSlider.wrn" }, { @@ -10759,7 +10892,9 @@ "options": [] } ], - "slots": ["default"], + "slots": [ + "default" + ], "outputs": [ { "name": "input", @@ -10770,7 +10905,10 @@ "payloadType": "{ value?: string | number | boolean | null; values?: Array; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null" } ], - "events": ["input", "change"], + "events": [ + "input", + "change" + ], "source": "components/Rating.wrn" }, { @@ -10829,14 +10967,18 @@ "options": [] } ], - "slots": ["default"], + "slots": [ + "default" + ], "outputs": [ { "name": "change", "payloadType": "{ href: string; label: string }" } ], - "events": ["change"], + "events": [ + "change" + ], "source": "components/Scrollspy.wrn" }, { @@ -10948,7 +11090,10 @@ "payloadType": "{ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }" } ], - "events": ["search", "clear"], + "events": [ + "search", + "clear" + ], "source": "components/SearchBox.wrn" }, { @@ -11028,7 +11173,9 @@ "options": [] } ], - "slots": ["default"], + "slots": [ + "default" + ], "outputs": [], "events": [], "source": "components/Section.wrn" @@ -11110,7 +11257,11 @@ "options": [] } ], - "slots": ["icon", "default", "actions"], + "slots": [ + "icon", + "default", + "actions" + ], "outputs": [], "events": [], "source": "components/SectionHeader.wrn" @@ -11307,8 +11458,16 @@ "payloadType": "{ name: string; message: string; sourceEvent: Event }" } ], - "events": ["input", "change", "focus", "blur", "open", "close", "invalid"], - "source": "components/Select.wrn" + "events": [ + "input", + "change", + "focus", + "blur", + "open", + "close", + "invalid" + ], + "source": "components/select.wrn" }, { "name": "Sidebar", @@ -11373,7 +11532,10 @@ "options": [] } ], - "slots": ["default", "drawer"], + "slots": [ + "default", + "drawer" + ], "outputs": [ { "name": "toggle", @@ -11392,7 +11554,12 @@ "payloadType": "{ item: object; value: string; level: number }" } ], - "events": ["toggle", "open", "close", "select"], + "events": [ + "toggle", + "open", + "close", + "select" + ], "source": "components/Sidebar.wrn" }, { @@ -11713,7 +11880,12 @@ "options": [] } ], - "slots": ["default", "actions", "trust", "visual"], + "slots": [ + "default", + "actions", + "trust", + "visual" + ], "outputs": [], "events": [], "source": "components/SplitHero.wrn" @@ -11919,7 +12091,11 @@ "options": [] } ], - "slots": ["step-{index}", "panel-{index}", "default"], + "slots": [ + "step-{index}", + "panel-{index}", + "default" + ], "outputs": [ { "name": "change", @@ -11942,7 +12118,13 @@ "payloadType": "{ index: number; step: object }" } ], - "events": ["change", "back", "next", "skip", "finish"], + "events": [ + "change", + "back", + "next", + "skip", + "finish" + ], "source": "components/Stepper.wrn" }, { @@ -12156,7 +12338,11 @@ "payloadType": "{ value: string; score: number; maximumScore: number; percent: number; level: string }" } ], - "events": ["input", "change", "strength"], + "events": [ + "input", + "change", + "strength" + ], "source": "components/StrongPassword.wrn" }, { @@ -12215,7 +12401,9 @@ "options": [] } ], - "slots": ["default"], + "slots": [ + "default" + ], "outputs": [], "events": [], "source": "components/StyledIcon.wrn" @@ -12386,8 +12574,13 @@ "payloadType": "{ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }" } ], - "events": ["input", "change", "focus", "blur"], - "source": "components/Switch.wrn" + "events": [ + "input", + "change", + "focus", + "blur" + ], + "source": "components/switch.wrn" }, { "name": "Tabs", @@ -12459,7 +12652,10 @@ "options": [] } ], - "slots": ["panel-{valueOf(item, index)}", "default"], + "slots": [ + "panel-{valueOf(item, index)}", + "default" + ], "outputs": [ { "name": "change", @@ -12470,7 +12666,10 @@ "payloadType": "{ value: string; item: object; index: number }" } ], - "events": ["change", "select"], + "events": [ + "change", + "select" + ], "source": "components/Tabs.wrn" }, { @@ -12593,7 +12792,11 @@ "payloadType": "{ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }" } ], - "events": ["click", "focus", "blur"], + "events": [ + "click", + "focus", + "blur" + ], "source": "components/TextLink.wrn" }, { @@ -12787,8 +12990,14 @@ "payloadType": "{ value: string | number | boolean | null | object; name: string; message: string; sourceEvent: Event }" } ], - "events": ["input", "change", "focus", "blur", "invalid"], - "source": "components/Textarea.wrn" + "events": [ + "input", + "change", + "focus", + "blur", + "invalid" + ], + "source": "components/textarea.wrn" }, { "name": "TimePicker", @@ -13010,7 +13219,15 @@ "payloadType": "{ name: string; message: string; sourceEvent: Event }" } ], - "events": ["input", "change", "focus", "blur", "open", "close", "invalid"], + "events": [ + "input", + "change", + "focus", + "blur", + "open", + "close", + "invalid" + ], "source": "components/TimePicker.wrn" }, { @@ -13069,164 +13286,20 @@ "options": [] } ], - "slots": ["default"], + "slots": [ + "default" + ], "outputs": [ { "name": "select", "payloadType": "{ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }" } ], - "events": ["select"], + "events": [ + "select" + ], "source": "components/Timeline.wrn" }, - { - "name": "Toast", - "mount": "Toast", - "category": "base", - "purpose": "Theme-aware, responsive toast component.", - "props": [ - { - "name": "size", - "type": "string", - "required": false, - "default": "\"default\"", - "options": [] - }, - { - "name": "color", - "type": "string", - "required": false, - "default": "\"primary\"", - "options": [] - }, - { - "name": "title", - "type": "string", - "required": false, - "default": "\"Toast\"", - "options": [] - }, - { - "name": "description", - "type": "string", - "required": false, - "default": "\"\"", - "options": [] - }, - { - "name": "items", - "type": "unknown[]", - "required": false, - "default": "[]", - "options": [] - }, - { - "name": "variant", - "type": "string", - "required": false, - "default": "\"default\"", - "options": [] - }, - { - "name": "class", - "type": "string", - "required": false, - "default": "\"\"", - "options": [] - } - ], - "slots": ["default"], - "outputs": [ - { - "name": "dismiss", - "payloadType": "{ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }" - }, - { - "name": "action", - "payloadType": "{ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }" - } - ], - "events": ["dismiss", "action"], - "source": "components/Toast.wrn" - }, - { - "name": "ToastNotifications", - "mount": "ToastNotifications", - "category": "integrations", - "purpose": "Theme-aware, responsive toast notifications component.", - "props": [ - { - "name": "size", - "type": "string", - "required": false, - "default": "\"default\"", - "options": [] - }, - { - "name": "color", - "type": "string", - "required": false, - "default": "\"primary\"", - "options": [] - }, - { - "name": "title", - "type": "string", - "required": false, - "default": "\"Toast Notifications\"", - "options": [] - }, - { - "name": "description", - "type": "string", - "required": false, - "default": "\"\"", - "options": [] - }, - { - "name": "items", - "type": "unknown[]", - "required": false, - "default": "[]", - "options": [] - }, - { - "name": "variant", - "type": "string", - "required": false, - "default": "\"default\"", - "options": [] - }, - { - "name": "class", - "type": "string", - "required": false, - "default": "\"\"", - "options": [] - } - ], - "slots": ["default"], - "outputs": [ - { - "name": "add", - "payloadType": "{ sourceEvent?: Event; value: string | number | boolean | null | object; [key: string]: string | number | boolean | null | object } | string | number | boolean | null | object[]" - }, - { - "name": "dismiss", - "payloadType": "{ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }" - }, - { - "name": "clear", - "payloadType": "{ value?: string | number | boolean | null; values?: Array; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null" - }, - { - "name": "action", - "payloadType": "{ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }" - } - ], - "events": ["add", "dismiss", "clear", "action"], - "source": "components/ToastNotifications.wrn" - }, { "name": "Toaster", "mount": "Toaster", @@ -13354,7 +13427,11 @@ "payloadType": "{ id: number; sourceEvent: Event }" } ], - "events": ["show", "dismiss", "action"], + "events": [ + "show", + "dismiss", + "action" + ], "source": "components/Toaster.wrn" }, { @@ -13536,7 +13613,10 @@ "payloadType": "{ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }" } ], - "events": ["change", "toggle"], + "events": [ + "change", + "toggle" + ], "source": "components/ToggleCount.wrn" }, { @@ -13729,7 +13809,11 @@ "payloadType": "{ visible: boolean }" } ], - "events": ["input", "change", "toggle"], + "events": [ + "input", + "change", + "toggle" + ], "source": "components/TogglePassword.wrn" }, { @@ -13858,7 +13942,10 @@ "options": [] } ], - "slots": ["trigger", "default"], + "slots": [ + "trigger", + "default" + ], "outputs": [ { "name": "toggle", @@ -13873,8 +13960,12 @@ "payloadType": "{ reason: string; sourceEvent: Event }" } ], - "events": ["toggle", "open", "close"], - "source": "components/Tooltip.wrn" + "events": [ + "toggle", + "open", + "close" + ], + "source": "components/tooltip.wrn" }, { "name": "TreeView", @@ -13932,7 +14023,9 @@ "options": [] } ], - "slots": ["default"], + "slots": [ + "default" + ], "outputs": [ { "name": "select", @@ -13951,7 +14044,12 @@ "payloadType": "{ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }" } ], - "events": ["select", "toggle", "expand", "collapse"], + "events": [ + "select", + "toggle", + "expand", + "collapse" + ], "source": "components/TreeView.wrn" }, { @@ -14003,7 +14101,9 @@ "options": [] } ], - "slots": ["default"], + "slots": [ + "default" + ], "outputs": [], "events": [], "source": "components/Typography.wrn" @@ -14064,7 +14164,9 @@ "options": [] } ], - "slots": ["default"], + "slots": [ + "default" + ], "outputs": [ { "name": "input", @@ -14083,7 +14185,12 @@ "payloadType": "{ sourceEvent?: Event; [key: string]: string | number | boolean | null | object }" } ], - "events": ["input", "change", "focus", "blur"], + "events": [ + "input", + "change", + "focus", + "blur" + ], "source": "components/WysiwygEditor.wrn" } ] diff --git a/packages/ui/components/AdvancedDatePicker.wrn b/packages/ui/components/AdvancedDatePicker.wrn deleted file mode 100644 index c43ad8f1..00000000 --- a/packages/ui/components/AdvancedDatePicker.wrn +++ /dev/null @@ -1,27 +0,0 @@ -component AdvancedDatePicker { - outputs { - input(payload: { value?: string | number | boolean | null; values?: Array; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null) - change(payload: { value?: string | number | boolean | null; values?: Array; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null) - open(payload: { sourceEvent?: Event; [key: string]: string | number | boolean | null | object }) - close(payload: { sourceEvent?: Event; [key: string]: string | number | boolean | null | object }) - clear(payload: { value?: string | number | boolean | null; values?: Array; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null) - } - - props { -size: string = "default" - color: string = "primary" - title: string = "Advanced Date Picker" - description: string = "" - items: unknown[] = [] - variant: string = "default" - class: string = "" - } - view { -
- {#if title}{title}{/if} - {#if description}

{description}

{/if} - {#if items}
{#each items as item}{item.label}{/each}
{/if} - -
- } -} diff --git a/packages/ui/components/AdvancedRangeSlider.wrn b/packages/ui/components/AdvancedRangeSlider.wrn deleted file mode 100644 index 463a9f3c..00000000 --- a/packages/ui/components/AdvancedRangeSlider.wrn +++ /dev/null @@ -1,26 +0,0 @@ -component AdvancedRangeSlider { - outputs { - input(payload: { value?: string | number | boolean | null; values?: Array; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null) - change(payload: { value?: string | number | boolean | null; values?: Array; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null) - start(payload: { sourceEvent?: Event; [key: string]: string | number | boolean | null | object }) - end(payload: { sourceEvent?: Event; [key: string]: string | number | boolean | null | object }) - } - - props { - size: string = "default" - color: string = "primary" - title: string = "Advanced Range Slider" - description: string = "" - items: unknown[] = [] - variant: string = "default" - class: string = "" - } - view { -
- {#if title}{title}{/if} - {#if description}

{description}

{/if} - {#if items}
{#each items as item}{item.label}{/each}
{/if} - -
- } -} diff --git a/packages/ui/components/FileUpload.wrn b/packages/ui/components/FileUpload.wrn deleted file mode 100644 index ff347a07..00000000 --- a/packages/ui/components/FileUpload.wrn +++ /dev/null @@ -1,29 +0,0 @@ -component FileUpload { - outputs { - select(payload: { value?: string | number | boolean | null; values?: Array; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null) - upload(payload: { sourceEvent?: Event; [key: string]: string | number | boolean | null | object }) - progress(payload: { progress: number; [key: string]: string | number | boolean | null | object } | number) - success(payload: { sourceEvent?: Event; [key: string]: string | number | boolean | null | object }) - error(payload: { error: Error | string; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | Error | string) - cancel(payload: { sourceEvent?: Event; [key: string]: string | number | boolean | null | object }) - remove(payload: { sourceEvent?: Event; [key: string]: string | number | boolean | null | object }) - } - - props { -size: string = "default" - color: string = "primary" - title: string = "File Upload" - description: string = "" - items: unknown[] = [] - variant: string = "default" - class: string = "" - } - view { -
- {#if title}{title}{/if} - {#if description}

{description}

{/if} - {#if items}
{#each items as item}{item.label}{/each}
{/if} - -
- } -} diff --git a/packages/ui/components/Toast.wrn b/packages/ui/components/Toast.wrn deleted file mode 100644 index aa28e2a0..00000000 --- a/packages/ui/components/Toast.wrn +++ /dev/null @@ -1,24 +0,0 @@ -component Toast { - outputs { - dismiss(payload: { sourceEvent?: Event; [key: string]: string | number | boolean | null | object }) - action(payload: { sourceEvent?: Event; [key: string]: string | number | boolean | null | object }) - } - - props { - size: string = "default" - color: string = "primary" - title: string = "Toast" - description: string = "" - items: unknown[] = [] - variant: string = "default" - class: string = "" - } - view { -
- {#if title}{title}{/if} - {#if description}

{description}

{/if} - {#if items}
{#each items as item}{item.label}{/each}
{/if} - -
- } -} diff --git a/packages/ui/components/ToastNotifications.wrn b/packages/ui/components/ToastNotifications.wrn deleted file mode 100644 index ae00554b..00000000 --- a/packages/ui/components/ToastNotifications.wrn +++ /dev/null @@ -1,26 +0,0 @@ -component ToastNotifications { - outputs { - add(payload: { sourceEvent?: Event; value: string | number | boolean | null | object; [key: string]: string | number | boolean | null | object } | string | number | boolean | null | object[]) - dismiss(payload: { sourceEvent?: Event; [key: string]: string | number | boolean | null | object }) - clear(payload: { value?: string | number | boolean | null; values?: Array; sourceEvent?: Event; [key: string]: string | number | boolean | null | object } | string | number | boolean | null) - action(payload: { sourceEvent?: Event; [key: string]: string | number | boolean | null | object }) - } - - props { - size: string = "default" - color: string = "primary" - title: string = "Toast Notifications" - description: string = "" - items: unknown[] = [] - variant: string = "default" - class: string = "" - } - view { -
- {#if title}{title}{/if} - {#if description}

{description}

{/if} - {#if items}
{#each items as item}{item.label}{/each}
{/if} - -
- } -} diff --git a/packages/ui/test/ui.test.ts b/packages/ui/test/ui.test.ts index a7e401e0..8d5b8cd3 100644 --- a/packages/ui/test/ui.test.ts +++ b/packages/ui/test/ui.test.ts @@ -38,7 +38,7 @@ test("generated component reference documents every bundled component and its pr readFileSync(join(uiComponentsDir(), "..", "component-catalog.json"), "utf8"), ) as { components: Array<{ name: string }> }; expect(reference.count).toBe(uiComponentNames().length); - expect(reference.count).toBe(108); + expect(reference.count).toBe(103); expect(reference.components.map((component) => component.name)).toEqual( expect.arrayContaining(uiComponentNames()), ); @@ -81,7 +81,6 @@ test("interactive components expose their must-have public event contracts", () Accordion: ["change", "open", "close"], Modal: ["open", "close", "cancel", "confirm"], DataTable: ["sort", "select", "change", "rowClick", "pageChange"], - FileUpload: ["select", "upload", "progress", "success", "error", "cancel", "remove"], WysiwygEditor: ["input", "change", "focus", "blur"], }; @@ -140,7 +139,7 @@ test("removed duplicate aliases have valid canonical migration targets", () => { const names = new Set(uiComponentNames()); expect(Object.keys(migration.replacements)).toHaveLength(migration.removedCount); - expect(migration.removedCount).toBe(0); + expect(migration.removedCount).toBe(5); for (const [removed, replacement] of Object.entries(migration.replacements)) { expect(names.has(removed)).toBe(false); expect(names.has(replacement)).toBe(true); @@ -183,7 +182,6 @@ test("screenshot-directed canonical components are bundled", () => { "Tooltip", "DataTable", "Chart", - "FileUpload", "Map", "WysiwygEditor", ]; @@ -3176,7 +3174,7 @@ test("no component gains an output that nothing ever emits", () => { * A ceiling, not a target. It only ever moves down: rebuilding one of these * components should tighten it. */ - expect(offenders.length).toBeLessThanOrEqual(22); + expect(offenders.length).toBeLessThanOrEqual(7); expect(offenders).not.toContain("LayoutSplitter.sizeChange"); expect(offenders).not.toContain("CustomScrollbar.scroll"); }); diff --git a/scripts/test-ui-reference-generation.mjs b/scripts/test-ui-reference-generation.mjs index 747f2cb4..d4ee6249 100644 --- a/scripts/test-ui-reference-generation.mjs +++ b/scripts/test-ui-reference-generation.mjs @@ -67,12 +67,16 @@ try { } const referencePath = join(temporaryRoot, "packages", "ui", "component-reference.json"); - const stale = readFileSync(referencePath, "utf8").replace('"count": 108', '"count": 107'); + const canonicalCount = JSON.parse(readFileSync(referencePath, "utf8")).count; + const stale = readFileSync(referencePath, "utf8").replace( + `"count": ${canonicalCount}`, + `"count": ${canonicalCount - 1}`, + ); writeFileSync(referencePath, stale); runGenerator(); const restored = JSON.parse(readFileSync(referencePath, "utf8")); - if (restored.count !== 108) { + if (restored.count !== canonicalCount) { throw new Error("genuinely stale component reference content was not regenerated"); }