@genesislcap/foundation-ui 15.0.0-FUI-2567.2 → 15.1.0-FUI-2567.3

package/dist/custom-elements.json

@@ -956,503 +956,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/_common/affix-mixin.ts",
-      "declarations": [
-        {
-          "kind": "mixin",
-          "description": "Mixin that adds prefix/suffix affix support with screen-reader handling to an input field component.\nShared between TextField and NumberField to keep the behaviour consistent and avoid duplication.",
-          "name": "AffixMixin",
-          "members": [
-            {
-              "kind": "field",
-              "name": "prefix",
-              "type": {
-                "text": "string"
-              },
-              "description": "Optional non-editable label shown on the left inside the field, before the input."
-            },
-            {
-              "kind": "field",
-              "name": "suffix",
-              "type": {
-                "text": "string"
-              },
-              "description": "Optional non-editable suffix (e.g. unit label) shown on the right inside the field."
-            },
-            {
-              "kind": "field",
-              "name": "hideAffixFromScreenReader",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "When true, prefix/suffix are not exposed to assistive technology (`aria-hidden` on affixes,\nand their ids are omitted from the control's `aria-describedby`).\nUse only when the unit or symbol is redundant with the visible label or other text."
-            }
-          ],
-          "parameters": [
-            {
-              "name": "Base",
-              "type": {
-                "text": "TBase"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "AffixMixin",
-          "declaration": {
-            "name": "AffixMixin",
-            "module": "src/_common/affix-mixin.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/_common/base-file-component.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "Abstract base class for file handling components\nProvides common functionality for file selection, validation, and UI state management",
-          "name": "BaseFileComponent",
-          "members": [
-            {
-              "kind": "field",
-              "name": "fileInput",
-              "type": {
-                "text": "HTMLInputElement"
-              },
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "selectedFile",
-              "type": {
-                "text": "File | null"
-              },
-              "privacy": "protected",
-              "default": "null"
-            },
-            {
-              "kind": "field",
-              "name": "label",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "accept",
-              "type": {
-                "text": "string"
-              },
-              "default": "''"
-            },
-            {
-              "kind": "field",
-              "name": "fileSizeLimitBytes",
-              "default": "10_485_760",
-              "type": {
-                "text": "number"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "fileName",
-              "type": {
-                "text": "string"
-              },
-              "default": "''"
-            },
-            {
-              "kind": "field",
-              "name": "isProcessing",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "kind": "method",
-              "name": "handleClick",
-              "privacy": "public",
-              "description": "Opens the file picker dialog\nClears any previous file selection before opening"
-            },
-            {
-              "kind": "method",
-              "name": "onInputChange",
-              "privacy": "public",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Event"
-                  },
-                  "description": "The change event from the file input"
-                }
-              ],
-              "description": "Handles file selection from the file input\nValidates file size and sets up for processing"
-            },
-            {
-              "kind": "method",
-              "name": "clearSelection",
-              "privacy": "public",
-              "description": "Clears all file selection and processing state\nResets the component to its initial state"
-            },
-            {
-              "kind": "method",
-              "name": "getSelectedFile",
-              "privacy": "public",
-              "description": "Gets the currently selected file object",
-              "return": {
-                "type": {
-                  "text": ""
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "showError",
-              "privacy": "protected",
-              "parameters": [
-                {
-                  "name": "title",
-                  "type": {
-                    "text": "string"
-                  },
-                  "description": "The error title"
-                },
-                {
-                  "name": "message",
-                  "type": {
-                    "text": "string"
-                  },
-                  "description": "The error message"
-                }
-              ],
-              "description": "Shows an error notification using the unified error handling system"
-            },
-            {
-              "kind": "method",
-              "name": "onFileSelected",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "files",
-                  "type": {
-                    "text": "File[]"
-                  },
-                  "description": "The selected file"
-                }
-              ],
-              "description": "Abstract method called when a file is selected"
-            },
-            {
-              "kind": "method",
-              "name": "onFileCleared",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "description": "Abstract method called when file selection is cleared"
-            },
-            {
-              "kind": "field",
-              "name": "_presentation",
-              "type": {
-                "text": "ComponentPresentation | null | undefined"
-              },
-              "privacy": "private",
-              "default": "void 0",
-              "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "$presentation",
-              "type": {
-                "text": "ComponentPresentation | null"
-              },
-              "privacy": "public",
-              "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
-              "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "template",
-              "type": {
-                "text": "ElementViewTemplate | void | null"
-              },
-              "privacy": "public",
-              "description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
-              "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "templateChanged",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "styles",
-              "type": {
-                "text": "ElementStyles | void | null"
-              },
-              "privacy": "public",
-              "description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
-              "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "stylesChanged",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "compose",
-              "privacy": "public",
-              "static": true,
-              "return": {
-                "type": {
-                  "text": "(\n        overrideDefinition?: OverrideFoundationElementDefinition<T>\n    ) => FoundationElementRegistry<T, K>"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "this",
-                  "type": {
-                    "text": "K"
-                  }
-                },
-                {
-                  "name": "elementDefinition",
-                  "type": {
-                    "text": "T"
-                  },
-                  "description": "The definition of the element to create the registry\nfunction for."
-                }
-              ],
-              "description": "Defines an element registry function with a set of element definition defaults.",
-              "inheritedFrom": {
-                "name": "FoundationElement",
-                "module": "src/foundation-element/foundation-element.ts"
-              }
-            }
-          ],
-          "events": [
-            {
-              "description": "Fired when file size validation fails. detail: `Error`",
-              "name": "error"
-            },
-            {
-              "description": "Fired when selection is cleared",
-              "name": "clear"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "label"
-            },
-            {
-              "name": "accept",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "fieldName": "accept"
-            },
-            {
-              "name": "file-size-limit-bytes",
-              "default": "DEFAULT_FILE_SIZE_LIMIT",
-              "resolveInitializer": {
-                "module": "src/_common/base-file-component.ts"
-              },
-              "fieldName": "fileSizeLimitBytes"
-            }
-          ],
-          "superclass": {
-            "name": "FoundationElement",
-            "package": "@microsoft/fast-foundation"
-          }
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "BaseFileComponent",
-          "declaration": {
-            "name": "BaseFileComponent",
-            "module": "src/_common/base-file-component.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/_common/field-styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "sharedFieldStyles",
-          "default": "css`\n  .label-hidden {\n    margin: 0;\n  }\n\n  .control-field {\n    display: flex;\n    flex: 1 1 0%;\n    min-width: 0;\n    align-self: stretch;\n    align-items: stretch;\n  }\n\n  .control-field .control {\n    flex: 1 1 auto;\n    min-width: 0;\n    width: auto;\n  }\n\n  .prefix,\n  .suffix {\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n    box-sizing: border-box;\n    padding: 0 calc(var(--design-unit) * 2px);\n    user-select: none;\n    white-space: nowrap;\n    background-color: var(--neutral-fill-rest);\n    color: var(--neutral-foreground-hint);\n    font-size: var(--type-ramp-base-font-size);\n    font-family: inherit;\n    line-height: 1;\n  }\n\n  .prefix {\n    border-right: 1px solid var(--neutral-stroke-divider-rest);\n    border-radius: calc(var(--control-corner-radius) * 1px) 0 0\n      calc(var(--control-corner-radius) * 1px);\n  }\n\n  .suffix {\n    border-left: 1px solid var(--neutral-stroke-divider-rest);\n    border-radius: 0 calc(var(--control-corner-radius) * 1px)\n      calc(var(--control-corner-radius) * 1px) 0;\n  }\n\n  :host(.has-prefix:not(.has-suffix)) .control-field .control {\n    border-radius: 0 calc(var(--control-corner-radius) * 1px)\n      calc(var(--control-corner-radius) * 1px) 0;\n  }\n\n  :host(.has-suffix:not(.has-prefix)) .control-field .control {\n    border-radius: calc(var(--control-corner-radius) * 1px) 0 0\n      calc(var(--control-corner-radius) * 1px);\n  }\n\n  :host(.has-prefix.has-suffix) .control-field .control {\n    border-radius: 0;\n  }\n`"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "sharedFieldStyles",
-          "declaration": {
-            "name": "sharedFieldStyles",
-            "module": "src/_common/field-styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/_common/icons.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "closeIcon",
-          "parameters": [
-            {
-              "name": "slot",
-              "default": "'start'"
-            },
-            {
-              "name": "fill",
-              "default": "'#879ba6'"
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "closeIcon",
-          "declaration": {
-            "name": "closeIcon",
-            "module": "src/_common/icons.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/_common/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./affix-mixin"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./base-file-component"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./field-styles"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./icons"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/_config/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./styles"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./tokens"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./values"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/accordion-item/accordion-item.styles.ts",
@@ -3464,6 +2967,503 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/_common/affix-mixin.ts",
+      "declarations": [
+        {
+          "kind": "mixin",
+          "description": "Mixin that adds prefix/suffix affix support with screen-reader handling to an input field component.\nShared between TextField and NumberField to keep the behaviour consistent and avoid duplication.",
+          "name": "AffixMixin",
+          "members": [
+            {
+              "kind": "field",
+              "name": "prefix",
+              "type": {
+                "text": "string"
+              },
+              "description": "Optional non-editable label shown on the left inside the field, before the input."
+            },
+            {
+              "kind": "field",
+              "name": "suffix",
+              "type": {
+                "text": "string"
+              },
+              "description": "Optional non-editable suffix (e.g. unit label) shown on the right inside the field."
+            },
+            {
+              "kind": "field",
+              "name": "hideAffixFromScreenReader",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When true, prefix/suffix are not exposed to assistive technology (`aria-hidden` on affixes,\nand their ids are omitted from the control's `aria-describedby`).\nUse only when the unit or symbol is redundant with the visible label or other text."
+            }
+          ],
+          "parameters": [
+            {
+              "name": "Base",
+              "type": {
+                "text": "TBase"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "AffixMixin",
+          "declaration": {
+            "name": "AffixMixin",
+            "module": "src/_common/affix-mixin.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/_common/base-file-component.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Abstract base class for file handling components\nProvides common functionality for file selection, validation, and UI state management",
+          "name": "BaseFileComponent",
+          "members": [
+            {
+              "kind": "field",
+              "name": "fileInput",
+              "type": {
+                "text": "HTMLInputElement"
+              },
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "selectedFile",
+              "type": {
+                "text": "File | null"
+              },
+              "privacy": "protected",
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "accept",
+              "type": {
+                "text": "string"
+              },
+              "default": "''"
+            },
+            {
+              "kind": "field",
+              "name": "fileSizeLimitBytes",
+              "default": "10_485_760",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "fileName",
+              "type": {
+                "text": "string"
+              },
+              "default": "''"
+            },
+            {
+              "kind": "field",
+              "name": "isProcessing",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "method",
+              "name": "handleClick",
+              "privacy": "public",
+              "description": "Opens the file picker dialog\nClears any previous file selection before opening"
+            },
+            {
+              "kind": "method",
+              "name": "onInputChange",
+              "privacy": "public",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  },
+                  "description": "The change event from the file input"
+                }
+              ],
+              "description": "Handles file selection from the file input\nValidates file size and sets up for processing"
+            },
+            {
+              "kind": "method",
+              "name": "clearSelection",
+              "privacy": "public",
+              "description": "Clears all file selection and processing state\nResets the component to its initial state"
+            },
+            {
+              "kind": "method",
+              "name": "getSelectedFile",
+              "privacy": "public",
+              "description": "Gets the currently selected file object",
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "showError",
+              "privacy": "protected",
+              "parameters": [
+                {
+                  "name": "title",
+                  "type": {
+                    "text": "string"
+                  },
+                  "description": "The error title"
+                },
+                {
+                  "name": "message",
+                  "type": {
+                    "text": "string"
+                  },
+                  "description": "The error message"
+                }
+              ],
+              "description": "Shows an error notification using the unified error handling system"
+            },
+            {
+              "kind": "method",
+              "name": "onFileSelected",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "files",
+                  "type": {
+                    "text": "File[]"
+                  },
+                  "description": "The selected file"
+                }
+              ],
+              "description": "Abstract method called when a file is selected"
+            },
+            {
+              "kind": "method",
+              "name": "onFileCleared",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Abstract method called when file selection is cleared"
+            },
+            {
+              "kind": "field",
+              "name": "_presentation",
+              "type": {
+                "text": "ComponentPresentation | null | undefined"
+              },
+              "privacy": "private",
+              "default": "void 0",
+              "inheritedFrom": {
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "$presentation",
+              "type": {
+                "text": "ComponentPresentation | null"
+              },
+              "privacy": "public",
+              "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
+              "inheritedFrom": {
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "template",
+              "type": {
+                "text": "ElementViewTemplate | void | null"
+              },
+              "privacy": "public",
+              "description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
+              "inheritedFrom": {
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "templateChanged",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "styles",
+              "type": {
+                "text": "ElementStyles | void | null"
+              },
+              "privacy": "public",
+              "description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
+              "inheritedFrom": {
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "stylesChanged",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "compose",
+              "privacy": "public",
+              "static": true,
+              "return": {
+                "type": {
+                  "text": "(\n        overrideDefinition?: OverrideFoundationElementDefinition<T>\n    ) => FoundationElementRegistry<T, K>"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "this",
+                  "type": {
+                    "text": "K"
+                  }
+                },
+                {
+                  "name": "elementDefinition",
+                  "type": {
+                    "text": "T"
+                  },
+                  "description": "The definition of the element to create the registry\nfunction for."
+                }
+              ],
+              "description": "Defines an element registry function with a set of element definition defaults.",
+              "inheritedFrom": {
+                "name": "FoundationElement",
+                "module": "src/foundation-element/foundation-element.ts"
+              }
+            }
+          ],
+          "events": [
+            {
+              "description": "Fired when file size validation fails. detail: `Error`",
+              "name": "error"
+            },
+            {
+              "description": "Fired when selection is cleared",
+              "name": "clear"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "label"
+            },
+            {
+              "name": "accept",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "accept"
+            },
+            {
+              "name": "file-size-limit-bytes",
+              "default": "DEFAULT_FILE_SIZE_LIMIT",
+              "resolveInitializer": {
+                "module": "src/_common/base-file-component.ts"
+              },
+              "fieldName": "fileSizeLimitBytes"
+            }
+          ],
+          "superclass": {
+            "name": "FoundationElement",
+            "package": "@microsoft/fast-foundation"
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "BaseFileComponent",
+          "declaration": {
+            "name": "BaseFileComponent",
+            "module": "src/_common/base-file-component.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/_common/field-styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "sharedFieldStyles",
+          "default": "css`\n  .label-hidden {\n    margin: 0;\n  }\n\n  .control-field {\n    display: flex;\n    flex: 1 1 0%;\n    min-width: 0;\n    align-self: stretch;\n    align-items: stretch;\n  }\n\n  .control-field .control {\n    flex: 1 1 auto;\n    min-width: 0;\n    width: auto;\n  }\n\n  .prefix,\n  .suffix {\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n    box-sizing: border-box;\n    padding: 0 calc(var(--design-unit) * 2px);\n    user-select: none;\n    white-space: nowrap;\n    background-color: var(--neutral-fill-rest);\n    color: var(--neutral-foreground-hint);\n    font-size: var(--type-ramp-base-font-size);\n    font-family: inherit;\n    line-height: 1;\n  }\n\n  .prefix {\n    border-right: 1px solid var(--neutral-stroke-divider-rest);\n    border-radius: calc(var(--control-corner-radius) * 1px) 0 0\n      calc(var(--control-corner-radius) * 1px);\n  }\n\n  .suffix {\n    border-left: 1px solid var(--neutral-stroke-divider-rest);\n    border-radius: 0 calc(var(--control-corner-radius) * 1px)\n      calc(var(--control-corner-radius) * 1px) 0;\n  }\n\n  :host(.has-prefix:not(.has-suffix)) .control-field .control {\n    border-radius: 0 calc(var(--control-corner-radius) * 1px)\n      calc(var(--control-corner-radius) * 1px) 0;\n  }\n\n  :host(.has-suffix:not(.has-prefix)) .control-field .control {\n    border-radius: calc(var(--control-corner-radius) * 1px) 0 0\n      calc(var(--control-corner-radius) * 1px);\n  }\n\n  :host(.has-prefix.has-suffix) .control-field .control {\n    border-radius: 0;\n  }\n`"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "sharedFieldStyles",
+          "declaration": {
+            "name": "sharedFieldStyles",
+            "module": "src/_common/field-styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/_common/icons.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "closeIcon",
+          "parameters": [
+            {
+              "name": "slot",
+              "default": "'start'"
+            },
+            {
+              "name": "fill",
+              "default": "'#879ba6'"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "closeIcon",
+          "declaration": {
+            "name": "closeIcon",
+            "module": "src/_common/icons.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/_common/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./affix-mixin"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./base-file-component"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./field-styles"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./icons"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/_config/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./styles"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./tokens"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./values"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/accordion/accordion.styles.ts",
@@ -59193,7 +59193,7 @@
         {
           "kind": "variable",
           "name": "foundationVerificationCodeInputTemplate",
-          "default": "html<VerificationCodeInput>`\n  <label\n    part=\"label\"\n    id=\"${(x) => x.labelId}\"\n    for=\"${(x) => x.getControlId(0)}\"\n    class=\"${(x) =>\n      x.defaultSlottedNodes && x.defaultSlottedNodes.length ? 'label' : 'label label-hidden'}\"\n  >\n    <slot\n      ${slotted({\n        property: 'defaultSlottedNodes',\n        filter: whitespaceFilter,\n      })}\n    ></slot>\n  </label>\n  <div\n    class=\"container\"\n    role=\"group\"\n    aria-labelledby=\"${(x) => (x.hasLabel ? x.labelId : void 0)}\"\n    aria-label=\"${(x) => (x.hasLabel ? void 0 : 'Verification code')}\"\n  >\n    ${repeat(\n      (x) => x.digitsIndexes,\n      html`\n        <div\n          class=\"digit ${(x, c) => (c.parent as VerificationCodeInput).digitClassnames}\"\n          data-digit-index=\"${(x) => x}\"\n          appearance=\"${(x, c) => (c.parent as VerificationCodeInput).appearance}\"\n        >\n          <div class=\"root\" part=\"root\">\n            <div class=\"control-field\">\n              <input\n                class=\"control\"\n                part=\"control\"\n                type=\"text\"\n                inputmode=\"numeric\"\n                pattern=\"[0-9]*\"\n                name=\"${(x, c) => (c.parent as VerificationCodeInput).getControlId(x)}\"\n                id=\"${(x, c) => (c.parent as VerificationCodeInput).getControlId(x)}\"\n                autocomplete=\"${(x) => (x === 0 ? 'one-time-code' : 'off')}\"\n                data-test-id=\"${(x, c) => (c.parent as VerificationCodeInput).getControlId(x)}\"\n                title=\"Only numbers are allowed\"\n                maxlength=\"1\"\n                ?autofocus=\"${(x, c) => (c.parent as VerificationCodeInput).autofocus && x === 0}\"\n                ?readonly=\"${(x, c) => (c.parent as VerificationCodeInput).readOnly}\"\n                ?disabled=\"${(x, c) =>\n                  (c.parent as VerificationCodeInput).disabled ||\n                  (c.parent as VerificationCodeInput).readOnly}\"\n                ?aria-required=\"${(x, c) => (c.parent as VerificationCodeInput).required}\"\n                ?aria-invalid=\"${(x, c) => (c.parent as VerificationCodeInput).error}\"\n              />\n            </div>\n          </div>\n        </div>\n      `,\n    )}\n  </div>\n`"
+          "default": "html<VerificationCodeInput>`\n  <label\n    part=\"label\"\n    id=\"${(x) => x.labelId}\"\n    for=\"${(x) => x.getControlId(0)}\"\n    class=\"${(x) =>\n      x.defaultSlottedNodes && x.defaultSlottedNodes.length ? 'label' : 'label label-hidden'}\"\n  >\n    <slot\n      ${slotted({\n        property: 'defaultSlottedNodes',\n        filter: whitespaceFilter,\n      })}\n    ></slot>\n  </label>\n  <div\n    class=\"container\"\n    role=\"group\"\n    aria-labelledby=\"${(x) => (x.hasLabel ? x.labelId : void 0)}\"\n    aria-label=\"${(x) => (x.hasLabel ? void 0 : 'Verification code')}\"\n  >\n    ${repeat(\n      (x) => x.digitsIndexes,\n      html`\n        <div\n          class=\"digit ${(x, c) => (c.parent as VerificationCodeInput).digitClassnames}\"\n          data-digit-index=\"${(x) => x}\"\n          appearance=\"${(x, c) => (c.parent as VerificationCodeInput).appearance}\"\n        >\n          <div class=\"root\" part=\"root\">\n            <div class=\"control-field\">\n              <input\n                class=\"control\"\n                part=\"control\"\n                type=\"text\"\n                inputmode=\"numeric\"\n                pattern=\"[0-9]*\"\n                name=\"${(x, c) => (c.parent as VerificationCodeInput).getControlId(x)}\"\n                id=\"${(x, c) => (c.parent as VerificationCodeInput).getControlId(x)}\"\n                autocomplete=\"${(x) => (x === 0 ? 'one-time-code' : 'off')}\"\n                data-test-id=\"${(x, c) => (c.parent as VerificationCodeInput).getControlId(x)}\"\n                title=\"Only numbers are allowed\"\n                maxlength=\"1\"\n                ?autofocus=\"${(x, c) => (c.parent as VerificationCodeInput).autofocus && x === 0}\"\n                ?readonly=\"${(x, c) => (c.parent as VerificationCodeInput).readOnly}\"\n                ?disabled=\"${(x, c) =>\n                  (c.parent as VerificationCodeInput).disabled ||\n                  (c.parent as VerificationCodeInput).readOnly}\"\n                aria-required=\"${(x, c) => (c.parent as VerificationCodeInput).required}\"\n                aria-invalid=\"${(x, c) => (c.parent as VerificationCodeInput).error}\"\n              />\n            </div>\n          </div>\n        </div>\n      `,\n    )}\n  </div>\n`"
         }
       ],
       "exports": [
@@ -59304,16 +59304,6 @@
               "description": "When true, digit fields are non-interactive.",
               "privacy": "public"
             },
-            {
-              "kind": "field",
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "When true, digit fields are non-interactive.",
-              "privacy": "public"
-            },
             {
               "kind": "field",
               "name": "autofocus",
@@ -59795,11 +59785,11 @@
           ],
           "events": [
             {
-              "description": "Fired when any digit changes. Detail: `{ value: string }`.",
+              "description": "Fired when any digit changes. detail: `VerificationCodeInputEventDetail`",
               "name": "change"
             },
             {
-              "description": "Fired when all digits are filled. Detail: `{ value: string }`.",
+              "description": "Fired when all digits are filled. detail: `VerificationCodeInputEventDetail`",
               "name": "complete"
             }
           ],
@@ -59842,14 +59832,6 @@
               "description": "When true, digit fields are non-interactive.",
               "fieldName": "readOnly"
             },
-            {
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "When true, digit fields are non-interactive.",
-              "fieldName": "disabled"
-            },
             {
               "type": {
                 "text": "boolean"
@@ -59922,6 +59904,197 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/ai-criteria-search/validation/criteria-ir.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/ai-criteria-search/validation/operator-map.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "groupsToCriteria",
+          "return": {
+            "type": {
+              "text": "string"
+            }
+          },
+          "parameters": [
+            {
+              "name": "groups",
+              "type": {
+                "text": "CriteriaGroup[]"
+              }
+            }
+          ],
+          "description": "Converts validated CriteriaGroup[] to a Groovy criteria string using CriteriaBuilder.\nGroups are AND-ed at top level. Within each group, clauses use group.logic (and/or).\nIf group.negated is true, the group's combined expression is wrapped in NOT."
+        },
+        {
+          "kind": "variable",
+          "name": "STRING_OPERATORS",
+          "type": {
+            "text": "CriteriaOperator[]"
+          },
+          "default": "[\n  'contains',\n  'equals',\n  'startsWith',\n  'endsWith',\n  'notEqual',\n]"
+        },
+        {
+          "kind": "variable",
+          "name": "NUMERIC_OPERATORS",
+          "type": {
+            "text": "CriteriaOperator[]"
+          },
+          "default": "[\n  'equals',\n  'greaterThan',\n  'lessThan',\n  'greaterThanOrEqual',\n  'lessThanOrEqual',\n  'notEqual',\n]"
+        },
+        {
+          "kind": "variable",
+          "name": "DATE_OPERATORS",
+          "type": {
+            "text": "CriteriaOperator[]"
+          },
+          "default": "[\n  'dateIsToday',\n  'dateIsAfter',\n  'dateIsBefore',\n  'dateIsEqual',\n  'dateIsGreaterEqual',\n  'dateIsLessEqual',\n]"
+        },
+        {
+          "kind": "variable",
+          "name": "DATETIME_OPERATORS",
+          "type": {
+            "text": "CriteriaOperator[]"
+          },
+          "default": "[\n  'dateTimeIsAfter',\n  'dateTimeIsBefore',\n  'dateTimeIsGreaterEqual',\n  'dateTimeIsLessEqual',\n]"
+        },
+        {
+          "kind": "variable",
+          "name": "OPERATOR_DISPLAY_LABEL",
+          "type": {
+            "text": "Record<CriteriaOperator, string>"
+          },
+          "default": "{\n  contains: 'contains',\n  equals: '=',\n  startsWith: 'starts with',\n  endsWith: 'ends with',\n  notEqual: '≠',\n  greaterThan: '>',\n  lessThan: '<',\n  greaterThanOrEqual: '≥',\n  lessThanOrEqual: '≤',\n  dateIsToday: 'is today',\n  dateIsAfter: 'after',\n  dateIsBefore: 'before',\n  dateIsEqual: '=',\n  dateIsGreaterEqual: '≥',\n  dateIsLessEqual: '≤',\n  dateTimeIsAfter: 'after',\n  dateTimeIsBefore: 'before',\n  dateTimeIsGreaterEqual: '≥',\n  dateTimeIsLessEqual: '≤',\n}"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "groupsToCriteria",
+          "declaration": {
+            "name": "groupsToCriteria",
+            "module": "src/ai-criteria-search/validation/operator-map.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "STRING_OPERATORS",
+          "declaration": {
+            "name": "STRING_OPERATORS",
+            "module": "src/ai-criteria-search/validation/operator-map.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "NUMERIC_OPERATORS",
+          "declaration": {
+            "name": "NUMERIC_OPERATORS",
+            "module": "src/ai-criteria-search/validation/operator-map.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "DATE_OPERATORS",
+          "declaration": {
+            "name": "DATE_OPERATORS",
+            "module": "src/ai-criteria-search/validation/operator-map.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "DATETIME_OPERATORS",
+          "declaration": {
+            "name": "DATETIME_OPERATORS",
+            "module": "src/ai-criteria-search/validation/operator-map.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "OPERATOR_DISPLAY_LABEL",
+          "declaration": {
+            "name": "OPERATOR_DISPLAY_LABEL",
+            "module": "src/ai-criteria-search/validation/operator-map.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/ai-criteria-search/validation/schema-validator.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "validateClauses",
+          "return": {
+            "type": {
+              "text": "ValidationResult"
+            }
+          },
+          "parameters": [
+            {
+              "name": "clauses",
+              "type": {
+                "text": "CriteriaClause[]"
+              }
+            },
+            {
+              "name": "fieldMetadata",
+              "type": {
+                "text": "MetadataDetail[] | string[]"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "validateGroups",
+          "return": {
+            "type": {
+              "text": "GroupsValidationResult"
+            }
+          },
+          "parameters": [
+            {
+              "name": "groups",
+              "type": {
+                "text": "CriteriaGroup[]"
+              }
+            },
+            {
+              "name": "fieldMetadata",
+              "type": {
+                "text": "MetadataDetail[] | string[]"
+              }
+            }
+          ],
+          "description": "Validates groups of criteria clauses. Each group's clauses are validated\nusing the same per-clause logic as validateClauses."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "validateClauses",
+          "declaration": {
+            "name": "validateClauses",
+            "module": "src/ai-criteria-search/validation/schema-validator.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "validateGroups",
+          "declaration": {
+            "name": "validateGroups",
+            "module": "src/ai-criteria-search/validation/schema-validator.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/_config/styles/colors.ts",
@@ -61294,197 +61467,6 @@
       "declarations": [],
       "exports": []
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/ai-criteria-search/validation/criteria-ir.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/ai-criteria-search/validation/operator-map.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "groupsToCriteria",
-          "return": {
-            "type": {
-              "text": "string"
-            }
-          },
-          "parameters": [
-            {
-              "name": "groups",
-              "type": {
-                "text": "CriteriaGroup[]"
-              }
-            }
-          ],
-          "description": "Converts validated CriteriaGroup[] to a Groovy criteria string using CriteriaBuilder.\nGroups are AND-ed at top level. Within each group, clauses use group.logic (and/or).\nIf group.negated is true, the group's combined expression is wrapped in NOT."
-        },
-        {
-          "kind": "variable",
-          "name": "STRING_OPERATORS",
-          "type": {
-            "text": "CriteriaOperator[]"
-          },
-          "default": "[\n  'contains',\n  'equals',\n  'startsWith',\n  'endsWith',\n  'notEqual',\n]"
-        },
-        {
-          "kind": "variable",
-          "name": "NUMERIC_OPERATORS",
-          "type": {
-            "text": "CriteriaOperator[]"
-          },
-          "default": "[\n  'equals',\n  'greaterThan',\n  'lessThan',\n  'greaterThanOrEqual',\n  'lessThanOrEqual',\n  'notEqual',\n]"
-        },
-        {
-          "kind": "variable",
-          "name": "DATE_OPERATORS",
-          "type": {
-            "text": "CriteriaOperator[]"
-          },
-          "default": "[\n  'dateIsToday',\n  'dateIsAfter',\n  'dateIsBefore',\n  'dateIsEqual',\n  'dateIsGreaterEqual',\n  'dateIsLessEqual',\n]"
-        },
-        {
-          "kind": "variable",
-          "name": "DATETIME_OPERATORS",
-          "type": {
-            "text": "CriteriaOperator[]"
-          },
-          "default": "[\n  'dateTimeIsAfter',\n  'dateTimeIsBefore',\n  'dateTimeIsGreaterEqual',\n  'dateTimeIsLessEqual',\n]"
-        },
-        {
-          "kind": "variable",
-          "name": "OPERATOR_DISPLAY_LABEL",
-          "type": {
-            "text": "Record<CriteriaOperator, string>"
-          },
-          "default": "{\n  contains: 'contains',\n  equals: '=',\n  startsWith: 'starts with',\n  endsWith: 'ends with',\n  notEqual: '≠',\n  greaterThan: '>',\n  lessThan: '<',\n  greaterThanOrEqual: '≥',\n  lessThanOrEqual: '≤',\n  dateIsToday: 'is today',\n  dateIsAfter: 'after',\n  dateIsBefore: 'before',\n  dateIsEqual: '=',\n  dateIsGreaterEqual: '≥',\n  dateIsLessEqual: '≤',\n  dateTimeIsAfter: 'after',\n  dateTimeIsBefore: 'before',\n  dateTimeIsGreaterEqual: '≥',\n  dateTimeIsLessEqual: '≤',\n}"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "groupsToCriteria",
-          "declaration": {
-            "name": "groupsToCriteria",
-            "module": "src/ai-criteria-search/validation/operator-map.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "STRING_OPERATORS",
-          "declaration": {
-            "name": "STRING_OPERATORS",
-            "module": "src/ai-criteria-search/validation/operator-map.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "NUMERIC_OPERATORS",
-          "declaration": {
-            "name": "NUMERIC_OPERATORS",
-            "module": "src/ai-criteria-search/validation/operator-map.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "DATE_OPERATORS",
-          "declaration": {
-            "name": "DATE_OPERATORS",
-            "module": "src/ai-criteria-search/validation/operator-map.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "DATETIME_OPERATORS",
-          "declaration": {
-            "name": "DATETIME_OPERATORS",
-            "module": "src/ai-criteria-search/validation/operator-map.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "OPERATOR_DISPLAY_LABEL",
-          "declaration": {
-            "name": "OPERATOR_DISPLAY_LABEL",
-            "module": "src/ai-criteria-search/validation/operator-map.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/ai-criteria-search/validation/schema-validator.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "validateClauses",
-          "return": {
-            "type": {
-              "text": "ValidationResult"
-            }
-          },
-          "parameters": [
-            {
-              "name": "clauses",
-              "type": {
-                "text": "CriteriaClause[]"
-              }
-            },
-            {
-              "name": "fieldMetadata",
-              "type": {
-                "text": "MetadataDetail[] | string[]"
-              }
-            }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "validateGroups",
-          "return": {
-            "type": {
-              "text": "GroupsValidationResult"
-            }
-          },
-          "parameters": [
-            {
-              "name": "groups",
-              "type": {
-                "text": "CriteriaGroup[]"
-              }
-            },
-            {
-              "name": "fieldMetadata",
-              "type": {
-                "text": "MetadataDetail[] | string[]"
-              }
-            }
-          ],
-          "description": "Validates groups of criteria clauses. Each group's clauses are validated\nusing the same per-clause logic as validateClauses."
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "validateClauses",
-          "declaration": {
-            "name": "validateClauses",
-            "module": "src/ai-criteria-search/validation/schema-validator.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "validateGroups",
-          "declaration": {
-            "name": "validateGroups",
-            "module": "src/ai-criteria-search/validation/schema-validator.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/environment-indicator/utils/configure.ts",