@hashicorp/design-system-components 5.1.1-rc-20251208205057 → 5.1.1-rc-20251209143536

package/declarations/components/hds/breadcrumb/item.d.ts

@@ -3,7 +3,6 @@
  * SPDX-License-Identifier: MPL-2.0
  */
 import Component from '@glimmer/component';
-import type Owner from '@ember/owner';
 import type { LinkTo } from '@ember/routing';
 import type { SafeString } from '@ember/template';
 import type { HdsIconSignature } from '../icon/index';
@@ -24,9 +23,14 @@ export interface HdsBreadcrumbItemSignature {
     Element: HTMLLIElement;
 }
 export default class HdsBreadcrumbItem extends Component<HdsBreadcrumbItemSignature> {
-    linkToExternal: LinkTo | null;
-    constructor(owner: Owner, args: HdsBreadcrumbItemSignature['Args']);
-    resolveLinkToExternal(): void;
+    static linkToExternal: LinkTo | null;
+    /**
+     *
+     * @param linkToExternal
+     * @type LinkTo | null
+     * @default null
+     */
+    get linkToExternal(): LinkTo | null;
     /**
      * @param maxWidth
      * @type {string}

package/declarations/components/hds/interactive/index.d.ts

@@ -3,7 +3,6 @@
  * SPDX-License-Identifier: MPL-2.0
  */
 import Component from '@glimmer/component';
-import type Owner from '@ember/owner';
 import type { LinkTo } from '@ember/routing';
 export interface HdsInteractiveSignature {
     Args: {
@@ -23,9 +22,15 @@ export interface HdsInteractiveSignature {
     Element: HTMLAnchorElement | HTMLButtonElement;
 }
 export default class HdsInteractive extends Component<HdsInteractiveSignature> {
-    linkToExternal: LinkTo | null;
-    constructor(owner: Owner, args: HdsInteractiveSignature['Args']);
-    resolveLinkToExternal(): void;
+    static linkToExternal: LinkTo | null;
+    /**
+     * Determines if a @href value is "external" (it adds target="_blank" rel="noopener noreferrer")
+     *
+     * @param linkToExternal
+     * @type LinkTo | null
+     * @default null
+     */
+    get linkToExternal(): LinkTo | null;
     /**
      * Determines if a @href value is "external" (it adds target="_blank" rel="noopener noreferrer")
      *

package/dist/components/hds/breadcrumb/item.js

@@ -1,10 +1,7 @@
 import Component from '@glimmer/component';
-import { tracked } from '@glimmer/tracking';
 import { htmlSafe } from '@ember/template';
 import { assert } from '@ember/debug';
-import { hdsResolveLinkToExternal } from '../../../utils/hds-resolve-link-to-external.js';
 import { precompileTemplate } from '@ember/template-compilation';
-import { g, i } from 'decorator-transforms/runtime';
 import { setComponentTemplate } from '@ember/component';
 
 var TEMPLATE = precompileTemplate("{{!\n  Copyright IBM Corp. 2021, 2025\n  SPDX-License-Identifier: MPL-2.0\n}}\n<li class=\"hds-breadcrumb__item\" style={{this.itemStyle}} ...attributes>\n  {{#if @current}}\n    <div class=\"hds-breadcrumb__current\">\n      {{#if @icon}}\n        <div class=\"hds-breadcrumb__icon\">\n          <Hds::Icon @name={{@icon}} @size=\"16\" @stretched={{true}} />\n        </div>\n      {{/if}}\n      <span class=\"hds-breadcrumb__text\">{{@text}}</span>\n    </div>\n  {{else}}\n    {{#if @isRouteExternal}}\n      <this.linkToExternal\n        class=\"hds-breadcrumb__link\"\n        @current-when={{@current-when}}\n        @models={{hds-link-to-models @model @models}}\n        @query={{hds-link-to-query @query}}\n        @replace={{@replace}}\n        @route={{@route}}\n      >\n        {{#if @icon}}\n          <div class=\"hds-breadcrumb__icon\">\n            <Hds::Icon @name={{@icon}} @size=\"16\" @stretched={{true}} />\n          </div>\n        {{/if}}\n        <span class=\"hds-breadcrumb__text\">{{@text}}</span>\n      </this.linkToExternal>\n    {{else}}\n      <LinkTo\n        class=\"hds-breadcrumb__link\"\n        @current-when={{@current-when}}\n        @models={{hds-link-to-models @model @models}}\n        @query={{hds-link-to-query @query}}\n        @replace={{@replace}}\n        @route={{@route}}\n      >\n        {{#if @icon}}\n          <div class=\"hds-breadcrumb__icon\">\n            <Hds::Icon @name={{@icon}} @size=\"16\" @stretched={{true}} />\n          </div>\n        {{/if}}\n        <span class=\"hds-breadcrumb__text\">{{@text}}</span>\n      </LinkTo>\n    {{/if}}\n  {{/if}}\n</li>");
@@ -15,22 +12,23 @@ var TEMPLATE = precompileTemplate("{{!\n  Copyright IBM Corp. 2021, 2025\n  SPDX
  */
 
 class HdsBreadcrumbItem extends Component {
-  static {
-    g(this.prototype, "linkToExternal", [tracked], function () {
-      return null;
-    });
-  }
-  #linkToExternal = (i(this, "linkToExternal"), void 0);
-  constructor(owner, args) {
-    super(owner, args);
+  static linkToExternal = null;
 
-    // we want to avoid resolving the component if it's not needed
-    if (args.isRouteExternal) {
-      void this.resolveLinkToExternal();
+  /**
+   *
+   * @param linkToExternal
+   * @type LinkTo | null
+   * @default null
+   */
+  get linkToExternal() {
+    const component = HdsBreadcrumbItem.linkToExternal;
+    if (component === null) {
+      assert(`HdsBreadcrumbItem: You attempted to use an external link without configuring HDS with an external component. Please add this in your app.js file:
+
+import { HdsBreadcrumbItem } from @hashicorp/design-system-components/components;'
+HdsBreadcrumbItem.linkToExternal = LinkToExternalComponent;`);
     }
-  }
-  resolveLinkToExternal() {
-    this.linkToExternal = hdsResolveLinkToExternal(this.args.isRouteExternal);
+    return component;
   }
 
   /**

package/dist/components/hds/breadcrumb/item.js.map

@@ -1 +1 @@
-{"version":3,"file":"item.js","sources":["../../../../src/components/hds/breadcrumb/item.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { htmlSafe } from '@ember/template';\nimport { assert } from '@ember/debug';\n\nimport { hdsResolveLinkToExternal } from '../../../utils/hds-resolve-link-to-external.ts';\n\nimport type Owner from '@ember/owner';\nimport type { LinkTo } from '@ember/routing';\nimport type { SafeString } from '@ember/template';\nimport type { HdsIconSignature } from '../icon/index';\n\nexport interface HdsBreadcrumbItemSignature {\n  Args: {\n    current?: boolean;\n    maxWidth?: string;\n    text: string;\n    isRouteExternal?: boolean;\n    icon?: HdsIconSignature['Args']['name'];\n    route?: string;\n    models?: Array<string | number>;\n    model?: string | number;\n    query?: Record<string, string>;\n    'current-when'?: string;\n    replace?: boolean;\n  };\n  Element: HTMLLIElement;\n}\n\nexport default class HdsBreadcrumbItem extends Component<HdsBreadcrumbItemSignature> {\n  @tracked linkToExternal: LinkTo | null = null;\n\n  constructor(owner: Owner, args: HdsBreadcrumbItemSignature['Args']) {\n    super(owner, args);\n\n    // we want to avoid resolving the component if it's not needed\n    if (args.isRouteExternal) {\n      void this.resolveLinkToExternal();\n    }\n  }\n\n  resolveLinkToExternal() {\n    this.linkToExternal = hdsResolveLinkToExternal(this.args.isRouteExternal);\n  }\n\n  /**\n   * @param maxWidth\n   * @type {string}\n   * @default undefined\n   * @description A parameter that can be applied to an \"item\" to limit its max-width\n   */\n  get maxWidth(): string | undefined {\n    const { maxWidth } = this.args;\n\n    if (maxWidth) {\n      assert(\n        `@maxWidth for \"Hds::Breadcrumb::Item\" must be a size as number in 'px' or in 'em' (eg. '200px' or '24em'); received: ${maxWidth}`,\n        maxWidth.match(/^\\d+(px|em)$/)\n      );\n\n      return maxWidth;\n    } else {\n      return undefined;\n    }\n  }\n\n  /**\n   * Get the inline style to apply to the item.\n   * @method BreadcrumbItem#itemStyle\n   * @return {string} The \"style\" attribute to apply to the item.\n   */\n  get itemStyle(): SafeString | undefined {\n    if (this.maxWidth) {\n      return htmlSafe(`max-width: ${this.maxWidth}`);\n    } else {\n      return undefined;\n    }\n  }\n\n  /**\n   * Get the class names to apply to the component.\n   * @method BreadcrumbItem#classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames(): string {\n    const classes = ['hds-breadcrumb__item'];\n\n    return classes.join(' ');\n  }\n}\n"],"names":["HdsBreadcrumbItem","Component","g","prototype","tracked","i","void 0","constructor","owner","args","isRouteExternal","resolveLinkToExternal","linkToExternal","hdsResolveLinkToExternal","maxWidth","assert","match","undefined","itemStyle","htmlSafe","classNames","classes","join","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;;;;;AAAA;AACA;AACA;AACA;;AA+Be,MAAMA,iBAAiB,SAASC,SAAS,CAA6B;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,gBAAA,EAAA,CAClFC,OAAO,CAAA,EAAA,YAAA;AAAA,MAAA,OAAiC,IAAI;AAAA,IAAA,CAAA,CAAA;AAAA;AAAA,EAAA,eAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,gBAAA,CAAA,EAAAC,MAAA;AAE7CC,EAAAA,WAAWA,CAACC,KAAY,EAAEC,IAAwC,EAAE;AAClE,IAAA,KAAK,CAACD,KAAK,EAAEC,IAAI,CAAC;;AAElB;IACA,IAAIA,IAAI,CAACC,eAAe,EAAE;AACxB,MAAA,KAAK,IAAI,CAACC,qBAAqB,EAAE;AACnC,IAAA;AACF,EAAA;AAEAA,EAAAA,qBAAqBA,GAAG;IACtB,IAAI,CAACC,cAAc,GAAGC,wBAAwB,CAAC,IAAI,CAACJ,IAAI,CAACC,eAAe,CAAC;AAC3E,EAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;EACE,IAAII,QAAQA,GAAuB;IACjC,MAAM;AAAEA,MAAAA;KAAU,GAAG,IAAI,CAACL,IAAI;AAE9B,IAAA,IAAIK,QAAQ,EAAE;MACZC,MAAM,CACJ,CAAA,qHAAA,EAAwHD,QAAQ,CAAA,CAAE,EAClIA,QAAQ,CAACE,KAAK,CAAC,cAAc,CAC/B,CAAC;AAED,MAAA,OAAOF,QAAQ;AACjB,IAAA,CAAC,MAAM;AACL,MAAA,OAAOG,SAAS;AAClB,IAAA;AACF,EAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,SAASA,GAA2B;IACtC,IAAI,IAAI,CAACJ,QAAQ,EAAE;AACjB,MAAA,OAAOK,QAAQ,CAAC,CAAA,WAAA,EAAc,IAAI,CAACL,QAAQ,EAAE,CAAC;AAChD,IAAA,CAAC,MAAM;AACL,MAAA,OAAOG,SAAS;AAClB,IAAA;AACF,EAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIG,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,sBAAsB,CAAC;AAExC,IAAA,OAAOA,OAAO,CAACC,IAAI,CAAC,GAAG,CAAC;AAC1B,EAAA;AACF;AAACC,oBAAA,CAAAC,QAAA,EA5DoBxB,iBAAiB,CAAA;;;;"}
+{"version":3,"file":"item.js","sources":["../../../../src/components/hds/breadcrumb/item.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { htmlSafe } from '@ember/template';\nimport { assert } from '@ember/debug';\n\nimport type { LinkTo } from '@ember/routing';\nimport type { SafeString } from '@ember/template';\nimport type { HdsIconSignature } from '../icon/index';\n\nexport interface HdsBreadcrumbItemSignature {\n  Args: {\n    current?: boolean;\n    maxWidth?: string;\n    text: string;\n    isRouteExternal?: boolean;\n    icon?: HdsIconSignature['Args']['name'];\n    route?: string;\n    models?: Array<string | number>;\n    model?: string | number;\n    query?: Record<string, string>;\n    'current-when'?: string;\n    replace?: boolean;\n  };\n  Element: HTMLLIElement;\n}\n\nexport default class HdsBreadcrumbItem extends Component<HdsBreadcrumbItemSignature> {\n  static linkToExternal: LinkTo | null = null;\n\n  /**\n   *\n   * @param linkToExternal\n   * @type LinkTo | null\n   * @default null\n   */\n  get linkToExternal(): LinkTo | null {\n    const component = HdsBreadcrumbItem.linkToExternal;\n    if (component === null) {\n      assert(\n        `HdsBreadcrumbItem: You attempted to use an external link without configuring HDS with an external component. Please add this in your app.js file:\n\nimport { HdsBreadcrumbItem } from @hashicorp/design-system-components/components;'\nHdsBreadcrumbItem.linkToExternal = LinkToExternalComponent;`\n      );\n    }\n    return component;\n  }\n\n  /**\n   * @param maxWidth\n   * @type {string}\n   * @default undefined\n   * @description A parameter that can be applied to an \"item\" to limit its max-width\n   */\n  get maxWidth(): string | undefined {\n    const { maxWidth } = this.args;\n\n    if (maxWidth) {\n      assert(\n        `@maxWidth for \"Hds::Breadcrumb::Item\" must be a size as number in 'px' or in 'em' (eg. '200px' or '24em'); received: ${maxWidth}`,\n        maxWidth.match(/^\\d+(px|em)$/)\n      );\n\n      return maxWidth;\n    } else {\n      return undefined;\n    }\n  }\n\n  /**\n   * Get the inline style to apply to the item.\n   * @method BreadcrumbItem#itemStyle\n   * @return {string} The \"style\" attribute to apply to the item.\n   */\n  get itemStyle(): SafeString | undefined {\n    if (this.maxWidth) {\n      return htmlSafe(`max-width: ${this.maxWidth}`);\n    } else {\n      return undefined;\n    }\n  }\n\n  /**\n   * Get the class names to apply to the component.\n   * @method BreadcrumbItem#classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames(): string {\n    const classes = ['hds-breadcrumb__item'];\n\n    return classes.join(' ');\n  }\n}\n"],"names":["HdsBreadcrumbItem","Component","linkToExternal","component","assert","maxWidth","args","match","undefined","itemStyle","htmlSafe","classNames","classes","join","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;;AA2Be,MAAMA,iBAAiB,SAASC,SAAS,CAA6B;EACnF,OAAOC,cAAc,GAAkB,IAAI;;AAE3C;AACF;AACA;AACA;AACA;AACA;EACE,IAAIA,cAAcA,GAAkB;AAClC,IAAA,MAAMC,SAAS,GAAGH,iBAAiB,CAACE,cAAc;IAClD,IAAIC,SAAS,KAAK,IAAI,EAAE;AACtBC,MAAAA,MAAM,CACJ,CAAA;;AAER;AACA,2DAAA,CACM,CAAC;AACH,IAAA;AACA,IAAA,OAAOD,SAAS;AAClB,EAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;EACE,IAAIE,QAAQA,GAAuB;IACjC,MAAM;AAAEA,MAAAA;KAAU,GAAG,IAAI,CAACC,IAAI;AAE9B,IAAA,IAAID,QAAQ,EAAE;MACZD,MAAM,CACJ,CAAA,qHAAA,EAAwHC,QAAQ,CAAA,CAAE,EAClIA,QAAQ,CAACE,KAAK,CAAC,cAAc,CAC/B,CAAC;AAED,MAAA,OAAOF,QAAQ;AACjB,IAAA,CAAC,MAAM;AACL,MAAA,OAAOG,SAAS;AAClB,IAAA;AACF,EAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,SAASA,GAA2B;IACtC,IAAI,IAAI,CAACJ,QAAQ,EAAE;AACjB,MAAA,OAAOK,QAAQ,CAAC,CAAA,WAAA,EAAc,IAAI,CAACL,QAAQ,EAAE,CAAC;AAChD,IAAA,CAAC,MAAM;AACL,MAAA,OAAOG,SAAS;AAClB,IAAA;AACF,EAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIG,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,sBAAsB,CAAC;AAExC,IAAA,OAAOA,OAAO,CAACC,IAAI,CAAC,GAAG,CAAC;AAC1B,EAAA;AACF;AAACC,oBAAA,CAAAC,QAAA,EAlEoBf,iBAAiB,CAAA;;;;"}

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

@@ -1,9 +1,8 @@
 import Component from '@glimmer/component';
-import { tracked } from '@glimmer/tracking';
 import { action } from '@ember/object';
-import { hdsResolveLinkToExternal } from '../../../utils/hds-resolve-link-to-external.js';
+import { assert } from '@ember/debug';
 import { precompileTemplate } from '@ember/template-compilation';
-import { g, i, n } from 'decorator-transforms/runtime';
+import { n } from 'decorator-transforms/runtime';
 import { setComponentTemplate } from '@ember/component';
 
 var TEMPLATE = precompileTemplate("{{! IMPORTANT: we removed the newlines before/after the yield to reduce the issues with unexpected whitespaces (see https://github.com/hashicorp/design-system/pull/231#issuecomment-1123502499) }}\n{{! IMPORTANT: we need to add \"squishies\" here (~) because otherwise the whitespace added by Ember becomes visible in the link (being an inline element) - See https://handlebarsjs.com/guide/expressions.html#whitespace-control }}\n{{! NOTICE: we can\'t support the direct use of the \"href\" HTML attribute via ...attributes in the <a> elements, because we need to rely on the \"@href\" Ember argument to differentiate between different types of generated output }}\n{{~#if @route~}}\n  {{~#if this.isRouteExternal~}}\n    <this.linkToExternal\n      @current-when={{@current-when}}\n      @models={{hds-link-to-models @model @models}}\n      @query={{hds-link-to-query @query}}\n      @replace={{@replace}}\n      @route={{@route}}\n      ...attributes\n    >{{yield}}</this.linkToExternal>\n  {{~else~}}\n    <LinkTo\n      @current-when={{@current-when}}\n      @models={{hds-link-to-models @model @models}}\n      @query={{hds-link-to-query @query}}\n      @replace={{@replace}}\n      @route={{@route}}\n      ...attributes\n    >{{yield}}</LinkTo>\n  {{~/if~}}\n{{~else if @href~}}\n  {{~#if this.isHrefExternal~}}\n    <a target=\"_blank\" rel=\"noopener noreferrer\" ...attributes href={{@href}} {{on \"keyup\" this.onKeyUp}}>{{yield}}</a>\n  {{~else~}}\n    <a ...attributes href={{@href}} {{on \"keyup\" this.onKeyUp}}>{{yield}}</a>\n  {{~/if~}}\n{{~else~}}\n  <button type=\"button\" ...attributes>{{yield}}</button>\n{{~/if~}}");
@@ -14,23 +13,26 @@ var TEMPLATE = precompileTemplate("{{! IMPORTANT: we removed the newlines before
  */
 
 class HdsInteractive extends Component {
-  static {
-    g(this.prototype, "linkToExternal", [tracked], function () {
-      return null;
-    });
-  }
-  #linkToExternal = (i(this, "linkToExternal"), void 0);
-  constructor(owner, args) {
-    super(owner, args);
+  static linkToExternal = null;
 
-    // we want to avoid resolving the component if it's not needed
-    if (args.isRouteExternal) {
-      this.resolveLinkToExternal();
+  /**
+   * Determines if a @href value is "external" (it adds target="_blank" rel="noopener noreferrer")
+   *
+   * @param linkToExternal
+   * @type LinkTo | null
+   * @default null
+   */
+  get linkToExternal() {
+    const component = HdsInteractive.linkToExternal;
+    if (component === null) {
+      assert(`HdsInteractive: You attempted to use an external link without configuring HDS with an external component. Please add this in your app.js file:
+
+import { HdsInteractive } from '@hashicorp/design-system-components/components';
+HdsInteractive.linkToExternal = LinkToExternalComponent;`);
     }
+    return component;
   }
-  resolveLinkToExternal() {
-    this.linkToExternal = hdsResolveLinkToExternal(this.args.isRouteExternal);
-  }
+
   /**
    * Determines if a @href value is "external" (it adds target="_blank" rel="noopener noreferrer")
    *

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/hds/interactive/index.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { action } from '@ember/object';\n\nimport { hdsResolveLinkToExternal } from '../../../utils/hds-resolve-link-to-external.ts';\n\nimport type Owner from '@ember/owner';\nimport type { LinkTo } from '@ember/routing';\n\nexport interface HdsInteractiveSignature {\n  Args: {\n    href?: string;\n    isHrefExternal?: boolean;\n    isRouteExternal?: boolean;\n    // the arguments and types below are mirroring the ones in LinkTo https://github.com/typed-ember/glint/blob/main/packages/environment-ember-loose/-private/intrinsics/link-to.d.ts#L9\n    // because they're not exported we're unable to import them directly from glint\n    route?: string;\n    models?: unknown[];\n    model?: unknown;\n    query?: Record<string, unknown>;\n    'current-when'?: string | boolean;\n    replace?: boolean;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLAnchorElement | HTMLButtonElement;\n}\n\nexport default class HdsInteractive extends Component<HdsInteractiveSignature> {\n  @tracked linkToExternal: LinkTo | null = null;\n\n  constructor(owner: Owner, args: HdsInteractiveSignature['Args']) {\n    super(owner, args);\n\n    // we want to avoid resolving the component if it's not needed\n    if (args.isRouteExternal) {\n      this.resolveLinkToExternal();\n    }\n  }\n\n  resolveLinkToExternal() {\n    this.linkToExternal = hdsResolveLinkToExternal(this.args.isRouteExternal);\n  }\n  /**\n   * Determines if a @href value is \"external\" (it adds target=\"_blank\" rel=\"noopener noreferrer\")\n   *\n   * @param isHrefExternal\n   * @type boolean\n   * @default true\n   */\n  get isHrefExternal(): boolean {\n    return this.args.isHrefExternal ?? true;\n  }\n\n  /**\n   * Determines if a @route value is \"external\" (uses the LinkToExternal component instead of LinkTo)\n   *\n   * @param isRouteExternal\n   * @type boolean\n   * @default false\n   */\n  get isRouteExternal(): boolean {\n    return this.args.isRouteExternal ?? false;\n  }\n\n  @action\n  onKeyUp(event: KeyboardEvent): void {\n    if (event.key === ' ' || event.code === 'Space') {\n      (event.target as HTMLElement).click();\n    }\n  }\n}\n"],"names":["HdsInteractive","Component","g","prototype","tracked","i","void 0","constructor","owner","args","isRouteExternal","resolveLinkToExternal","linkToExternal","hdsResolveLinkToExternal","isHrefExternal","onKeyUp","event","key","code","target","click","n","action","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AACA;;AA+Be,MAAMA,cAAc,SAASC,SAAS,CAA0B;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,gBAAA,EAAA,CAC5EC,OAAO,CAAA,EAAA,YAAA;AAAA,MAAA,OAAiC,IAAI;AAAA,IAAA,CAAA,CAAA;AAAA;AAAA,EAAA,eAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,gBAAA,CAAA,EAAAC,MAAA;AAE7CC,EAAAA,WAAWA,CAACC,KAAY,EAAEC,IAAqC,EAAE;AAC/D,IAAA,KAAK,CAACD,KAAK,EAAEC,IAAI,CAAC;;AAElB;IACA,IAAIA,IAAI,CAACC,eAAe,EAAE;MACxB,IAAI,CAACC,qBAAqB,EAAE;AAC9B,IAAA;AACF,EAAA;AAEAA,EAAAA,qBAAqBA,GAAG;IACtB,IAAI,CAACC,cAAc,GAAGC,wBAAwB,CAAC,IAAI,CAACJ,IAAI,CAACC,eAAe,CAAC;AAC3E,EAAA;AACA;AACF;AACA;AACA;AACA;AACA;AACA;EACE,IAAII,cAAcA,GAAY;AAC5B,IAAA,OAAO,IAAI,CAACL,IAAI,CAACK,cAAc,IAAI,IAAI;AACzC,EAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;AACA;EACE,IAAIJ,eAAeA,GAAY;AAC7B,IAAA,OAAO,IAAI,CAACD,IAAI,CAACC,eAAe,IAAI,KAAK;AAC3C,EAAA;EAGAK,OAAOA,CAACC,KAAoB,EAAQ;IAClC,IAAIA,KAAK,CAACC,GAAG,KAAK,GAAG,IAAID,KAAK,CAACE,IAAI,KAAK,OAAO,EAAE;AAC9CF,MAAAA,KAAK,CAACG,MAAM,CAAiBC,KAAK,EAAE;AACvC,IAAA;AACF,EAAA;AAAC,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAlB,SAAA,EAAA,SAAA,EAAA,CALAmB,MAAM,CAAA,CAAA;AAAA;AAMT;AAACC,oBAAA,CAAAC,QAAA,EA3CoBxB,cAAc,CAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/hds/interactive/index.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { action } from '@ember/object';\nimport { assert } from '@ember/debug';\n\nimport type { LinkTo } from '@ember/routing';\n\nexport interface HdsInteractiveSignature {\n  Args: {\n    href?: string;\n    isHrefExternal?: boolean;\n    isRouteExternal?: boolean;\n    // the arguments and types below are mirroring the ones in LinkTo https://github.com/typed-ember/glint/blob/main/packages/environment-ember-loose/-private/intrinsics/link-to.d.ts#L9\n    // because they're not exported we're unable to import them directly from glint\n    route?: string;\n    models?: unknown[];\n    model?: unknown;\n    query?: Record<string, unknown>;\n    'current-when'?: string | boolean;\n    replace?: boolean;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HTMLAnchorElement | HTMLButtonElement;\n}\n\nexport default class HdsInteractive extends Component<HdsInteractiveSignature> {\n  static linkToExternal: LinkTo | null = null;\n\n  /**\n   * Determines if a @href value is \"external\" (it adds target=\"_blank\" rel=\"noopener noreferrer\")\n   *\n   * @param linkToExternal\n   * @type LinkTo | null\n   * @default null\n   */\n  get linkToExternal(): LinkTo | null {\n    const component = HdsInteractive.linkToExternal;\n    if (component === null) {\n      assert(\n        `HdsInteractive: You attempted to use an external link without configuring HDS with an external component. Please add this in your app.js file:\n\nimport { HdsInteractive } from '@hashicorp/design-system-components/components';\nHdsInteractive.linkToExternal = LinkToExternalComponent;`\n      );\n    }\n    return component;\n  }\n\n  /**\n   * Determines if a @href value is \"external\" (it adds target=\"_blank\" rel=\"noopener noreferrer\")\n   *\n   * @param isHrefExternal\n   * @type boolean\n   * @default true\n   */\n  get isHrefExternal(): boolean {\n    return this.args.isHrefExternal ?? true;\n  }\n\n  /**\n   * Determines if a @route value is \"external\" (uses the LinkToExternal component instead of LinkTo)\n   *\n   * @param isRouteExternal\n   * @type boolean\n   * @default false\n   */\n  get isRouteExternal(): boolean {\n    return this.args.isRouteExternal ?? false;\n  }\n\n  @action\n  onKeyUp(event: KeyboardEvent): void {\n    if (event.key === ' ' || event.code === 'Space') {\n      (event.target as HTMLElement).click();\n    }\n  }\n}\n"],"names":["HdsInteractive","Component","linkToExternal","component","assert","isHrefExternal","args","isRouteExternal","onKeyUp","event","key","code","target","click","n","prototype","action","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AACA;;AA4Be,MAAMA,cAAc,SAASC,SAAS,CAA0B;EAC7E,OAAOC,cAAc,GAAkB,IAAI;;AAE3C;AACF;AACA;AACA;AACA;AACA;AACA;EACE,IAAIA,cAAcA,GAAkB;AAClC,IAAA,MAAMC,SAAS,GAAGH,cAAc,CAACE,cAAc;IAC/C,IAAIC,SAAS,KAAK,IAAI,EAAE;AACtBC,MAAAA,MAAM,CACJ,CAAA;;AAER;AACA,wDAAA,CACM,CAAC;AACH,IAAA;AACA,IAAA,OAAOD,SAAS;AAClB,EAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;AACA;EACE,IAAIE,cAAcA,GAAY;AAC5B,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,cAAc,IAAI,IAAI;AACzC,EAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;AACA;EACE,IAAIE,eAAeA,GAAY;AAC7B,IAAA,OAAO,IAAI,CAACD,IAAI,CAACC,eAAe,IAAI,KAAK;AAC3C,EAAA;EAGAC,OAAOA,CAACC,KAAoB,EAAQ;IAClC,IAAIA,KAAK,CAACC,GAAG,KAAK,GAAG,IAAID,KAAK,CAACE,IAAI,KAAK,OAAO,EAAE;AAC9CF,MAAAA,KAAK,CAACG,MAAM,CAAiBC,KAAK,EAAE;AACvC,IAAA;AACF,EAAA;AAAC,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CALAC,MAAM,CAAA,CAAA;AAAA;AAMT;AAACC,oBAAA,CAAAC,QAAA,EAnDoBlB,cAAc,CAAA;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hashicorp/design-system-components",
-  "version": "5.1.1-rc-20251208205057",
+  "version": "5.1.1-rc-20251209143536",
   "description": "Helios Design System Components",
   "keywords": [
     "hashicorp",
@@ -105,7 +105,6 @@
   "peerDependencies": {
     "@ember/string": "^3.1.1 || ^4.0.0",
     "ember-basic-dropdown": "^7.3.0 || ^8.6.1",
-    "ember-engines": ">= 0.11.0",
     "ember-intl": "^7.3.0"
   },
   "peerDependenciesMeta": {

package/declarations/utils/hds-resolve-link-to-external.d.ts

@@ -1,12 +0,0 @@
-/**
- * Copyright IBM Corp. 2021, 2025
- * SPDX-License-Identifier: MPL-2.0
- */
-import { LinkTo } from '@ember/routing';
-/**
- * Resolves the correct component to use for the `LinkTo`.
- *
- * @param isRouteExternal - If true, will return the `LinkToExternal` component. If `ember-engines` is not installed, an assertion will be thrown.
- * @returns The correct component to use for the `LinkTo`.
- */
-export declare function hdsResolveLinkToExternal(isRouteExternal?: boolean): typeof LinkTo;

package/dist/utils/hds-resolve-link-to-external.js

@@ -1,33 +0,0 @@
-import { LinkTo } from '@ember/routing';
-import { assert } from '@ember/debug';
-import { macroCondition, dependencySatisfies, importSync } from '@embroider/macros';
-
-/**
- * Copyright IBM Corp. 2021, 2025
- * SPDX-License-Identifier: MPL-2.0
- */
-
-
-/**
- * Resolves the correct component to use for the `LinkTo`.
- *
- * @param isRouteExternal - If true, will return the `LinkToExternal` component. If `ember-engines` is not installed, an assertion will be thrown.
- * @returns The correct component to use for the `LinkTo`.
- */
-function hdsResolveLinkToExternal(isRouteExternal) {
-  if (isRouteExternal) {
-    if (macroCondition(dependencySatisfies('ember-engines', '*'))) {
-      // Use importSync for compile-time conditional import
-      const {
-        default: module
-      } = importSync('ember-engines/components/link-to-external-component');
-      return module;
-    } else {
-      assert(`@isRouteExternal is only available when using the "ember-engines" addon. Please install it to use this feature.`, false);
-    }
-  }
-  return LinkTo;
-}
-
-export { hdsResolveLinkToExternal };
-//# sourceMappingURL=hds-resolve-link-to-external.js.map

package/dist/utils/hds-resolve-link-to-external.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"hds-resolve-link-to-external.js","sources":["../../src/utils/hds-resolve-link-to-external.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport { LinkTo } from '@ember/routing';\nimport { assert } from '@ember/debug';\nimport {\n  dependencySatisfies,\n  macroCondition,\n  importSync,\n} from '@embroider/macros';\n\n/**\n * Resolves the correct component to use for the `LinkTo`.\n *\n * @param isRouteExternal - If true, will return the `LinkToExternal` component. If `ember-engines` is not installed, an assertion will be thrown.\n * @returns The correct component to use for the `LinkTo`.\n */\nexport function hdsResolveLinkToExternal(\n  isRouteExternal?: boolean\n): typeof LinkTo {\n  if (isRouteExternal) {\n    if (macroCondition(dependencySatisfies('ember-engines', '*'))) {\n      // Use importSync for compile-time conditional import\n      const { default: module } = importSync(\n        'ember-engines/components/link-to-external-component'\n      ) as { default: typeof LinkTo };\n      return module;\n    } else {\n      assert(\n        `@isRouteExternal is only available when using the \"ember-engines\" addon. Please install it to use this feature.`,\n        false\n      );\n    }\n  }\n\n  return LinkTo;\n}\n"],"names":["hdsResolveLinkToExternal","isRouteExternal","macroCondition","dependencySatisfies","default","module","importSync","assert","LinkTo"],"mappings":";;;;AAAA;AACA;AACA;AACA;;;AAUA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,wBAAwBA,CACtCC,eAAyB,EACV;AACf,EAAA,IAAIA,eAAe,EAAE;IACnB,IAAIC,cAAc,CAACC,mBAAmB,CAAC,eAAe,EAAE,GAAG,CAAC,CAAC,EAAE;AAC7D;MACA,MAAM;AAAEC,QAAAA,OAAO,EAAEC;AAAO,OAAC,GAAGC,UAAU,CACpC,qDACF,CAA+B;AAC/B,MAAA,OAAOD,MAAM;AACf,IAAA,CAAC,MAAM;AACLE,MAAAA,MAAM,CACJ,CAAA,+GAAA,CAAiH,EACjH,KACF,CAAC;AACH,IAAA;AACF,EAAA;AAEA,EAAA,OAAOC,MAAM;AACf;;;;"}