@getflip/swirl-ai 0.532.0 → 0.532.1

package/dist/agent/components/swirl-checkbox.md

@@ -6,7 +6,6 @@ The SwirlCheckbox component is used as a form control to allow a user to select
 
 ## Required props
 
-- `inputId` (string) – 
 - `inputName` (string) – 
 
 ## Optional props
@@ -14,6 +13,7 @@ The SwirlCheckbox component is used as a form control to allow a user to select
 - `checked` ("false" | "indeterminate" | "true" | boolean | undefined) – 
 - `description` (string | undefined) – 
 - `disabled` (boolean | undefined) – 
+- `inputId` (string | undefined) – 
 - `invalid` (boolean | undefined) – 
 - `label` (string | undefined) – 
 - `labelWeight` ("medium" | "regular" | undefined) – 
@@ -62,7 +62,7 @@ The component follows the
 ## Minimal example
 
 ```html
-<swirl-checkbox inputId="..." inputName="..."></swirl-checkbox>
+<swirl-checkbox inputName="..."></swirl-checkbox>
 ```
 
 ## Usage example

package/dist/agent/components/swirl-radio.md

@@ -6,7 +6,6 @@ The SwirlRadio component is used as a form control to allow a user to select a s
 
 ## Required props
 
-- `inputId` (string) – 
 - `inputName` (string) – 
 - `value` (string) – 
 
@@ -15,6 +14,7 @@ The SwirlRadio component is used as a form control to allow a user to select a s
 - `checked` ("false" | "true" | boolean | undefined) – 
 - `description` (string | undefined) – 
 - `disabled` (boolean | undefined) – 
+- `inputId` (string | undefined) – 
 - `invalid` (boolean | undefined) – 
 - `label` (string | undefined) – 
 - `tooltip` (string | undefined) – 
@@ -60,7 +60,7 @@ All radio buttons have to be contained in a
 ## Minimal example
 
 ```html
-<swirl-radio inputId="..." inputName="..." value="..."></swirl-radio>
+<swirl-radio inputName="..." value="..."></swirl-radio>
 ```
 
 ## Usage example

package/dist/agent/components/swirl-switch.md

@@ -6,7 +6,6 @@ The SwirlSwitch component is used as an alternative to the SwirlCheckbox, if an
 
 ## Required props
 
-- `inputId` (string) – 
 - `inputName` (string) – 
 
 ## Optional props
@@ -16,6 +15,7 @@ The SwirlSwitch component is used as an alternative to the SwirlCheckbox, if an
 - `disabled` (boolean | undefined) – 
 - `hideDescription` (boolean | undefined) – 
 - `hideLabel` (boolean | undefined) – 
+- `inputId` (string | undefined) – 
 - `label` (string | undefined) – 
 - `labelPosition` ("end" | "start" | undefined) – 
 - `swirlAriaLabel` (string | undefined) – 
@@ -59,7 +59,7 @@ The component follows the
 ## Minimal example
 
 ```html
-<swirl-switch inputId="..." inputName="..."></swirl-switch>
+<swirl-switch inputName="..."></swirl-switch>
 ```
 
 ## Usage example

package/dist/custom-elements.manifest.json

@@ -5755,8 +5755,9 @@
             {
               "name": "input-id",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
+              "default": "crypto.randomUUID()",
               "fieldName": "inputId"
             },
             {
@@ -5866,8 +5867,9 @@
               "kind": "field",
               "name": "inputId",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
+              "default": "crypto.randomUUID()",
               "readonly": true,
               "attribute": "input-id"
             },
@@ -49236,8 +49238,9 @@
             {
               "name": "input-id",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
+              "default": "crypto.randomUUID()",
               "fieldName": "inputId"
             },
             {
@@ -49327,8 +49330,9 @@
               "kind": "field",
               "name": "inputId",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
+              "default": "crypto.randomUUID()",
               "readonly": true,
               "attribute": "input-id"
             },
@@ -53028,8 +53032,9 @@
             {
               "name": "input-id",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
+              "default": "crypto.randomUUID()",
               "fieldName": "inputId"
             },
             {
@@ -53125,8 +53130,9 @@
               "kind": "field",
               "name": "inputId",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
+              "default": "crypto.randomUUID()",
               "readonly": true,
               "attribute": "input-id"
             },

package/dist/types/components/swirl-checkbox/swirl-checkbox.d.ts

@@ -8,7 +8,7 @@ export declare class SwirlCheckbox {
     disabled?: boolean;
     swirlAriaDescribedby?: string;
     swirlAriaLabel?: string;
-    inputId: string;
+    inputId?: string;
     inputName: string;
     invalid?: boolean;
     label?: string;

package/dist/types/components/swirl-radio/swirl-radio.d.ts

@@ -5,7 +5,7 @@ export declare class SwirlRadio {
     checked?: SwirlRadioState;
     description?: string;
     disabled?: boolean;
-    inputId: string;
+    inputId?: string;
     inputName: string;
     invalid?: boolean;
     label?: string;

package/dist/types/components/swirl-switch/swirl-switch.d.ts

@@ -7,7 +7,7 @@ export declare class SwirlSwitch {
     disabled?: boolean;
     hideDescription?: boolean;
     hideLabel?: boolean;
-    inputId: string;
+    inputId?: string;
     inputName: string;
     label?: string;
     labelPosition?: SwirlSwitchLabelPosition;

package/dist/types/components.d.ts

@@ -729,7 +729,10 @@ export namespace Components {
           * @default false
          */
         "disabled"?: boolean;
-        "inputId": string;
+        /**
+          * @default crypto.randomUUID()
+         */
+        "inputId"?: string;
         "inputName": string;
         "invalid"?: boolean;
         "label"?: string;
@@ -4274,7 +4277,10 @@ export namespace Components {
           * @default false
          */
         "disabled"?: boolean;
-        "inputId": string;
+        /**
+          * @default crypto.randomUUID()
+         */
+        "inputId"?: string;
         "inputName": string;
         "invalid"?: boolean;
         "label"?: string;
@@ -4666,7 +4672,10 @@ export namespace Components {
         "disabled"?: boolean;
         "hideDescription"?: boolean;
         "hideLabel"?: boolean;
-        "inputId": string;
+        /**
+          * @default crypto.randomUUID()
+         */
+        "inputId"?: string;
         "inputName": string;
         "label"?: string;
         /**
@@ -11296,7 +11305,10 @@ declare namespace LocalJSX {
           * @default false
          */
         "disabled"?: boolean;
-        "inputId": string;
+        /**
+          * @default crypto.randomUUID()
+         */
+        "inputId"?: string;
         "inputName": string;
         "invalid"?: boolean;
         "label"?: string;
@@ -14737,7 +14749,10 @@ declare namespace LocalJSX {
           * @default false
          */
         "disabled"?: boolean;
-        "inputId": string;
+        /**
+          * @default crypto.randomUUID()
+         */
+        "inputId"?: string;
         "inputName": string;
         "invalid"?: boolean;
         "label"?: string;
@@ -15138,7 +15153,10 @@ declare namespace LocalJSX {
         "disabled"?: boolean;
         "hideDescription"?: boolean;
         "hideLabel"?: boolean;
-        "inputId": string;
+        /**
+          * @default crypto.randomUUID()
+         */
+        "inputId"?: string;
         "inputName": string;
         "label"?: string;
         /**
@@ -19340,7 +19358,7 @@ declare namespace LocalJSX {
         "swirl-card": Omit<SwirlCard, keyof SwirlCardAttributes> & { [K in keyof SwirlCard & keyof SwirlCardAttributes]?: SwirlCard[K] } & { [K in keyof SwirlCard & keyof SwirlCardAttributes as `attr:${K}`]?: SwirlCardAttributes[K] } & { [K in keyof SwirlCard & keyof SwirlCardAttributes as `prop:${K}`]?: SwirlCard[K] };
         "swirl-carousel": Omit<SwirlCarousel, keyof SwirlCarouselAttributes> & { [K in keyof SwirlCarousel & keyof SwirlCarouselAttributes]?: SwirlCarousel[K] } & { [K in keyof SwirlCarousel & keyof SwirlCarouselAttributes as `attr:${K}`]?: SwirlCarouselAttributes[K] } & { [K in keyof SwirlCarousel & keyof SwirlCarouselAttributes as `prop:${K}`]?: SwirlCarousel[K] } & OneOf<"label", SwirlCarousel["label"], SwirlCarouselAttributes["label"]>;
         "swirl-carousel-slide": Omit<SwirlCarouselSlide, keyof SwirlCarouselSlideAttributes> & { [K in keyof SwirlCarouselSlide & keyof SwirlCarouselSlideAttributes]?: SwirlCarouselSlide[K] } & { [K in keyof SwirlCarouselSlide & keyof SwirlCarouselSlideAttributes as `attr:${K}`]?: SwirlCarouselSlideAttributes[K] } & { [K in keyof SwirlCarouselSlide & keyof SwirlCarouselSlideAttributes as `prop:${K}`]?: SwirlCarouselSlide[K] };
-        "swirl-checkbox": Omit<SwirlCheckbox, keyof SwirlCheckboxAttributes> & { [K in keyof SwirlCheckbox & keyof SwirlCheckboxAttributes]?: SwirlCheckbox[K] } & { [K in keyof SwirlCheckbox & keyof SwirlCheckboxAttributes as `attr:${K}`]?: SwirlCheckboxAttributes[K] } & { [K in keyof SwirlCheckbox & keyof SwirlCheckboxAttributes as `prop:${K}`]?: SwirlCheckbox[K] } & OneOf<"inputId", SwirlCheckbox["inputId"], SwirlCheckboxAttributes["inputId"]> & OneOf<"inputName", SwirlCheckbox["inputName"], SwirlCheckboxAttributes["inputName"]>;
+        "swirl-checkbox": Omit<SwirlCheckbox, keyof SwirlCheckboxAttributes> & { [K in keyof SwirlCheckbox & keyof SwirlCheckboxAttributes]?: SwirlCheckbox[K] } & { [K in keyof SwirlCheckbox & keyof SwirlCheckboxAttributes as `attr:${K}`]?: SwirlCheckboxAttributes[K] } & { [K in keyof SwirlCheckbox & keyof SwirlCheckboxAttributes as `prop:${K}`]?: SwirlCheckbox[K] } & OneOf<"inputName", SwirlCheckbox["inputName"], SwirlCheckboxAttributes["inputName"]>;
         "swirl-chip": Omit<SwirlChip, keyof SwirlChipAttributes> & { [K in keyof SwirlChip & keyof SwirlChipAttributes]?: SwirlChip[K] } & { [K in keyof SwirlChip & keyof SwirlChipAttributes as `attr:${K}`]?: SwirlChipAttributes[K] } & { [K in keyof SwirlChip & keyof SwirlChipAttributes as `prop:${K}`]?: SwirlChip[K] } & OneOf<"label", SwirlChip["label"], SwirlChipAttributes["label"]>;
         "swirl-color-input": Omit<SwirlColorInput, keyof SwirlColorInputAttributes> & { [K in keyof SwirlColorInput & keyof SwirlColorInputAttributes]?: SwirlColorInput[K] } & { [K in keyof SwirlColorInput & keyof SwirlColorInputAttributes as `attr:${K}`]?: SwirlColorInputAttributes[K] } & { [K in keyof SwirlColorInput & keyof SwirlColorInputAttributes as `prop:${K}`]?: SwirlColorInput[K] };
         "swirl-columns": Omit<SwirlColumns, keyof SwirlColumnsAttributes> & { [K in keyof SwirlColumns & keyof SwirlColumnsAttributes]?: SwirlColumns[K] } & { [K in keyof SwirlColumns & keyof SwirlColumnsAttributes as `attr:${K}`]?: SwirlColumnsAttributes[K] } & { [K in keyof SwirlColumns & keyof SwirlColumnsAttributes as `prop:${K}`]?: SwirlColumns[K] };
@@ -19708,7 +19726,7 @@ declare namespace LocalJSX {
         "swirl-popover": Omit<SwirlPopover, keyof SwirlPopoverAttributes> & { [K in keyof SwirlPopover & keyof SwirlPopoverAttributes]?: SwirlPopover[K] } & { [K in keyof SwirlPopover & keyof SwirlPopoverAttributes as `attr:${K}`]?: SwirlPopoverAttributes[K] } & { [K in keyof SwirlPopover & keyof SwirlPopoverAttributes as `prop:${K}`]?: SwirlPopover[K] } & OneOf<"label", SwirlPopover["label"], SwirlPopoverAttributes["label"]>;
         "swirl-popover-trigger": Omit<SwirlPopoverTrigger, keyof SwirlPopoverTriggerAttributes> & { [K in keyof SwirlPopoverTrigger & keyof SwirlPopoverTriggerAttributes]?: SwirlPopoverTrigger[K] } & { [K in keyof SwirlPopoverTrigger & keyof SwirlPopoverTriggerAttributes as `attr:${K}`]?: SwirlPopoverTriggerAttributes[K] } & { [K in keyof SwirlPopoverTrigger & keyof SwirlPopoverTriggerAttributes as `prop:${K}`]?: SwirlPopoverTrigger[K] } & OneOf<"swirlPopover", SwirlPopoverTrigger["swirlPopover"], SwirlPopoverTriggerAttributes["swirlPopover"]>;
         "swirl-progress-indicator": Omit<SwirlProgressIndicator, keyof SwirlProgressIndicatorAttributes> & { [K in keyof SwirlProgressIndicator & keyof SwirlProgressIndicatorAttributes]?: SwirlProgressIndicator[K] } & { [K in keyof SwirlProgressIndicator & keyof SwirlProgressIndicatorAttributes as `attr:${K}`]?: SwirlProgressIndicatorAttributes[K] } & { [K in keyof SwirlProgressIndicator & keyof SwirlProgressIndicatorAttributes as `prop:${K}`]?: SwirlProgressIndicator[K] } & OneOf<"label", SwirlProgressIndicator["label"], SwirlProgressIndicatorAttributes["label"]>;
-        "swirl-radio": Omit<SwirlRadio, keyof SwirlRadioAttributes> & { [K in keyof SwirlRadio & keyof SwirlRadioAttributes]?: SwirlRadio[K] } & { [K in keyof SwirlRadio & keyof SwirlRadioAttributes as `attr:${K}`]?: SwirlRadioAttributes[K] } & { [K in keyof SwirlRadio & keyof SwirlRadioAttributes as `prop:${K}`]?: SwirlRadio[K] } & OneOf<"inputId", SwirlRadio["inputId"], SwirlRadioAttributes["inputId"]> & OneOf<"inputName", SwirlRadio["inputName"], SwirlRadioAttributes["inputName"]> & OneOf<"value", SwirlRadio["value"], SwirlRadioAttributes["value"]>;
+        "swirl-radio": Omit<SwirlRadio, keyof SwirlRadioAttributes> & { [K in keyof SwirlRadio & keyof SwirlRadioAttributes]?: SwirlRadio[K] } & { [K in keyof SwirlRadio & keyof SwirlRadioAttributes as `attr:${K}`]?: SwirlRadioAttributes[K] } & { [K in keyof SwirlRadio & keyof SwirlRadioAttributes as `prop:${K}`]?: SwirlRadio[K] } & OneOf<"inputName", SwirlRadio["inputName"], SwirlRadioAttributes["inputName"]> & OneOf<"value", SwirlRadio["value"], SwirlRadioAttributes["value"]>;
         "swirl-radio-group": Omit<SwirlRadioGroup, keyof SwirlRadioGroupAttributes> & { [K in keyof SwirlRadioGroup & keyof SwirlRadioGroupAttributes]?: SwirlRadioGroup[K] } & { [K in keyof SwirlRadioGroup & keyof SwirlRadioGroupAttributes as `attr:${K}`]?: SwirlRadioGroupAttributes[K] } & { [K in keyof SwirlRadioGroup & keyof SwirlRadioGroupAttributes as `prop:${K}`]?: SwirlRadioGroup[K] };
         "swirl-resource-list": Omit<SwirlResourceList, keyof SwirlResourceListAttributes> & { [K in keyof SwirlResourceList & keyof SwirlResourceListAttributes]?: SwirlResourceList[K] } & { [K in keyof SwirlResourceList & keyof SwirlResourceListAttributes as `attr:${K}`]?: SwirlResourceListAttributes[K] } & { [K in keyof SwirlResourceList & keyof SwirlResourceListAttributes as `prop:${K}`]?: SwirlResourceList[K] };
         "swirl-resource-list-file-item": Omit<SwirlResourceListFileItem, keyof SwirlResourceListFileItemAttributes> & { [K in keyof SwirlResourceListFileItem & keyof SwirlResourceListFileItemAttributes]?: SwirlResourceListFileItem[K] } & { [K in keyof SwirlResourceListFileItem & keyof SwirlResourceListFileItemAttributes as `attr:${K}`]?: SwirlResourceListFileItemAttributes[K] } & { [K in keyof SwirlResourceListFileItem & keyof SwirlResourceListFileItemAttributes as `prop:${K}`]?: SwirlResourceListFileItem[K] } & OneOf<"label", SwirlResourceListFileItem["label"], SwirlResourceListFileItemAttributes["label"]>;
@@ -19724,7 +19742,7 @@ declare namespace LocalJSX {
         "swirl-spinner": Omit<SwirlSpinner, keyof SwirlSpinnerAttributes> & { [K in keyof SwirlSpinner & keyof SwirlSpinnerAttributes]?: SwirlSpinner[K] } & { [K in keyof SwirlSpinner & keyof SwirlSpinnerAttributes as `attr:${K}`]?: SwirlSpinnerAttributes[K] } & { [K in keyof SwirlSpinner & keyof SwirlSpinnerAttributes as `prop:${K}`]?: SwirlSpinner[K] };
         "swirl-stack": Omit<SwirlStack, keyof SwirlStackAttributes> & { [K in keyof SwirlStack & keyof SwirlStackAttributes]?: SwirlStack[K] } & { [K in keyof SwirlStack & keyof SwirlStackAttributes as `attr:${K}`]?: SwirlStackAttributes[K] } & { [K in keyof SwirlStack & keyof SwirlStackAttributes as `prop:${K}`]?: SwirlStack[K] };
         "swirl-status-indicator": Omit<SwirlStatusIndicator, keyof SwirlStatusIndicatorAttributes> & { [K in keyof SwirlStatusIndicator & keyof SwirlStatusIndicatorAttributes]?: SwirlStatusIndicator[K] } & { [K in keyof SwirlStatusIndicator & keyof SwirlStatusIndicatorAttributes as `attr:${K}`]?: SwirlStatusIndicatorAttributes[K] } & { [K in keyof SwirlStatusIndicator & keyof SwirlStatusIndicatorAttributes as `prop:${K}`]?: SwirlStatusIndicator[K] } & OneOf<"intent", SwirlStatusIndicator["intent"], SwirlStatusIndicatorAttributes["intent"]> & OneOf<"label", SwirlStatusIndicator["label"], SwirlStatusIndicatorAttributes["label"]>;
-        "swirl-switch": Omit<SwirlSwitch, keyof SwirlSwitchAttributes> & { [K in keyof SwirlSwitch & keyof SwirlSwitchAttributes]?: SwirlSwitch[K] } & { [K in keyof SwirlSwitch & keyof SwirlSwitchAttributes as `attr:${K}`]?: SwirlSwitchAttributes[K] } & { [K in keyof SwirlSwitch & keyof SwirlSwitchAttributes as `prop:${K}`]?: SwirlSwitch[K] } & OneOf<"inputId", SwirlSwitch["inputId"], SwirlSwitchAttributes["inputId"]> & OneOf<"inputName", SwirlSwitch["inputName"], SwirlSwitchAttributes["inputName"]>;
+        "swirl-switch": Omit<SwirlSwitch, keyof SwirlSwitchAttributes> & { [K in keyof SwirlSwitch & keyof SwirlSwitchAttributes]?: SwirlSwitch[K] } & { [K in keyof SwirlSwitch & keyof SwirlSwitchAttributes as `attr:${K}`]?: SwirlSwitchAttributes[K] } & { [K in keyof SwirlSwitch & keyof SwirlSwitchAttributes as `prop:${K}`]?: SwirlSwitch[K] } & OneOf<"inputName", SwirlSwitch["inputName"], SwirlSwitchAttributes["inputName"]>;
         "swirl-symbol": Omit<SwirlSymbol, keyof SwirlSymbolAttributes> & { [K in keyof SwirlSymbol & keyof SwirlSymbolAttributes]?: SwirlSymbol[K] } & { [K in keyof SwirlSymbol & keyof SwirlSymbolAttributes as `attr:${K}`]?: SwirlSymbolAttributes[K] } & { [K in keyof SwirlSymbol & keyof SwirlSymbolAttributes as `prop:${K}`]?: SwirlSymbol[K] } & OneOf<"glyph", SwirlSymbol["glyph"], SwirlSymbolAttributes["glyph"]>;
         "swirl-symbol-ac-unit": Omit<SwirlSymbolAcUnit, keyof SwirlSymbolAcUnitAttributes> & { [K in keyof SwirlSymbolAcUnit & keyof SwirlSymbolAcUnitAttributes]?: SwirlSymbolAcUnit[K] } & { [K in keyof SwirlSymbolAcUnit & keyof SwirlSymbolAcUnitAttributes as `attr:${K}`]?: SwirlSymbolAcUnitAttributes[K] } & { [K in keyof SwirlSymbolAcUnit & keyof SwirlSymbolAcUnitAttributes as `prop:${K}`]?: SwirlSymbolAcUnit[K] };
         "swirl-symbol-account-circle": Omit<SwirlSymbolAccountCircle, keyof SwirlSymbolAccountCircleAttributes> & { [K in keyof SwirlSymbolAccountCircle & keyof SwirlSymbolAccountCircleAttributes]?: SwirlSymbolAccountCircle[K] } & { [K in keyof SwirlSymbolAccountCircle & keyof SwirlSymbolAccountCircleAttributes as `attr:${K}`]?: SwirlSymbolAccountCircleAttributes[K] } & { [K in keyof SwirlSymbolAccountCircle & keyof SwirlSymbolAccountCircleAttributes as `prop:${K}`]?: SwirlSymbolAccountCircle[K] };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getflip/swirl-ai",
-  "version": "0.532.0",
+  "version": "0.532.1",
   "description": "Swirl Design System AI package with artifacts for AI agents",
   "author": "Flip GmbH",
   "repository": {
@@ -26,7 +26,7 @@
     "lint": "tsc --noEmit"
   },
   "devDependencies": {
-    "@getflip/swirl-components": "0.532.0",
+    "@getflip/swirl-components": "0.532.1",
     "@getflip/swirl-tokens": "2.14.3",
     "@types/node": "25.3.0",
     "tsx": "^4.7.0",