@hashicorp/design-system-components 6.2.0 → 6.3.0-rc-20260514101332

package/dist/components/hds/form/error/message.js.map

@@ -1 +1 @@
-{"version":3,"file":"message.js","sources":["../../../../../src/components/hds/form/error/message.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nimport HdsTextBody from '../../text/body.gts';\n\nimport type { HdsTextBodySignature } from '../../text/body.gts';\n\nexport interface HdsFormErrorMessageSignature {\n  Blocks: {\n    default: [];\n  };\n  Element: HdsTextBodySignature['Element'];\n}\n\nconst HdsFormErrorMessage: TemplateOnlyComponent<HdsFormErrorMessageSignature> =\n  <template>\n    <HdsTextBody\n      class=\"hds-form-error__message\"\n      @tag=\"p\"\n      @size=\"100\"\n      @weight=\"medium\"\n      ...attributes\n    >\n      {{yield}}\n    </HdsTextBody>\n  </template>;\n\nexport default HdsFormErrorMessage;\n"],"names":["HdsFormErrorMessage","setComponentTemplate","precompileTemplate","strictMode","scope","HdsTextBody","templateOnly"],"mappings":";;;;;AAAA;;;AAGC;;AAeD,MAAMA,mBAA2C,GAAAC,oBAAA,CAC/CC,kBAAA,CAAA,wIAAA,EAUA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"message.js","sources":["../../../../../src/components/hds/form/error/message.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nimport HdsTextBody from '../../text/body.gts';\n\nimport type { HdsTextBodySignature } from '../../text/body.gts';\n\nexport interface HdsFormErrorMessageSignature {\n  Blocks: {\n    default: [];\n  };\n  Element: HdsTextBodySignature['Element'];\n}\n\nconst HdsFormErrorMessage: TemplateOnlyComponent<HdsFormErrorMessageSignature> =\n  <template>\n    <HdsTextBody\n      class=\"hds-form-error__message\"\n      @tag=\"p\"\n      @size=\"100\"\n      @weight=\"medium\"\n      ...attributes\n    >\n      {{yield}}\n    </HdsTextBody>\n  </template>;\n\nexport default HdsFormErrorMessage;\n"],"names":["HdsFormErrorMessage","setComponentTemplate","precompileTemplate","strictMode","scope","HdsTextBody","templateOnly"],"mappings":";;;;;AAAA;;;AAGC;;AAeD,MAAMA,mBAA2C,GAAAC,oBAAA,CAC/CC,kBAAA,CAAA,wIAAA,EAUA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/hds/form/field/index.js

@@ -15,7 +15,7 @@ import { setComponentTemplate } from '@ember/component';
 import { c } from 'decorator-transforms/runtime';
 
 /**
- * Copyright IBM Corp. 2021, 2025
+ * Copyright IBM Corp. 2021, 2026
  * SPDX-License-Identifier: MPL-2.0
  */
 const LAYOUT_TYPES = Object.values(HdsFormFieldLayoutValues);

package/dist/components/hds/form/field/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/hds/form/field/index.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\nimport { hash } from '@ember/helper';\nimport { eq } from 'ember-truth-helpers';\n\nimport type { WithBoundArgs } from '@glint/template';\n\nimport { getElementId } from '../../../../utils/hds-get-element-id.ts';\nimport {\n  ariaDescribedBy,\n  registerAriaDescriptionElement,\n  unregisterAriaDescriptionElement,\n} from '../../../../utils/hds-aria-described-by.ts';\nimport { HdsFormFieldLayoutValues } from './types.ts';\nimport HdsFormLabel from '../label/index.gts';\nimport HdsFormHelperText from '../helper-text/index.gts';\nimport HdsFormCharacterCount from '../character-count/index.gts';\nimport HdsFormError from '../error/index.gts';\nimport HdsYield from '../../yield/index.gts';\n\nimport type { HdsFormFieldLayouts } from './types.ts';\nimport type { AriaDescribedByComponent } from '../../../../utils/hds-aria-described-by.ts';\n\nexport const LAYOUT_TYPES = Object.values(HdsFormFieldLayoutValues);\n\nexport interface HdsFormFieldSignature {\n  Args: {\n    id?: string;\n    extraAriaDescribedBy?: string;\n    contextualClass?: string;\n    isOptional?: boolean;\n    isRequired?: boolean;\n    layout?: HdsFormFieldLayouts;\n  };\n  Blocks: {\n    default: [\n      {\n        Label?: WithBoundArgs<\n          typeof HdsFormLabel,\n          'contextualClass' | 'controlId' | 'isRequired' | 'isOptional'\n        >;\n        HelperText?: WithBoundArgs<\n          typeof HdsFormHelperText,\n          'contextualClass' | 'controlId' | 'onInsert'\n        >;\n        Control?: typeof HdsYield;\n        CharacterCount?: WithBoundArgs<\n          typeof HdsFormCharacterCount,\n          'contextualClass' | 'controlId' | 'onInsert'\n        >;\n        Error?: WithBoundArgs<\n          typeof HdsFormError,\n          'contextualClass' | 'controlId' | 'onInsert' | 'onRemove'\n        >;\n        id?: string;\n        ariaDescribedBy?: string;\n      },\n    ];\n  };\n  Element: HTMLElement;\n}\n\n// @ts-expect-error: decorator function return type 'ClassOf<AriaDescribedBy>' is not assignable to 'typeof HdsFormField'\n@ariaDescribedBy\nexport default class HdsFormField extends Component<HdsFormFieldSignature> {\n  get layout(): HdsFormFieldLayouts | undefined {\n    const { layout } = this.args;\n\n    assert(\n      `@layout for \"Hds::Form::Field\" must be one of the following: ${LAYOUT_TYPES.join(\n        ', '\n      )}; received: ${layout}`,\n      LAYOUT_TYPES.includes(layout as HdsFormFieldLayoutValues)\n    );\n\n    return layout;\n  }\n\n  get id(): string {\n    return getElementId(this);\n  }\n\n  get isRequired(): boolean {\n    return this.args.isRequired || false;\n  }\n\n  get isOptional(): boolean {\n    return this.args.isOptional || false;\n  }\n\n  get classNames(): string {\n    const classes: string[] = [];\n\n    if (this.args.layout) {\n      classes.push(`hds-form-field--layout-${this.layout}`);\n    }\n\n    // add a class based on the @contextualClass argument\n    // notice: this will *not* be documented for public use\n    if (this.args.contextualClass) {\n      classes.push(this.args.contextualClass);\n    }\n\n    return classes.join(' ');\n  }\n\n  appendDescriptor = (element: HTMLElement): void => {\n    registerAriaDescriptionElement(this as AriaDescribedByComponent, element);\n  };\n\n  removeDescriptor = (element: HTMLElement): void => {\n    unregisterAriaDescriptionElement(this as AriaDescribedByComponent, element);\n  };\n\n  <template>\n    <div class={{this.classNames}} ...attributes>\n      {{yield\n        (hash\n          Label=(component\n            HdsFormLabel\n            controlId=this.id\n            isRequired=this.isRequired\n            isOptional=this.isOptional\n            contextualClass=\"hds-form-field__label\"\n          )\n        )\n      }}\n      {{#unless (eq @layout \"flag\")}}\n        {{yield\n          (hash\n            HelperText=(component\n              HdsFormHelperText\n              controlId=this.id\n              onInsert=this.appendDescriptor\n              contextualClass=\"hds-form-field__helper-text\"\n            )\n          )\n        }}\n      {{/unless}}\n      {{! @glint-expect-error }}\n      {{#let this.ariaDescribedBy as |ariaDescribedBy|}}\n        <div class=\"hds-form-field__control\">\n          {{yield\n            (hash Control=HdsYield id=this.id ariaDescribedBy=ariaDescribedBy)\n          }}\n        </div>\n      {{/let}}\n      {{#if (eq @layout \"flag\")}}\n        {{yield\n          (hash\n            HelperText=(component\n              HdsFormHelperText\n              controlId=this.id\n              onInsert=this.appendDescriptor\n              contextualClass=\"hds-form-field__helper-text\"\n            )\n          )\n        }}\n      {{/if}}\n      {{yield\n        (hash\n          CharacterCount=(component\n            HdsFormCharacterCount\n            controlId=this.id\n            onInsert=this.appendDescriptor\n            contextualClass=\"hds-form-field__character-count\"\n          )\n        )\n      }}\n      {{yield\n        (hash\n          Error=(component\n            HdsFormError\n            controlId=this.id\n            onInsert=this.appendDescriptor\n            onRemove=this.removeDescriptor\n            contextualClass=\"hds-form-field__error\"\n          )\n        )\n      }}\n    </div>\n  </template>\n}\n"],"names":["LAYOUT_TYPES","Object","values","HdsFormFieldLayoutValues","HdsFormField","Component","layout","args","assert","join","includes","id","getElementId","isRequired","isOptional","classNames","classes","push","contextualClass","appendDescriptor","element","registerAriaDescriptionElement","removeDescriptor","unregisterAriaDescriptionElement","setComponentTemplate","precompileTemplate","strictMode","scope","hash","HdsFormLabel","eq","HdsFormHelperText","HdsYield","HdsFormCharacterCount","HdsFormError","ariaDescribedBy"],"mappings":";;;;;;;;;;;;;;;;AAAA;;;AAGC;AAyBM,MAAMA,YAAA,GAAeC,MAAA,CAAOC,MAAM,CAACC,wBAAA;AAA0B,MAyC/CC,uBAAAA,qBAAqBC,SAAA,CAAU;EAClD,IAAIC,MAAAA,GAA0C;IAC5C,MAAM;AAAEA,MAAAA;KAAQ,GAAG,IAAI,CAACC,IAAI;AAE5BC,IAAAA,MAAA,CACE,CAAA,6DAAA,EAAgER,YAAA,CAAaS,IAAI,CAC/E,IAAA,CAAA,CAAA,YAAA,EACcH,QAAQ,EACxBN,YAAA,CAAaU,QAAQ,CAACJ,MAAU,CAAA,CAAA;AAGlC,IAAA,OAAOA,MAAA;AACT,EAAA;EAEA,IAAIK,EAAAA,GAAa;IACf,OAAOC,aAAa,IAAI,CAAA;AAC1B,EAAA;EAEA,IAAIC,UAAAA,GAAsB;AACxB,IAAA,OAAO,IAAI,CAACN,IAAI,CAACM,UAAU,IAAI,KAAA;AACjC,EAAA;EAEA,IAAIC,UAAAA,GAAsB;AACxB,IAAA,OAAO,IAAI,CAACP,IAAI,CAACO,UAAU,IAAI,KAAA;AACjC,EAAA;EAEA,IAAIC,UAAAA,GAAqB;IACvB,MAAMC,OAAe,GAAK,EAAE;AAE5B,IAAA,IAAI,IAAI,CAACT,IAAI,CAACD,MAAM,EAAE;MACpBU,OAAA,CAAQC,IAAI,CAAC,CAAA,uBAAA,EAA0B,IAAI,CAACX,MAAM,EAAE,CAAA;AACtD,IAAA;AAEA;AACA;AACA,IAAA,IAAI,IAAI,CAACC,IAAI,CAACW,eAAe,EAAE;MAC7BF,OAAA,CAAQC,IAAI,CAAC,IAAI,CAACV,IAAI,CAACW,eAAe,CAAA;AACxC,IAAA;AAEA,IAAA,OAAOF,OAAA,CAAQP,IAAI,CAAC,GAAA,CAAA;AACtB,EAAA;EAEAU,gBAAA,GAAoBC,OAAS,IAAkB;AAC7CC,IAAAA,8BAAA,CAA+B,IAAI,EAA8BD,OAAA,CAAA;EACnE,CAAA;EAEAE,gBAAA,GAAoBF,OAAS,IAAkB;AAC7CG,IAAAA,gCAAA,CAAiC,IAAI,EAA8BH,OAAA,CAAA;EACrE,CAAA;AAEA,EAAA;IAAAI,oBAAA,CAAAC,kBAAA,CAAA,osCAAA,EAmEA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,IAAA;QAAAC,YAAA;QAAAC,EAAA;QAAAC,iBAAA;QAAAC,QAAA;QAAAC,qBAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ,CAAA,GAvHCC,eAAA,CAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/hds/form/field/index.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\nimport { hash } from '@ember/helper';\nimport { eq } from 'ember-truth-helpers';\n\nimport type { WithBoundArgs } from '@glint/template';\n\nimport { getElementId } from '../../../../utils/hds-get-element-id.ts';\nimport {\n  ariaDescribedBy,\n  registerAriaDescriptionElement,\n  unregisterAriaDescriptionElement,\n} from '../../../../utils/hds-aria-described-by.ts';\nimport { HdsFormFieldLayoutValues } from './types.ts';\nimport HdsFormLabel from '../label/index.gts';\nimport HdsFormHelperText from '../helper-text/index.gts';\nimport HdsFormCharacterCount from '../character-count/index.gts';\nimport HdsFormError from '../error/index.gts';\nimport HdsYield from '../../yield/index.gts';\n\nimport type { HdsFormFieldLayouts } from './types.ts';\nimport type { AriaDescribedByComponent } from '../../../../utils/hds-aria-described-by.ts';\n\nexport const LAYOUT_TYPES = Object.values(HdsFormFieldLayoutValues);\n\nexport interface HdsFormFieldSignature {\n  Args: {\n    id?: string;\n    extraAriaDescribedBy?: string;\n    contextualClass?: string;\n    isOptional?: boolean;\n    isRequired?: boolean;\n    layout?: HdsFormFieldLayouts;\n  };\n  Blocks: {\n    default: [\n      {\n        Label?: WithBoundArgs<\n          typeof HdsFormLabel,\n          'contextualClass' | 'controlId' | 'isRequired' | 'isOptional'\n        >;\n        HelperText?: WithBoundArgs<\n          typeof HdsFormHelperText,\n          'contextualClass' | 'controlId' | 'onInsert'\n        >;\n        Control?: typeof HdsYield;\n        CharacterCount?: WithBoundArgs<\n          typeof HdsFormCharacterCount,\n          'contextualClass' | 'controlId' | 'onInsert'\n        >;\n        Error?: WithBoundArgs<\n          typeof HdsFormError,\n          'contextualClass' | 'controlId' | 'onInsert' | 'onRemove'\n        >;\n        id?: string;\n        ariaDescribedBy?: string;\n      },\n    ];\n  };\n  Element: HTMLElement;\n}\n\n// @ts-expect-error: decorator function return type 'ClassOf<AriaDescribedBy>' is not assignable to 'typeof HdsFormField'\n@ariaDescribedBy\nexport default class HdsFormField extends Component<HdsFormFieldSignature> {\n  get layout(): HdsFormFieldLayouts | undefined {\n    const { layout } = this.args;\n\n    assert(\n      `@layout for \"Hds::Form::Field\" must be one of the following: ${LAYOUT_TYPES.join(\n        ', '\n      )}; received: ${layout}`,\n      LAYOUT_TYPES.includes(layout as HdsFormFieldLayoutValues)\n    );\n\n    return layout;\n  }\n\n  get id(): string {\n    return getElementId(this);\n  }\n\n  get isRequired(): boolean {\n    return this.args.isRequired || false;\n  }\n\n  get isOptional(): boolean {\n    return this.args.isOptional || false;\n  }\n\n  get classNames(): string {\n    const classes: string[] = [];\n\n    if (this.args.layout) {\n      classes.push(`hds-form-field--layout-${this.layout}`);\n    }\n\n    // add a class based on the @contextualClass argument\n    // notice: this will *not* be documented for public use\n    if (this.args.contextualClass) {\n      classes.push(this.args.contextualClass);\n    }\n\n    return classes.join(' ');\n  }\n\n  appendDescriptor = (element: HTMLElement): void => {\n    registerAriaDescriptionElement(this as AriaDescribedByComponent, element);\n  };\n\n  removeDescriptor = (element: HTMLElement): void => {\n    unregisterAriaDescriptionElement(this as AriaDescribedByComponent, element);\n  };\n\n  <template>\n    <div class={{this.classNames}} ...attributes>\n      {{yield\n        (hash\n          Label=(component\n            HdsFormLabel\n            controlId=this.id\n            isRequired=this.isRequired\n            isOptional=this.isOptional\n            contextualClass=\"hds-form-field__label\"\n          )\n        )\n      }}\n      {{#unless (eq @layout \"flag\")}}\n        {{yield\n          (hash\n            HelperText=(component\n              HdsFormHelperText\n              controlId=this.id\n              onInsert=this.appendDescriptor\n              contextualClass=\"hds-form-field__helper-text\"\n            )\n          )\n        }}\n      {{/unless}}\n      {{! @glint-expect-error }}\n      {{#let this.ariaDescribedBy as |ariaDescribedBy|}}\n        <div class=\"hds-form-field__control\">\n          {{yield\n            (hash Control=HdsYield id=this.id ariaDescribedBy=ariaDescribedBy)\n          }}\n        </div>\n      {{/let}}\n      {{#if (eq @layout \"flag\")}}\n        {{yield\n          (hash\n            HelperText=(component\n              HdsFormHelperText\n              controlId=this.id\n              onInsert=this.appendDescriptor\n              contextualClass=\"hds-form-field__helper-text\"\n            )\n          )\n        }}\n      {{/if}}\n      {{yield\n        (hash\n          CharacterCount=(component\n            HdsFormCharacterCount\n            controlId=this.id\n            onInsert=this.appendDescriptor\n            contextualClass=\"hds-form-field__character-count\"\n          )\n        )\n      }}\n      {{yield\n        (hash\n          Error=(component\n            HdsFormError\n            controlId=this.id\n            onInsert=this.appendDescriptor\n            onRemove=this.removeDescriptor\n            contextualClass=\"hds-form-field__error\"\n          )\n        )\n      }}\n    </div>\n  </template>\n}\n"],"names":["LAYOUT_TYPES","Object","values","HdsFormFieldLayoutValues","HdsFormField","Component","layout","args","assert","join","includes","id","getElementId","isRequired","isOptional","classNames","classes","push","contextualClass","appendDescriptor","element","registerAriaDescriptionElement","removeDescriptor","unregisterAriaDescriptionElement","setComponentTemplate","precompileTemplate","strictMode","scope","hash","HdsFormLabel","eq","HdsFormHelperText","HdsYield","HdsFormCharacterCount","HdsFormError","ariaDescribedBy"],"mappings":";;;;;;;;;;;;;;;;AAAA;;;AAGC;AAyBM,MAAMA,YAAA,GAAeC,MAAA,CAAOC,MAAM,CAACC,wBAAA;AAA0B,MAyC/CC,uBAAAA,qBAAqBC,SAAA,CAAU;EAClD,IAAIC,MAAAA,GAA0C;IAC5C,MAAM;AAAEA,MAAAA;KAAQ,GAAG,IAAI,CAACC,IAAI;AAE5BC,IAAAA,MAAA,CACE,CAAA,6DAAA,EAAgER,YAAA,CAAaS,IAAI,CAC/E,IAAA,CAAA,CAAA,YAAA,EACcH,QAAQ,EACxBN,YAAA,CAAaU,QAAQ,CAACJ,MAAU,CAAA,CAAA;AAGlC,IAAA,OAAOA,MAAA;AACT,EAAA;EAEA,IAAIK,EAAAA,GAAa;IACf,OAAOC,aAAa,IAAI,CAAA;AAC1B,EAAA;EAEA,IAAIC,UAAAA,GAAsB;AACxB,IAAA,OAAO,IAAI,CAACN,IAAI,CAACM,UAAU,IAAI,KAAA;AACjC,EAAA;EAEA,IAAIC,UAAAA,GAAsB;AACxB,IAAA,OAAO,IAAI,CAACP,IAAI,CAACO,UAAU,IAAI,KAAA;AACjC,EAAA;EAEA,IAAIC,UAAAA,GAAqB;IACvB,MAAMC,OAAe,GAAK,EAAE;AAE5B,IAAA,IAAI,IAAI,CAACT,IAAI,CAACD,MAAM,EAAE;MACpBU,OAAA,CAAQC,IAAI,CAAC,CAAA,uBAAA,EAA0B,IAAI,CAACX,MAAM,EAAE,CAAA;AACtD,IAAA;AAEA;AACA;AACA,IAAA,IAAI,IAAI,CAACC,IAAI,CAACW,eAAe,EAAE;MAC7BF,OAAA,CAAQC,IAAI,CAAC,IAAI,CAACV,IAAI,CAACW,eAAe,CAAA;AACxC,IAAA;AAEA,IAAA,OAAOF,OAAA,CAAQP,IAAI,CAAC,GAAA,CAAA;AACtB,EAAA;EAEAU,gBAAA,GAAoBC,OAAS,IAAkB;AAC7CC,IAAAA,8BAAA,CAA+B,IAAI,EAA8BD,OAAA,CAAA;EACnE,CAAA;EAEAE,gBAAA,GAAoBF,OAAS,IAAkB;AAC7CG,IAAAA,gCAAA,CAAiC,IAAI,EAA8BH,OAAA,CAAA;EACrE,CAAA;AAEA,EAAA;IAAAI,oBAAA,CAAAC,kBAAA,CAAA,osCAAA,EAmEA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,IAAA;QAAAC,YAAA;QAAAC,EAAA;QAAAC,iBAAA;QAAAC,QAAA;QAAAC,qBAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ,CAAA,GAvHCC,eAAA,CAAA;;;;"}

package/dist/components/hds/form/fieldset/index.js

@@ -12,7 +12,7 @@ import { setComponentTemplate } from '@ember/component';
 import { c } from 'decorator-transforms/runtime';
 
 /**
- * Copyright IBM Corp. 2021, 2025
+ * Copyright IBM Corp. 2021, 2026
  * SPDX-License-Identifier: MPL-2.0
  */
 const LAYOUT_TYPES = Object.values(HdsFormFieldsetLayoutValues);

package/dist/components/hds/form/fieldset/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/hds/form/fieldset/index.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { hash } from '@ember/helper';\n\nimport type { WithBoundArgs } from '@glint/template';\n\nimport { getElementId } from '../../../../utils/hds-get-element-id.ts';\nimport {\n  ariaDescribedBy,\n  registerAriaDescriptionElement,\n  unregisterAriaDescriptionElement,\n} from '../../../../utils/hds-aria-described-by.ts';\nimport { HdsFormFieldsetLayoutValues } from './types.ts';\nimport HdsFormLegend from '../legend/index.gts';\nimport HdsFormHelperText from '../helper-text/index.gts';\nimport HdsFormError from '../error/index.gts';\nimport HdsYield from '../../yield/index.gts';\n\nimport type { HdsFormFieldsetLayouts } from './types.ts';\nimport type { AriaDescribedByComponent } from '../../../../utils/hds-aria-described-by.ts';\n\nexport const LAYOUT_TYPES: HdsFormFieldsetLayouts[] = Object.values(\n  HdsFormFieldsetLayoutValues\n);\n\nexport interface HdsFormFieldsetSignature {\n  Args: {\n    extraAriaDescribedBy?: string;\n    isOptional?: boolean;\n    isRequired?: boolean;\n    layout?: HdsFormFieldsetLayouts;\n  };\n  Blocks: {\n    default: [\n      {\n        Legend?: WithBoundArgs<\n          typeof HdsFormLegend,\n          'contextualClass' | 'isRequired' | 'isOptional'\n        >;\n        HelperText?: WithBoundArgs<\n          typeof HdsFormHelperText,\n          'contextualClass' | 'controlId' | 'onInsert'\n        >;\n        Control?: typeof HdsYield;\n        Error?: WithBoundArgs<\n          typeof HdsFormError,\n          'contextualClass' | 'controlId' | 'onInsert' | 'onRemove'\n        >;\n        id?: string;\n        ariaDescribedBy?: string;\n      },\n    ];\n  };\n  Element: HTMLElement;\n}\n\n// @ts-expect-error: decorator function return type 'ClassOf<AriaDescribedByComponent>' is not assignable to 'typeof HdsFormFieldComponent'\n@ariaDescribedBy\nexport default class HdsFormFieldset extends Component<HdsFormFieldsetSignature> {\n  get layout(): HdsFormFieldsetLayouts {\n    return this.args.layout ?? HdsFormFieldsetLayoutValues.Vertical;\n  }\n\n  get id(): string {\n    return getElementId(this);\n  }\n\n  get isRequired(): boolean {\n    return this.args.isRequired || false;\n  }\n\n  get isOptional(): boolean {\n    return this.args.isOptional || false;\n  }\n\n  get classNames(): string {\n    // we just need a class for the layout\n    const classes = ['hds-form-group'];\n\n    // add a class based on the @layout argument\n    classes.push(`hds-form-group--layout-${this.layout}`);\n\n    return classes.join(' ');\n  }\n\n  appendDescriptor = (element: HTMLElement): void => {\n    registerAriaDescriptionElement(this as AriaDescribedByComponent, element);\n  };\n\n  removeDescriptor = (element: HTMLElement): void => {\n    unregisterAriaDescriptionElement(this as AriaDescribedByComponent, element);\n  };\n\n  <template>\n    <fieldset class={{this.classNames}} id={{this.id}} ...attributes>\n      {{yield\n        (hash\n          Legend=(component\n            HdsFormLegend\n            isRequired=this.isRequired\n            isOptional=this.isOptional\n            contextualClass=\"hds-form-group__legend\"\n          )\n        )\n      }}\n      {{yield\n        (hash\n          HelperText=(component\n            HdsFormHelperText\n            controlId=this.id\n            onInsert=this.appendDescriptor\n            contextualClass=\"hds-form-group__helper-text\"\n          )\n        )\n      }}\n      <div class=\"hds-form-group__control-fields-wrapper\">\n        {{! @glint-expect-error }}\n        {{yield (hash Control=HdsYield ariaDescribedBy=this.ariaDescribedBy)}}\n      </div>\n      {{yield\n        (hash\n          Error=(component\n            HdsFormError\n            controlId=this.id\n            onInsert=this.appendDescriptor\n            onRemove=this.removeDescriptor\n            contextualClass=\"hds-form-group__error\"\n          )\n        )\n      }}\n    </fieldset>\n  </template>\n}\n"],"names":["LAYOUT_TYPES","Object","values","HdsFormFieldsetLayoutValues","HdsFormFieldset","Component","layout","args","Vertical","id","getElementId","isRequired","isOptional","classNames","classes","push","join","appendDescriptor","element","registerAriaDescriptionElement","removeDescriptor","unregisterAriaDescriptionElement","setComponentTemplate","precompileTemplate","strictMode","scope","hash","HdsFormLegend","HdsFormHelperText","HdsYield","HdsFormError","ariaDescribedBy"],"mappings":";;;;;;;;;;;;;AAAA;;;AAGC;AAsBM,MAAMA,YAAc,GAA2BC,MAAA,CAAOC,MAAM,CACjEC,2BAAA;AACA,MAmCmBC,0BAAAA,wBAAwBC,SAAA,CAAU;EACrD,IAAIC,SAAiC;IACnC,OAAO,IAAI,CAACC,IAAI,CAACD,MAAM,IAAIH,4BAA4BK,QAAQ;AACjE,EAAA;EAEA,IAAIC,EAAAA,GAAa;IACf,OAAOC,aAAa,IAAI,CAAA;AAC1B,EAAA;EAEA,IAAIC,UAAAA,GAAsB;AACxB,IAAA,OAAO,IAAI,CAACJ,IAAI,CAACI,UAAU,IAAI,KAAA;AACjC,EAAA;EAEA,IAAIC,UAAAA,GAAsB;AACxB,IAAA,OAAO,IAAI,CAACL,IAAI,CAACK,UAAU,IAAI,KAAA;AACjC,EAAA;EAEA,IAAIC,UAAAA,GAAqB;AACvB;AACA,IAAA,MAAMC,OAAA,GAAU,CAAC,gBAAA,CAAiB;AAElC;IACAA,OAAA,CAAQC,IAAI,CAAC,CAAA,uBAAA,EAA0B,IAAI,CAACT,MAAM,EAAE,CAAA;AAEpD,IAAA,OAAOQ,OAAA,CAAQE,IAAI,CAAC,GAAA,CAAA;AACtB,EAAA;EAEAC,gBAAA,GAAoBC,OAAS,IAAkB;AAC7CC,IAAAA,8BAAA,CAA+B,IAAI,EAA8BD,OAAA,CAAA;EACnE,CAAA;EAEAE,gBAAA,GAAoBF,OAAS,IAAkB;AAC7CG,IAAAA,gCAAA,CAAiC,IAAI,EAA8BH,OAAA,CAAA;EACrE,CAAA;AAEA,EAAA;IAAAI,oBAAA,CAAAC,kBAAA,CAAA,quBAAA,EAsCA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,IAAA;QAAAC,aAAA;QAAAC,iBAAA;QAAAC,QAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ,CAAA,GA3ECC,eAAA,CAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/hds/form/fieldset/index.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { hash } from '@ember/helper';\n\nimport type { WithBoundArgs } from '@glint/template';\n\nimport { getElementId } from '../../../../utils/hds-get-element-id.ts';\nimport {\n  ariaDescribedBy,\n  registerAriaDescriptionElement,\n  unregisterAriaDescriptionElement,\n} from '../../../../utils/hds-aria-described-by.ts';\nimport { HdsFormFieldsetLayoutValues } from './types.ts';\nimport HdsFormLegend from '../legend/index.gts';\nimport HdsFormHelperText from '../helper-text/index.gts';\nimport HdsFormError from '../error/index.gts';\nimport HdsYield from '../../yield/index.gts';\n\nimport type { HdsFormFieldsetLayouts } from './types.ts';\nimport type { AriaDescribedByComponent } from '../../../../utils/hds-aria-described-by.ts';\n\nexport const LAYOUT_TYPES: HdsFormFieldsetLayouts[] = Object.values(\n  HdsFormFieldsetLayoutValues\n);\n\nexport interface HdsFormFieldsetSignature {\n  Args: {\n    extraAriaDescribedBy?: string;\n    isOptional?: boolean;\n    isRequired?: boolean;\n    layout?: HdsFormFieldsetLayouts;\n  };\n  Blocks: {\n    default: [\n      {\n        Legend?: WithBoundArgs<\n          typeof HdsFormLegend,\n          'contextualClass' | 'isRequired' | 'isOptional'\n        >;\n        HelperText?: WithBoundArgs<\n          typeof HdsFormHelperText,\n          'contextualClass' | 'controlId' | 'onInsert'\n        >;\n        Control?: typeof HdsYield;\n        Error?: WithBoundArgs<\n          typeof HdsFormError,\n          'contextualClass' | 'controlId' | 'onInsert' | 'onRemove'\n        >;\n        id?: string;\n        ariaDescribedBy?: string;\n      },\n    ];\n  };\n  Element: HTMLElement;\n}\n\n// @ts-expect-error: decorator function return type 'ClassOf<AriaDescribedByComponent>' is not assignable to 'typeof HdsFormFieldComponent'\n@ariaDescribedBy\nexport default class HdsFormFieldset extends Component<HdsFormFieldsetSignature> {\n  get layout(): HdsFormFieldsetLayouts {\n    return this.args.layout ?? HdsFormFieldsetLayoutValues.Vertical;\n  }\n\n  get id(): string {\n    return getElementId(this);\n  }\n\n  get isRequired(): boolean {\n    return this.args.isRequired || false;\n  }\n\n  get isOptional(): boolean {\n    return this.args.isOptional || false;\n  }\n\n  get classNames(): string {\n    // we just need a class for the layout\n    const classes = ['hds-form-group'];\n\n    // add a class based on the @layout argument\n    classes.push(`hds-form-group--layout-${this.layout}`);\n\n    return classes.join(' ');\n  }\n\n  appendDescriptor = (element: HTMLElement): void => {\n    registerAriaDescriptionElement(this as AriaDescribedByComponent, element);\n  };\n\n  removeDescriptor = (element: HTMLElement): void => {\n    unregisterAriaDescriptionElement(this as AriaDescribedByComponent, element);\n  };\n\n  <template>\n    <fieldset class={{this.classNames}} id={{this.id}} ...attributes>\n      {{yield\n        (hash\n          Legend=(component\n            HdsFormLegend\n            isRequired=this.isRequired\n            isOptional=this.isOptional\n            contextualClass=\"hds-form-group__legend\"\n          )\n        )\n      }}\n      {{yield\n        (hash\n          HelperText=(component\n            HdsFormHelperText\n            controlId=this.id\n            onInsert=this.appendDescriptor\n            contextualClass=\"hds-form-group__helper-text\"\n          )\n        )\n      }}\n      <div class=\"hds-form-group__control-fields-wrapper\">\n        {{! @glint-expect-error }}\n        {{yield (hash Control=HdsYield ariaDescribedBy=this.ariaDescribedBy)}}\n      </div>\n      {{yield\n        (hash\n          Error=(component\n            HdsFormError\n            controlId=this.id\n            onInsert=this.appendDescriptor\n            onRemove=this.removeDescriptor\n            contextualClass=\"hds-form-group__error\"\n          )\n        )\n      }}\n    </fieldset>\n  </template>\n}\n"],"names":["LAYOUT_TYPES","Object","values","HdsFormFieldsetLayoutValues","HdsFormFieldset","Component","layout","args","Vertical","id","getElementId","isRequired","isOptional","classNames","classes","push","join","appendDescriptor","element","registerAriaDescriptionElement","removeDescriptor","unregisterAriaDescriptionElement","setComponentTemplate","precompileTemplate","strictMode","scope","hash","HdsFormLegend","HdsFormHelperText","HdsYield","HdsFormError","ariaDescribedBy"],"mappings":";;;;;;;;;;;;;AAAA;;;AAGC;AAsBM,MAAMA,YAAc,GAA2BC,MAAA,CAAOC,MAAM,CACjEC,2BAAA;AACA,MAmCmBC,0BAAAA,wBAAwBC,SAAA,CAAU;EACrD,IAAIC,SAAiC;IACnC,OAAO,IAAI,CAACC,IAAI,CAACD,MAAM,IAAIH,4BAA4BK,QAAQ;AACjE,EAAA;EAEA,IAAIC,EAAAA,GAAa;IACf,OAAOC,aAAa,IAAI,CAAA;AAC1B,EAAA;EAEA,IAAIC,UAAAA,GAAsB;AACxB,IAAA,OAAO,IAAI,CAACJ,IAAI,CAACI,UAAU,IAAI,KAAA;AACjC,EAAA;EAEA,IAAIC,UAAAA,GAAsB;AACxB,IAAA,OAAO,IAAI,CAACL,IAAI,CAACK,UAAU,IAAI,KAAA;AACjC,EAAA;EAEA,IAAIC,UAAAA,GAAqB;AACvB;AACA,IAAA,MAAMC,OAAA,GAAU,CAAC,gBAAA,CAAiB;AAElC;IACAA,OAAA,CAAQC,IAAI,CAAC,CAAA,uBAAA,EAA0B,IAAI,CAACT,MAAM,EAAE,CAAA;AAEpD,IAAA,OAAOQ,OAAA,CAAQE,IAAI,CAAC,GAAA,CAAA;AACtB,EAAA;EAEAC,gBAAA,GAAoBC,OAAS,IAAkB;AAC7CC,IAAAA,8BAAA,CAA+B,IAAI,EAA8BD,OAAA,CAAA;EACnE,CAAA;EAEAE,gBAAA,GAAoBF,OAAS,IAAkB;AAC7CG,IAAAA,gCAAA,CAAiC,IAAI,EAA8BH,OAAA,CAAA;EACrE,CAAA;AAEA,EAAA;IAAAI,oBAAA,CAAAC,kBAAA,CAAA,quBAAA,EAsCA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,IAAA;QAAAC,aAAA;QAAAC,iBAAA;QAAAC,QAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ,CAAA,GA3ECC,eAAA,CAAA;;;;"}

package/dist/components/hds/form/file-input/base.js

@@ -3,7 +3,7 @@ import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
 /**
- * Copyright IBM Corp. 2021, 2025
+ * Copyright IBM Corp. 2021, 2026
  * SPDX-License-Identifier: MPL-2.0
  */
 const HdsFormFileInputBase = setComponentTemplate(precompileTemplate("<input class=\"hds-form-file-input hds-typography-body-200\" id={{@id}} aria-describedby={{@ariaDescribedBy}} ...attributes type=\"file\" />", {

package/dist/components/hds/form/file-input/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../src/components/hds/form/file-input/base.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface HdsFormFileInputBaseSignature {\n  Args: {\n    id?: string;\n    ariaDescribedBy?: string;\n  };\n  Element: HTMLInputElement;\n}\n\nconst HdsFormFileInputBase: TemplateOnlyComponent<HdsFormFileInputBaseSignature> =\n  <template>\n    <input\n      class=\"hds-form-file-input hds-typography-body-200\"\n      id={{@id}}\n      aria-describedby={{@ariaDescribedBy}}\n      ...attributes\n      type=\"file\"\n    />\n  </template>;\n\nexport default HdsFormFileInputBase;\n"],"names":["HdsFormFileInputBase","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AAAA;;;AAGC;AAYD,MAAMA,oBAA4C,GAAAC,oBAAA,CAChDC,kBAAA,CAAA,8IAAA,EAQA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"base.js","sources":["../../../../../src/components/hds/form/file-input/base.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface HdsFormFileInputBaseSignature {\n  Args: {\n    id?: string;\n    ariaDescribedBy?: string;\n  };\n  Element: HTMLInputElement;\n}\n\nconst HdsFormFileInputBase: TemplateOnlyComponent<HdsFormFileInputBaseSignature> =\n  <template>\n    <input\n      class=\"hds-form-file-input hds-typography-body-200\"\n      id={{@id}}\n      aria-describedby={{@ariaDescribedBy}}\n      ...attributes\n      type=\"file\"\n    />\n  </template>;\n\nexport default HdsFormFileInputBase;\n"],"names":["HdsFormFileInputBase","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AAAA;;;AAGC;AAYD,MAAMA,oBAA4C,GAAAC,oBAAA,CAChDC,kBAAA,CAAA,8IAAA,EAQA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/hds/form/file-input/field.js

@@ -6,7 +6,7 @@ import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
 /**
- * Copyright IBM Corp. 2021, 2025
+ * Copyright IBM Corp. 2021, 2026
  * SPDX-License-Identifier: MPL-2.0
  */
 

package/dist/components/hds/form/file-input/field.js.map

@@ -1 +1 @@
-{"version":3,"file":"field.js","sources":["../../../../../src/components/hds/form/file-input/field.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\nimport { hash } from '@ember/helper';\n\nimport HdsFormField from '../field/index.gts';\nimport HdsFormFileInputBase from './base.gts';\n\nimport type { HdsFormFieldSignature } from '../field/index.gts';\nimport type { HdsFormFileInputBaseSignature } from './base.gts';\n\nexport interface HdsFormFileInputFieldSignature {\n  Args: Omit<HdsFormFieldSignature['Args'], 'contextualClass' | 'layout'>;\n  Blocks: {\n    default: [\n      {\n        Label?: HdsFormFieldSignature['Blocks']['default'][0]['Label'];\n        HelperText?: HdsFormFieldSignature['Blocks']['default'][0]['HelperText'];\n        Error?: HdsFormFieldSignature['Blocks']['default'][0]['Error'];\n      },\n    ];\n  };\n  Element: HdsFormFileInputBaseSignature['Element'];\n}\n\nconst HdsFormFileInputField: TemplateOnlyComponent<HdsFormFileInputFieldSignature> =\n  <template>\n    <HdsFormField\n      @layout=\"vertical\"\n      @extraAriaDescribedBy={{@extraAriaDescribedBy}}\n      @isRequired={{@isRequired}}\n      @isOptional={{@isOptional}}\n      @id={{@id}}\n      as |F|\n    >\n      {{! Notice: the order of the elements is not relevant here, because is controlled at \"HdsFormField\" component level }}\n      {{yield (hash Label=F.Label HelperText=F.HelperText Error=F.Error)}}\n      <F.Control>\n        <HdsFormFileInputBase\n          required={{@isRequired}}\n          ...attributes\n          id={{F.id}}\n          aria-describedby={{F.ariaDescribedBy}}\n        />\n      </F.Control>\n    </HdsFormField>\n  </template>;\n\nexport default HdsFormFileInputField;\n"],"names":["HdsFormFileInputField","setComponentTemplate","precompileTemplate","strictMode","scope","HdsFormField","hash","HdsFormFileInputBase","templateOnly"],"mappings":";;;;;;;AAAA;;;AAGC;;AAyBD,MAAMA,qBAA6C,GAAAC,oBAAA,CACjDC,kBAAA,CAAA,ghBAAA,EAoBA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,IAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"field.js","sources":["../../../../../src/components/hds/form/file-input/field.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\nimport { hash } from '@ember/helper';\n\nimport HdsFormField from '../field/index.gts';\nimport HdsFormFileInputBase from './base.gts';\n\nimport type { HdsFormFieldSignature } from '../field/index.gts';\nimport type { HdsFormFileInputBaseSignature } from './base.gts';\n\nexport interface HdsFormFileInputFieldSignature {\n  Args: Omit<HdsFormFieldSignature['Args'], 'contextualClass' | 'layout'>;\n  Blocks: {\n    default: [\n      {\n        Label?: HdsFormFieldSignature['Blocks']['default'][0]['Label'];\n        HelperText?: HdsFormFieldSignature['Blocks']['default'][0]['HelperText'];\n        Error?: HdsFormFieldSignature['Blocks']['default'][0]['Error'];\n      },\n    ];\n  };\n  Element: HdsFormFileInputBaseSignature['Element'];\n}\n\nconst HdsFormFileInputField: TemplateOnlyComponent<HdsFormFileInputFieldSignature> =\n  <template>\n    <HdsFormField\n      @layout=\"vertical\"\n      @extraAriaDescribedBy={{@extraAriaDescribedBy}}\n      @isRequired={{@isRequired}}\n      @isOptional={{@isOptional}}\n      @id={{@id}}\n      as |F|\n    >\n      {{! Notice: the order of the elements is not relevant here, because is controlled at \"HdsFormField\" component level }}\n      {{yield (hash Label=F.Label HelperText=F.HelperText Error=F.Error)}}\n      <F.Control>\n        <HdsFormFileInputBase\n          required={{@isRequired}}\n          ...attributes\n          id={{F.id}}\n          aria-describedby={{F.ariaDescribedBy}}\n        />\n      </F.Control>\n    </HdsFormField>\n  </template>;\n\nexport default HdsFormFileInputField;\n"],"names":["HdsFormFileInputField","setComponentTemplate","precompileTemplate","strictMode","scope","HdsFormField","hash","HdsFormFileInputBase","templateOnly"],"mappings":";;;;;;;AAAA;;;AAGC;;AAyBD,MAAMA,qBAA6C,GAAAC,oBAAA,CACjDC,kBAAA,CAAA,ghBAAA,EAoBA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,IAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/hds/form/footer/index.js

@@ -5,7 +5,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
 /**
- * Copyright IBM Corp. 2021, 2025
+ * Copyright IBM Corp. 2021, 2026
  * SPDX-License-Identifier: MPL-2.0
  */
 class HdsFormFooter extends Component {

package/dist/components/hds/form/footer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/hds/form/footer/index.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { hash } from '@ember/helper';\n\nimport HdsButtonSet from '../../button-set/index.gts';\n\nexport interface HdsFormFooterSignature {\n  Args: {\n    isFullWidth?: boolean;\n  };\n  Blocks: {\n    default: [\n      {\n        ButtonSet?: typeof HdsButtonSet;\n      },\n    ];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsFormFooter extends Component<HdsFormFooterSignature> {\n  get classNames(): string {\n    const classes = ['hds-form__footer'];\n\n    // add a class based on the @isFullWidth argument\n    if (this.args.isFullWidth) {\n      classes.push('hds-form-content--is-full-width');\n    }\n\n    return classes.join(' ');\n  }\n\n  <template>\n    <div class={{this.classNames}} ...attributes>\n      {{yield (hash ButtonSet=HdsButtonSet)}}\n    </div>\n  </template>\n}\n"],"names":["HdsFormFooter","Component","classNames","classes","args","isFullWidth","push","join","setComponentTemplate","precompileTemplate","strictMode","scope","hash","HdsButtonSet"],"mappings":";;;;;;AAAA;;;AAGC;AAqBc,MAAMA,sBAAsBC,SAAA,CAAU;EACnD,IAAIC,UAAAA,GAAqB;AACvB,IAAA,MAAMC,OAAA,GAAU,CAAC,kBAAA,CAAmB;AAEpC;AACA,IAAA,IAAI,IAAI,CAACC,IAAI,CAACC,WAAW,EAAE;AACzBF,MAAAA,OAAA,CAAQG,IAAI,CAAC,iCAAA,CAAA;AACf,IAAA;AAEA,IAAA,OAAOH,OAAA,CAAQI,IAAI,CAAC,GAAA,CAAA;AACtB,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,kGAAA,EAIA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,IAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/hds/form/footer/index.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { hash } from '@ember/helper';\n\nimport HdsButtonSet from '../../button-set/index.gts';\n\nexport interface HdsFormFooterSignature {\n  Args: {\n    isFullWidth?: boolean;\n  };\n  Blocks: {\n    default: [\n      {\n        ButtonSet?: typeof HdsButtonSet;\n      },\n    ];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsFormFooter extends Component<HdsFormFooterSignature> {\n  get classNames(): string {\n    const classes = ['hds-form__footer'];\n\n    // add a class based on the @isFullWidth argument\n    if (this.args.isFullWidth) {\n      classes.push('hds-form-content--is-full-width');\n    }\n\n    return classes.join(' ');\n  }\n\n  <template>\n    <div class={{this.classNames}} ...attributes>\n      {{yield (hash ButtonSet=HdsButtonSet)}}\n    </div>\n  </template>\n}\n"],"names":["HdsFormFooter","Component","classNames","classes","args","isFullWidth","push","join","setComponentTemplate","precompileTemplate","strictMode","scope","hash","HdsButtonSet"],"mappings":";;;;;;AAAA;;;AAGC;AAqBc,MAAMA,sBAAsBC,SAAA,CAAU;EACnD,IAAIC,UAAAA,GAAqB;AACvB,IAAA,MAAMC,OAAA,GAAU,CAAC,kBAAA,CAAmB;AAEpC;AACA,IAAA,IAAI,IAAI,CAACC,IAAI,CAACC,WAAW,EAAE;AACzBF,MAAAA,OAAA,CAAQG,IAAI,CAAC,iCAAA,CAAA;AACf,IAAA;AAEA,IAAA,OAAOH,OAAA,CAAQI,IAAI,CAAC,GAAA,CAAA;AACtB,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,kGAAA,EAIA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,IAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/hds/form/header/description.js

@@ -4,7 +4,7 @@ import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
 /**
- * Copyright IBM Corp. 2021, 2025
+ * Copyright IBM Corp. 2021, 2026
  * SPDX-License-Identifier: MPL-2.0
  */
 

package/dist/components/hds/form/header/description.js.map

@@ -1 +1 @@
-{"version":3,"file":"description.js","sources":["../../../../../src/components/hds/form/header/description.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nimport HdsTextBody from '../../text/body.gts';\n\nimport type { HdsTextBodySignature } from '../../text/body.gts';\n\nexport interface HdsFormHeaderDescriptionSignature {\n  Blocks: {\n    default: [];\n  };\n  Element: HdsTextBodySignature['Element'];\n}\n\nconst HdsFormHeaderDescription: TemplateOnlyComponent<HdsFormHeaderDescriptionSignature> =\n  <template>\n    <HdsTextBody\n      class=\"hds-form__header-description\"\n      @tag=\"p\"\n      @size=\"300\"\n      @color=\"primary\"\n      ...attributes\n    >\n      {{yield}}\n    </HdsTextBody>\n  </template>;\nexport default HdsFormHeaderDescription;\n"],"names":["HdsFormHeaderDescription","setComponentTemplate","precompileTemplate","strictMode","scope","HdsTextBody","templateOnly"],"mappings":";;;;;AAAA;;;AAGC;;AAeD,MAAMA,wBAAgD,GAAAC,oBAAA,CACpDC,kBAAA,CAAA,6IAAA,EAUA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"description.js","sources":["../../../../../src/components/hds/form/header/description.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nimport HdsTextBody from '../../text/body.gts';\n\nimport type { HdsTextBodySignature } from '../../text/body.gts';\n\nexport interface HdsFormHeaderDescriptionSignature {\n  Blocks: {\n    default: [];\n  };\n  Element: HdsTextBodySignature['Element'];\n}\n\nconst HdsFormHeaderDescription: TemplateOnlyComponent<HdsFormHeaderDescriptionSignature> =\n  <template>\n    <HdsTextBody\n      class=\"hds-form__header-description\"\n      @tag=\"p\"\n      @size=\"300\"\n      @color=\"primary\"\n      ...attributes\n    >\n      {{yield}}\n    </HdsTextBody>\n  </template>;\nexport default HdsFormHeaderDescription;\n"],"names":["HdsFormHeaderDescription","setComponentTemplate","precompileTemplate","strictMode","scope","HdsTextBody","templateOnly"],"mappings":";;;;;AAAA;;;AAGC;;AAeD,MAAMA,wBAAgD,GAAAC,oBAAA,CACpDC,kBAAA,CAAA,6IAAA,EAUA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/hds/form/header/index.js

@@ -6,7 +6,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
 /**
- * Copyright IBM Corp. 2021, 2025
+ * Copyright IBM Corp. 2021, 2026
  * SPDX-License-Identifier: MPL-2.0
  */
 class HdsFormHeader extends Component {

package/dist/components/hds/form/header/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/hds/form/header/index.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { hash } from '@ember/helper';\n\nimport HdsFormHeaderTitle from './title.gts';\nimport HdsFormHeaderDescription from './description.gts';\n\nexport interface HdsFormHeaderSignature {\n  Args: {\n    isFullWidth?: boolean;\n  };\n  Blocks: {\n    default: [\n      {\n        Title?: typeof HdsFormHeaderTitle;\n        Description?: typeof HdsFormHeaderDescription;\n      },\n    ];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsFormHeader extends Component<HdsFormHeaderSignature> {\n  get classNames(): string {\n    const classes = ['hds-form__header'];\n\n    // add a class based on the @isFullWidth argument\n    if (this.args.isFullWidth) {\n      classes.push('hds-form-content--is-full-width');\n    }\n\n    return classes.join(' ');\n  }\n\n  <template>\n    <div class={{this.classNames}} ...attributes>\n      {{yield\n        (hash Title=HdsFormHeaderTitle Description=HdsFormHeaderDescription)\n      }}\n    </div>\n  </template>\n}\n"],"names":["HdsFormHeader","Component","classNames","classes","args","isFullWidth","push","join","setComponentTemplate","precompileTemplate","strictMode","scope","hash","HdsFormHeaderTitle","HdsFormHeaderDescription"],"mappings":";;;;;;;AAAA;;;AAGC;AAuBc,MAAMA,sBAAsBC,SAAA,CAAU;EACnD,IAAIC,UAAAA,GAAqB;AACvB,IAAA,MAAMC,OAAA,GAAU,CAAC,kBAAA,CAAmB;AAEpC;AACA,IAAA,IAAI,IAAI,CAACC,IAAI,CAACC,WAAW,EAAE;AACzBF,MAAAA,OAAA,CAAQG,IAAI,CAAC,iCAAA,CAAA;AACf,IAAA;AAEA,IAAA,OAAOH,OAAA,CAAQI,IAAI,CAAC,GAAA,CAAA;AACtB,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,yIAAA,EAMA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,IAAA;QAAAC,kBAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/hds/form/header/index.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { hash } from '@ember/helper';\n\nimport HdsFormHeaderTitle from './title.gts';\nimport HdsFormHeaderDescription from './description.gts';\n\nexport interface HdsFormHeaderSignature {\n  Args: {\n    isFullWidth?: boolean;\n  };\n  Blocks: {\n    default: [\n      {\n        Title?: typeof HdsFormHeaderTitle;\n        Description?: typeof HdsFormHeaderDescription;\n      },\n    ];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsFormHeader extends Component<HdsFormHeaderSignature> {\n  get classNames(): string {\n    const classes = ['hds-form__header'];\n\n    // add a class based on the @isFullWidth argument\n    if (this.args.isFullWidth) {\n      classes.push('hds-form-content--is-full-width');\n    }\n\n    return classes.join(' ');\n  }\n\n  <template>\n    <div class={{this.classNames}} ...attributes>\n      {{yield\n        (hash Title=HdsFormHeaderTitle Description=HdsFormHeaderDescription)\n      }}\n    </div>\n  </template>\n}\n"],"names":["HdsFormHeader","Component","classNames","classes","args","isFullWidth","push","join","setComponentTemplate","precompileTemplate","strictMode","scope","hash","HdsFormHeaderTitle","HdsFormHeaderDescription"],"mappings":";;;;;;;AAAA;;;AAGC;AAuBc,MAAMA,sBAAsBC,SAAA,CAAU;EACnD,IAAIC,UAAAA,GAAqB;AACvB,IAAA,MAAMC,OAAA,GAAU,CAAC,kBAAA,CAAmB;AAEpC;AACA,IAAA,IAAI,IAAI,CAACC,IAAI,CAACC,WAAW,EAAE;AACzBF,MAAAA,OAAA,CAAQG,IAAI,CAAC,iCAAA,CAAA;AACf,IAAA;AAEA,IAAA,OAAOH,OAAA,CAAQI,IAAI,CAAC,GAAA,CAAA;AACtB,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,yIAAA,EAMA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,IAAA;QAAAC,kBAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/hds/form/header/title.js

@@ -7,7 +7,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
 /**
- * Copyright IBM Corp. 2021, 2025
+ * Copyright IBM Corp. 2021, 2026
  * SPDX-License-Identifier: MPL-2.0
  */
 const DEFAULT_SIZE = HdsTextSizeValues.FourHundred;

package/dist/components/hds/form/header/title.js.map

@@ -1 +1 @@
-{"version":3,"file":"title.js","sources":["../../../../../src/components/hds/form/header/title.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\n\nimport { HdsFormHeaderTitleTagValues } from '../types.ts';\nimport { HdsTextSizeValues } from '../../text/types.ts';\nimport HdsTextDisplay from '../../text/display.gts';\n\nimport type { HdsFormHeaderTitleTags } from '../types.ts';\nimport type { HdsTextDisplaySignature } from '../../text/display.gts';\n\nexport const DEFAULT_SIZE = HdsTextSizeValues.FourHundred;\nexport const DEFAULT_TAG = HdsFormHeaderTitleTagValues.Div;\nexport const TAGS: HdsFormHeaderTitleTags[] = Object.values(\n  HdsFormHeaderTitleTagValues\n);\n\nexport interface HdsFormHeaderTitleSignature {\n  Args: {\n    tag?: HdsFormHeaderTitleTags;\n    size?: HdsTextDisplaySignature['Args']['size'];\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HdsTextDisplaySignature['Element'];\n}\n\nexport default class HdsFormHeaderTitle extends Component<HdsFormHeaderTitleSignature> {\n  get tag(): HdsFormHeaderTitleTags {\n    const { tag = DEFAULT_TAG } = this.args;\n\n    assert(\n      `@tag for \"Hds::Form::Header::Title\" must be one of the following: ${TAGS.join(\n        ', '\n      )}; received: ${tag}`,\n      TAGS.includes(tag)\n    );\n\n    return tag;\n  }\n\n  get size(): HdsTextDisplaySignature['Args']['size'] {\n    return this.args.size ?? DEFAULT_SIZE;\n  }\n\n  <template>\n    <HdsTextDisplay\n      class=\"hds-form__header-title\"\n      @tag={{this.tag}}\n      @size={{this.size}}\n      @color=\"strong\"\n      ...attributes\n    >\n      {{yield}}\n    </HdsTextDisplay>\n  </template>\n}\n"],"names":["DEFAULT_SIZE","HdsTextSizeValues","FourHundred","DEFAULT_TAG","HdsFormHeaderTitleTagValues","Div","TAGS","Object","values","HdsFormHeaderTitle","Component","tag","args","assert","join","includes","size","setComponentTemplate","precompileTemplate","strictMode","scope","HdsTextDisplay"],"mappings":";;;;;;;;AAAA;;;AAGC;AAYM,MAAMA,YAAA,GAAeC,iBAAA,CAAkBC;AACvC,MAAMC,WAAA,GAAcC,2BAAA,CAA4BC;AAChD,MAAMC,IAAM,GAA2BC,MAAA,CAAOC,MAAM,CACzDJ,2BAAA;AAca,MAAMK,2BAA2BC,SAAA,CAAU;EACxD,IAAIC,MAA8B;IAChC,MAAM;AAAEA,MAAAA,GAAA,GAAMR;KAAa,GAAG,IAAI,CAACS,IAAI;AAEvCC,IAAAA,MAAA,CACE,CAAA,kEAAA,EAAqEP,IAAA,CAAKQ,IAAI,CAC5E,IAAA,CAAA,CAAA,YAAA,EACcH,GAAA,CAAA,CAAK,EACrBL,IAAA,CAAKS,QAAQ,CAACJ,GAAA,CAAA,CAAA;AAGhB,IAAA,OAAOA,GAAA;AACT,EAAA;EAEA,IAAIK,IAAAA,GAAgD;AAClD,IAAA,OAAO,IAAI,CAACJ,IAAI,CAACI,IAAI,IAAIhB,YAAA;AAC3B,EAAA;AAEA,EAAA;IAAAiB,oBAAA,CAAAC,kBAAA,CAAA,yJAAA,EAUA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"title.js","sources":["../../../../../src/components/hds/form/header/title.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\n\nimport { HdsFormHeaderTitleTagValues } from '../types.ts';\nimport { HdsTextSizeValues } from '../../text/types.ts';\nimport HdsTextDisplay from '../../text/display.gts';\n\nimport type { HdsFormHeaderTitleTags } from '../types.ts';\nimport type { HdsTextDisplaySignature } from '../../text/display.gts';\n\nexport const DEFAULT_SIZE = HdsTextSizeValues.FourHundred;\nexport const DEFAULT_TAG = HdsFormHeaderTitleTagValues.Div;\nexport const TAGS: HdsFormHeaderTitleTags[] = Object.values(\n  HdsFormHeaderTitleTagValues\n);\n\nexport interface HdsFormHeaderTitleSignature {\n  Args: {\n    tag?: HdsFormHeaderTitleTags;\n    size?: HdsTextDisplaySignature['Args']['size'];\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HdsTextDisplaySignature['Element'];\n}\n\nexport default class HdsFormHeaderTitle extends Component<HdsFormHeaderTitleSignature> {\n  get tag(): HdsFormHeaderTitleTags {\n    const { tag = DEFAULT_TAG } = this.args;\n\n    assert(\n      `@tag for \"Hds::Form::Header::Title\" must be one of the following: ${TAGS.join(\n        ', '\n      )}; received: ${tag}`,\n      TAGS.includes(tag)\n    );\n\n    return tag;\n  }\n\n  get size(): HdsTextDisplaySignature['Args']['size'] {\n    return this.args.size ?? DEFAULT_SIZE;\n  }\n\n  <template>\n    <HdsTextDisplay\n      class=\"hds-form__header-title\"\n      @tag={{this.tag}}\n      @size={{this.size}}\n      @color=\"strong\"\n      ...attributes\n    >\n      {{yield}}\n    </HdsTextDisplay>\n  </template>\n}\n"],"names":["DEFAULT_SIZE","HdsTextSizeValues","FourHundred","DEFAULT_TAG","HdsFormHeaderTitleTagValues","Div","TAGS","Object","values","HdsFormHeaderTitle","Component","tag","args","assert","join","includes","size","setComponentTemplate","precompileTemplate","strictMode","scope","HdsTextDisplay"],"mappings":";;;;;;;;AAAA;;;AAGC;AAYM,MAAMA,YAAA,GAAeC,iBAAA,CAAkBC;AACvC,MAAMC,WAAA,GAAcC,2BAAA,CAA4BC;AAChD,MAAMC,IAAM,GAA2BC,MAAA,CAAOC,MAAM,CACzDJ,2BAAA;AAca,MAAMK,2BAA2BC,SAAA,CAAU;EACxD,IAAIC,MAA8B;IAChC,MAAM;AAAEA,MAAAA,GAAA,GAAMR;KAAa,GAAG,IAAI,CAACS,IAAI;AAEvCC,IAAAA,MAAA,CACE,CAAA,kEAAA,EAAqEP,IAAA,CAAKQ,IAAI,CAC5E,IAAA,CAAA,CAAA,YAAA,EACcH,GAAA,CAAA,CAAK,EACrBL,IAAA,CAAKS,QAAQ,CAACJ,GAAA,CAAA,CAAA;AAGhB,IAAA,OAAOA,GAAA;AACT,EAAA;EAEA,IAAIK,IAAAA,GAAgD;AAClD,IAAA,OAAO,IAAI,CAACJ,IAAI,CAACI,IAAI,IAAIhB,YAAA;AAC3B,EAAA;AAEA,EAAA;IAAAiB,oBAAA,CAAAC,kBAAA,CAAA,yJAAA,EAUA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/hds/form/helper-text/index.js

@@ -5,7 +5,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
 /**
- * Copyright IBM Corp. 2021, 2025
+ * Copyright IBM Corp. 2021, 2026
  * SPDX-License-Identifier: MPL-2.0
  */
 const ID_PREFIX = 'helper-text-';

package/dist/components/hds/form/helper-text/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/hds/form/helper-text/index.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\nimport Component from '@glimmer/component';\n// eslint-disable-next-line ember/no-at-ember-render-modifiers\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nimport HdsTextBody from '../../text/body.gts';\n\nimport type { HdsTextBodySignature } from '../../text/body.gts';\n\nexport const ID_PREFIX = 'helper-text-';\n\nconst NOOP = (): void => {};\n\nexport interface HdsFormHelperTextSignature {\n  Args: {\n    contextualClass?: string;\n    controlId?: string;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    onInsert?: (element: HTMLElement, ...args: any[]) => void;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HdsTextBodySignature['Element'];\n}\n\nexport default class HdsFormHelperText extends Component<HdsFormHelperTextSignature> {\n  get id(): string | null {\n    const { controlId } = this.args;\n    if (controlId) {\n      return `${ID_PREFIX}${controlId}`;\n    }\n    return null;\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  get onInsert(): (element: HTMLElement, ...args: any[]) => void {\n    const { onInsert } = this.args;\n\n    // notice: this is a guard used to prevent triggering an error when the component is used as standalone element\n    if (typeof onInsert === 'function') {\n      return onInsert;\n    } else {\n      return NOOP;\n    }\n  }\n\n  get classNames(): string {\n    const classes = ['hds-form-helper-text'];\n\n    // add a class based on the @contextualClass argument\n    // notice: this will *not* be documented for public use\n    // the reason for this is that the contextual component declarations don't pass attributes to the component\n    if (this.args.contextualClass) {\n      classes.push(this.args.contextualClass);\n    }\n\n    return classes.join(' ');\n  }\n\n  <template>\n    <HdsTextBody\n      class={{this.classNames}}\n      @tag=\"div\"\n      @size=\"100\"\n      @weight=\"regular\"\n      id={{this.id}}\n      {{didInsert this.onInsert}}\n      ...attributes\n    >\n      {{yield}}\n    </HdsTextBody>\n  </template>\n}\n"],"names":["ID_PREFIX","NOOP","HdsFormHelperText","Component","id","controlId","args","onInsert","classNames","classes","contextualClass","push","join","setComponentTemplate","precompileTemplate","strictMode","scope","HdsTextBody","didInsert"],"mappings":";;;;;;AAAA;;;AAGC;AASM,MAAMA,YAAY;AAEzB,MAAMC,IAAA,GAAOA,MAAQ,CAAK,CAAA;AAeX,MAAMC,0BAA0BC,SAAA,CAAU;EACvD,IAAIC,EAAAA,GAAoB;IACtB,MAAM;AAAEC,MAAAA;KAAW,GAAG,IAAI,CAACC,IAAI;AAC/B,IAAA,IAAID,SAAA,EAAW;AACb,MAAA,OAAO,CAAA,EAAGL,SAAA,CAAA,EAAYK,WAAW;AACnC,IAAA;AACA,IAAA,OAAO,IAAA;AACT,EAAA;AAEA;EACA,IAAIE,QAAAA,GAA2D;IAC7D,MAAM;AAAEA,MAAAA;KAAU,GAAG,IAAI,CAACD,IAAI;AAE9B;AACA,IAAA,IAAI,OAAOC,aAAa,UAAA,EAAY;AAClC,MAAA,OAAOA,QAAA;AACT,IAAA,CAAA,MAAO;AACL,MAAA,OAAON,IAAA;AACT,IAAA;AACF,EAAA;EAEA,IAAIO,UAAAA,GAAqB;AACvB,IAAA,MAAMC,OAAA,GAAU,CAAC,sBAAA,CAAuB;AAExC;AACA;AACA;AACA,IAAA,IAAI,IAAI,CAACH,IAAI,CAACI,eAAe,EAAE;MAC7BD,OAAA,CAAQE,IAAI,CAAC,IAAI,CAACL,IAAI,CAACI,eAAe,CAAA;AACxC,IAAA;AAEA,IAAA,OAAOD,OAAA,CAAQG,IAAI,CAAC,GAAA,CAAA;AACtB,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,8KAAA,EAYA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,WAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/hds/form/helper-text/index.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\nimport Component from '@glimmer/component';\n// eslint-disable-next-line ember/no-at-ember-render-modifiers\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nimport HdsTextBody from '../../text/body.gts';\n\nimport type { HdsTextBodySignature } from '../../text/body.gts';\n\nexport const ID_PREFIX = 'helper-text-';\n\nconst NOOP = (): void => {};\n\nexport interface HdsFormHelperTextSignature {\n  Args: {\n    contextualClass?: string;\n    controlId?: string;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    onInsert?: (element: HTMLElement, ...args: any[]) => void;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HdsTextBodySignature['Element'];\n}\n\nexport default class HdsFormHelperText extends Component<HdsFormHelperTextSignature> {\n  get id(): string | null {\n    const { controlId } = this.args;\n    if (controlId) {\n      return `${ID_PREFIX}${controlId}`;\n    }\n    return null;\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  get onInsert(): (element: HTMLElement, ...args: any[]) => void {\n    const { onInsert } = this.args;\n\n    // notice: this is a guard used to prevent triggering an error when the component is used as standalone element\n    if (typeof onInsert === 'function') {\n      return onInsert;\n    } else {\n      return NOOP;\n    }\n  }\n\n  get classNames(): string {\n    const classes = ['hds-form-helper-text'];\n\n    // add a class based on the @contextualClass argument\n    // notice: this will *not* be documented for public use\n    // the reason for this is that the contextual component declarations don't pass attributes to the component\n    if (this.args.contextualClass) {\n      classes.push(this.args.contextualClass);\n    }\n\n    return classes.join(' ');\n  }\n\n  <template>\n    <HdsTextBody\n      class={{this.classNames}}\n      @tag=\"div\"\n      @size=\"100\"\n      @weight=\"regular\"\n      id={{this.id}}\n      {{didInsert this.onInsert}}\n      ...attributes\n    >\n      {{yield}}\n    </HdsTextBody>\n  </template>\n}\n"],"names":["ID_PREFIX","NOOP","HdsFormHelperText","Component","id","controlId","args","onInsert","classNames","classes","contextualClass","push","join","setComponentTemplate","precompileTemplate","strictMode","scope","HdsTextBody","didInsert"],"mappings":";;;;;;AAAA;;;AAGC;AASM,MAAMA,YAAY;AAEzB,MAAMC,IAAA,GAAOA,MAAQ,CAAK,CAAA;AAeX,MAAMC,0BAA0BC,SAAA,CAAU;EACvD,IAAIC,EAAAA,GAAoB;IACtB,MAAM;AAAEC,MAAAA;KAAW,GAAG,IAAI,CAACC,IAAI;AAC/B,IAAA,IAAID,SAAA,EAAW;AACb,MAAA,OAAO,CAAA,EAAGL,SAAA,CAAA,EAAYK,WAAW;AACnC,IAAA;AACA,IAAA,OAAO,IAAA;AACT,EAAA;AAEA;EACA,IAAIE,QAAAA,GAA2D;IAC7D,MAAM;AAAEA,MAAAA;KAAU,GAAG,IAAI,CAACD,IAAI;AAE9B;AACA,IAAA,IAAI,OAAOC,aAAa,UAAA,EAAY;AAClC,MAAA,OAAOA,QAAA;AACT,IAAA,CAAA,MAAO;AACL,MAAA,OAAON,IAAA;AACT,IAAA;AACF,EAAA;EAEA,IAAIO,UAAAA,GAAqB;AACvB,IAAA,MAAMC,OAAA,GAAU,CAAC,sBAAA,CAAuB;AAExC;AACA;AACA;AACA,IAAA,IAAI,IAAI,CAACH,IAAI,CAACI,eAAe,EAAE;MAC7BD,OAAA,CAAQE,IAAI,CAAC,IAAI,CAACL,IAAI,CAACI,eAAe,CAAA;AACxC,IAAA;AAEA,IAAA,OAAOD,OAAA,CAAQG,IAAI,CAAC,GAAA,CAAA;AACtB,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,8KAAA,EAYA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,WAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/hds/form/index.js

@@ -17,7 +17,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
 /**
- * Copyright IBM Corp. 2021, 2025
+ * Copyright IBM Corp. 2021, 2026
  * SPDX-License-Identifier: MPL-2.0
  */
 const DEFAULT_TAG = HdsFormTagValues.Form;

package/dist/components/hds/form/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/hds/form/index.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\nimport { eq } from 'ember-truth-helpers';\nimport { hash } from '@ember/helper';\nimport style from 'ember-style-modifier';\n\nimport type { WithBoundArgs } from '@glint/template';\nimport type Owner from '@ember/owner';\n\nimport { HdsFormTagValues } from './types.ts';\nimport HdsFormHeaderTitle from './header/title.gts';\nimport HdsFormHeaderDescription from './header/description.gts';\nimport HdsFormSectionHeader from './section/header.gts';\nimport HdsFormSectionMultiFieldGroup from './section/multi-field-group/index.gts';\nimport HdsFormSectionMultiFieldGroupItem from './section/multi-field-group/item.gts';\nimport HdsFormSeparator from './separator/index.gts';\nimport HdsFormFooter from './footer/index.gts';\nimport HdsFormHeader from './header/index.gts';\nimport HdsFormSection from './section/index.gts';\n\nimport type { HdsFormTags } from './types.ts';\n\nexport const DEFAULT_TAG = HdsFormTagValues.Form;\nexport const AVAILABLE_TAGS: HdsFormTags[] = Object.values(HdsFormTagValues);\n\nexport interface HdsFormSignature {\n  Args: {\n    tag?: HdsFormTags;\n    sectionMaxWidth?: string;\n  };\n  Blocks: {\n    default: [\n      {\n        Header?: typeof HdsFormHeader;\n        HeaderTitle?: typeof HdsFormHeaderTitle;\n        HeaderDescription?: typeof HdsFormHeaderDescription;\n        Section?: typeof HdsFormSection;\n        SectionHeader?: typeof HdsFormSectionHeader;\n        SectionHeaderTitle?: WithBoundArgs<typeof HdsFormHeaderTitle, 'size'>;\n        SectionHeaderDescription?: typeof HdsFormHeaderDescription;\n        SectionMultiFieldGroup?: typeof HdsFormSectionMultiFieldGroup;\n        SectionMultiFieldGroupItem?: typeof HdsFormSectionMultiFieldGroupItem;\n        Separator?: typeof HdsFormSeparator;\n        Footer?: typeof HdsFormFooter;\n      },\n    ];\n  };\n  Element: HTMLFormElement | HTMLDivElement;\n}\n\nexport default class HdsForm extends Component<HdsFormSignature> {\n  tag: HdsFormTags;\n\n  constructor(owner: Owner, args: HdsFormSignature['Args']) {\n    super(owner, args);\n    this.tag = args.tag ?? DEFAULT_TAG;\n\n    assert(\n      `@tag for \"Hds::Form\" must be one of the following: ${AVAILABLE_TAGS.join(', ')}; received: ${this.tag}`,\n      AVAILABLE_TAGS.includes(this.tag)\n    );\n  }\n\n  get sectionMaxWidthStyle(): Record<string, string> {\n    const sectionMaxWidthStyle: { [key: string]: string } = {};\n\n    if (this.args.sectionMaxWidth) {\n      sectionMaxWidthStyle['--hds-form-section-max-width'] =\n        this.args.sectionMaxWidth;\n    }\n    return sectionMaxWidthStyle;\n  }\n\n  <template>\n    {{#if (eq this.tag \"form\")}}\n      <form class=\"hds-form\" {{style this.sectionMaxWidthStyle}} ...attributes>\n        {{yield\n          (hash\n            Header=HdsFormHeader\n            HeaderTitle=HdsFormHeaderTitle\n            HeaderDescription=HdsFormHeaderDescription\n            Section=HdsFormSection\n            SectionHeader=HdsFormSectionHeader\n            SectionHeaderTitle=(component HdsFormHeaderTitle size=\"300\")\n            SectionHeaderDescription=HdsFormHeaderDescription\n            SectionMultiFieldGroup=HdsFormSectionMultiFieldGroup\n            SectionMultiFieldGroupItem=HdsFormSectionMultiFieldGroupItem\n            Separator=HdsFormSeparator\n            Footer=HdsFormFooter\n          )\n        }}\n      </form>\n    {{else}}\n      <div class=\"hds-form\" {{style this.sectionMaxWidthStyle}} ...attributes>\n        {{yield\n          (hash\n            Header=HdsFormHeader\n            HeaderTitle=HdsFormHeaderTitle\n            HeaderDescription=HdsFormHeaderDescription\n            Section=HdsFormSection\n            SectionHeader=HdsFormSectionHeader\n            SectionHeaderTitle=(component HdsFormHeaderTitle size=\"300\")\n            SectionHeaderDescription=HdsFormHeaderDescription\n            SectionMultiFieldGroup=HdsFormSectionMultiFieldGroup\n            SectionMultiFieldGroupItem=HdsFormSectionMultiFieldGroupItem\n            Separator=HdsFormSeparator\n            Footer=HdsFormFooter\n          )\n        }}\n      </div>\n    {{/if}}\n  </template>\n}\n"],"names":["DEFAULT_TAG","HdsFormTagValues","Form","AVAILABLE_TAGS","Object","values","HdsForm","Component","tag","constructor","owner","args","assert","join","includes","sectionMaxWidthStyle","sectionMaxWidth","setComponentTemplate","precompileTemplate","strictMode","scope","eq","style","hash","HdsFormHeader","HdsFormHeaderTitle","HdsFormHeaderDescription","HdsFormSection","HdsFormSectionHeader","HdsFormSectionMultiFieldGroup","HdsFormSectionMultiFieldGroupItem","HdsFormSeparator","HdsFormFooter"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;AAGC;AAwBM,MAAMA,WAAA,GAAcC,gBAAA,CAAiBC;AACrC,MAAMC,cAAgB,GAAgBC,MAAA,CAAOC,MAAM,CAACJ,gBAAA;AA2B5C,MAAMK,gBAAgBC,SAAA,CAAU;EAC7CC,GAAA;AAEAC,EAAAA,WAAAA,CAAYC,KAAY,EAAEC,IAA8B,EAAE;AACxD,IAAA,KAAK,CAACD,KAAA,EAAOC,IAAA,CAAA;AACb,IAAA,IAAI,CAACH,GAAG,GAAGG,IAAA,CAAKH,GAAG,IAAIR,WAAA;IAEvBY,MAAA,CACE,sDAAsDT,cAAA,CAAeU,IAAI,CAAC,IAAA,CAAA,CAAA,YAAA,EAAoB,IAAI,CAACL,GAAG,CAAA,CAAE,EACxGL,cAAA,CAAeW,QAAQ,CAAC,IAAI,CAACN,GAAG,CAAA,CAAA;AAEpC,EAAA;EAEA,IAAIO,oBAAAA,GAA+C;IACjD,MAAMA,uBAAkD,EAAC;AAEzD,IAAA,IAAI,IAAI,CAACJ,IAAI,CAACK,eAAe,EAAE;MAC7BD,oBAAoB,CAAC,8BAAA,CAA+B,GAClD,IAAI,CAACJ,IAAI,CAACK,eAAe;AAC7B,IAAA;AACA,IAAA,OAAOD,oBAAA;AACT,EAAA;AAEA,EAAA;IAAAE,oBAAA,CAAAC,kBAAA,CAAA,ymCAAA,EAsCA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,EAAA;QAAAC,KAAA;QAAAC,IAAA;QAAAC,aAAA;QAAAC,kBAAA;QAAAC,wBAAA;QAAAC,cAAA;QAAAC,oBAAA;QAAAC,6BAAA;QAAAC,iCAAA;QAAAC,gBAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/hds/form/index.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\nimport { eq } from 'ember-truth-helpers';\nimport { hash } from '@ember/helper';\nimport style from 'ember-style-modifier';\n\nimport type { WithBoundArgs } from '@glint/template';\nimport type Owner from '@ember/owner';\n\nimport { HdsFormTagValues } from './types.ts';\nimport HdsFormHeaderTitle from './header/title.gts';\nimport HdsFormHeaderDescription from './header/description.gts';\nimport HdsFormSectionHeader from './section/header.gts';\nimport HdsFormSectionMultiFieldGroup from './section/multi-field-group/index.gts';\nimport HdsFormSectionMultiFieldGroupItem from './section/multi-field-group/item.gts';\nimport HdsFormSeparator from './separator/index.gts';\nimport HdsFormFooter from './footer/index.gts';\nimport HdsFormHeader from './header/index.gts';\nimport HdsFormSection from './section/index.gts';\n\nimport type { HdsFormTags } from './types.ts';\n\nexport const DEFAULT_TAG = HdsFormTagValues.Form;\nexport const AVAILABLE_TAGS: HdsFormTags[] = Object.values(HdsFormTagValues);\n\nexport interface HdsFormSignature {\n  Args: {\n    tag?: HdsFormTags;\n    sectionMaxWidth?: string;\n  };\n  Blocks: {\n    default: [\n      {\n        Header?: typeof HdsFormHeader;\n        HeaderTitle?: typeof HdsFormHeaderTitle;\n        HeaderDescription?: typeof HdsFormHeaderDescription;\n        Section?: typeof HdsFormSection;\n        SectionHeader?: typeof HdsFormSectionHeader;\n        SectionHeaderTitle?: WithBoundArgs<typeof HdsFormHeaderTitle, 'size'>;\n        SectionHeaderDescription?: typeof HdsFormHeaderDescription;\n        SectionMultiFieldGroup?: typeof HdsFormSectionMultiFieldGroup;\n        SectionMultiFieldGroupItem?: typeof HdsFormSectionMultiFieldGroupItem;\n        Separator?: typeof HdsFormSeparator;\n        Footer?: typeof HdsFormFooter;\n      },\n    ];\n  };\n  Element: HTMLFormElement | HTMLDivElement;\n}\n\nexport default class HdsForm extends Component<HdsFormSignature> {\n  tag: HdsFormTags;\n\n  constructor(owner: Owner, args: HdsFormSignature['Args']) {\n    super(owner, args);\n    this.tag = args.tag ?? DEFAULT_TAG;\n\n    assert(\n      `@tag for \"Hds::Form\" must be one of the following: ${AVAILABLE_TAGS.join(', ')}; received: ${this.tag}`,\n      AVAILABLE_TAGS.includes(this.tag)\n    );\n  }\n\n  get sectionMaxWidthStyle(): Record<string, string> {\n    const sectionMaxWidthStyle: { [key: string]: string } = {};\n\n    if (this.args.sectionMaxWidth) {\n      sectionMaxWidthStyle['--hds-form-section-max-width'] =\n        this.args.sectionMaxWidth;\n    }\n    return sectionMaxWidthStyle;\n  }\n\n  <template>\n    {{#if (eq this.tag \"form\")}}\n      <form class=\"hds-form\" {{style this.sectionMaxWidthStyle}} ...attributes>\n        {{yield\n          (hash\n            Header=HdsFormHeader\n            HeaderTitle=HdsFormHeaderTitle\n            HeaderDescription=HdsFormHeaderDescription\n            Section=HdsFormSection\n            SectionHeader=HdsFormSectionHeader\n            SectionHeaderTitle=(component HdsFormHeaderTitle size=\"300\")\n            SectionHeaderDescription=HdsFormHeaderDescription\n            SectionMultiFieldGroup=HdsFormSectionMultiFieldGroup\n            SectionMultiFieldGroupItem=HdsFormSectionMultiFieldGroupItem\n            Separator=HdsFormSeparator\n            Footer=HdsFormFooter\n          )\n        }}\n      </form>\n    {{else}}\n      <div class=\"hds-form\" {{style this.sectionMaxWidthStyle}} ...attributes>\n        {{yield\n          (hash\n            Header=HdsFormHeader\n            HeaderTitle=HdsFormHeaderTitle\n            HeaderDescription=HdsFormHeaderDescription\n            Section=HdsFormSection\n            SectionHeader=HdsFormSectionHeader\n            SectionHeaderTitle=(component HdsFormHeaderTitle size=\"300\")\n            SectionHeaderDescription=HdsFormHeaderDescription\n            SectionMultiFieldGroup=HdsFormSectionMultiFieldGroup\n            SectionMultiFieldGroupItem=HdsFormSectionMultiFieldGroupItem\n            Separator=HdsFormSeparator\n            Footer=HdsFormFooter\n          )\n        }}\n      </div>\n    {{/if}}\n  </template>\n}\n"],"names":["DEFAULT_TAG","HdsFormTagValues","Form","AVAILABLE_TAGS","Object","values","HdsForm","Component","tag","constructor","owner","args","assert","join","includes","sectionMaxWidthStyle","sectionMaxWidth","setComponentTemplate","precompileTemplate","strictMode","scope","eq","style","hash","HdsFormHeader","HdsFormHeaderTitle","HdsFormHeaderDescription","HdsFormSection","HdsFormSectionHeader","HdsFormSectionMultiFieldGroup","HdsFormSectionMultiFieldGroupItem","HdsFormSeparator","HdsFormFooter"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;AAGC;AAwBM,MAAMA,WAAA,GAAcC,gBAAA,CAAiBC;AACrC,MAAMC,cAAgB,GAAgBC,MAAA,CAAOC,MAAM,CAACJ,gBAAA;AA2B5C,MAAMK,gBAAgBC,SAAA,CAAU;EAC7CC,GAAA;AAEAC,EAAAA,WAAAA,CAAYC,KAAY,EAAEC,IAA8B,EAAE;AACxD,IAAA,KAAK,CAACD,KAAA,EAAOC,IAAA,CAAA;AACb,IAAA,IAAI,CAACH,GAAG,GAAGG,IAAA,CAAKH,GAAG,IAAIR,WAAA;IAEvBY,MAAA,CACE,sDAAsDT,cAAA,CAAeU,IAAI,CAAC,IAAA,CAAA,CAAA,YAAA,EAAoB,IAAI,CAACL,GAAG,CAAA,CAAE,EACxGL,cAAA,CAAeW,QAAQ,CAAC,IAAI,CAACN,GAAG,CAAA,CAAA;AAEpC,EAAA;EAEA,IAAIO,oBAAAA,GAA+C;IACjD,MAAMA,uBAAkD,EAAC;AAEzD,IAAA,IAAI,IAAI,CAACJ,IAAI,CAACK,eAAe,EAAE;MAC7BD,oBAAoB,CAAC,8BAAA,CAA+B,GAClD,IAAI,CAACJ,IAAI,CAACK,eAAe;AAC7B,IAAA;AACA,IAAA,OAAOD,oBAAA;AACT,EAAA;AAEA,EAAA;IAAAE,oBAAA,CAAAC,kBAAA,CAAA,ymCAAA,EAsCA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,EAAA;QAAAC,KAAA;QAAAC,IAAA;QAAAC,aAAA;QAAAC,kBAAA;QAAAC,wBAAA;QAAAC,cAAA;QAAAC,oBAAA;QAAAC,6BAAA;QAAAC,iCAAA;QAAAC,gBAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/hds/form/indicator/index.js

@@ -6,7 +6,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
 /**
- * Copyright IBM Corp. 2021, 2025
+ * Copyright IBM Corp. 2021, 2026
  * SPDX-License-Identifier: MPL-2.0
  */
 class HdsFormIndicator extends Component {

package/dist/components/hds/form/indicator/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/hds/form/indicator/index.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n\nimport HdsTextBody from '../../text/body.gts';\nimport HdsBadge from '../../badge/index.gts';\nimport hdsT from '../../../../helpers/hds-t.ts';\n\nimport type { HdsTextBodySignature } from '../../text/body.gts';\nimport type { HdsBadgeSignature } from '../../badge/index.gts';\n\nexport interface HdsFormIndicatorSignature {\n  Args: {\n    isOptional?: boolean;\n    isRequired?: boolean;\n  };\n  Element: HdsTextBodySignature['Element'] | HdsBadgeSignature['Element'];\n}\n\nexport default class HdsFormIndicator extends Component<HdsFormIndicatorSignature> {\n  get classNames(): string {\n    const classes = ['hds-form-indicator'];\n\n    if (this.args.isOptional) {\n      // add speficic class for \"optional\" indicator\n      classes.push('hds-form-indicator--optional');\n    }\n\n    return classes.join(' ');\n  }\n\n  <template>\n    {{#if @isOptional}}\n      <HdsTextBody\n        class={{this.classNames}}\n        @tag=\"span\"\n        @size=\"100\"\n        @weight=\"regular\"\n      >\n        ({{hdsT\n          \"hds.components.form.common.optional_field_indicator\"\n          default=\"Optional\"\n        }})\n      </HdsTextBody>\n    {{/if}}\n    {{#if @isRequired}}\n      &nbsp;<HdsBadge\n        aria-hidden=\"true\"\n        class={{this.classNames}}\n        @size=\"small\"\n        @color=\"neutral\"\n        @text={{hdsT\n          \"hds.components.form.common.required_field_indicator\"\n          default=\"Required\"\n        }}\n      />\n    {{/if}}\n  </template>\n}\n"],"names":["HdsFormIndicator","Component","classNames","classes","args","isOptional","push","join","setComponentTemplate","precompileTemplate","strictMode","scope","HdsTextBody","hdsT","HdsBadge"],"mappings":";;;;;;;AAAA;;;AAGC;AAmBc,MAAMA,yBAAyBC,SAAA,CAAU;EACtD,IAAIC,UAAAA,GAAqB;AACvB,IAAA,MAAMC,OAAA,GAAU,CAAC,oBAAA,CAAqB;AAEtC,IAAA,IAAI,IAAI,CAACC,IAAI,CAACC,UAAU,EAAE;AACxB;AACAF,MAAAA,OAAA,CAAQG,IAAI,CAAC,8BAAA,CAAA;AACf,IAAA;AAEA,IAAA,OAAOH,OAAA,CAAQI,IAAI,CAAC,GAAA,CAAA;AACtB,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,0cAAA,EA0BA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,WAAA;cAAAC,UAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/hds/form/indicator/index.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n\nimport HdsTextBody from '../../text/body.gts';\nimport HdsBadge from '../../badge/index.gts';\nimport hdsT from '../../../../helpers/hds-t.ts';\n\nimport type { HdsTextBodySignature } from '../../text/body.gts';\nimport type { HdsBadgeSignature } from '../../badge/index.gts';\n\nexport interface HdsFormIndicatorSignature {\n  Args: {\n    isOptional?: boolean;\n    isRequired?: boolean;\n  };\n  Element: HdsTextBodySignature['Element'] | HdsBadgeSignature['Element'];\n}\n\nexport default class HdsFormIndicator extends Component<HdsFormIndicatorSignature> {\n  get classNames(): string {\n    const classes = ['hds-form-indicator'];\n\n    if (this.args.isOptional) {\n      // add speficic class for \"optional\" indicator\n      classes.push('hds-form-indicator--optional');\n    }\n\n    return classes.join(' ');\n  }\n\n  <template>\n    {{#if @isOptional}}\n      <HdsTextBody\n        class={{this.classNames}}\n        @tag=\"span\"\n        @size=\"100\"\n        @weight=\"regular\"\n      >\n        ({{hdsT\n          \"hds.components.form.common.optional_field_indicator\"\n          default=\"Optional\"\n        }})\n      </HdsTextBody>\n    {{/if}}\n    {{#if @isRequired}}\n      &nbsp;<HdsBadge\n        aria-hidden=\"true\"\n        class={{this.classNames}}\n        @size=\"small\"\n        @color=\"neutral\"\n        @text={{hdsT\n          \"hds.components.form.common.required_field_indicator\"\n          default=\"Required\"\n        }}\n      />\n    {{/if}}\n  </template>\n}\n"],"names":["HdsFormIndicator","Component","classNames","classes","args","isOptional","push","join","setComponentTemplate","precompileTemplate","strictMode","scope","HdsTextBody","hdsT","HdsBadge"],"mappings":";;;;;;;AAAA;;;AAGC;AAmBc,MAAMA,yBAAyBC,SAAA,CAAU;EACtD,IAAIC,UAAAA,GAAqB;AACvB,IAAA,MAAMC,OAAA,GAAU,CAAC,oBAAA,CAAqB;AAEtC,IAAA,IAAI,IAAI,CAACC,IAAI,CAACC,UAAU,EAAE;AACxB;AACAF,MAAAA,OAAA,CAAQG,IAAI,CAAC,8BAAA,CAAA;AACf,IAAA;AAEA,IAAA,OAAOH,OAAA,CAAQI,IAAI,CAAC,GAAA,CAAA;AACtB,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,0cAAA,EA0BA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,WAAA;cAAAC,UAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/hds/form/key-value-inputs/add-row-button.js

@@ -7,7 +7,7 @@ import { setComponentTemplate } from '@ember/component';
 import { g, i } from 'decorator-transforms/runtime';
 
 /**
- * Copyright IBM Corp. 2021, 2025
+ * Copyright IBM Corp. 2021, 2026
  * SPDX-License-Identifier: MPL-2.0
  */
 class HdsFormKeyValueInputsAddRowButton extends Component {

package/dist/components/hds/form/key-value-inputs/add-row-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"add-row-button.js","sources":["../../../../../src/components/hds/form/key-value-inputs/add-row-button.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { on } from '@ember/modifier';\nimport { service } from '@ember/service';\n\nimport HdsButton from '../../button/index.gts';\n\nimport type HdsIntlService from '../../../../services/hds-intl.ts';\n\nimport type { HdsButtonSignature } from '../../button/index.gts';\n\nexport interface HdsFormKeyValueInputsAddRowButtonSignature {\n  Args: {\n    ariaLabel?: string;\n    onClick?: () => void;\n    text?: HdsButtonSignature['Args']['text'];\n  };\n  Element: HdsButtonSignature['Element'];\n}\n\nexport default class HdsFormKeyValueInputsAddRowButton extends Component<HdsFormKeyValueInputsAddRowButtonSignature> {\n  @service declare readonly hdsIntl: HdsIntlService;\n\n  get ariaDescription(): string {\n    return this.hdsIntl.t(\n      'hds.components.form.key-value-inputs.add-row-button.aria-description',\n      {\n        default:\n          'Adds a new row of one or more inputs at the end of the form field. Press shift tab to move focus back to the newly added row.',\n      }\n    );\n  }\n\n  get text(): string {\n    return (\n      this.args.text ??\n      this.hdsIntl.t(\n        'hds.components.form.key-value-inputs.add-row-button.text',\n        {\n          default: 'Add row',\n        }\n      )\n    );\n  }\n\n  onClick = (): void => {\n    const { onClick } = this.args;\n\n    if (typeof onClick === 'function') {\n      onClick();\n    }\n  };\n\n  <template>\n    <HdsButton\n      @text={{this.text}}\n      @size=\"medium\"\n      @color=\"secondary\"\n      @icon=\"plus\"\n      @iconPosition=\"leading\"\n      class=\"hds-form-key-value-inputs__add-row-button\"\n      aria-description={{this.ariaDescription}}\n      {{on \"click\" this.onClick}}\n      ...attributes\n    />\n  </template>\n}\n"],"names":["HdsFormKeyValueInputsAddRowButton","Component","g","prototype","service","i","ariaDescription","hdsIntl","t","default","text","args","onClick","setComponentTemplate","precompileTemplate","strictMode","scope","HdsButton","on"],"mappings":";;;;;;;;AAAA;;;AAGC;AAqBc,MAAMA,0CAA0CC,SAAA,CAAU;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CACtEC,OAAA,CAAA,CAAA;AAAA;EAAA,QAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,SAAA,CAAA,EAAA,MAAA;EAED,IAAIC,eAAAA,GAA0B;AAC5B,IAAA,OAAO,IAAI,CAACC,OAAO,CAACC,CAAC,CACnB,sEAAA,EACA;AACEC,MAAAA,OAAA,EACE;AACJ,KAAA,CAAA;AAEJ,EAAA;EAEA,IAAIC,IAAAA,GAAe;AACjB,IAAA,OACE,IAAI,CAACC,IAAI,CAACD,IAAI,IACd,IAAI,CAACH,OAAO,CAACC,CAAC,CACZ,0DAAA,EACA;AACEC,MAAAA,OAAA,EAAS;AACX,KAAA,CAEJ;AACF,EAAA;EAEAG,OAAA,GAAUA,MAAQ;IAChB,MAAM;AAAEA,MAAAA;KAAS,GAAG,IAAI,CAACD,IAAI;AAE7B,IAAA,IAAI,OAAOC,YAAY,UAAA,EAAY;AACjCA,MAAAA,OAAA,EAAA;AACF,IAAA;EACF,CAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,4PAAA,EAYA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,SAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"add-row-button.js","sources":["../../../../../src/components/hds/form/key-value-inputs/add-row-button.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { on } from '@ember/modifier';\nimport { service } from '@ember/service';\n\nimport HdsButton from '../../button/index.gts';\n\nimport type HdsIntlService from '../../../../services/hds-intl.ts';\n\nimport type { HdsButtonSignature } from '../../button/index.gts';\n\nexport interface HdsFormKeyValueInputsAddRowButtonSignature {\n  Args: {\n    ariaLabel?: string;\n    onClick?: () => void;\n    text?: HdsButtonSignature['Args']['text'];\n  };\n  Element: HdsButtonSignature['Element'];\n}\n\nexport default class HdsFormKeyValueInputsAddRowButton extends Component<HdsFormKeyValueInputsAddRowButtonSignature> {\n  @service declare readonly hdsIntl: HdsIntlService;\n\n  get ariaDescription(): string {\n    return this.hdsIntl.t(\n      'hds.components.form.key-value-inputs.add-row-button.aria-description',\n      {\n        default:\n          'Adds a new row of one or more inputs at the end of the form field. Press shift tab to move focus back to the newly added row.',\n      }\n    );\n  }\n\n  get text(): string {\n    return (\n      this.args.text ??\n      this.hdsIntl.t(\n        'hds.components.form.key-value-inputs.add-row-button.text',\n        {\n          default: 'Add row',\n        }\n      )\n    );\n  }\n\n  onClick = (): void => {\n    const { onClick } = this.args;\n\n    if (typeof onClick === 'function') {\n      onClick();\n    }\n  };\n\n  <template>\n    <HdsButton\n      @text={{this.text}}\n      @size=\"medium\"\n      @color=\"secondary\"\n      @icon=\"plus\"\n      @iconPosition=\"leading\"\n      class=\"hds-form-key-value-inputs__add-row-button\"\n      aria-description={{this.ariaDescription}}\n      {{on \"click\" this.onClick}}\n      ...attributes\n    />\n  </template>\n}\n"],"names":["HdsFormKeyValueInputsAddRowButton","Component","g","prototype","service","i","ariaDescription","hdsIntl","t","default","text","args","onClick","setComponentTemplate","precompileTemplate","strictMode","scope","HdsButton","on"],"mappings":";;;;;;;;AAAA;;;AAGC;AAqBc,MAAMA,0CAA0CC,SAAA,CAAU;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CACtEC,OAAA,CAAA,CAAA;AAAA;EAAA,QAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,SAAA,CAAA,EAAA,MAAA;EAED,IAAIC,eAAAA,GAA0B;AAC5B,IAAA,OAAO,IAAI,CAACC,OAAO,CAACC,CAAC,CACnB,sEAAA,EACA;AACEC,MAAAA,OAAA,EACE;AACJ,KAAA,CAAA;AAEJ,EAAA;EAEA,IAAIC,IAAAA,GAAe;AACjB,IAAA,OACE,IAAI,CAACC,IAAI,CAACD,IAAI,IACd,IAAI,CAACH,OAAO,CAACC,CAAC,CACZ,0DAAA,EACA;AACEC,MAAAA,OAAA,EAAS;AACX,KAAA,CAEJ;AACF,EAAA;EAEAG,OAAA,GAAUA,MAAQ;IAChB,MAAM;AAAEA,MAAAA;KAAS,GAAG,IAAI,CAACD,IAAI;AAE7B,IAAA,IAAI,OAAOC,YAAY,UAAA,EAAY;AACjCA,MAAAA,OAAA,EAAA;AACF,IAAA;EACF,CAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,4PAAA,EAYA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,SAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/hds/form/key-value-inputs/delete-row-button.js

@@ -8,7 +8,7 @@ import { setComponentTemplate } from '@ember/component';
 import { g, i } from 'decorator-transforms/runtime';
 
 /**
- * Copyright IBM Corp. 2021, 2025
+ * Copyright IBM Corp. 2021, 2026
  * SPDX-License-Identifier: MPL-2.0
  */
 class HdsFormKeyValueInputsDeleteRowButton extends Component {

package/dist/components/hds/form/key-value-inputs/delete-row-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"delete-row-button.js","sources":["../../../../../src/components/hds/form/key-value-inputs/delete-row-button.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\nimport Component from '@glimmer/component';\nimport { modifier } from 'ember-modifier';\nimport { on } from '@ember/modifier';\nimport { service } from '@ember/service';\n\nimport type HdsIntlService from '../../../../services/hds-intl.ts';\n\nimport HdsButton from '../../button/index.gts';\n\nimport type { HdsButtonSignature } from '../../button/index.gts';\n\nexport interface HdsFormKeyValueInputsDeleteRowButtonSignature {\n  Args: {\n    onClick?: (rowData: unknown, rowIndex: number) => void;\n    onInsert?: () => void;\n    onRemove?: () => void;\n    returnFocusTo?: HTMLFieldSetElement;\n    rowData: unknown;\n    rowIndex: number;\n    text?: HdsButtonSignature['Args']['text'];\n  };\n  Element: HdsButtonSignature['Element'];\n}\n\nexport default class HdsFormKeyValueInputsDeleteRowButton extends Component<HdsFormKeyValueInputsDeleteRowButtonSignature> {\n  @service declare readonly hdsIntl: HdsIntlService;\n\n  private _onInsert = modifier(() => {\n    if (this.args.onInsert) {\n      this.args.onInsert();\n    }\n\n    return () => {\n      if (this.args.onRemove) {\n        this.args.onRemove();\n      }\n\n      const { returnFocusTo } = this.args;\n\n      if (returnFocusTo && returnFocusTo.isConnected) {\n        returnFocusTo.focus();\n      }\n    };\n  });\n\n  get text(): string {\n    return (\n      this.args.text ??\n      this.hdsIntl.t(\n        'hds.components.form.key-value-inputs.delete-row-button.text',\n        {\n          default: 'Delete row {rowNumber}',\n          rowNumber: this.args.rowIndex + 1,\n        }\n      )\n    );\n  }\n\n  onClick = (): void => {\n    const { onClick } = this.args;\n\n    if (typeof onClick === 'function') {\n      onClick(this.args.rowData, this.args.rowIndex);\n    }\n  };\n\n  <template>\n    <span\n      class=\"hds-form-key-value-inputs__delete-row-button-container\"\n      {{this._onInsert}}\n    >\n      <HdsButton\n        @text={{this.text}}\n        @size=\"medium\"\n        @color=\"secondary\"\n        @icon=\"trash\"\n        @isIconOnly={{true}}\n        class=\"hds-form-key-value-inputs__delete-row-button\"\n        {{on \"click\" this.onClick}}\n        ...attributes\n      />\n    </span>\n  </template>\n}\n"],"names":["HdsFormKeyValueInputsDeleteRowButton","Component","g","prototype","service","i","_onInsert","modifier","args","onInsert","onRemove","returnFocusTo","isConnected","focus","text","hdsIntl","t","default","rowNumber","rowIndex","onClick","rowData","setComponentTemplate","precompileTemplate","strictMode","scope","HdsButton","on"],"mappings":";;;;;;;;;AAAA;;;AAGC;AAyBc,MAAMA,6CAA6CC,SAAA,CAAU;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CACzEC,OAAA,CAAA,CAAA;AAAA;EAAA,QAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,SAAA,CAAA,EAAA,MAAA;EAEOC,YAAYC,QAAA,CAAS,MAAA;AAC3B,IAAA,IAAI,IAAI,CAACC,IAAI,CAACC,QAAQ,EAAE;AACtB,MAAA,IAAI,CAACD,IAAI,CAACC,QAAQ,EAAA;AACpB,IAAA;AAEA,IAAA,OAAO,MAAA;AACL,MAAA,IAAI,IAAI,CAACD,IAAI,CAACE,QAAQ,EAAE;AACtB,QAAA,IAAI,CAACF,IAAI,CAACE,QAAQ,EAAA;AACpB,MAAA;MAEA,MAAM;AAAEC,QAAAA;OAAe,GAAG,IAAI,CAACH,IAAI;AAEnC,MAAA,IAAIG,aAAA,IAAiBA,aAAA,CAAcC,WAAW,EAAE;QAC9CD,aAAA,CAAcE,KAAK,EAAA;AACrB,MAAA;IACF,CAAA;AACF,EAAA,CAAA,CAAA;EAEA,IAAIC,IAAAA,GAAe;AACjB,IAAA,OACE,IAAI,CAACN,IAAI,CAACM,IAAI,IACd,IAAI,CAACC,OAAO,CAACC,CAAC,CACZ,6DAAA,EACA;AACEC,MAAAA,OAAA,EAAS,wBAAA;AACTC,MAAAA,SAAA,EAAW,IAAI,CAACV,IAAI,CAACW,QAAQ,GAAG;AAClC,KAAA,CAEJ;AACF,EAAA;EAEAC,OAAA,GAAUA,MAAQ;IAChB,MAAM;AAAEA,MAAAA;KAAS,GAAG,IAAI,CAACZ,IAAI;AAE7B,IAAA,IAAI,OAAOY,YAAY,UAAA,EAAY;AACjCA,MAAAA,OAAA,CAAQ,IAAI,CAACZ,IAAI,CAACa,OAAO,EAAE,IAAI,CAACb,IAAI,CAACW,QAAQ,CAAA;AAC/C,IAAA;EACF,CAAA;AAEA,EAAA;IAAAG,oBAAA,CAAAC,kBAAA,CAAA,wTAAA,EAgBA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,SAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"delete-row-button.js","sources":["../../../../../src/components/hds/form/key-value-inputs/delete-row-button.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\nimport Component from '@glimmer/component';\nimport { modifier } from 'ember-modifier';\nimport { on } from '@ember/modifier';\nimport { service } from '@ember/service';\n\nimport type HdsIntlService from '../../../../services/hds-intl.ts';\n\nimport HdsButton from '../../button/index.gts';\n\nimport type { HdsButtonSignature } from '../../button/index.gts';\n\nexport interface HdsFormKeyValueInputsDeleteRowButtonSignature {\n  Args: {\n    onClick?: (rowData: unknown, rowIndex: number) => void;\n    onInsert?: () => void;\n    onRemove?: () => void;\n    returnFocusTo?: HTMLFieldSetElement;\n    rowData: unknown;\n    rowIndex: number;\n    text?: HdsButtonSignature['Args']['text'];\n  };\n  Element: HdsButtonSignature['Element'];\n}\n\nexport default class HdsFormKeyValueInputsDeleteRowButton extends Component<HdsFormKeyValueInputsDeleteRowButtonSignature> {\n  @service declare readonly hdsIntl: HdsIntlService;\n\n  private _onInsert = modifier(() => {\n    if (this.args.onInsert) {\n      this.args.onInsert();\n    }\n\n    return () => {\n      if (this.args.onRemove) {\n        this.args.onRemove();\n      }\n\n      const { returnFocusTo } = this.args;\n\n      if (returnFocusTo && returnFocusTo.isConnected) {\n        returnFocusTo.focus();\n      }\n    };\n  });\n\n  get text(): string {\n    return (\n      this.args.text ??\n      this.hdsIntl.t(\n        'hds.components.form.key-value-inputs.delete-row-button.text',\n        {\n          default: 'Delete row {rowNumber}',\n          rowNumber: this.args.rowIndex + 1,\n        }\n      )\n    );\n  }\n\n  onClick = (): void => {\n    const { onClick } = this.args;\n\n    if (typeof onClick === 'function') {\n      onClick(this.args.rowData, this.args.rowIndex);\n    }\n  };\n\n  <template>\n    <span\n      class=\"hds-form-key-value-inputs__delete-row-button-container\"\n      {{this._onInsert}}\n    >\n      <HdsButton\n        @text={{this.text}}\n        @size=\"medium\"\n        @color=\"secondary\"\n        @icon=\"trash\"\n        @isIconOnly={{true}}\n        class=\"hds-form-key-value-inputs__delete-row-button\"\n        {{on \"click\" this.onClick}}\n        ...attributes\n      />\n    </span>\n  </template>\n}\n"],"names":["HdsFormKeyValueInputsDeleteRowButton","Component","g","prototype","service","i","_onInsert","modifier","args","onInsert","onRemove","returnFocusTo","isConnected","focus","text","hdsIntl","t","default","rowNumber","rowIndex","onClick","rowData","setComponentTemplate","precompileTemplate","strictMode","scope","HdsButton","on"],"mappings":";;;;;;;;;AAAA;;;AAGC;AAyBc,MAAMA,6CAA6CC,SAAA,CAAU;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CACzEC,OAAA,CAAA,CAAA;AAAA;EAAA,QAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,SAAA,CAAA,EAAA,MAAA;EAEOC,YAAYC,QAAA,CAAS,MAAA;AAC3B,IAAA,IAAI,IAAI,CAACC,IAAI,CAACC,QAAQ,EAAE;AACtB,MAAA,IAAI,CAACD,IAAI,CAACC,QAAQ,EAAA;AACpB,IAAA;AAEA,IAAA,OAAO,MAAA;AACL,MAAA,IAAI,IAAI,CAACD,IAAI,CAACE,QAAQ,EAAE;AACtB,QAAA,IAAI,CAACF,IAAI,CAACE,QAAQ,EAAA;AACpB,MAAA;MAEA,MAAM;AAAEC,QAAAA;OAAe,GAAG,IAAI,CAACH,IAAI;AAEnC,MAAA,IAAIG,aAAA,IAAiBA,aAAA,CAAcC,WAAW,EAAE;QAC9CD,aAAA,CAAcE,KAAK,EAAA;AACrB,MAAA;IACF,CAAA;AACF,EAAA,CAAA,CAAA;EAEA,IAAIC,IAAAA,GAAe;AACjB,IAAA,OACE,IAAI,CAACN,IAAI,CAACM,IAAI,IACd,IAAI,CAACC,OAAO,CAACC,CAAC,CACZ,6DAAA,EACA;AACEC,MAAAA,OAAA,EAAS,wBAAA;AACTC,MAAAA,SAAA,EAAW,IAAI,CAACV,IAAI,CAACW,QAAQ,GAAG;AAClC,KAAA,CAEJ;AACF,EAAA;EAEAC,OAAA,GAAUA,MAAQ;IAChB,MAAM;AAAEA,MAAAA;KAAS,GAAG,IAAI,CAACZ,IAAI;AAE7B,IAAA,IAAI,OAAOY,YAAY,UAAA,EAAY;AACjCA,MAAAA,OAAA,CAAQ,IAAI,CAACZ,IAAI,CAACa,OAAO,EAAE,IAAI,CAACb,IAAI,CAACW,QAAQ,CAAA;AAC/C,IAAA;EACF,CAAA;AAEA,EAAA;IAAAG,oBAAA,CAAAC,kBAAA,CAAA,wTAAA,EAgBA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,SAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/hds/form/key-value-inputs/field.js

@@ -19,7 +19,7 @@ import { setComponentTemplate } from '@ember/component';
 import { c, g, i } from 'decorator-transforms/runtime';
 
 /**
- * Copyright IBM Corp. 2021, 2025
+ * Copyright IBM Corp. 2021, 2026
  * SPDX-License-Identifier: MPL-2.0
  */
 const HdsFormKeyValueInputsField = c(class HdsFormKeyValueInputsField extends Component {

package/dist/components/hds/form/key-value-inputs/field.js.map

@@ -1 +1 @@
-{"version":3,"file":"field.js","sources":["../../../../../src/components/hds/form/key-value-inputs/field.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { modifier } from 'ember-modifier';\nimport { hash, concat } from '@ember/helper';\n\nimport type { WithBoundArgs } from '@glint/template';\n\nimport {\n  ariaDescribedBy,\n  registerAriaDescriptionElement,\n  unregisterAriaDescriptionElement,\n} from '../../../../utils/hds-aria-described-by.ts';\nimport { getElementId } from '../../../../utils/hds-get-element-id.ts';\nimport HdsFormError from '../error/index.gts';\nimport HdsFormFileInputBase from '../file-input/base.gts';\nimport HdsFormHelperText from '../helper-text/index.gts';\nimport HdsFormLabel, { ID_PREFIX as LABEL_ID_PREFIX } from '../label/index.gts';\nimport HdsFormMaskedInputBase from '../masked-input/base.gts';\nimport HdsFormSelectBase from '../select/base.gts';\nimport HdsFormSuperSelectMultipleBase from '../super-select/multiple/base.gts';\nimport HdsFormSuperSelectSingleBase from '../super-select/single/base.gts';\nimport HdsFormTextareaBase from '../textarea/base.gts';\nimport HdsFormTextInputBase from '../text-input/base.gts';\n\nimport { service } from '@ember/service';\n\nimport type HdsIntlService from '../../../../services/hds-intl.ts';\nimport type { AriaDescribedByComponent } from '../../../../utils/hds-aria-described-by.ts';\n\nexport interface HdsFormKeyValueInputsFieldSignature {\n  Args: {\n    extraAriaDescribedBy?: string;\n    id?: string;\n    isInvalid?: boolean;\n    isOptional?: boolean;\n    isRequired?: boolean;\n    onInsert?: () => void;\n    onRemove?: () => void;\n    rowIndex: number;\n    width?: string;\n  };\n  Blocks: {\n    default?: [\n      {\n        Label?: WithBoundArgs<\n          typeof HdsFormLabel,\n          | 'contextualClass'\n          | 'controlId'\n          | 'hiddenText'\n          | 'isOptional'\n          | 'isRequired'\n        >;\n        HelperText?: WithBoundArgs<\n          typeof HdsFormHelperText,\n          'contextualClass' | 'controlId' | 'onInsert'\n        >;\n        FileInput?: WithBoundArgs<\n          typeof HdsFormFileInputBase,\n          'ariaDescribedBy' | 'id'\n        >;\n        MaskedInput?: WithBoundArgs<\n          typeof HdsFormMaskedInputBase,\n          'ariaDescribedBy' | 'id' | 'isInvalid'\n        >;\n        Select?: WithBoundArgs<\n          typeof HdsFormSelectBase,\n          'ariaDescribedBy' | 'id' | 'isInvalid'\n        >;\n        SuperSelectSingle?: WithBoundArgs<\n          typeof HdsFormSuperSelectSingleBase,\n          'ariaDescribedBy' | 'ariaLabelledBy' | 'isInvalid' | 'triggerId'\n        >;\n        SuperSelectMultiple?: WithBoundArgs<\n          typeof HdsFormSuperSelectMultipleBase,\n          'ariaDescribedBy' | 'ariaLabelledBy' | 'isInvalid' | 'triggerId'\n        >;\n        TextInput?: WithBoundArgs<\n          typeof HdsFormTextInputBase,\n          'ariaDescribedBy' | 'id' | 'isInvalid'\n        >;\n        Textarea?: WithBoundArgs<\n          typeof HdsFormTextareaBase,\n          'ariaDescribedBy' | 'id' | 'isInvalid'\n        >;\n        Error?: WithBoundArgs<\n          typeof HdsFormError,\n          'contextualClass' | 'controlId' | 'onInsert' | 'onRemove'\n        >;\n      },\n    ];\n  };\n  Element: HTMLDivElement;\n}\n\n// @ts-expect-error: decorator function return type 'ClassOf<AriaDescribedBy>' is not assignable to 'typeof HdsFormField'\n@ariaDescribedBy\nexport default class HdsFormKeyValueInputsField extends Component<HdsFormKeyValueInputsFieldSignature> {\n  @service declare readonly hdsIntl: HdsIntlService;\n\n  private _onInsert = modifier(() => {\n    if (this.args.onInsert) {\n      this.args.onInsert();\n    }\n\n    return () => {\n      if (this.args.onRemove) {\n        this.args.onRemove();\n      }\n    };\n  });\n\n  get id(): string {\n    return getElementId(this);\n  }\n\n  get labelHiddenText(): string {\n    return this.hdsIntl.t(\n      'hds.components.form.key-value-inputs.field.label-hidden-text',\n      {\n        default: 'row {rowNumber}',\n        rowNumber: this.args.rowIndex + 1,\n      }\n    );\n  }\n\n  get labelIdPrefix(): string {\n    return LABEL_ID_PREFIX;\n  }\n\n  appendDescriptor = (element: HTMLElement): void => {\n    registerAriaDescriptionElement(this as AriaDescribedByComponent, element);\n  };\n\n  removeDescriptor = (element: HTMLElement): void => {\n    unregisterAriaDescriptionElement(this as AriaDescribedByComponent, element);\n  };\n\n  <template>\n    <div\n      class=\"hds-form-key-value-inputs__field\"\n      data-width={{@width}}\n      ...attributes\n      {{this._onInsert}}\n    >\n      <div class=\"hds-form-key-value-inputs__field-header\">\n        {{yield\n          (hash\n            Label=(component\n              HdsFormLabel\n              contextualClass=\"hds-form-key-value-inputs__field-label\"\n              controlId=this.id\n              hiddenText=this.labelHiddenText\n              isOptional=@isOptional\n              isRequired=@isRequired\n            )\n          )\n        }}\n        {{yield\n          (hash\n            HelperText=(component\n              HdsFormHelperText\n              contextualClass=\"hds-form-key-value-inputs__field-helper-text\"\n              controlId=this.id\n              onInsert=this.appendDescriptor\n            )\n          )\n        }}\n      </div>\n      <div class=\"hds-form-key-value-inputs__field-control\">\n        {{! @glint-expect-error - Glint does not recognize this.ariaDescribedBy as defined when used directly in a multi-line hash passed to yield. Since @glint-expect-error only applies to the line immediately after it and cannot be placed inside a multi-line hash, we use a let to work around this limitation. }}\n        {{#let this.ariaDescribedBy as |ariaDescribedBy|}}\n          {{yield\n            (hash\n              FileInput=(component\n                HdsFormFileInputBase ariaDescribedBy=ariaDescribedBy id=this.id\n              )\n              MaskedInput=(component\n                HdsFormMaskedInputBase\n                ariaDescribedBy=ariaDescribedBy\n                id=this.id\n                isInvalid=@isInvalid\n              )\n              Select=(component\n                HdsFormSelectBase\n                ariaDescribedBy=ariaDescribedBy\n                id=this.id\n                isInvalid=@isInvalid\n              )\n              SuperSelectSingle=(component\n                HdsFormSuperSelectSingleBase\n                ariaDescribedBy=ariaDescribedBy\n                ariaLabelledBy=(concat this.labelIdPrefix this.id)\n                isInvalid=@isInvalid\n                triggerId=this.id\n              )\n              SuperSelectMultiple=(component\n                HdsFormSuperSelectMultipleBase\n                ariaDescribedBy=ariaDescribedBy\n                ariaLabelledBy=(concat this.labelIdPrefix this.id)\n                isInvalid=@isInvalid\n                triggerId=this.id\n              )\n              TextInput=(component\n                HdsFormTextInputBase\n                ariaDescribedBy=ariaDescribedBy\n                id=this.id\n                isInvalid=@isInvalid\n              )\n              Textarea=(component\n                HdsFormTextareaBase\n                ariaDescribedBy=ariaDescribedBy\n                id=this.id\n                isInvalid=@isInvalid\n              )\n            )\n          }}\n        {{/let}}\n\n        {{yield\n          (hash\n            Error=(component\n              HdsFormError\n              contextualClass=\"hds-form-key-value-inputs__field-error\"\n              controlId=this.id\n              onInsert=this.appendDescriptor\n              onRemove=this.removeDescriptor\n            )\n          )\n        }}\n      </div>\n    </div>\n  </template>\n}\n"],"names":["HdsFormKeyValueInputsField","Component","g","prototype","service","i","_onInsert","modifier","args","onInsert","onRemove","id","getElementId","labelHiddenText","hdsIntl","t","default","rowNumber","rowIndex","labelIdPrefix","LABEL_ID_PREFIX","appendDescriptor","element","registerAriaDescriptionElement","removeDescriptor","unregisterAriaDescriptionElement","setComponentTemplate","precompileTemplate","strictMode","scope","hash","HdsFormLabel","HdsFormHelperText","HdsFormFileInputBase","HdsFormMaskedInputBase","HdsFormSelectBase","HdsFormSuperSelectSingleBase","concat","HdsFormSuperSelectMultipleBase","HdsFormTextInputBase","HdsFormTextareaBase","HdsFormError","ariaDescribedBy"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;;;AAGC;AAyBwC,MAwEpBA,qCAAAA,mCAAmCC,SAAA,CAAU;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CAC/DC,OAAA,CAAA,CAAA;AAAA;EAAA,QAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,SAAA,CAAA,EAAA,MAAA;EAEOC,YAAYC,QAAA,CAAS,MAAA;AAC3B,IAAA,IAAI,IAAI,CAACC,IAAI,CAACC,QAAQ,EAAE;AACtB,MAAA,IAAI,CAACD,IAAI,CAACC,QAAQ,EAAA;AACpB,IAAA;AAEA,IAAA,OAAO,MAAA;AACL,MAAA,IAAI,IAAI,CAACD,IAAI,CAACE,QAAQ,EAAE;AACtB,QAAA,IAAI,CAACF,IAAI,CAACE,QAAQ,EAAA;AACpB,MAAA;IACF,CAAA;AACF,EAAA,CAAA,CAAA;EAEA,IAAIC,EAAAA,GAAa;IACf,OAAOC,aAAa,IAAI,CAAA;AAC1B,EAAA;EAEA,IAAIC,eAAAA,GAA0B;AAC5B,IAAA,OAAO,IAAI,CAACC,OAAO,CAACC,CAAC,CACnB,8DAAA,EACA;AACEC,MAAAA,OAAA,EAAS,iBAAA;AACTC,MAAAA,SAAA,EAAW,IAAI,CAACT,IAAI,CAACU,QAAQ,GAAG;AAClC,KAAA,CAAA;AAEJ,EAAA;EAEA,IAAIC,aAAAA,GAAwB;AAC1B,IAAA,OAAOC,SAAA;AACT,EAAA;EAEAC,gBAAA,GAAoBC,OAAS,IAAkB;AAC7CC,IAAAA,8BAAA,CAA+B,IAAI,EAA8BD,OAAA,CAAA;EACnE,CAAA;EAEAE,gBAAA,GAAoBF,OAAS,IAAkB;AAC7CG,IAAAA,gCAAA,CAAiC,IAAI,EAA8BH,OAAA,CAAA;EACrE,CAAA;AAEA,EAAA;IAAAI,oBAAA,CAAAC,kBAAA,CAAA,qkEAAA,EA8FA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,IAAA;QAAAC,YAAA;QAAAC,iBAAA;QAAAC,oBAAA;QAAAC,sBAAA;QAAAC,iBAAA;QAAAC,4BAAA;QAAAC,MAAA;QAAAC,8BAAA;QAAAC,oBAAA;QAAAC,mBAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ,CAAA,GAzICC,eAAA,CAAA;;;;"}
+{"version":3,"file":"field.js","sources":["../../../../../src/components/hds/form/key-value-inputs/field.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { modifier } from 'ember-modifier';\nimport { hash, concat } from '@ember/helper';\n\nimport type { WithBoundArgs } from '@glint/template';\n\nimport {\n  ariaDescribedBy,\n  registerAriaDescriptionElement,\n  unregisterAriaDescriptionElement,\n} from '../../../../utils/hds-aria-described-by.ts';\nimport { getElementId } from '../../../../utils/hds-get-element-id.ts';\nimport HdsFormError from '../error/index.gts';\nimport HdsFormFileInputBase from '../file-input/base.gts';\nimport HdsFormHelperText from '../helper-text/index.gts';\nimport HdsFormLabel, { ID_PREFIX as LABEL_ID_PREFIX } from '../label/index.gts';\nimport HdsFormMaskedInputBase from '../masked-input/base.gts';\nimport HdsFormSelectBase from '../select/base.gts';\nimport HdsFormSuperSelectMultipleBase from '../super-select/multiple/base.gts';\nimport HdsFormSuperSelectSingleBase from '../super-select/single/base.gts';\nimport HdsFormTextareaBase from '../textarea/base.gts';\nimport HdsFormTextInputBase from '../text-input/base.gts';\n\nimport { service } from '@ember/service';\n\nimport type HdsIntlService from '../../../../services/hds-intl.ts';\nimport type { AriaDescribedByComponent } from '../../../../utils/hds-aria-described-by.ts';\n\nexport interface HdsFormKeyValueInputsFieldSignature {\n  Args: {\n    extraAriaDescribedBy?: string;\n    id?: string;\n    isInvalid?: boolean;\n    isOptional?: boolean;\n    isRequired?: boolean;\n    onInsert?: () => void;\n    onRemove?: () => void;\n    rowIndex: number;\n    width?: string;\n  };\n  Blocks: {\n    default?: [\n      {\n        Label?: WithBoundArgs<\n          typeof HdsFormLabel,\n          | 'contextualClass'\n          | 'controlId'\n          | 'hiddenText'\n          | 'isOptional'\n          | 'isRequired'\n        >;\n        HelperText?: WithBoundArgs<\n          typeof HdsFormHelperText,\n          'contextualClass' | 'controlId' | 'onInsert'\n        >;\n        FileInput?: WithBoundArgs<\n          typeof HdsFormFileInputBase,\n          'ariaDescribedBy' | 'id'\n        >;\n        MaskedInput?: WithBoundArgs<\n          typeof HdsFormMaskedInputBase,\n          'ariaDescribedBy' | 'id' | 'isInvalid'\n        >;\n        Select?: WithBoundArgs<\n          typeof HdsFormSelectBase,\n          'ariaDescribedBy' | 'id' | 'isInvalid'\n        >;\n        SuperSelectSingle?: WithBoundArgs<\n          typeof HdsFormSuperSelectSingleBase,\n          'ariaDescribedBy' | 'ariaLabelledBy' | 'isInvalid' | 'triggerId'\n        >;\n        SuperSelectMultiple?: WithBoundArgs<\n          typeof HdsFormSuperSelectMultipleBase,\n          'ariaDescribedBy' | 'ariaLabelledBy' | 'isInvalid' | 'triggerId'\n        >;\n        TextInput?: WithBoundArgs<\n          typeof HdsFormTextInputBase,\n          'ariaDescribedBy' | 'id' | 'isInvalid'\n        >;\n        Textarea?: WithBoundArgs<\n          typeof HdsFormTextareaBase,\n          'ariaDescribedBy' | 'id' | 'isInvalid'\n        >;\n        Error?: WithBoundArgs<\n          typeof HdsFormError,\n          'contextualClass' | 'controlId' | 'onInsert' | 'onRemove'\n        >;\n      },\n    ];\n  };\n  Element: HTMLDivElement;\n}\n\n// @ts-expect-error: decorator function return type 'ClassOf<AriaDescribedBy>' is not assignable to 'typeof HdsFormField'\n@ariaDescribedBy\nexport default class HdsFormKeyValueInputsField extends Component<HdsFormKeyValueInputsFieldSignature> {\n  @service declare readonly hdsIntl: HdsIntlService;\n\n  private _onInsert = modifier(() => {\n    if (this.args.onInsert) {\n      this.args.onInsert();\n    }\n\n    return () => {\n      if (this.args.onRemove) {\n        this.args.onRemove();\n      }\n    };\n  });\n\n  get id(): string {\n    return getElementId(this);\n  }\n\n  get labelHiddenText(): string {\n    return this.hdsIntl.t(\n      'hds.components.form.key-value-inputs.field.label-hidden-text',\n      {\n        default: 'row {rowNumber}',\n        rowNumber: this.args.rowIndex + 1,\n      }\n    );\n  }\n\n  get labelIdPrefix(): string {\n    return LABEL_ID_PREFIX;\n  }\n\n  appendDescriptor = (element: HTMLElement): void => {\n    registerAriaDescriptionElement(this as AriaDescribedByComponent, element);\n  };\n\n  removeDescriptor = (element: HTMLElement): void => {\n    unregisterAriaDescriptionElement(this as AriaDescribedByComponent, element);\n  };\n\n  <template>\n    <div\n      class=\"hds-form-key-value-inputs__field\"\n      data-width={{@width}}\n      ...attributes\n      {{this._onInsert}}\n    >\n      <div class=\"hds-form-key-value-inputs__field-header\">\n        {{yield\n          (hash\n            Label=(component\n              HdsFormLabel\n              contextualClass=\"hds-form-key-value-inputs__field-label\"\n              controlId=this.id\n              hiddenText=this.labelHiddenText\n              isOptional=@isOptional\n              isRequired=@isRequired\n            )\n          )\n        }}\n        {{yield\n          (hash\n            HelperText=(component\n              HdsFormHelperText\n              contextualClass=\"hds-form-key-value-inputs__field-helper-text\"\n              controlId=this.id\n              onInsert=this.appendDescriptor\n            )\n          )\n        }}\n      </div>\n      <div class=\"hds-form-key-value-inputs__field-control\">\n        {{! @glint-expect-error - Glint does not recognize this.ariaDescribedBy as defined when used directly in a multi-line hash passed to yield. Since @glint-expect-error only applies to the line immediately after it and cannot be placed inside a multi-line hash, we use a let to work around this limitation. }}\n        {{#let this.ariaDescribedBy as |ariaDescribedBy|}}\n          {{yield\n            (hash\n              FileInput=(component\n                HdsFormFileInputBase ariaDescribedBy=ariaDescribedBy id=this.id\n              )\n              MaskedInput=(component\n                HdsFormMaskedInputBase\n                ariaDescribedBy=ariaDescribedBy\n                id=this.id\n                isInvalid=@isInvalid\n              )\n              Select=(component\n                HdsFormSelectBase\n                ariaDescribedBy=ariaDescribedBy\n                id=this.id\n                isInvalid=@isInvalid\n              )\n              SuperSelectSingle=(component\n                HdsFormSuperSelectSingleBase\n                ariaDescribedBy=ariaDescribedBy\n                ariaLabelledBy=(concat this.labelIdPrefix this.id)\n                isInvalid=@isInvalid\n                triggerId=this.id\n              )\n              SuperSelectMultiple=(component\n                HdsFormSuperSelectMultipleBase\n                ariaDescribedBy=ariaDescribedBy\n                ariaLabelledBy=(concat this.labelIdPrefix this.id)\n                isInvalid=@isInvalid\n                triggerId=this.id\n              )\n              TextInput=(component\n                HdsFormTextInputBase\n                ariaDescribedBy=ariaDescribedBy\n                id=this.id\n                isInvalid=@isInvalid\n              )\n              Textarea=(component\n                HdsFormTextareaBase\n                ariaDescribedBy=ariaDescribedBy\n                id=this.id\n                isInvalid=@isInvalid\n              )\n            )\n          }}\n        {{/let}}\n\n        {{yield\n          (hash\n            Error=(component\n              HdsFormError\n              contextualClass=\"hds-form-key-value-inputs__field-error\"\n              controlId=this.id\n              onInsert=this.appendDescriptor\n              onRemove=this.removeDescriptor\n            )\n          )\n        }}\n      </div>\n    </div>\n  </template>\n}\n"],"names":["HdsFormKeyValueInputsField","Component","g","prototype","service","i","_onInsert","modifier","args","onInsert","onRemove","id","getElementId","labelHiddenText","hdsIntl","t","default","rowNumber","rowIndex","labelIdPrefix","LABEL_ID_PREFIX","appendDescriptor","element","registerAriaDescriptionElement","removeDescriptor","unregisterAriaDescriptionElement","setComponentTemplate","precompileTemplate","strictMode","scope","hash","HdsFormLabel","HdsFormHelperText","HdsFormFileInputBase","HdsFormMaskedInputBase","HdsFormSelectBase","HdsFormSuperSelectSingleBase","concat","HdsFormSuperSelectMultipleBase","HdsFormTextInputBase","HdsFormTextareaBase","HdsFormError","ariaDescribedBy"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;;;AAGC;AAyBwC,MAwEpBA,qCAAAA,mCAAmCC,SAAA,CAAU;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CAC/DC,OAAA,CAAA,CAAA;AAAA;EAAA,QAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,SAAA,CAAA,EAAA,MAAA;EAEOC,YAAYC,QAAA,CAAS,MAAA;AAC3B,IAAA,IAAI,IAAI,CAACC,IAAI,CAACC,QAAQ,EAAE;AACtB,MAAA,IAAI,CAACD,IAAI,CAACC,QAAQ,EAAA;AACpB,IAAA;AAEA,IAAA,OAAO,MAAA;AACL,MAAA,IAAI,IAAI,CAACD,IAAI,CAACE,QAAQ,EAAE;AACtB,QAAA,IAAI,CAACF,IAAI,CAACE,QAAQ,EAAA;AACpB,MAAA;IACF,CAAA;AACF,EAAA,CAAA,CAAA;EAEA,IAAIC,EAAAA,GAAa;IACf,OAAOC,aAAa,IAAI,CAAA;AAC1B,EAAA;EAEA,IAAIC,eAAAA,GAA0B;AAC5B,IAAA,OAAO,IAAI,CAACC,OAAO,CAACC,CAAC,CACnB,8DAAA,EACA;AACEC,MAAAA,OAAA,EAAS,iBAAA;AACTC,MAAAA,SAAA,EAAW,IAAI,CAACT,IAAI,CAACU,QAAQ,GAAG;AAClC,KAAA,CAAA;AAEJ,EAAA;EAEA,IAAIC,aAAAA,GAAwB;AAC1B,IAAA,OAAOC,SAAA;AACT,EAAA;EAEAC,gBAAA,GAAoBC,OAAS,IAAkB;AAC7CC,IAAAA,8BAAA,CAA+B,IAAI,EAA8BD,OAAA,CAAA;EACnE,CAAA;EAEAE,gBAAA,GAAoBF,OAAS,IAAkB;AAC7CG,IAAAA,gCAAA,CAAiC,IAAI,EAA8BH,OAAA,CAAA;EACrE,CAAA;AAEA,EAAA;IAAAI,oBAAA,CAAAC,kBAAA,CAAA,qkEAAA,EA8FA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,IAAA;QAAAC,YAAA;QAAAC,iBAAA;QAAAC,oBAAA;QAAAC,sBAAA;QAAAC,iBAAA;QAAAC,4BAAA;QAAAC,MAAA;QAAAC,8BAAA;QAAAC,oBAAA;QAAAC,mBAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ,CAAA,GAzICC,eAAA,CAAA;;;;"}

package/dist/components/hds/form/key-value-inputs/generic.js

@@ -4,7 +4,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
 /**
- * Copyright IBM Corp. 2021, 2025
+ * Copyright IBM Corp. 2021, 2026
  * SPDX-License-Identifier: MPL-2.0
  */
 class HdsFormKeyValueInputsGeneric extends Component {

package/dist/components/hds/form/key-value-inputs/generic.js.map

@@ -1 +1 @@
-{"version":3,"file":"generic.js","sources":["../../../../../src/components/hds/form/key-value-inputs/generic.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { modifier } from 'ember-modifier';\n\nexport interface HdsFormKeyValueInputsGenericSignature {\n  Args: {\n    onInsert?: () => void;\n    onRemove?: () => void;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsFormKeyValueInputsGeneric extends Component<HdsFormKeyValueInputsGenericSignature> {\n  private _onInsert = modifier(() => {\n    if (this.args.onInsert) {\n      this.args.onInsert();\n    }\n\n    return () => {\n      if (this.args.onRemove) {\n        this.args.onRemove();\n      }\n    };\n  });\n\n  <template>\n    <div\n      class=\"hds-form-key-value-inputs__generic-container\"\n      {{this._onInsert}}\n      ...attributes\n    >\n      {{yield}}\n    </div>\n  </template>\n}\n"],"names":["HdsFormKeyValueInputsGeneric","Component","_onInsert","modifier","args","onInsert","onRemove","setComponentTemplate","precompileTemplate","strictMode"],"mappings":";;;;;AAAA;;;AAGC;AAgBc,MAAMA,qCAAqCC,SAAA,CAAU;EAC1DC,YAAYC,QAAA,CAAS,MAAA;AAC3B,IAAA,IAAI,IAAI,CAACC,IAAI,CAACC,QAAQ,EAAE;AACtB,MAAA,IAAI,CAACD,IAAI,CAACC,QAAQ,EAAA;AACpB,IAAA;AAEA,IAAA,OAAO,MAAA;AACL,MAAA,IAAI,IAAI,CAACD,IAAI,CAACE,QAAQ,EAAE;AACtB,QAAA,IAAI,CAACF,IAAI,CAACE,QAAQ,EAAA;AACpB,MAAA;IACF,CAAA;AACF,EAAA,CAAA,CAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,oHAAA,EAQA;MAAAC,UAAA,EAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"generic.js","sources":["../../../../../src/components/hds/form/key-value-inputs/generic.gts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { modifier } from 'ember-modifier';\n\nexport interface HdsFormKeyValueInputsGenericSignature {\n  Args: {\n    onInsert?: () => void;\n    onRemove?: () => void;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsFormKeyValueInputsGeneric extends Component<HdsFormKeyValueInputsGenericSignature> {\n  private _onInsert = modifier(() => {\n    if (this.args.onInsert) {\n      this.args.onInsert();\n    }\n\n    return () => {\n      if (this.args.onRemove) {\n        this.args.onRemove();\n      }\n    };\n  });\n\n  <template>\n    <div\n      class=\"hds-form-key-value-inputs__generic-container\"\n      {{this._onInsert}}\n      ...attributes\n    >\n      {{yield}}\n    </div>\n  </template>\n}\n"],"names":["HdsFormKeyValueInputsGeneric","Component","_onInsert","modifier","args","onInsert","onRemove","setComponentTemplate","precompileTemplate","strictMode"],"mappings":";;;;;AAAA;;;AAGC;AAgBc,MAAMA,qCAAqCC,SAAA,CAAU;EAC1DC,YAAYC,QAAA,CAAS,MAAA;AAC3B,IAAA,IAAI,IAAI,CAACC,IAAI,CAACC,QAAQ,EAAE;AACtB,MAAA,IAAI,CAACD,IAAI,CAACC,QAAQ,EAAA;AACpB,IAAA;AAEA,IAAA,OAAO,MAAA;AACL,MAAA,IAAI,IAAI,CAACD,IAAI,CAACE,QAAQ,EAAE;AACtB,QAAA,IAAI,CAACF,IAAI,CAACE,QAAQ,EAAA;AACpB,MAAA;IACF,CAAA;AACF,EAAA,CAAA,CAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,oHAAA,EAQA;MAAAC,UAAA,EAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/hds/form/key-value-inputs/index.js

@@ -21,7 +21,7 @@ import { setComponentTemplate } from '@ember/component';
 import { c, g, i } from 'decorator-transforms/runtime';
 
 /**
- * Copyright IBM Corp. 2021, 2025
+ * Copyright IBM Corp. 2021, 2026
  * SPDX-License-Identifier: MPL-2.0
  */
 const KEY_VALUE_INPUTS_FIELD_SELECTOR = '.hds-form-key-value-inputs__field';