@hashicorp/design-system-components 4.21.1 → 4.22.0-rc-20250805001802

package/README.md

@@ -1,19 +1,16 @@
-design-system-components
-==============================================================================
+# design-system-components - TEST
 
 A package containing the components for the Helios Design System.
 
 [![npm version](https://badge.fury.io/js/%40hashicorp%2Fdesign-system-components.svg)](https://badge.fury.io/js/%40hashicorp%2Fdesign-system-components)
 
-Compatibility
-------------------------------------------------------------------------------
+## Compatibility
 
-* Ember.js v3.28 or above
-* Ember CLI v3.28 or above
-* Node.js v16 or above
+- Ember.js v3.28 or above
+- Ember CLI v3.28 or above
+- Node.js v16 or above
 
-Installation
-------------------------------------------------------------------------------
+## Installation
 
 ```bash
 pnpm add @hashicorp/design-system-components
@@ -43,22 +40,19 @@ sassOptions: {
 Finally, add this line to the top of your app's style file (`app.scss` or similar):
 
 ```scss
-@import '@hashicorp/design-system-components';
+@import "@hashicorp/design-system-components";
 ```
 
 ⚠️ **Notice**: our component library assumes that a `*, *::before, *::after { box-sizing: border-box; }` reset is applied globally in the CSS of the application. If in your use case this is not true, please speak with the Design Systems Team (we can try to find a workaround).
 
-Usage
-------------------------------------------------------------------------------
+## Usage
 
 See the dedicated components website: https://helios.hashicorp.design/components
 
-Contributing
-------------------------------------------------------------------------------
+## Contributing
 
 See the [Contributing](CONTRIBUTING.md) guide for details.
 
-License
-------------------------------------------------------------------------------
+## License
 
 This project is licensed under the [Mozilla Public License 2.0](LICENSE.md).

package/declarations/components/hds/advanced-table/tr.d.ts

@@ -13,7 +13,7 @@ export interface BaseHdsAdvancedTableTrSignature {
         selectableColumnKey?: HdsAdvancedTableSignature['Args']['selectableColumnKey'];
         isLastRow?: boolean;
         isSelectable?: boolean;
-        isSelected?: false;
+        isSelected?: boolean;
         isParentRow?: boolean;
         selectionAriaLabelSuffix?: string;
         selectionKey?: string;

package/declarations/components/hds/application-state/index.d.ts

@@ -9,7 +9,7 @@ import type { HdsApplicationStateMediaSignature } from './media';
 import type { HdsApplicationStateHeaderSignature } from './header';
 import type { HdsApplicationStateBodySignature } from './body';
 import type { HdsApplicationStateFooterSignature } from './footer';
-export declare const ALIGNS: string[];
+export declare const ALIGNS: HdsApplicationStateAligns[];
 export interface HdsApplicationStateSignature {
     Args: {
         align?: HdsApplicationStateAligns;

package/declarations/components/hds/badge-count/index.d.ts

@@ -5,9 +5,9 @@
 import Component from '@glimmer/component';
 import { HdsBadgeCountColorValues, HdsBadgeCountSizeValues, HdsBadgeCountTypeValues } from './types.ts';
 import type { HdsBadgeCountColors, HdsBadgeCountSizes, HdsBadgeCountTypes } from './types.ts';
-export declare const SIZES: string[];
-export declare const TYPES: string[];
-export declare const COLORS: string[];
+export declare const SIZES: HdsBadgeCountSizes[];
+export declare const TYPES: HdsBadgeCountTypes[];
+export declare const COLORS: HdsBadgeCountColors[];
 export declare const DEFAULT_SIZE = HdsBadgeCountSizeValues.Medium;
 export declare const DEFAULT_TYPE = HdsBadgeCountTypeValues.Filled;
 export declare const DEFAULT_COLOR = HdsBadgeCountColorValues.Neutral;

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

@@ -7,12 +7,12 @@ import { HdsButtonSizeValues, HdsButtonColorValues, HdsButtonIconPositionValues
 import type { HdsButtonSizes, HdsButtonColors, HdsButtonIconPositions } from './types.ts';
 import type { HdsInteractiveSignature } from '../interactive/';
 import type { HdsIconSignature } from '../icon';
-export declare const SIZES: string[];
-export declare const COLORS: string[];
-export declare const ICONPOSITIONS: string[];
+export declare const SIZES: HdsButtonSizes[];
+export declare const COLORS: HdsButtonColors[];
+export declare const ICON_POSITIONS: HdsButtonIconPositions[];
 export declare const DEFAULT_SIZE = HdsButtonSizeValues.Medium;
 export declare const DEFAULT_COLOR = HdsButtonColorValues.Primary;
-export declare const DEFAULT_ICONPOSITION = HdsButtonIconPositionValues.Leading;
+export declare const DEFAULT_ICON_POSITION = HdsButtonIconPositionValues.Leading;
 export interface HdsButtonSignature {
     Args: HdsInteractiveSignature['Args'] & {
         size?: HdsButtonSizes;

package/declarations/components/hds/card/container.d.ts

@@ -9,10 +9,10 @@ export declare const DEFAULT_LEVEL = HdsCardLevelValues.Base;
 export declare const DEFAULT_BACKGROUND = HdsCardBackgroundValues.NeutralPrimary;
 export declare const DEFAULT_OVERFLOW = HdsCardOverflowValues.Visible;
 export declare const DEFAULT_TAG = HdsCardTagValues.Div;
-export declare const AVAILABLE_LEVELS: string[];
-export declare const AVAILABLE_BACKGROUNDS: string[];
-export declare const AVAILABLE_OVERFLOWS: string[];
-export declare const AVAILABLE_TAGS: string[];
+export declare const LEVELS: HdsCardLevel[];
+export declare const BACKGROUNDS: HdsCardBackground[];
+export declare const OVERFLOWS: HdsCardOverflow[];
+export declare const TAGS: HdsCardTag[];
 export interface HdsCardContainerSignature {
     Args: {
         level?: HdsCardLevel;

package/declarations/components/hds/code-block/index.d.ts

@@ -22,7 +22,7 @@ import 'prismjs/components/prism-shell-session';
 import 'prismjs/components/prism-yaml';
 import 'prismjs/components/prism-markup-templating';
 import 'prismjs/components/prism-handlebars';
-export declare const LANGUAGES: string[];
+export declare const LANGUAGES: HdsCodeBlockLanguages[];
 export interface HdsCodeBlockSignature {
     Args: {
         ariaLabel?: string;

package/declarations/components/hds/code-editor/index.d.ts

@@ -3,6 +3,9 @@
  * SPDX-License-Identifier: MPL-2.0
  */
 import Component from '@glimmer/component';
+import HdsCodeEditorDescription from './description.ts';
+import HdsCodeEditorTitle from './title.ts';
+import type { WithBoundArgs } from '@glint/template';
 import type Owner from '@ember/owner';
 import type { ComponentLike } from '@glint/template';
 import type { HdsCodeEditorSignature as HdsCodeEditorModifierSignature } from '../../../modifiers/hds-code-editor.ts';
@@ -21,8 +24,8 @@ export interface HdsCodeEditorSignature {
     Blocks: {
         default: [
             {
-                Title?: ComponentLike<HdsCodeEditorTitleSignature>;
-                Description?: ComponentLike<HdsCodeEditorDescriptionSignature>;
+                Title?: WithBoundArgs<typeof HdsCodeEditorTitle, 'onInsert' | 'editorId'>;
+                Description?: WithBoundArgs<typeof HdsCodeEditorDescription, 'onInsert' | 'editorId'>;
                 Generic?: ComponentLike<HdsCodeEditorGenericSignature>;
             }
         ];

package/declarations/components/hds/dismiss-button/index.d.ts

@@ -3,6 +3,7 @@
  * SPDX-License-Identifier: MPL-2.0
  */
 import Component from '@glimmer/component';
+import type HdsIntlService from '../../../services/hds-intl';
 export interface HdsDismissButtonSignature {
     Args: {
         ariaLabel?: string;
@@ -10,10 +11,6 @@ export interface HdsDismissButtonSignature {
     Element: HTMLButtonElement;
 }
 export default class HdsDismissButton extends Component<HdsDismissButtonSignature> {
-    /**
-     * @param ariaLabel
-     * @type {string}
-     * @default 'Dismiss'
-     */
+    hdsIntl: HdsIntlService;
     get ariaLabel(): string;
 }

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

@@ -12,7 +12,7 @@ import HdsDialogPrimitiveFooterComponent from '../dialog-primitive/footer.ts';
 import HdsDialogPrimitiveHeaderComponent from '../dialog-primitive/header.ts';
 export declare const DEFAULT_SIZE = HdsFlyoutSizesValues.Medium;
 export declare const DEFAULT_HAS_OVERLAY = true;
-export declare const SIZES: string[];
+export declare const SIZES: HdsFlyoutSizes[];
 export interface HdsFlyoutSignature {
     Args: {
         size?: HdsFlyoutSizes;

package/declarations/components/hds/form/masked-input/base.d.ts

@@ -5,6 +5,7 @@
 import Component from '@glimmer/component';
 import type { HdsCopyButtonSignature } from '../../copy/button/index.ts';
 import type { HdsFormVisibilityToggleSignature } from '../visibility-toggle/index.ts';
+import type HdsIntlService from '../../../../services/hds-intl.ts';
 export interface HdsFormMaskedInputBaseSignature {
     Args: {
         copyButtonText?: HdsCopyButtonSignature['Args']['text'];
@@ -23,6 +24,7 @@ export interface HdsFormMaskedInputBaseSignature {
     Element: HTMLElement;
 }
 export default class HdsFormMaskedInputBase extends Component<HdsFormMaskedInputBaseSignature> {
+    hdsIntl: HdsIntlService;
     _isContentMasked: boolean;
     private _isControlled;
     get isContentMasked(): boolean;

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

@@ -6,8 +6,8 @@ import Component from '@glimmer/component';
 import type { HdsIconSizes, HdsIconColors } from './types';
 import type { IconName } from '@hashicorp/flight-icons/svg';
 import type Owner from '@ember/owner';
-export declare const AVAILABLE_COLORS: string[];
-export declare const AVAILABLE_NAMES: readonly ["loading", "loading-static", "running", "running-static", "apple", "apple-color", "alibaba", "alibaba-color", "amazon-ecs", "amazon-ecs-color", "amazon-eks", "amazon-eks-color", "auth0", "auth0-color", "aws", "aws-color", "aws-cdk", "aws-cdk-color", "aws-cloudwatch", "aws-cloudwatch-color", "aws-ec2", "aws-ec2-color", "aws-lambda", "aws-lambda-color", "aws-s3", "aws-s3-color", "azure", "azure-color", "azure-aks", "azure-aks-color", "azure-blob-storage", "azure-blob-storage-color", "azure-devops", "azure-devops-color", "azure-vms", "azure-vms-color", "bitbucket", "bitbucket-color", "bridgecrew", "bridgecrew-color", "cisco", "cisco-color", "codepen", "codepen-color", "confluence", "confluence-color", "confluent", "confluent-color", "datadog", "datadog-color", "digital-ocean", "digital-ocean-color", "docker", "docker-color", "duo", "duo-color", "elastic-observability", "elastic-observability-color", "f5", "f5-color", "facebook", "facebook-color", "figma", "figma-color", "gcp", "gcp-color", "git", "git-color", "gitlab", "gitlab-color", "github", "github-color", "google", "google-color", "google-docs", "google-docs-color", "google-drive", "google-drive-color", "google-forms", "google-forms-color", "google-sheets", "google-sheets-color", "google-slides", "google-slides-color", "grafana", "grafana-color", "helm", "helm-color", "infracost", "infracost-color", "jfrog", "jfrog-color", "jira", "jira-color", "jwt", "jwt-color", "kubernetes", "kubernetes-color", "lightlytics", "lightlytics-color", "linkedin", "linkedin-color", "linode", "linode-color", "linux", "linux-color", "loom", "loom-color", "meetup", "meetup-color", "microsoft", "microsoft-color", "microsoft-teams", "microsoft-teams-color", "minio", "minio-color", "mongodb", "mongodb-color", "new-relic", "new-relic-color", "okta", "okta-color", "oracle", "oracle-color", "opa", "opa-color", "openid", "openid-color", "pack", "pack-color", "pager-duty", "pager-duty-color", "ping-identity ", "ping-identity-color", "postgres", "postgres-color", "rabbitmq", "rabbitmq-color", "saml", "saml-color", "service-now", "service-now-color", "slack", "slack-color", "snyk", "snyk-color", "splunk", "splunk-color", "twilio", "twilio-color", "twitch", "twitch-color", "twitter", "twitter-color", "twitter-x", "twitter-x-color", "vantage", "vantage-color", "venafi", "venafi-color", "vercel", "vercel-color", "vmware", "vmware-color", "youtube", "youtube-color", "boundary", "boundary-color", "boundary-fill", "boundary-fill-color", "boundary-square", "boundary-square-color", "consul", "consul-color", "consul-fill", "consul-fill-color", "consul-square", "consul-square-color", "nomad", "nomad-color", "nomad-fill", "nomad-fill-color", "nomad-square", "nomad-square-color", "packer", "packer-color", "packer-fill", "packer-fill-color", "packer-square", "packer-square-color", "terraform", "terraform-color", "terraform-fill", "terraform-fill-color", "terraform-square", "terraform-square-color", "vagrant", "vagrant-color", "vagrant-fill", "vagrant-fill-color", "vagrant-square", "vagrant-square-color", "vault", "vault-color", "vault-fill", "vault-fill-color", "vault-square", "vault-square-color", "vault-radar", "vault-radar-color", "vault-radar-fill", "vault-radar-fill-color", "vault-radar-square", "vault-radar-square-color", "vault-secrets", "vault-secrets-color", "vault-secrets-fill", "vault-secrets-fill-color", "vault-secrets-square", "vault-secrets-square-color", "waypoint", "waypoint-color", "waypoint-fill", "waypoint-fill-color", "waypoint-square", "waypoint-square-color", "hashicorp", "hashicorp-color", "hashicorp-fill", "hashicorp-fill-color", "hashicorp-square", "hashicorp-square-color", "hcp", "hcp-color", "hcp-fill", "hcp-fill-color", "hcp-square", "hcp-square-color", "accessibility", "folder-users", "frown", "identity-service", "identity-user", "meh", "robot", "smile", "user", "user-check", "user-circle", "user-circle-fill", "user-minus", "user-plus", "user-x", "users", "ampersand", "beaker", "bucket", "bulb", "circle", "circle-dot", "circle-fill", "circle-half", "diamond", "diamond-fill", "disc", "dot", "dot-half", "droplet", "flag", "gift", "government", "handshake", "hash", "hexagon", "hexagon-fill", "labyrinth", "layers", "moon", "octagon", "outline", "random", "rocket", "sparkle", "square", "square-fill", "sun", "triangle", "triangle-fill", "truck", "wand", "zap", "zap-off", "docs", "docs-download", "docs-link", "guide", "guide-link", "help", "info", "info-fill", "learn", "learn-link", "support", "alert-circle", "alert-circle-fill", "alert-diamond", "alert-diamond-fill", "alert-octagon", "alert-octagon-fill", "alert-triangle", "alert-triangle-fill", "check", "check-circle", "check-circle-fill", "check-diamond", "check-diamond-fill", "check-hexagon", "check-hexagon-fill", "check-square", "check-square-fill", "skip", "x", "x-circle", "x-circle-fill", "x-diamond", "x-diamond-fill", "x-hexagon", "x-hexagon-fill", "x-square", "x-square-fill", "bug", "certificate", "eye", "eye-off", "fingerprint", "key", "keychain", "lock", "lock-fill", "lock-off", "shield", "shield-alert", "shield-check", "shield-off", "shield-x", "token", "unlock", "verified", "wall", "minus", "minus-circle", "minus-circle-fill", "minus-plus", "minus-plus-circle", "minus-plus-square", "minus-square", "minus-square-fill", "plus", "plus-circle", "plus-circle-fill", "plus-square", "camera", "camera-off", "cast", "closed-caption", "fast-forward", "film", "headphones", "image", "music", "pause", "pause-circle", "play", "play-circle", "radio", "rewind", "rss", "skip-back", "skip-forward", "speaker", "stop-circle", "volume", "volume-down", "volume-2", "volume-x", "wifi", "wifi-off", "compass", "crosshair", "map", "map-pin", "navigation", "navigation-alt", "redirect", "target", "align-center", "align-justify", "align-left", "align-right", "battery", "battery-charging", "bookmark", "bookmark-add", "bookmark-add-fill", "bookmark-fill", "bookmark-remove", "bookmark-remove-fill", "bottom", "top", "start", "end", "command", "crop", "dashboard", "delete", "download", "edit", "entry-point", "exit-point", "external-link", "filter", "filter-circle", "filter-fill", "grid", "grid-alt", "home", "jump-link", "layout", "link", "list", "maximize", "maximize-alt", "menu", "minimize", "minimize-alt", "more-horizontal", "more-vertical", "mouse-pointer", "move-horizontal", "paperclip", "pen-tool", "pencil-tool", "pin", "power", "printer", "reload", "repeat", "resize-column", "rotate-cw", "rotate-ccw", "search", "share", "sidebar", "sidebar-hide", "sidebar-show", "sign-in", "sign-out", "slash", "slash-square", "sort-asc", "sort-desc", "switcher", "sync", "sync-alert", "sync-reverse", "tag", "toggle-left", "toggle-right", "trash", "type", "text-wrap", "unfold-close", "unfold-open", "upload", "zoom-in", "zoom-out", "archive", "clipboard", "clipboard-checked", "clipboard-copy", "clipboard-x", "file", "file-change", "file-check", "file-diff", "file-minus", "file-plus", "file-source", "file-text", "file-x", "files", "folder", "folder-fill", "folder-minus", "folder-minus-fill", "folder-plus", "folder-plus-fill", "folder-star", "inbox", "api", "auto-apply", "build", "change", "change-circle", "change-square", "channel", "cloud", "cloud-check", "cloud-download", "cloud-lightning", "cloud-lock", "cloud-off", "cloud-upload", "cloud-x", "code", "connection", "connection-gateway", "cpu", "duplicate", "gateway", "git-branch", "git-commit", "git-merge", "git-pull-request", "git-repo", "hammer", "key-values", "mainframe", "mesh", "module", "monitor", "network", "network-alt", "node", "path", "pipeline", "plug", "replication-direct", "replication-perf", "scissors", "server", "server-cluster", "serverless", "service", "settings", "sliders", "smartphone", "socket", "step", "tablet", "terminal", "terminal-screen", "test", "tools", "transform-data", "tv", "webhook", "wrench", "calendar", "clock", "clock-filled", "delay", "event", "history", "hourglass", "watch", "bar-chart", "bar-chart-alt", "box", "collections", "database", "hard-drive", "line-chart", "line-chart-up", "logs", "package", "pie-chart", "queue", "save", "trend-down", "trend-up", "activity", "at-sign", "award", "bell", "bell-active", "bell-active-fill", "bell-off", "discussion-circle", "discussion-square", "heart", "heart-fill", "heart-off", "mail", "mail-open", "message-circle", "message-circle-fill", "message-square", "message-square-fill", "mic", "mic-off", "newspaper", "phone", "phone-call", "phone-off", "send", "star", "star-circle", "star-fill", "star-off", "thumbs-down", "thumbs-up", "video", "video-off", "bank-vault", "briefcase", "credit-card", "dollar-sign", "enterprise", "globe", "globe-private", "org", "provider", "shopping-bag", "shopping-cart", "arrow-down", "arrow-down-circle", "arrow-down-left", "arrow-down-right", "arrow-left", "arrow-left-circle", "arrow-right", "arrow-right-circle", "arrow-up", "arrow-up-circle", "arrow-up-left", "arrow-up-right", "caret", "chevron-down", "chevron-left", "chevron-right", "chevron-up", "chevrons-down", "chevrons-left", "chevrons-right", "chevrons-up", "corner-down-left", "corner-down-right", "corner-left-down", "corner-left-up", "corner-right-down", "corner-right-up", "corner-up-left", "corner-up-right", "load-balancer", "migrate", "move", "shuffle", "swap-horizontal", "swap-vertical"];
+export declare const COLORS: HdsIconColors[];
+export declare const NAMES: readonly ["loading", "loading-static", "running", "running-static", "apple", "apple-color", "alibaba", "alibaba-color", "amazon-ecs", "amazon-ecs-color", "amazon-eks", "amazon-eks-color", "auth0", "auth0-color", "aws", "aws-color", "aws-cdk", "aws-cdk-color", "aws-cloudwatch", "aws-cloudwatch-color", "aws-ec2", "aws-ec2-color", "aws-lambda", "aws-lambda-color", "aws-s3", "aws-s3-color", "azure", "azure-color", "azure-aks", "azure-aks-color", "azure-blob-storage", "azure-blob-storage-color", "azure-devops", "azure-devops-color", "azure-vms", "azure-vms-color", "bitbucket", "bitbucket-color", "bridgecrew", "bridgecrew-color", "cisco", "cisco-color", "codepen", "codepen-color", "confluence", "confluence-color", "confluent", "confluent-color", "datadog", "datadog-color", "digital-ocean", "digital-ocean-color", "docker", "docker-color", "duo", "duo-color", "elastic-observability", "elastic-observability-color", "f5", "f5-color", "facebook", "facebook-color", "figma", "figma-color", "gcp", "gcp-color", "git", "git-color", "gitlab", "gitlab-color", "github", "github-color", "google", "google-color", "google-docs", "google-docs-color", "google-drive", "google-drive-color", "google-forms", "google-forms-color", "google-sheets", "google-sheets-color", "google-slides", "google-slides-color", "grafana", "grafana-color", "helm", "helm-color", "infracost", "infracost-color", "jfrog", "jfrog-color", "jira", "jira-color", "jwt", "jwt-color", "kubernetes", "kubernetes-color", "lightlytics", "lightlytics-color", "linkedin", "linkedin-color", "linode", "linode-color", "linux", "linux-color", "loom", "loom-color", "meetup", "meetup-color", "microsoft", "microsoft-color", "microsoft-teams", "microsoft-teams-color", "minio", "minio-color", "mongodb", "mongodb-color", "new-relic", "new-relic-color", "okta", "okta-color", "oracle", "oracle-color", "opa", "opa-color", "openid", "openid-color", "pack", "pack-color", "pager-duty", "pager-duty-color", "ping-identity ", "ping-identity-color", "postgres", "postgres-color", "rabbitmq", "rabbitmq-color", "saml", "saml-color", "service-now", "service-now-color", "slack", "slack-color", "snyk", "snyk-color", "splunk", "splunk-color", "twilio", "twilio-color", "twitch", "twitch-color", "twitter", "twitter-color", "twitter-x", "twitter-x-color", "vantage", "vantage-color", "venafi", "venafi-color", "vercel", "vercel-color", "vmware", "vmware-color", "youtube", "youtube-color", "boundary", "boundary-color", "boundary-fill", "boundary-fill-color", "boundary-square", "boundary-square-color", "consul", "consul-color", "consul-fill", "consul-fill-color", "consul-square", "consul-square-color", "nomad", "nomad-color", "nomad-fill", "nomad-fill-color", "nomad-square", "nomad-square-color", "packer", "packer-color", "packer-fill", "packer-fill-color", "packer-square", "packer-square-color", "terraform", "terraform-color", "terraform-fill", "terraform-fill-color", "terraform-square", "terraform-square-color", "vagrant", "vagrant-color", "vagrant-fill", "vagrant-fill-color", "vagrant-square", "vagrant-square-color", "vault", "vault-color", "vault-fill", "vault-fill-color", "vault-square", "vault-square-color", "vault-radar", "vault-radar-color", "vault-radar-fill", "vault-radar-fill-color", "vault-radar-square", "vault-radar-square-color", "vault-secrets", "vault-secrets-color", "vault-secrets-fill", "vault-secrets-fill-color", "vault-secrets-square", "vault-secrets-square-color", "waypoint", "waypoint-color", "waypoint-fill", "waypoint-fill-color", "waypoint-square", "waypoint-square-color", "hashicorp", "hashicorp-color", "hashicorp-fill", "hashicorp-fill-color", "hashicorp-square", "hashicorp-square-color", "hcp", "hcp-color", "hcp-fill", "hcp-fill-color", "hcp-square", "hcp-square-color", "accessibility", "folder-users", "frown", "identity-service", "identity-user", "meh", "robot", "smile", "user", "user-check", "user-circle", "user-circle-fill", "user-minus", "user-plus", "user-x", "users", "ampersand", "beaker", "bucket", "bulb", "circle", "circle-dot", "circle-fill", "circle-half", "diamond", "diamond-fill", "disc", "dot", "dot-half", "droplet", "flag", "gift", "government", "handshake", "hash", "hexagon", "hexagon-fill", "labyrinth", "layers", "moon", "octagon", "outline", "random", "rocket", "sparkle", "square", "square-fill", "sun", "triangle", "triangle-fill", "truck", "wand", "zap", "zap-off", "docs", "docs-download", "docs-link", "guide", "guide-link", "help", "info", "info-fill", "learn", "learn-link", "support", "alert-circle", "alert-circle-fill", "alert-diamond", "alert-diamond-fill", "alert-octagon", "alert-octagon-fill", "alert-triangle", "alert-triangle-fill", "check", "check-circle", "check-circle-fill", "check-diamond", "check-diamond-fill", "check-hexagon", "check-hexagon-fill", "check-square", "check-square-fill", "skip", "x", "x-circle", "x-circle-fill", "x-diamond", "x-diamond-fill", "x-hexagon", "x-hexagon-fill", "x-square", "x-square-fill", "bug", "certificate", "eye", "eye-off", "fingerprint", "key", "keychain", "lock", "lock-fill", "lock-off", "shield", "shield-alert", "shield-check", "shield-off", "shield-x", "token", "unlock", "verified", "wall", "minus", "minus-circle", "minus-circle-fill", "minus-plus", "minus-plus-circle", "minus-plus-square", "minus-square", "minus-square-fill", "plus", "plus-circle", "plus-circle-fill", "plus-square", "camera", "camera-off", "cast", "closed-caption", "fast-forward", "film", "headphones", "image", "music", "pause", "pause-circle", "play", "play-circle", "radio", "rewind", "rss", "skip-back", "skip-forward", "speaker", "stop-circle", "volume", "volume-down", "volume-2", "volume-x", "wifi", "wifi-off", "compass", "crosshair", "map", "map-pin", "navigation", "navigation-alt", "redirect", "target", "align-center", "align-justify", "align-left", "align-right", "battery", "battery-charging", "bookmark", "bookmark-add", "bookmark-add-fill", "bookmark-fill", "bookmark-remove", "bookmark-remove-fill", "bottom", "top", "start", "end", "command", "crop", "dashboard", "delete", "download", "edit", "entry-point", "exit-point", "external-link", "filter", "filter-circle", "filter-fill", "grid", "grid-alt", "home", "jump-link", "layout", "link", "list", "maximize", "maximize-alt", "menu", "minimize", "minimize-alt", "more-horizontal", "more-vertical", "mouse-pointer", "move-horizontal", "paperclip", "pen-tool", "pencil-tool", "pin", "power", "printer", "reload", "repeat", "resize-column", "rotate-cw", "rotate-ccw", "search", "share", "sidebar", "sidebar-hide", "sidebar-show", "sign-in", "sign-out", "slash", "slash-square", "sort-asc", "sort-desc", "switcher", "sync", "sync-alert", "sync-reverse", "tag", "toggle-left", "toggle-right", "trash", "type", "text-wrap", "unfold-close", "unfold-open", "upload", "zoom-in", "zoom-out", "archive", "clipboard", "clipboard-checked", "clipboard-copy", "clipboard-x", "file", "file-change", "file-check", "file-diff", "file-minus", "file-plus", "file-source", "file-text", "file-x", "files", "folder", "folder-fill", "folder-minus", "folder-minus-fill", "folder-plus", "folder-plus-fill", "folder-star", "inbox", "api", "auto-apply", "build", "change", "change-circle", "change-square", "channel", "cloud", "cloud-check", "cloud-download", "cloud-lightning", "cloud-lock", "cloud-off", "cloud-upload", "cloud-x", "code", "connection", "connection-gateway", "cpu", "duplicate", "gateway", "git-branch", "git-commit", "git-merge", "git-pull-request", "git-repo", "hammer", "key-values", "mainframe", "mesh", "module", "monitor", "network", "network-alt", "node", "path", "pipeline", "plug", "replication-direct", "replication-perf", "scissors", "server", "server-cluster", "serverless", "service", "settings", "sliders", "smartphone", "socket", "step", "tablet", "terminal", "terminal-screen", "test", "tools", "transform-data", "tv", "webhook", "wrench", "calendar", "clock", "clock-filled", "delay", "event", "history", "hourglass", "watch", "bar-chart", "bar-chart-alt", "box", "collections", "database", "hard-drive", "line-chart", "line-chart-up", "logs", "package", "pie-chart", "queue", "save", "trend-down", "trend-up", "activity", "at-sign", "award", "bell", "bell-active", "bell-active-fill", "bell-off", "discussion-circle", "discussion-square", "heart", "heart-fill", "heart-off", "mail", "mail-open", "message-circle", "message-circle-fill", "message-square", "message-square-fill", "mic", "mic-off", "newspaper", "phone", "phone-call", "phone-off", "send", "star", "star-circle", "star-fill", "star-off", "thumbs-down", "thumbs-up", "video", "video-off", "bank-vault", "briefcase", "credit-card", "dollar-sign", "enterprise", "globe", "globe-private", "org", "provider", "shopping-bag", "shopping-cart", "arrow-down", "arrow-down-circle", "arrow-down-left", "arrow-down-right", "arrow-left", "arrow-left-circle", "arrow-right", "arrow-right-circle", "arrow-up", "arrow-up-circle", "arrow-up-left", "arrow-up-right", "caret", "chevron-down", "chevron-left", "chevron-right", "chevron-up", "chevrons-down", "chevrons-left", "chevrons-right", "chevrons-up", "corner-down-left", "corner-down-right", "corner-left-down", "corner-left-up", "corner-right-down", "corner-right-up", "corner-up-left", "corner-up-right", "load-balancer", "migrate", "move", "shuffle", "swap-horizontal", "swap-vertical"];
 export interface HdsIconSignature {
     Args: {
         name: IconName;

package/declarations/components/hds/icon-tile/index.d.ts

@@ -7,9 +7,9 @@ import type { HdsIconTileColors, HdsIconTileProducts, HdsIconTileSizes } from '.
 import type { HdsIconSignature } from '../icon';
 export declare const DEFAULT_SIZE = "medium";
 export declare const DEFAULT_COLOR = "neutral";
-export declare const SIZES: string[];
-export declare const COLORS: string[];
-export declare const PRODUCTS: string[];
+export declare const SIZES: HdsIconTileSizes[];
+export declare const COLORS: HdsIconTileColors[];
+export declare const PRODUCTS: HdsIconTileProducts[];
 export interface HdsIconTileSignature {
     Args: {
         size?: HdsIconTileSizes;

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

@@ -11,8 +11,8 @@ import HdsDialogPrimitiveFooterComponent from '../dialog-primitive/footer.ts';
 import { HdsModalSizeValues, HdsModalColorValues } from './types.ts';
 export declare const DEFAULT_SIZE = HdsModalSizeValues.Medium;
 export declare const DEFAULT_COLOR = HdsModalColorValues.Neutral;
-export declare const SIZES: string[];
-export declare const COLORS: string[];
+export declare const SIZES: HdsModalSizes[];
+export declare const COLORS: HdsModalColors[];
 export interface HdsModalSignature {
     Args: {
         isDismissDisabled?: boolean;

package/declarations/components/hds/pagination/info/index.d.ts

@@ -5,6 +5,7 @@
 import Component from '@glimmer/component';
 import type { HdsPaginationNumberedSignature } from '../numbered/index';
 import type { HdsTextBodySignature } from '../../text/body';
+import type HdsIntlService from '../../../../services/hds-intl';
 export interface HdsPaginationInfoSignature {
     Args: {
         itemsRangeStart: number;
@@ -15,5 +16,7 @@ export interface HdsPaginationInfoSignature {
     Element: HdsTextBodySignature['Element'];
 }
 export default class HdsPaginationInfo extends Component<HdsPaginationInfoSignature> {
+    hdsIntl: HdsIntlService;
     get showTotalItems(): boolean;
+    get translatedItemsRange(): string;
 }

package/declarations/components/hds/rich-tooltip/toggle.d.ts

@@ -8,9 +8,9 @@ import type { HdsRichTooltipToggleIconPositions, HdsRichTooltipToggleSizes } fro
 import type { HdsIconSignature } from '../icon';
 import type { ModifierLike } from '@glint/template';
 import type { SetupPrimitiveToggleModifier } from '../popover-primitive';
-export declare const ICONPOSITIONS: string[];
-export declare const DEFAULT_ICONPOSITION = HdsRichTooltipToggleIconPositionValues.Trailing;
-export declare const SIZES: string[];
+export declare const ICON_POSITIONS: HdsRichTooltipToggleIconPositions[];
+export declare const DEFAULT_ICON_POSITION = HdsRichTooltipToggleIconPositionValues.Trailing;
+export declare const SIZES: HdsRichTooltipToggleSizes[];
 export interface HdsRichTooltipToggleSignature {
     Args: {
         text?: string;

package/declarations/components/hds/stepper/list/step.d.ts

@@ -10,7 +10,7 @@ export declare const STATUSES: string[];
 export declare const MAPPING_STATUS_TO_SR_ONLY_TEXT: Record<HdsStepperStatusesValues, string>;
 export interface HdsStepperListStepSignature {
     Args: {
-        status?: HdsStepperStatusesValues;
+        status?: HdsStepperStatuses;
         titleTag?: HdsStepperTitleTags;
         stepIds?: HdsStepperListStepIds;
         didInsertNode?: (element: HTMLElement) => void;

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

@@ -4,6 +4,7 @@
  */
 import Component from '@glimmer/component';
 import type { ComponentLike } from '@glint/template';
+import type HdsIntlService from '../../../services/hds-intl.ts';
 import { HdsTableDensityValues, HdsTableThSortOrderValues, HdsTableVerticalAlignmentValues } from './types.ts';
 import type { HdsTableColumn, HdsTableDensities, HdsTableHorizontalAlignment, HdsTableOnSelectionChangeSignature, HdsTableSortingFunction, HdsTableThSortOrder, HdsTableVerticalAlignment, HdsTableModel } from './types';
 import type { HdsFormCheckboxBaseSignature } from '../form/checkbox/base';
@@ -62,6 +63,7 @@ export interface HdsTableSignature {
     Element: HTMLTableElement;
 }
 export default class HdsTable extends Component<HdsTableSignature> {
+    hdsIntl: HdsIntlService;
     sortBy: string | undefined;
     sortOrder: "desc" | "asc" | HdsTableThSortOrderValues;
     private _selectAllCheckbox?;

package/declarations/components/hds/table/th-button-sort.d.ts

@@ -4,6 +4,7 @@
  */
 import Component from '@glimmer/component';
 import type { HdsTableThSortOrder, HdsTableThSortOrderIcons, HdsTableThSortOrderLabels } from './types.ts';
+import type HdsIntlService from '../../../services/hds-intl.ts';
 export interface HdsTableThButtonSortSignature {
     Args: {
         labelId?: string;
@@ -13,6 +14,7 @@ export interface HdsTableThButtonSortSignature {
     Element: HTMLButtonElement;
 }
 export default class HdsTableThButtonSort extends Component<HdsTableThButtonSortSignature> {
+    hdsIntl: HdsIntlService;
     private _prefixLabelId;
     private _suffixLabelId;
     get icon(): HdsTableThSortOrderIcons;

package/declarations/components/hds/table/tr.d.ts

@@ -12,7 +12,7 @@ export interface BaseHdsTableTrSignature {
     Args: {
         selectableColumnKey?: HdsTableSignature['Args']['selectableColumnKey'];
         isSelectable?: boolean;
-        isSelected?: false;
+        isSelected?: boolean;
         selectionAriaLabelSuffix?: string;
         selectionKey?: string;
         selectionScope?: HdsTableScope;

package/declarations/helpers/hds-t.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+import Helper from '@ember/component/helper';
+import type HdsIntlService from '../services/hds-intl';
+import type { HdsIntlTOptions } from '../services/hds-intl';
+interface HdsTHelperSignature {
+    Args: {
+        Positional: string[];
+        Named: HdsIntlTOptions;
+    };
+    Return: string;
+}
+export default class HdsTHelper extends Helper<HdsTHelperSignature> {
+    hdsIntl: HdsIntlService;
+    compute(positional: HdsTHelperSignature['Args']['Positional'], named: HdsTHelperSignature['Args']['Named']): HdsTHelperSignature['Return'];
+}
+export {};

package/declarations/modifiers/hds-anchored-position.d.ts

@@ -3,8 +3,15 @@
  * SPDX-License-Identifier: MPL-2.0
  */
 import type { Placement, Strategy, OffsetOptions, FlipOptions, ShiftOptions, AutoPlacementOptions, ArrowOptions, Middleware } from '@floating-ui/dom';
+export declare enum HdsEnableCollisionDetectionOptions {
+    Shift = "shift",
+    Flip = "flip",
+    Auto = "auto"
+}
+export type HdsEnableCollisionDetection = `${HdsEnableCollisionDetectionOptions}`;
 export declare const DEFAULT_PLACEMENT = "bottom";
 export declare const PLACEMENTS: Placement[];
+export declare const ENABLE_COLLISION_DETECTION_OPTIONS: HdsEnableCollisionDetection[];
 export type FloatingUIOptions = {
     placement?: Placement;
     strategy?: Strategy;
@@ -13,7 +20,7 @@ export type FloatingUIOptions = {
     shiftOptions?: ShiftOptions;
     autoPlacementOptions?: AutoPlacementOptions;
     middlewareExtra?: Middleware[];
-    enableCollisionDetection?: boolean | 'shift' | 'flip' | 'auto';
+    enableCollisionDetection?: boolean | HdsEnableCollisionDetection;
     arrowElement?: ArrowOptions['element'];
     arrowPadding?: ArrowOptions['padding'];
     matchToggleWidth?: boolean;

package/declarations/modifiers/hds-code-editor.d.ts

@@ -4,6 +4,7 @@
  */
 import Modifier from 'ember-modifier';
 import { Compartment } from '@codemirror/state';
+import type HdsIntlService from '../services/hds-intl.ts';
 import type { HdsCodeEditorLanguages } from './hds-code-editor/types.ts';
 import type { ArgsFor, PositionalArgs, NamedArgs } from 'ember-modifier';
 import type { EditorView as EditorViewType } from '@codemirror/view';
@@ -37,6 +38,7 @@ export interface HdsCodeEditorSignature {
 }
 export declare function getCSPNonceFromMeta(): string | undefined;
 export default class HdsCodeEditorModifier extends Modifier<HdsCodeEditorSignature> {
+    hdsIntl: HdsIntlService;
     editor: EditorViewType;
     element: HTMLElementWithEditor;
     onBlur: HdsCodeEditorSignature['Args']['Named']['onBlur'];

package/declarations/services/hds-intl.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+import Service from '@ember/service';
+import type { IntlService } from 'ember-intl';
+import type { FormatMessageParameters } from 'ember-intl/-private/formatjs';
+export type HdsIntlTOptions = FormatMessageParameters[1] & {
+    default: string;
+    htmlSafe?: boolean | undefined;
+    locale?: string | undefined;
+};
+export default class HdsIntlService extends Service {
+    get intl(): IntlService | undefined;
+    t(key: string, options: HdsIntlTOptions): string;
+}

package/declarations/template-registry.d.ts

@@ -232,6 +232,7 @@ import type HdsLinkToModelsHelper from './helpers/hds-link-to-models.ts';
 import type HdsLinkToQueryHelper from './helpers/hds-link-to-query.ts';
 import type HdsFormatDateHelper from './helpers/hds-format-date.ts';
 import type HdsFormatRelativeHelper from './helpers/hds-format-relative.ts';
+import type HdsTHelper from './helpers/hds-t.ts';
 import type HdsAnchoredPositionModifier from './modifiers/hds-anchored-position.ts';
 import type HdsCodeEditorModifier from './modifiers/hds-code-editor.ts';
 import type HdsClipboardModifier from './modifiers/hds-clipboard.ts';
@@ -722,6 +723,7 @@ export default interface HdsComponentsRegistry {
     'hds-link-to-query': typeof HdsLinkToQueryHelper;
     'hds-format-date': typeof HdsFormatDateHelper;
     'hds-format-relative': typeof HdsFormatRelativeHelper;
+    'hds-t': typeof HdsTHelper;
     'hds-anchored-position': typeof HdsAnchoredPositionModifier;
     'hds-code-editor': typeof HdsCodeEditorModifier;
     'hds-clipboard': typeof HdsClipboardModifier;

package/dist/README.md

@@ -1,19 +1,16 @@
-design-system-components
-==============================================================================
+# design-system-components - TEST
 
 A package containing the components for the Helios Design System.
 
 [![npm version](https://badge.fury.io/js/%40hashicorp%2Fdesign-system-components.svg)](https://badge.fury.io/js/%40hashicorp%2Fdesign-system-components)
 
-Compatibility
-------------------------------------------------------------------------------
+## Compatibility
 
-* Ember.js v3.28 or above
-* Ember CLI v3.28 or above
-* Node.js v16 or above
+- Ember.js v3.28 or above
+- Ember CLI v3.28 or above
+- Node.js v16 or above
 
-Installation
-------------------------------------------------------------------------------
+## Installation
 
 ```bash
 pnpm add @hashicorp/design-system-components
@@ -43,22 +40,19 @@ sassOptions: {
 Finally, add this line to the top of your app's style file (`app.scss` or similar):
 
 ```scss
-@import '@hashicorp/design-system-components';
+@import "@hashicorp/design-system-components";
 ```
 
 ⚠️ **Notice**: our component library assumes that a `*, *::before, *::after { box-sizing: border-box; }` reset is applied globally in the CSS of the application. If in your use case this is not true, please speak with the Design Systems Team (we can try to find a workaround).
 
-Usage
-------------------------------------------------------------------------------
+## Usage
 
 See the dedicated components website: https://helios.hashicorp.design/components
 
-Contributing
-------------------------------------------------------------------------------
+## Contributing
 
 See the [Contributing](CONTRIBUTING.md) guide for details.
 
-License
-------------------------------------------------------------------------------
+## License
 
 This project is licensed under the [Mozilla Public License 2.0](LICENSE.md).

package/dist/_app_/helpers/hds-t.js

@@ -0,0 +1 @@
+export { default } from "@hashicorp/design-system-components/helpers/hds-t";

package/dist/_app_/services/hds-intl.js

@@ -0,0 +1 @@
+export { default } from "@hashicorp/design-system-components/services/hds-intl";

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/hds/accordion/index.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\n\nimport { SIZES, DEFAULT_SIZE, TYPES, DEFAULT_TYPE } from './item/index.ts';\n\nimport type { ComponentLike } from '@glint/template';\nimport { HdsAccordionItemTitleTagValues } from './types.ts';\nimport type { HdsAccordionItemSignature } from './item/index.ts';\nimport type {\n  HdsAccordionForceStates,\n  HdsAccordionSizes,\n  HdsAccordionTypes,\n  HdsAccordionItemTitleTags,\n} from './types.ts';\n\nexport interface HdsAccordionSignature {\n  Args: {\n    size?: HdsAccordionSizes;\n    type?: HdsAccordionTypes;\n    forceState?: HdsAccordionForceStates;\n    titleTag?: HdsAccordionItemTitleTags;\n  };\n  Blocks: {\n    default: [\n      {\n        Item?: ComponentLike<HdsAccordionItemSignature>;\n      },\n    ];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsAccordion extends Component<HdsAccordionSignature> {\n  /**\n   * Sets the size for the component\n   *\n   * @param size\n   * @type {HdsAccordionSizes}\n   * @default 'medium'\n   */\n  get size(): HdsAccordionSizes {\n    const { size = DEFAULT_SIZE } = this.args;\n\n    assert(\n      `@size for \"Hds::Accordion\" must be one of the following: ${SIZES.join(\n        ', '\n      )}; received: ${size}`,\n      SIZES.includes(size)\n    );\n\n    return size;\n  }\n\n  get titleTag(): HdsAccordionItemTitleTags {\n    return this.args.titleTag ?? HdsAccordionItemTitleTagValues.Div;\n  }\n\n  /**\n   * Sets the type of the component\n   *\n   * @param type\n   * @type {HdsAccordionTypes}\n   * @default 'card'\n   */\n  get type(): HdsAccordionTypes {\n    const { type = DEFAULT_TYPE } = this.args;\n\n    assert(\n      `@type for \"Hds::Accordion\" must be one of the following: ${TYPES.join(\n        ', '\n      )}; received: ${type}`,\n      TYPES.includes(type)\n    );\n\n    return type;\n  }\n\n  /**\n   * Get the class names to apply to the component.\n   * @method classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames(): string {\n    const classes = ['hds-accordion'];\n\n    // add a class based on the @size argument\n    classes.push(`hds-accordion--size-${this.size}`);\n\n    // add a class based on the @type argument\n    classes.push(`hds-accordion--type-${this.type}`);\n\n    return classes.join(' ');\n  }\n}\n"],"names":["HdsAccordion","Component","size","DEFAULT_SIZE","args","assert","SIZES","join","includes","titleTag","HdsAccordionItemTitleTagValues","Div","type","DEFAULT_TYPE","TYPES","classNames","classes","push","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AACA;;AAkCe,MAAMA,YAAY,SAASC,SAAS,CAAwB;AACzE;AACF;AACA;AACA;AACA;AACA;AACA;EACE,IAAIC,IAAIA,GAAsB;IAC5B,MAAM;AAAEA,MAAAA,IAAI,GAAGC;KAAc,GAAG,IAAI,CAACC,IAAI;AAEzCC,IAAAA,MAAM,CACJ,CAA4DC,yDAAAA,EAAAA,KAAK,CAACC,IAAI,CACpE,IACF,CAAC,CAAA,YAAA,EAAeL,IAAI,CAAA,CAAE,EACtBI,KAAK,CAACE,QAAQ,CAACN,IAAI,CACrB,CAAC;AAED,IAAA,OAAOA,IAAI;AACb;EAEA,IAAIO,QAAQA,GAA8B;IACxC,OAAO,IAAI,CAACL,IAAI,CAACK,QAAQ,IAAIC,8BAA8B,CAACC,GAAG;AACjE;;AAEA;AACF;AACA;AACA;AACA;AACA;AACA;EACE,IAAIC,IAAIA,GAAsB;IAC5B,MAAM;AAAEA,MAAAA,IAAI,GAAGC;KAAc,GAAG,IAAI,CAACT,IAAI;AAEzCC,IAAAA,MAAM,CACJ,CAA4DS,yDAAAA,EAAAA,KAAK,CAACP,IAAI,CACpE,IACF,CAAC,CAAA,YAAA,EAAeK,IAAI,CAAA,CAAE,EACtBE,KAAK,CAACN,QAAQ,CAACI,IAAI,CACrB,CAAC;AAED,IAAA,OAAOA,IAAI;AACb;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIG,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,eAAe,CAAC;;AAEjC;IACAA,OAAO,CAACC,IAAI,CAAC,CAAA,oBAAA,EAAuB,IAAI,CAACf,IAAI,EAAE,CAAC;;AAEhD;IACAc,OAAO,CAACC,IAAI,CAAC,CAAA,oBAAA,EAAuB,IAAI,CAACL,IAAI,EAAE,CAAC;AAEhD,IAAA,OAAOI,OAAO,CAACT,IAAI,CAAC,GAAG,CAAC;AAC1B;AACF;AAACW,oBAAA,CAAAC,QAAA,EA7DoBnB,YAAY,CAAA;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/hds/accordion/index.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\n\nimport { SIZES, DEFAULT_SIZE, TYPES, DEFAULT_TYPE } from './item/index.ts';\n\nimport type { ComponentLike } from '@glint/template';\nimport { HdsAccordionItemTitleTagValues } from './types.ts';\nimport type { HdsAccordionItemSignature } from './item/index.ts';\nimport type {\n  HdsAccordionForceStates,\n  HdsAccordionSizes,\n  HdsAccordionTypes,\n  HdsAccordionItemTitleTags,\n} from './types.ts';\n\nexport interface HdsAccordionSignature {\n  Args: {\n    size?: HdsAccordionSizes;\n    type?: HdsAccordionTypes;\n    forceState?: HdsAccordionForceStates;\n    titleTag?: HdsAccordionItemTitleTags;\n  };\n  Blocks: {\n    default: [\n      {\n        Item?: ComponentLike<HdsAccordionItemSignature>;\n      },\n    ];\n  };\n  Element: HTMLDivElement;\n}\n\nexport default class HdsAccordion extends Component<HdsAccordionSignature> {\n  /**\n   * Sets the size for the component\n   *\n   * @param size\n   * @type {HdsAccordionSizes}\n   * @default 'medium'\n   */\n  get size(): HdsAccordionSizes {\n    const { size = DEFAULT_SIZE } = this.args;\n\n    assert(\n      `@size for \"Hds::Accordion\" must be one of the following: ${SIZES.join(\n        ', '\n      )}; received: ${size}`,\n      SIZES.includes(size)\n    );\n\n    return size;\n  }\n\n  get titleTag(): HdsAccordionItemTitleTags {\n    return this.args.titleTag ?? HdsAccordionItemTitleTagValues.Div;\n  }\n\n  /**\n   * Sets the type of the component\n   *\n   * @param type\n   * @type {HdsAccordionTypes}\n   * @default 'card'\n   */\n  get type(): HdsAccordionTypes {\n    const { type = DEFAULT_TYPE } = this.args;\n\n    assert(\n      `@type for \"Hds::Accordion\" must be one of the following: ${TYPES.join(\n        ', '\n      )}; received: ${type}`,\n      TYPES.includes(type)\n    );\n\n    return type;\n  }\n\n  /**\n   * Get the class names to apply to the component.\n   * @method classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames(): string {\n    const classes = ['hds-accordion'];\n\n    // add a class based on the @size argument\n    classes.push(`hds-accordion--size-${this.size}`);\n\n    // add a class based on the @type argument\n    classes.push(`hds-accordion--type-${this.type}`);\n\n    return classes.join(' ');\n  }\n}\n"],"names":["HdsAccordion","Component","size","DEFAULT_SIZE","args","assert","SIZES","join","includes","titleTag","HdsAccordionItemTitleTagValues","Div","type","DEFAULT_TYPE","TYPES","classNames","classes","push","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AACA;;AAkCe,MAAMA,YAAY,SAASC,SAAS,CAAwB;AACzE;AACF;AACA;AACA;AACA;AACA;AACA;EACE,IAAIC,IAAIA,GAAsB;IAC5B,MAAM;AAAEA,MAAAA,IAAI,GAAGC;KAAc,GAAG,IAAI,CAACC,IAAI;AAEzCC,IAAAA,MAAM,CACJ,CAAA,yDAAA,EAA4DC,KAAK,CAACC,IAAI,CACpE,IACF,CAAC,CAAA,YAAA,EAAeL,IAAI,CAAA,CAAE,EACtBI,KAAK,CAACE,QAAQ,CAACN,IAAI,CACrB,CAAC;AAED,IAAA,OAAOA,IAAI;AACb,EAAA;EAEA,IAAIO,QAAQA,GAA8B;IACxC,OAAO,IAAI,CAACL,IAAI,CAACK,QAAQ,IAAIC,8BAA8B,CAACC,GAAG;AACjE,EAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;AACA;EACE,IAAIC,IAAIA,GAAsB;IAC5B,MAAM;AAAEA,MAAAA,IAAI,GAAGC;KAAc,GAAG,IAAI,CAACT,IAAI;AAEzCC,IAAAA,MAAM,CACJ,CAAA,yDAAA,EAA4DS,KAAK,CAACP,IAAI,CACpE,IACF,CAAC,CAAA,YAAA,EAAeK,IAAI,CAAA,CAAE,EACtBE,KAAK,CAACN,QAAQ,CAACI,IAAI,CACrB,CAAC;AAED,IAAA,OAAOA,IAAI;AACb,EAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIG,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,eAAe,CAAC;;AAEjC;IACAA,OAAO,CAACC,IAAI,CAAC,CAAA,oBAAA,EAAuB,IAAI,CAACf,IAAI,EAAE,CAAC;;AAEhD;IACAc,OAAO,CAACC,IAAI,CAAC,CAAA,oBAAA,EAAuB,IAAI,CAACL,IAAI,EAAE,CAAC;AAEhD,IAAA,OAAOI,OAAO,CAACT,IAAI,CAAC,GAAG,CAAC;AAC1B,EAAA;AACF;AAACW,oBAAA,CAAAC,QAAA,EA7DoBnB,YAAY,CAAA;;;;"}

package/dist/components/hds/accordion/item/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sources":["../../../../../src/components/hds/accordion/item/button.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { action } from '@ember/object';\n\nimport type { HdsAccordionSizes } from '../types.ts';\n\nexport interface HdsAccordionItemButtonSignature {\n  Args: {\n    ariaLabel?: string;\n    ariaLabelledBy?: string;\n    contentId?: string;\n    isOpen?: boolean;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    onClickToggle?: (event: MouseEvent, ...args: any[]) => void;\n    parentContainsInteractive?: boolean;\n    size?: HdsAccordionSizes;\n    id?: string;\n  };\n  Element: HTMLButtonElement;\n}\n\nexport default class HdsAccordionItemButton extends Component<HdsAccordionItemButtonSignature> {\n  @action\n  onClick(event: MouseEvent): void {\n    if (this.args.onClickToggle) {\n      this.args.onClickToggle(event);\n    }\n  }\n\n  /**\n   * Get the class names to apply to the component.\n   * @method ItemButton#classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames(): string {\n    const classes = ['hds-accordion-item__button'];\n\n    // add a class based on the @isOpen argument\n    if (this.args.isOpen) {\n      classes.push('hds-accordion-item__button--is-open');\n    }\n\n    // add a class based on the @size argument\n    if (this.args.size) {\n      classes.push(`hds-accordion-item__button--size-${this.args.size}`);\n    }\n\n    if (this.args.parentContainsInteractive === false) {\n      classes.push(\n        'hds-accordion-item__button--parent-does-not-contain-interactive'\n      );\n    } else {\n      classes.push('hds-accordion-item__button--parent-contains-interactive');\n    }\n    return classes.join(' ');\n  }\n}\n"],"names":["HdsAccordionItemButton","Component","onClick","event","args","onClickToggle","n","prototype","action","classNames","classes","isOpen","push","size","parentContainsInteractive","join","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;;AAsBe,MAAMA,sBAAsB,SAASC,SAAS,CAAkC;EAE7FC,OAAOA,CAACC,KAAiB,EAAQ;AAC/B,IAAA,IAAI,IAAI,CAACC,IAAI,CAACC,aAAa,EAAE;AAC3B,MAAA,IAAI,CAACD,IAAI,CAACC,aAAa,CAACF,KAAK,CAAC;AAChC;AACF;;AAEA;AACF;AACA;AACA;AACA;AAJE,EAAA;IAAAG,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CAPCC,MAAM,CAAA,CAAA;AAAA;EAYP,IAAIC,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,4BAA4B,CAAC;;AAE9C;AACA,IAAA,IAAI,IAAI,CAACN,IAAI,CAACO,MAAM,EAAE;AACpBD,MAAAA,OAAO,CAACE,IAAI,CAAC,qCAAqC,CAAC;AACrD;;AAEA;AACA,IAAA,IAAI,IAAI,CAACR,IAAI,CAACS,IAAI,EAAE;MAClBH,OAAO,CAACE,IAAI,CAAC,CAAoC,iCAAA,EAAA,IAAI,CAACR,IAAI,CAACS,IAAI,CAAA,CAAE,CAAC;AACpE;AAEA,IAAA,IAAI,IAAI,CAACT,IAAI,CAACU,yBAAyB,KAAK,KAAK,EAAE;AACjDJ,MAAAA,OAAO,CAACE,IAAI,CACV,iEACF,CAAC;AACH,KAAC,MAAM;AACLF,MAAAA,OAAO,CAACE,IAAI,CAAC,yDAAyD,CAAC;AACzE;AACA,IAAA,OAAOF,OAAO,CAACK,IAAI,CAAC,GAAG,CAAC;AAC1B;AACF;AAACC,oBAAA,CAAAC,QAAA,EAnCoBjB,sBAAsB,CAAA;;;;"}
+{"version":3,"file":"button.js","sources":["../../../../../src/components/hds/accordion/item/button.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { action } from '@ember/object';\n\nimport type { HdsAccordionSizes } from '../types.ts';\n\nexport interface HdsAccordionItemButtonSignature {\n  Args: {\n    ariaLabel?: string;\n    ariaLabelledBy?: string;\n    contentId?: string;\n    isOpen?: boolean;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    onClickToggle?: (event: MouseEvent, ...args: any[]) => void;\n    parentContainsInteractive?: boolean;\n    size?: HdsAccordionSizes;\n    id?: string;\n  };\n  Element: HTMLButtonElement;\n}\n\nexport default class HdsAccordionItemButton extends Component<HdsAccordionItemButtonSignature> {\n  @action\n  onClick(event: MouseEvent): void {\n    if (this.args.onClickToggle) {\n      this.args.onClickToggle(event);\n    }\n  }\n\n  /**\n   * Get the class names to apply to the component.\n   * @method ItemButton#classNames\n   * @return {string} The \"class\" attribute to apply to the component.\n   */\n  get classNames(): string {\n    const classes = ['hds-accordion-item__button'];\n\n    // add a class based on the @isOpen argument\n    if (this.args.isOpen) {\n      classes.push('hds-accordion-item__button--is-open');\n    }\n\n    // add a class based on the @size argument\n    if (this.args.size) {\n      classes.push(`hds-accordion-item__button--size-${this.args.size}`);\n    }\n\n    if (this.args.parentContainsInteractive === false) {\n      classes.push(\n        'hds-accordion-item__button--parent-does-not-contain-interactive'\n      );\n    } else {\n      classes.push('hds-accordion-item__button--parent-contains-interactive');\n    }\n    return classes.join(' ');\n  }\n}\n"],"names":["HdsAccordionItemButton","Component","onClick","event","args","onClickToggle","n","prototype","action","classNames","classes","isOpen","push","size","parentContainsInteractive","join","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;;AAsBe,MAAMA,sBAAsB,SAASC,SAAS,CAAkC;EAE7FC,OAAOA,CAACC,KAAiB,EAAQ;AAC/B,IAAA,IAAI,IAAI,CAACC,IAAI,CAACC,aAAa,EAAE;AAC3B,MAAA,IAAI,CAACD,IAAI,CAACC,aAAa,CAACF,KAAK,CAAC;AAChC,IAAA;AACF,EAAA;;AAEA;AACF;AACA;AACA;AACA;AAJE,EAAA;IAAAG,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CAPCC,MAAM,CAAA,CAAA;AAAA;EAYP,IAAIC,UAAUA,GAAW;AACvB,IAAA,MAAMC,OAAO,GAAG,CAAC,4BAA4B,CAAC;;AAE9C;AACA,IAAA,IAAI,IAAI,CAACN,IAAI,CAACO,MAAM,EAAE;AACpBD,MAAAA,OAAO,CAACE,IAAI,CAAC,qCAAqC,CAAC;AACrD,IAAA;;AAEA;AACA,IAAA,IAAI,IAAI,CAACR,IAAI,CAACS,IAAI,EAAE;MAClBH,OAAO,CAACE,IAAI,CAAC,CAAA,iCAAA,EAAoC,IAAI,CAACR,IAAI,CAACS,IAAI,CAAA,CAAE,CAAC;AACpE,IAAA;AAEA,IAAA,IAAI,IAAI,CAACT,IAAI,CAACU,yBAAyB,KAAK,KAAK,EAAE;AACjDJ,MAAAA,OAAO,CAACE,IAAI,CACV,iEACF,CAAC;AACH,IAAA,CAAC,MAAM;AACLF,MAAAA,OAAO,CAACE,IAAI,CAAC,yDAAyD,CAAC;AACzE,IAAA;AACA,IAAA,OAAOF,OAAO,CAACK,IAAI,CAAC,GAAG,CAAC;AAC1B,EAAA;AACF;AAACC,oBAAA,CAAAC,QAAA,EAnCoBjB,sBAAsB,CAAA;;;;"}