@hokulea/ember 0.13.0 → 0.15.0

package/dist/{popover-wLRNTIPC.js.map → popover-CaKubr0X.js.map}

@@ -1 +1 @@
-{"version":3,"file":"popover-wLRNTIPC.js","sources":["../src/components/windows/popover.gts"],"sourcesContent":["import type { TOC } from '@ember/component/template-only';\n\nexport interface PopoverSignature {\n  Element: HTMLDivElement;\n  Blocks: {\n    default: [];\n  };\n}\n\nexport const Popover: TOC<PopoverSignature> = <template>\n  <div class=\"popover\" data-test-popover ...attributes>\n    {{yield}}\n  </div>\n</template>;\n"],"names":["Popover","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;MASaA,OAAa,GAAAC,oBAAA,CAAoBC,kBAAA,CAAA,wFAAA,EAI9C;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"popover-CaKubr0X.js","sources":["../src/components/windows/popover.gts"],"sourcesContent":["import type { TOC } from '@ember/component/template-only';\n\nexport interface PopoverSignature {\n  Element: HTMLDivElement;\n  Blocks: {\n    default: [];\n  };\n}\n\nexport const Popover: TOC<PopoverSignature> = <template>\n  <div class=\"popover\" data-test-popover ...attributes>\n    {{yield}}\n  </div>\n</template>;\n"],"names":["Popover","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;MASaA,OAAa,GAAAC,oBAAA,CAAoBC,kBAAA,CAAA,8EAAA,EAI9C;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/push-C8z1Qw41.js

@@ -0,0 +1,24 @@
+import { on } from '@ember/modifier';
+import { CommandElement } from 'ember-command';
+import { element } from 'ember-element-helper';
+import { link, Link } from 'ember-link';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import templateOnly from '@ember/component/template-only';
+
+const isActive = commandable => {
+  return commandable instanceof Link && commandable.isActive;
+};
+const PushElement = setComponentTemplate(precompileTemplate("{{#if @href}}\n  {{#let (link @href) as |l|}}\n    <a href={{l.url}} {{on \"click\" l.open}} aria-current=\"{{if (isActive l) \"page\"}}\" ...attributes>\n      {{yield}}\n    </a>\n  {{/let}}\n{{else if @push}}\n  <CommandElement @element={{@element}} @command={{@push}} aria-current=\"{{if (isActive @push) \"page\"}}\" ...attributes>\n    {{yield}}\n  </CommandElement>\n{{else}}\n  {{#let (if @element @element (element \"span\")) as |Element|}}\n    <Element ...attributes>\n      {{yield}}\n    </Element>\n  {{/let}}\n{{/if}}", {
+  strictMode: true,
+  scope: () => ({
+    link,
+    isActive,
+    on,
+    CommandElement,
+    element
+  })
+}), templateOnly());
+
+export { PushElement as P, isActive as i };
+//# sourceMappingURL=push-C8z1Qw41.js.map

package/dist/{push-DnJFFc_p.js.map → push-C8z1Qw41.js.map}

@@ -1 +1 @@
-{"version":3,"file":"push-DnJFFc_p.js","sources":["../src/-private/push.gts"],"sourcesContent":["import { on } from '@ember/modifier';\n\nimport { type CommandAction, CommandElement } from 'ember-command';\nimport { element, type ElementFromTagName, type ElementSignature } from 'ember-element-helper';\nimport { Link, link } from 'ember-link';\n\nimport type { TOC } from '@ember/component/template-only';\n\nexport const isActive = (commandable: CommandAction) => {\n  return commandable instanceof Link && commandable.isActive;\n};\n\nexport interface PushArgs {\n  push?: CommandAction;\n  href?: string;\n}\n\ninterface PushSignature<T extends string = 'span'> {\n  Element: HTMLButtonElement | HTMLAnchorElement | ElementFromTagName<T>;\n  Args: PushArgs & {\n    element?: ElementSignature<'a' | 'button' | T>['Return'];\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nexport const PushElement: TOC<PushSignature> = <template>\n  {{#if @href}}\n    {{#let (link @href) as |l|}}\n      <a\n        href={{l.url}}\n        {{on \"click\" l.open}}\n        aria-current=\"{{if (isActive l) 'page'}}\"\n        ...attributes\n      >\n        {{yield}}\n      </a>\n    {{/let}}\n  {{else if @push}}\n    <CommandElement\n      @element={{@element}}\n      @command={{@push}}\n      aria-current=\"{{if (isActive @push) 'page'}}\"\n      ...attributes\n    >\n      {{yield}}\n    </CommandElement>\n  {{else}}\n    {{#let (if @element @element (element \"span\")) as |Element|}}\n      <Element ...attributes>\n        {{yield}}\n      </Element>\n    {{/let}}\n  {{/if}}\n</template>;\n"],"names":["isActive","commandable","Link","PushElement","setComponentTemplate","precompileTemplate","strictMode","scope","link","on","CommandElement","element","templateOnly"],"mappings":";;;;;;;;AAQO,MAAMA,QAAA,GAAYC,WAAa,IAAA;AACpC,EAAA,OAAOA,WAAA,YAAuBC,IAAA,IAAQD,WAAA,CAAYD,QAAQ;AAC5D;MAiBaG,WAAiB,GAAAC,oBAAA,CAAiBC,kBAAA,CAAA,4jBAAA,EA4B/C;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,IAAA;IAAAR,QAAA;IAAAS,EAAA;IAAAC,cAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"push-C8z1Qw41.js","sources":["../src/-private/push.gts"],"sourcesContent":["import { on } from '@ember/modifier';\n\nimport { type CommandAction, CommandElement } from 'ember-command';\nimport { element, type ElementFromTagName, type ElementSignature } from 'ember-element-helper';\nimport { Link, link } from 'ember-link';\n\nimport type { TOC } from '@ember/component/template-only';\n\nexport const isActive = (commandable: CommandAction) => {\n  return commandable instanceof Link && commandable.isActive;\n};\n\nexport interface PushArgs {\n  push?: CommandAction;\n  href?: string;\n}\n\ninterface PushSignature<T extends string = 'span'> {\n  Element: HTMLButtonElement | HTMLAnchorElement | ElementFromTagName<T>;\n  Args: PushArgs & {\n    element?: ElementSignature<'a' | 'button' | T>['Return'];\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nexport const PushElement: TOC<PushSignature> = <template>\n  {{#if @href}}\n    {{#let (link @href) as |l|}}\n      <a\n        href={{l.url}}\n        {{on \"click\" l.open}}\n        aria-current=\"{{if (isActive l) 'page'}}\"\n        ...attributes\n      >\n        {{yield}}\n      </a>\n    {{/let}}\n  {{else if @push}}\n    <CommandElement\n      @element={{@element}}\n      @command={{@push}}\n      aria-current=\"{{if (isActive @push) 'page'}}\"\n      ...attributes\n    >\n      {{yield}}\n    </CommandElement>\n  {{else}}\n    {{#let (if @element @element (element \"span\")) as |Element|}}\n      <Element ...attributes>\n        {{yield}}\n      </Element>\n    {{/let}}\n  {{/if}}\n</template>;\n"],"names":["isActive","commandable","Link","PushElement","setComponentTemplate","precompileTemplate","strictMode","scope","link","on","CommandElement","element","templateOnly"],"mappings":";;;;;;;;AAQO,MAAMA,QAAA,GAAYC,WAAa,IAAA;AACpC,EAAA,OAAOA,WAAA,YAAuBC,IAAA,IAAQD,WAAA,CAAYD,QAAQ;AAC5D;MAiBaG,WAAiB,GAAAC,oBAAA,CAAiBC,kBAAA,CAAA,shBAAA,EA4B/C;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,IAAA;IAAAR,QAAA;IAAAS,EAAA;IAAAC,cAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/{radio-BQvSPyDT.js → radio-BQ_nDgm0.js}

@@ -4,7 +4,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const Radio = setComponentTemplate(precompileTemplate("\n  <input class=\"input\" type=\"radio\" checked={{@value}} disabled={{@disabled}} data-spacing={{@spacing}} data-test-choice {{on \"input\" (pick \"target.checked\" @update) capture=true}} ...attributes />\n", {
+const Radio = setComponentTemplate(precompileTemplate("<input class=\"input\" type=\"radio\" checked={{@value}} disabled={{@disabled}} data-spacing={{@spacing}} data-test-choice {{on \"input\" (pick \"target.checked\" @update) capture=true}} ...attributes />", {
   strictMode: true,
   scope: () => ({
     on,
@@ -13,4 +13,4 @@ const Radio = setComponentTemplate(precompileTemplate("\n  <input class=\"input\
 }), templateOnly());
 
 export { Radio as R };
-//# sourceMappingURL=radio-BQvSPyDT.js.map
+//# sourceMappingURL=radio-BQ_nDgm0.js.map

package/dist/{radio-BQvSPyDT.js.map → radio-BQ_nDgm0.js.map}

@@ -1 +1 @@
-{"version":3,"file":"radio-BQvSPyDT.js","sources":["../src/components/controls/radio.gts"],"sourcesContent":["import { on } from '@ember/modifier';\n\nimport { pick } from '../../-private/helpers.ts';\n\nimport type { InputArgs } from './-input.ts';\nimport type { TOC } from '@ember/component/template-only';\n\nexport interface RadioSignature {\n  Element: HTMLInputElement;\n  Args: InputArgs<boolean>;\n}\n\nexport const Radio: TOC<RadioSignature> = <template>\n  <input\n    class=\"input\"\n    type=\"radio\"\n    checked={{@value}}\n    disabled={{@disabled}}\n    data-spacing={{@spacing}}\n    data-test-choice\n    {{on \"input\" (pick \"target.checked\" @update) capture=true}}\n    ...attributes\n  />\n</template>;\n"],"names":["Radio","setComponentTemplate","precompileTemplate","strictMode","scope","on","pick","templateOnly"],"mappings":";;;;;;MAYaA,KAAW,GAAAC,oBAAA,CAAkBC,kBAAA,CAAA,mNAAA,EAW1C;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"radio-BQ_nDgm0.js","sources":["../src/components/controls/radio.gts"],"sourcesContent":["import { on } from '@ember/modifier';\n\nimport { pick } from '../../-private/helpers.ts';\n\nimport type { InputArgs } from './-input.ts';\nimport type { TOC } from '@ember/component/template-only';\n\nexport interface RadioSignature {\n  Element: HTMLInputElement;\n  Args: InputArgs<boolean>;\n}\n\nexport const Radio: TOC<RadioSignature> = <template>\n  <input\n    class=\"input\"\n    type=\"radio\"\n    checked={{@value}}\n    disabled={{@disabled}}\n    data-spacing={{@spacing}}\n    data-test-choice\n    {{on \"input\" (pick \"target.checked\" @update) capture=true}}\n    ...attributes\n  />\n</template>;\n"],"names":["Radio","setComponentTemplate","precompileTemplate","strictMode","scope","on","pick","templateOnly"],"mappings":";;;;;;MAYaA,KAAW,GAAAC,oBAAA,CAAkBC,kBAAA,CAAA,6MAAA,EAW1C;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/radio-button-group-D7LjyINa.js

@@ -0,0 +1,91 @@
+import Component from '@glimmer/component';
+import { assert } from '@ember/debug';
+import { registerDestructor } from '@ember/destroyable';
+import { hash } from '@ember/helper';
+import { next } from '@ember/runloop';
+import { ariaRadioGroup } from 'ember-aria-voyager';
+import { TrackedArray } from 'tracked-built-ins';
+import { d as disabled } from './disabled-B_FQ0Z51.js';
+import { I as Icon } from './icon-ej-3ZqQt.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+
+class RadioButton extends Component {
+  constructor(owner, args) {
+    super(owner, args);
+    args.register(args.value);
+    registerDestructor(this, () => {
+      args.unregister(args.value);
+    });
+  }
+  static {
+    setComponentTemplate(precompileTemplate("<button type=\"button\" role=\"radio\" class=\"button\" aria-checked={{if (@isSelected @value) \"true\" \"false\"}} data-intent={{if @intent @intent \"action\"}} data-importance={{if @importance @importance \"supreme\"}} data-spacing={{@spacing}} {{disabled when=(if @disabled @disabled false)}} data-test-button ...attributes>\n  {{#if (has-block \"before\")}}\n    <span data-test-button=\"before\">\n      {{yield to=\"before\"}}\n    </span>\n  {{/if}}\n\n  <span data-test-button=\"label\">\n    {{#if (has-block \"label\")}}\n      {{yield to=\"label\"}}\n    {{/if}}\n\n    {{#if (has-block)}}\n      {{yield}}\n    {{/if}}\n  </span>\n\n  {{#if (has-block \"after\")}}\n    <span data-test-button=\"after\">\n      {{yield to=\"after\"}}\n    </span>\n  {{/if}}\n</button>", {
+      strictMode: true,
+      scope: () => ({
+        disabled
+      })
+    }), this);
+  }
+}
+class RadioIconButton extends Component {
+  constructor(owner, args) {
+    super(owner, args);
+    args.register(args.value);
+    registerDestructor(this, () => {
+      args.unregister(args.value);
+    });
+  }
+  get label() {
+    assert('Please provide a `@label` to `<IconButton>` for accessibility reasons.',
+    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+    this.args.label !== undefined);
+    return this.args.label;
+  }
+  static {
+    setComponentTemplate(precompileTemplate("<button type=\"button\" role=\"radio\" class=\"icon-button\" aria-checked={{if (@isSelected @value) \"true\" \"false\"}} data-intent={{if @intent @intent \"action\"}} data-importance={{if @importance @importance \"supreme\"}} data-spacing={{@spacing}} aria-label={{this.label}} {{disabled when=(if @disabled @disabled false)}} data-test-icon-button ...attributes>\n  {{!-- role=\"presentation\" to make glint happy for no reason --}}\n  <Icon @icon={{@icon}} role=\"presentation\" data-test-icon-button=\"icon\" />\n</button>", {
+      strictMode: true,
+      scope: () => ({
+        disabled,
+        Icon
+      })
+    }), this);
+  }
+}
+class RadioButtonGroup extends Component {
+  Button = RadioButton;
+  IconButton = RadioIconButton;
+  items = new TrackedArray();
+  register = item => {
+    // eslint-disable-next-line ember/no-runloop
+    next(() => {
+      this.items.push(item);
+    });
+  };
+  unregister = item => {
+    // eslint-disable-next-line ember/no-runloop
+    next(() => {
+      this.items.splice(this.items.indexOf(item), 1);
+    });
+  };
+  isChecked = value => {
+    return this.args.value === value;
+  };
+  select = value => {
+    // eslint-disable-next-line ember/no-runloop
+    next(() => {
+      this.args.update?.(value);
+    });
+  };
+  static {
+    setComponentTemplate(precompileTemplate("<div class=\"button-group\" {{ariaRadioGroup items=this.items selection=@value select=this.select}}>\n  {{yield (hash Button=(component this.Button register=this.register unregister=this.unregister isSelected=this.isChecked) IconButton=(component this.IconButton register=this.register unregister=this.unregister isSelected=this.isChecked))}}\n</div>", {
+      strictMode: true,
+      scope: () => ({
+        ariaRadioGroup,
+        hash
+      })
+    }), this);
+  }
+}
+
+export { RadioButtonGroup as R };
+//# sourceMappingURL=radio-button-group-D7LjyINa.js.map

package/dist/radio-button-group-D7LjyINa.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-button-group-D7LjyINa.js","sources":["../src/components/actions/radio-button-group.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\nimport { registerDestructor } from '@ember/destroyable';\nimport { hash } from '@ember/helper';\nimport { next } from '@ember/runloop';\n\nimport { ariaRadioGroup } from 'ember-aria-voyager';\n// at some point this. For compatibility reasons, this isn't used yet\n// import { trackedArray } from '@ember/reactive/collections';\nimport { TrackedArray } from 'tracked-built-ins';\n\nimport disabled from '../../-private/modifiers/disabled.ts';\nimport { Icon } from '../graphics/icon.gts';\n\nimport type { ButtonArgs, ButtonBlocks, IconButtonArgs } from './-button.ts';\nimport type Owner from '@ember/owner';\nimport type { WithBoundArgs } from '@glint/template';\n\ninterface RadioArgs<V> {\n  value: V;\n  register: (button: V) => void;\n  unregister: (button: V) => void;\n  isSelected: (value: V) => boolean;\n}\n\ninterface RadioButtonSignature<V> {\n  Element: HTMLButtonElement;\n  Args: ButtonArgs & RadioArgs<V>;\n  Blocks: ButtonBlocks;\n}\n\nclass RadioButton<V> extends Component<RadioButtonSignature<V>> {\n  constructor(owner: Owner, args: RadioButtonSignature<V>['Args']) {\n    super(owner, args);\n\n    args.register(args.value);\n\n    registerDestructor(this, () => {\n      args.unregister(args.value);\n    });\n  }\n\n  <template>\n    <button\n      type=\"button\"\n      role=\"radio\"\n      class=\"button\"\n      aria-checked={{if (@isSelected @value) \"true\" \"false\"}}\n      data-intent={{if @intent @intent \"action\"}}\n      data-importance={{if @importance @importance \"supreme\"}}\n      data-spacing={{@spacing}}\n      {{disabled when=(if @disabled @disabled false)}}\n      data-test-button\n      ...attributes\n    >\n      {{#if (has-block \"before\")}}\n        <span data-test-button=\"before\">\n          {{yield to=\"before\"}}\n        </span>\n      {{/if}}\n\n      <span data-test-button=\"label\">\n        {{#if (has-block \"label\")}}\n          {{yield to=\"label\"}}\n        {{/if}}\n\n        {{#if (has-block)}}\n          {{yield}}\n        {{/if}}\n      </span>\n\n      {{#if (has-block \"after\")}}\n        <span data-test-button=\"after\">\n          {{yield to=\"after\"}}\n        </span>\n      {{/if}}\n    </button>\n  </template>\n}\n\ninterface RadioIconButtonSignature<V> {\n  Element: HTMLButtonElement;\n  Args: ButtonArgs & IconButtonArgs & RadioArgs<V>;\n  Blocks: ButtonBlocks;\n}\n\nclass RadioIconButton<V> extends Component<RadioIconButtonSignature<V>> {\n  constructor(owner: Owner, args: RadioIconButtonSignature<V>['Args']) {\n    super(owner, args);\n\n    args.register(args.value);\n\n    registerDestructor(this, () => {\n      args.unregister(args.value);\n    });\n  }\n\n  get label() {\n    assert(\n      'Please provide a `@label` to `<IconButton>` for accessibility reasons.',\n\n      // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n      this.args.label !== undefined\n    );\n\n    return this.args.label;\n  }\n\n  <template>\n    <button\n      type=\"button\"\n      role=\"radio\"\n      class=\"icon-button\"\n      aria-checked={{if (@isSelected @value) \"true\" \"false\"}}\n      data-intent={{if @intent @intent \"action\"}}\n      data-importance={{if @importance @importance \"supreme\"}}\n      data-spacing={{@spacing}}\n      aria-label={{this.label}}\n      {{disabled when=(if @disabled @disabled false)}}\n      data-test-icon-button\n      ...attributes\n    >\n      {{! role=\"presentation\" to make glint happy for no reason }}\n      <Icon @icon={{@icon}} role=\"presentation\" data-test-icon-button=\"icon\" />\n    </button>\n  </template>\n}\n\ntype RadioButtonGroupSignature<V> = {\n  Element: HTMLDivElement;\n  Args: {\n    value: V;\n    update?: (value: V) => void;\n  };\n  Blocks: {\n    default: [\n      {\n        Button: WithBoundArgs<typeof RadioButton<V>, 'register' | 'unregister' | 'isSelected'>;\n        IconButton: WithBoundArgs<\n          typeof RadioIconButton<V>,\n          'register' | 'unregister' | 'isSelected'\n        >;\n      }\n    ];\n  };\n};\n\nexport class RadioButtonGroup<V> extends Component<RadioButtonGroupSignature<V>> {\n  Button = RadioButton<V>;\n  IconButton = RadioIconButton<V>;\n\n  items: V[] = new TrackedArray();\n\n  register = (item: V) => {\n    // eslint-disable-next-line ember/no-runloop\n    next(() => {\n      this.items.push(item);\n    });\n  };\n\n  unregister = (item: V) => {\n    // eslint-disable-next-line ember/no-runloop\n    next(() => {\n      this.items.splice(this.items.indexOf(item), 1);\n    });\n  };\n\n  isChecked = (value: V) => {\n    return this.args.value === value;\n  };\n\n  select = (value: V) => {\n    // eslint-disable-next-line ember/no-runloop\n    next(() => {\n      this.args.update?.(value);\n    });\n  };\n\n  <template>\n    <div\n      class=\"button-group\"\n      {{ariaRadioGroup items=this.items selection=@value select=this.select}}\n    >\n      {{yield\n        (hash\n          Button=(component\n            this.Button register=this.register unregister=this.unregister isSelected=this.isChecked\n          )\n          IconButton=(component\n            this.IconButton\n            register=this.register\n            unregister=this.unregister\n            isSelected=this.isChecked\n          )\n        )\n      }}\n    </div>\n  </template>\n}\n"],"names":["RadioButton","Component","constructor","owner","args","register","value","registerDestructor","unregister","setComponentTemplate","precompileTemplate","strictMode","scope","disabled","RadioIconButton","label","assert","undefined","Icon","RadioButtonGroup","Button","IconButton","items","TrackedArray","item","next","push","splice","indexOf","isChecked","select","update","ariaRadioGroup","hash"],"mappings":";;;;;;;;;;;;AA+BA,MAAMA,WAAA,SAAuBC,SAAA,CAA+B;AAC1DC,EAAAA,WAAAA,CAAYC,KAAY,EAAEC,IAAqC,EAAE;AAC/D,IAAA,KAAK,CAACD,KAAA,EAAOC,IAAA,CAAA;AAEbA,IAAAA,IAAA,CAAKC,QAAQ,CAACD,IAAA,CAAKE,KAAK,CAAA;IAExBC,kBAAA,CAAmB,IAAI,EAAE,MAAA;AACvBH,MAAAA,IAAA,CAAKI,UAAU,CAACJ,IAAA,CAAKE,KAAK,CAAA;AAC5B,IAAA,CAAA,CAAA;AACF,EAAA;AAEA,EAAA;IAAAG,oBAAA,CAAAC,kBAAA,CAAA,8wBAAA,EAmCA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;AAQA,MAAMC,eAAA,SAA2Bb,SAAA,CAAmC;AAClEC,EAAAA,WAAAA,CAAYC,KAAY,EAAEC,IAAyC,EAAE;AACnE,IAAA,KAAK,CAACD,KAAA,EAAOC,IAAA,CAAA;AAEbA,IAAAA,IAAA,CAAKC,QAAQ,CAACD,IAAA,CAAKE,KAAK,CAAA;IAExBC,kBAAA,CAAmB,IAAI,EAAE,MAAA;AACvBH,MAAAA,IAAA,CAAKI,UAAU,CAACJ,IAAA,CAAKE,KAAK,CAAA;AAC5B,IAAA,CAAA,CAAA;AACF,EAAA;EAEA,IAAIS,KAAAA,GAAQ;AACVC,IAAAA,MAAA,CACE;AAEA;AACA,IAAA,IAAI,CAACZ,IAAI,CAACW,KAAK,KAAKE,SAAA,CAAA;AAGtB,IAAA,OAAO,IAAI,CAACb,IAAI,CAACW,KAAK;AACxB,EAAA;AAEA,EAAA;IAAAN,oBAAA,CAAAC,kBAAA,CAAA,+gBAAA,EAiBA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,QAAA;AAAAK,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;AAqBO,MAAMC,gBAAA,SAA4BlB,SAAA,CAAoC;AAC3EmB,EAAAA,MAAA,GAASpB;AACTqB,EAAAA,UAAA,GAAaP;AAEbQ,EAAAA,KAAA,GAAa,IAAIC,YAAA,EAAA;EAEjBlB,QAAA,GAAYmB,IAAM,IAAA;AAChB;AACAC,IAAAA,IAAA,CAAK,MAAA;AACH,MAAA,IAAI,CAACH,KAAK,CAACI,IAAI,CAACF,IAAA,CAAA;AAClB,IAAA,CAAA,CAAA;EACF,CAAA;EAEAhB,UAAA,GAAcgB,IAAM,IAAA;AAClB;AACAC,IAAAA,IAAA,CAAK,MAAA;AACH,MAAA,IAAI,CAACH,KAAK,CAACK,MAAM,CAAC,IAAI,CAACL,KAAK,CAACM,OAAO,CAACJ,IAAA,CAAA,EAAO,CAAA,CAAA;AAC9C,IAAA,CAAA,CAAA;EACF,CAAA;EAEAK,SAAA,GAAavB,KAAO,IAAA;AAClB,IAAA,OAAO,IAAI,CAACF,IAAI,CAACE,KAAK,KAAKA,KAAA;EAC7B,CAAA;EAEAwB,MAAA,GAAUxB,KAAO,IAAA;AACf;AACAmB,IAAAA,IAAA,CAAK,MAAA;AACH,MAAA,IAAI,CAACrB,IAAI,CAAC2B,MAAM,GAAGzB,KAAA,CAAA;AACrB,IAAA,CAAA,CAAA;EACF,CAAA;AAEA,EAAA;IAAAG,oBAAA,CAAAC,kBAAA,CAAA,gWAAA,EAmBA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAoB,cAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/{range-input-Bosd7QI2.js → range-input-Oc8Z7tsH.js}

@@ -21,7 +21,7 @@ const progressStyle = modifier((element, [value]) => {
   element.addEventListener('input', listenForProgressChange);
   return () => element.removeEventListener('input', listenForProgressChange);
 });
-const RangeInput = setComponentTemplate(precompileTemplate("\n  <input class=\"input\" type=\"range\" value={{@value}} disabled={{@disabled}} data-test-input data-orientation={{@orientation}} {{on \"input\" (pick \"target.value\" (pickAsNumber @update)) capture=true}} {{progressStyle @value}} ...attributes />\n", {
+const RangeInput = setComponentTemplate(precompileTemplate("<input class=\"input\" type=\"range\" value={{@value}} disabled={{@disabled}} data-test-input data-orientation={{@orientation}} {{on \"input\" (pick \"target.value\" (pickAsNumber @update)) capture=true}} {{progressStyle @value}} ...attributes />", {
   strictMode: true,
   scope: () => ({
     on,
@@ -32,4 +32,4 @@ const RangeInput = setComponentTemplate(precompileTemplate("\n  <input class=\"i
 }), templateOnly());
 
 export { RangeInput as R };
-//# sourceMappingURL=range-input-Bosd7QI2.js.map
+//# sourceMappingURL=range-input-Oc8Z7tsH.js.map

package/dist/{range-input-Bosd7QI2.js.map → range-input-Oc8Z7tsH.js.map}

@@ -1 +1 @@
-{"version":3,"file":"range-input-Bosd7QI2.js","sources":["../src/components/controls/range-input.gts"],"sourcesContent":["import { on } from '@ember/modifier';\n\nimport { modifier } from 'ember-modifier';\n\nimport { pick } from '../../-private/helpers.ts';\nimport { pickAsNumber } from './-input.ts';\n\nimport type { InputArgs } from './-input.ts';\nimport type { TOC } from '@ember/component/template-only';\n\nfunction applyProgressStyle(range: HTMLInputElement, value?: number) {\n  const min = Number.parseFloat(range.min) || 0;\n  const max = Number.parseFloat(range.max) || 100;\n  const currentVal = value ?? Number.parseFloat(range.value);\n  const progress = ((currentVal - min) / (max - min)) * 100;\n\n  range.style.setProperty('--_hokulea-slider-progress', `${progress}%`);\n}\n\nconst progressStyle = modifier((element: HTMLInputElement, [value]: [number?]) => {\n  applyProgressStyle(element, value);\n\n  const listenForProgressChange = () => {\n    applyProgressStyle(element);\n  };\n\n  element.addEventListener('input', listenForProgressChange);\n\n  return () => element.removeEventListener('input', listenForProgressChange);\n});\n\nexport interface RangeInputSignature {\n  Element: HTMLInputElement;\n  Args: Omit<InputArgs<number>, 'spacing'> & {\n    min?: number;\n    max?: number;\n    step?: number | 'any';\n    orientation?: 'horizontal' | 'vertical';\n  };\n}\n\nexport const RangeInput: TOC<RangeInputSignature> = <template>\n  <input\n    class=\"input\"\n    type=\"range\"\n    value={{@value}}\n    disabled={{@disabled}}\n    data-test-input\n    data-orientation={{@orientation}}\n    {{on \"input\" (pick \"target.value\" (pickAsNumber @update)) capture=true}}\n    {{progressStyle @value}}\n    ...attributes\n  />\n</template>;\n"],"names":["applyProgressStyle","range","value","min","Number","parseFloat","max","currentVal","progress","style","setProperty","progressStyle","modifier","element","listenForProgressChange","addEventListener","removeEventListener","RangeInput","setComponentTemplate","precompileTemplate","strictMode","scope","on","pick","pickAsNumber","templateOnly"],"mappings":";;;;;;;;AAUA,SAASA,kBAAAA,CAAmBC,KAAuB,EAAEC,KAAc,EAAA;EACjE,MAAMC,MAAMC,MAAA,CAAOC,UAAU,CAACJ,KAAA,CAAME,GAAG,CAAA,IAAK,CAAA;EAC5C,MAAMG,MAAMF,MAAA,CAAOC,UAAU,CAACJ,KAAA,CAAMK,GAAG,CAAA,IAAK,GAAA;EAC5C,MAAMC,aAAaL,KAAA,IAASE,MAAA,CAAOC,UAAU,CAACJ,MAAMC,KAAK,CAAA;AACzD,EAAA,MAAMM,QAAA,GAAY,CAACD,UAAA,GAAaJ,GAAG,KAAKG,GAAA,GAAMH,GAAG,CAAC,GAAI,GAAA;EAEtDF,KAAA,CAAMQ,KAAK,CAACC,WAAW,CAAC,8BAA8B,CAAA,EAAGF,QAAA,CAAA,CAAA,CAAW,CAAA;AACtE;AAEA,MAAMG,aAAA,GAAgBC,SAAS,CAACC,SAA2B,CAACX,KAAA,CAAiB,KAAA;AAC3EF,EAAAA,kBAAA,CAAmBa,OAAA,EAASX,KAAA,CAAA;EAE5B,MAAMY,uBAAA,GAA0BA,MAAA;IAC9Bd,kBAAA,CAAmBa,OAAA,CAAA;EACrB,CAAA;AAEAA,EAAAA,OAAA,CAAQE,gBAAgB,CAAC,OAAA,EAASD,uBAAA,CAAA;EAElC,OAAO,MAAMD,OAAA,CAAQG,mBAAmB,CAAC,OAAA,EAASF,uBAAA,CAAA;AACpD,CAAA,CAAA;MAYaG,UAAgB,GAAAC,oBAAA,CAAuBC,kBAAA,CAAA,8PAAA,EAYpD;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,EAAA;IAAAC,IAAA;IAAAC,YAAA;AAAAb,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAc,YAAA,EAAA;;;;"}
+{"version":3,"file":"range-input-Oc8Z7tsH.js","sources":["../src/components/controls/range-input.gts"],"sourcesContent":["import { on } from '@ember/modifier';\n\nimport { modifier } from 'ember-modifier';\n\nimport { pick } from '../../-private/helpers.ts';\nimport { pickAsNumber } from './-input.ts';\n\nimport type { InputArgs } from './-input.ts';\nimport type { TOC } from '@ember/component/template-only';\n\nfunction applyProgressStyle(range: HTMLInputElement, value?: number) {\n  const min = Number.parseFloat(range.min) || 0;\n  const max = Number.parseFloat(range.max) || 100;\n  const currentVal = value ?? Number.parseFloat(range.value);\n  const progress = ((currentVal - min) / (max - min)) * 100;\n\n  range.style.setProperty('--_hokulea-slider-progress', `${progress}%`);\n}\n\nconst progressStyle = modifier((element: HTMLInputElement, [value]: [number?]) => {\n  applyProgressStyle(element, value);\n\n  const listenForProgressChange = () => {\n    applyProgressStyle(element);\n  };\n\n  element.addEventListener('input', listenForProgressChange);\n\n  return () => element.removeEventListener('input', listenForProgressChange);\n});\n\nexport interface RangeInputSignature {\n  Element: HTMLInputElement;\n  Args: Omit<InputArgs<number>, 'spacing'> & {\n    min?: number;\n    max?: number;\n    step?: number | 'any';\n    orientation?: 'horizontal' | 'vertical';\n  };\n}\n\nexport const RangeInput: TOC<RangeInputSignature> = <template>\n  <input\n    class=\"input\"\n    type=\"range\"\n    value={{@value}}\n    disabled={{@disabled}}\n    data-test-input\n    data-orientation={{@orientation}}\n    {{on \"input\" (pick \"target.value\" (pickAsNumber @update)) capture=true}}\n    {{progressStyle @value}}\n    ...attributes\n  />\n</template>;\n"],"names":["applyProgressStyle","range","value","min","Number","parseFloat","max","currentVal","progress","style","setProperty","progressStyle","modifier","element","listenForProgressChange","addEventListener","removeEventListener","RangeInput","setComponentTemplate","precompileTemplate","strictMode","scope","on","pick","pickAsNumber","templateOnly"],"mappings":";;;;;;;;AAUA,SAASA,kBAAAA,CAAmBC,KAAuB,EAAEC,KAAc,EAAA;EACjE,MAAMC,MAAMC,MAAA,CAAOC,UAAU,CAACJ,KAAA,CAAME,GAAG,CAAA,IAAK,CAAA;EAC5C,MAAMG,MAAMF,MAAA,CAAOC,UAAU,CAACJ,KAAA,CAAMK,GAAG,CAAA,IAAK,GAAA;EAC5C,MAAMC,aAAaL,KAAA,IAASE,MAAA,CAAOC,UAAU,CAACJ,MAAMC,KAAK,CAAA;AACzD,EAAA,MAAMM,QAAA,GAAY,CAACD,UAAA,GAAaJ,GAAG,KAAKG,GAAA,GAAMH,GAAG,CAAC,GAAI,GAAA;EAEtDF,KAAA,CAAMQ,KAAK,CAACC,WAAW,CAAC,8BAA8B,CAAA,EAAGF,QAAA,CAAA,CAAA,CAAW,CAAA;AACtE;AAEA,MAAMG,aAAA,GAAgBC,SAAS,CAACC,SAA2B,CAACX,KAAA,CAAiB,KAAA;AAC3EF,EAAAA,kBAAA,CAAmBa,OAAA,EAASX,KAAA,CAAA;EAE5B,MAAMY,uBAAA,GAA0BA,MAAA;IAC9Bd,kBAAA,CAAmBa,OAAA,CAAA;EACrB,CAAA;AAEAA,EAAAA,OAAA,CAAQE,gBAAgB,CAAC,OAAA,EAASD,uBAAA,CAAA;EAElC,OAAO,MAAMD,OAAA,CAAQG,mBAAmB,CAAC,OAAA,EAASF,uBAAA,CAAA;AACpD,CAAA,CAAA;MAYaG,UAAgB,GAAAC,oBAAA,CAAuBC,kBAAA,CAAA,wPAAA,EAYpD;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,EAAA;IAAAC,IAAA;IAAAC,YAAA;AAAAb,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAc,YAAA,EAAA;;;;"}

package/dist/{section-B_1poNPX.js → section-DbYzqbWp.js}

@@ -9,7 +9,7 @@ function elementForLevel(level) {
   assert(`@level for <Section> must be between 1 and 6, received '${lvl}'`, lvl >= 1 && lvl <= 6);
   return `h${lvl}`;
 }
-const Section = setComponentTemplate(precompileTemplate("\n  <section class=\"section flow\" data-test-section ...attributes>\n    {{#if @title}}\n      <header data-test-section=\"header\" part=\"header\">\n        {{#if @title}}\n          {{#let (element (elementForLevel @level)) as |Headline|}}\n            <Headline data-test-section=\"title\" part=\"title\">{{@title}}</Headline>\n          {{/let}}\n        {{/if}}\n      </header>\n    {{/if}}\n\n    {{#if (has-block)}}\n      {{yield}}\n    {{/if}}\n  </section>\n", {
+const Section = setComponentTemplate(precompileTemplate("<section class=\"section flow\" data-test-section ...attributes>\n  {{#if @title}}\n    <header data-test-section=\"header\" part=\"header\">\n      {{#if @title}}\n        {{#let (element (elementForLevel @level)) as |Headline|}}\n          <Headline data-test-section=\"title\" part=\"title\">{{@title}}</Headline>\n        {{/let}}\n      {{/if}}\n    </header>\n  {{/if}}\n\n  {{#if (has-block)}}\n    {{yield}}\n  {{/if}}\n</section>", {
   strictMode: true,
   scope: () => ({
     element,
@@ -18,4 +18,4 @@ const Section = setComponentTemplate(precompileTemplate("\n  <section class=\"se
 }), templateOnly());
 
 export { Section as S };
-//# sourceMappingURL=section-B_1poNPX.js.map
+//# sourceMappingURL=section-DbYzqbWp.js.map

package/dist/{section-B_1poNPX.js.map → section-DbYzqbWp.js.map}

@@ -1 +1 @@
-{"version":3,"file":"section-B_1poNPX.js","sources":["../src/components/content/section.gts"],"sourcesContent":["import { assert } from '@ember/debug';\n\nimport { element } from 'ember-element-helper';\n\nimport type { TOC } from '@ember/component/template-only';\n\nexport interface SectionSignature {\n  Element: HTMLElement;\n  Args: {\n    title?: string;\n    /**\n     * The level of the component, 1-6 as in `<h1>` to `<h6>`\n     *\n     * @defaultValue 2\n     */\n    level?: string;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nfunction elementForLevel(level?: string) {\n  const lvl = level ? Number.parseInt(level) : 2;\n\n  assert(`@level for <Section> must be between 1 and 6, received '${lvl}'`, lvl >= 1 && lvl <= 6);\n\n  return `h${lvl}`;\n}\n\nexport const Section: TOC<SectionSignature> = <template>\n  <section class=\"section flow\" data-test-section ...attributes>\n    {{#if @title}}\n      <header data-test-section=\"header\" part=\"header\">\n        {{#if @title}}\n          {{#let (element (elementForLevel @level)) as |Headline|}}\n            <Headline data-test-section=\"title\" part=\"title\">{{@title}}</Headline>\n          {{/let}}\n        {{/if}}\n      </header>\n    {{/if}}\n\n    {{#if (has-block)}}\n      {{yield}}\n    {{/if}}\n  </section>\n</template>;\n"],"names":["elementForLevel","level","lvl","Number","parseInt","assert","Section","setComponentTemplate","precompileTemplate","strictMode","scope","element","templateOnly"],"mappings":";;;;;;AAsBA,SAASA,eAAAA,CAAgBC,KAAc,EAAA;EACrC,MAAMC,GAAA,GAAMD,KAAA,GAAQE,MAAA,CAAOC,QAAQ,CAACH,KAAA,CAAA,GAAS,CAAA;AAE7CI,EAAAA,MAAA,CAAO,CAAA,wDAAA,EAA2DH,GAAA,CAAA,CAAA,CAAM,EAAEA,GAAA,IAAO,CAAA,IAAKA,GAAA,IAAO,CAAA,CAAA;EAE7F,OAAO,CAAA,CAAA,EAAIA,GAAA,CAAA,CAAK;AAClB;MAEaI,OAAa,GAAAC,oBAAA,CAAoBC,kBAAA,CAAA,wdAAA,EAgB9C;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,OAAA;AAAAX,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAY,YAAA,EAAA;;;;"}
+{"version":3,"file":"section-DbYzqbWp.js","sources":["../src/components/content/section.gts"],"sourcesContent":["import { assert } from '@ember/debug';\n\nimport { element } from 'ember-element-helper';\n\nimport type { TOC } from '@ember/component/template-only';\n\nexport interface SectionSignature {\n  Element: HTMLElement;\n  Args: {\n    title?: string;\n    /**\n     * The level of the component, 1-6 as in `<h1>` to `<h6>`\n     *\n     * @defaultValue 2\n     */\n    level?: string;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nfunction elementForLevel(level?: string) {\n  const lvl = level ? Number.parseInt(level) : 2;\n\n  assert(`@level for <Section> must be between 1 and 6, received '${lvl}'`, lvl >= 1 && lvl <= 6);\n\n  return `h${lvl}`;\n}\n\nexport const Section: TOC<SectionSignature> = <template>\n  <section class=\"section flow\" data-test-section ...attributes>\n    {{#if @title}}\n      <header data-test-section=\"header\" part=\"header\">\n        {{#if @title}}\n          {{#let (element (elementForLevel @level)) as |Headline|}}\n            <Headline data-test-section=\"title\" part=\"title\">{{@title}}</Headline>\n          {{/let}}\n        {{/if}}\n      </header>\n    {{/if}}\n\n    {{#if (has-block)}}\n      {{yield}}\n    {{/if}}\n  </section>\n</template>;\n"],"names":["elementForLevel","level","lvl","Number","parseInt","assert","Section","setComponentTemplate","precompileTemplate","strictMode","scope","element","templateOnly"],"mappings":";;;;;;AAsBA,SAASA,eAAAA,CAAgBC,KAAc,EAAA;EACrC,MAAMC,GAAA,GAAMD,KAAA,GAAQE,MAAA,CAAOC,QAAQ,CAACH,KAAA,CAAA,GAAS,CAAA;AAE7CI,EAAAA,MAAA,CAAO,CAAA,wDAAA,EAA2DH,GAAA,CAAA,CAAA,CAAM,EAAEA,GAAA,IAAO,CAAA,IAAKA,GAAA,IAAO,CAAA,CAAA;EAE7F,OAAO,CAAA,CAAA,EAAIA,GAAA,CAAA,CAAK;AAClB;MAEaI,OAAa,GAAAC,oBAAA,CAAoBC,kBAAA,CAAA,wbAAA,EAgB9C;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,OAAA;AAAAX,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAY,YAAA,EAAA;;;;"}

package/dist/sectioned-page-Ba06ASAC.js

@@ -0,0 +1,21 @@
+import { element } from 'ember-element-helper';
+import { o as or } from './helpers-D4So5-uK.js';
+import { T as TabNav } from './tab-nav-pvb2XhOD.js';
+import { P as PageDestructor, a as PageElement } from './pages-DgHJEvSy.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import templateOnly from '@ember/component/template-only';
+
+const SectionedPage = setComponentTemplate(precompileTemplate("{{#let (if @element @element (element (pageElement))) as |Element|}}\n  <Element class=\"sectioned-page\" {{pageDestructor}} ...attributes data-test-page>\n    {{#if (or @title @description (has-block \"title\") (has-block \"description\") (has-block \"nav\"))}}\n      <header class=\"page-content\">\n        <h1 class=\"typography-display\">\n          {{#if (has-block \"title\")}}\n            {{yield to=\"title\"}}\n          {{else if @title}}\n            {{@title}}\n          {{/if}}\n        </h1>\n\n        {{#if (or (has-block \"description\") @description)}}\n          <p>\n            {{#if (has-block \"description\")}}\n              {{yield to=\"description\"}}\n            {{else if @description}}\n              {{@description}}\n            {{/if}}\n          </p>\n        {{/if}}\n\n        {{#if (has-block \"nav\")}}\n          <TabNav as |n|>\n            {{yield n.Item to=\"nav\"}}\n          </TabNav>\n        {{/if}}\n      </header>\n    {{/if}}\n\n    <div class=\"page-content flow\" part=\"content\">\n      {{#if (has-block \"content\")}}\n        {{yield to=\"content\"}}\n      {{else if (has-block)}}\n        {{yield}}\n      {{/if}}\n    </div>\n  </Element>\n{{/let}}", {
+  strictMode: true,
+  scope: () => ({
+    element,
+    pageElement: PageElement,
+    pageDestructor: PageDestructor,
+    or,
+    TabNav
+  })
+}), templateOnly());
+
+export { SectionedPage as S };
+//# sourceMappingURL=sectioned-page-Ba06ASAC.js.map

package/dist/sectioned-page-Ba06ASAC.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sectioned-page-Ba06ASAC.js","sources":["../src/components/layouts/sectioned-page.gts"],"sourcesContent":["import { element } from 'ember-element-helper';\n\nimport { or } from '../../-private/helpers.ts';\nimport TabNav from '../tab-nav.gts';\nimport { pageDestructor, pageElement } from './pages.ts';\n\nimport type { NavLink } from '../navigation/nav-link.gts';\nimport type { TOC } from '@ember/component/template-only';\nimport type { ComponentLike } from '@glint/template';\n\ninterface SectionedPageSignature {\n  Element: HTMLElement;\n  Args: {\n    title?: string;\n    description?: string;\n    element?: ComponentLike<{ Element: HTMLElement; Blocks: { default: [] } }>;\n  };\n  Blocks: {\n    title?: [];\n    description?: [];\n    nav?: [typeof NavLink];\n    content?: [];\n    default?: [];\n  };\n}\n\nexport const SectionedPage: TOC<SectionedPageSignature> = <template>\n  {{#let (if @element @element (element (pageElement))) as |Element|}}\n    <Element class=\"sectioned-page\" {{pageDestructor}} ...attributes data-test-page>\n      {{#if\n        (or @title @description (has-block \"title\") (has-block \"description\") (has-block \"nav\"))\n      }}\n        <header class=\"page-content\">\n          <h1 class=\"typography-display\">\n            {{#if (has-block \"title\")}}\n              {{yield to=\"title\"}}\n            {{else if @title}}\n              {{@title}}\n            {{/if}}\n          </h1>\n\n          {{#if (or (has-block \"description\") @description)}}\n            <p>\n              {{#if (has-block \"description\")}}\n                {{yield to=\"description\"}}\n              {{else if @description}}\n                {{@description}}\n              {{/if}}\n            </p>\n          {{/if}}\n\n          {{#if (has-block \"nav\")}}\n            <TabNav as |n|>\n              {{yield n.Item to=\"nav\"}}\n            </TabNav>\n          {{/if}}\n        </header>\n      {{/if}}\n\n      <div class=\"page-content flow\" part=\"content\">\n        {{#if (has-block \"content\")}}\n          {{yield to=\"content\"}}\n        {{else if (has-block)}}\n          {{yield}}\n        {{/if}}\n      </div>\n    </Element>\n  {{/let}}\n</template>;\n"],"names":["SectionedPage","setComponentTemplate","precompileTemplate","strictMode","scope","element","pageElement","pageDestructor","or","TabNav","templateOnly"],"mappings":";;;;;;;;MA0BaA,aAAmB,GAAAC,oBAAA,CAA0BC,kBAAA,CAAA,+rCAAA,EA0C1D;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,OAAA;iBAAAC,WAAA;oBAAAC,cAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/{select-DWOHAUfQ.js → select-CrdsGEgR.js}

@@ -5,7 +5,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const Option = setComponentTemplate(precompileTemplate("\n  <option value={{@value}} selected={{@isSelected @value}} ...attributes>\n    {{#if (has-block)}}\n      {{yield}}\n    {{else}}\n      {{@value}}\n    {{/if}}\n  </option>\n", {
+const Option = setComponentTemplate(precompileTemplate("<option value={{@value}} selected={{@isSelected @value}} ...attributes>\n  {{#if (has-block)}}\n    {{yield}}\n  {{else}}\n    {{@value}}\n  {{/if}}\n</option>", {
   strictMode: true
 }), templateOnly());
 class Select extends Component {
@@ -25,7 +25,7 @@ class Select extends Component {
     return this.args.spacing ?? 1;
   }
   static {
-    setComponentTemplate(precompileTemplate("\n    <span class=\"select\" data-spacing={{this.spacing}}>\n      <select disabled={{@disabled}} data-test-select {{on \"input\" this.select capture=true}} ...attributes>\n        {{yield (hash Option=(component Option isSelected=this.isSelected))}}\n      </select>\n    </span>\n  ", {
+    setComponentTemplate(precompileTemplate("<span class=\"select\" data-spacing={{this.spacing}}>\n  <select disabled={{@disabled}} data-test-select {{on \"input\" this.select capture=true}} ...attributes>\n    {{yield (hash Option=(component Option isSelected=this.isSelected))}}\n  </select>\n</span>", {
       strictMode: true,
       scope: () => ({
         on,
@@ -37,4 +37,4 @@ class Select extends Component {
 }
 
 export { Select as S };
-//# sourceMappingURL=select-DWOHAUfQ.js.map
+//# sourceMappingURL=select-CrdsGEgR.js.map

package/dist/{select-DWOHAUfQ.js.map → select-CrdsGEgR.js.map}

@@ -1 +1 @@
-{"version":3,"file":"select-DWOHAUfQ.js","sources":["../src/components/controls/select.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { hash } from '@ember/helper';\nimport { on } from '@ember/modifier';\n\nimport type { TOC } from '@ember/component/template-only';\nimport type { WithBoundArgs } from '@glint/template';\nimport type { Spacing } from '@hokulea/tokens';\n\nexport type Value = string | number;\n\nexport interface OptionSignature {\n  Element: HTMLOptionElement;\n  Args: {\n    value: Value;\n    isSelected: (option: Value) => boolean;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst Option: TOC<OptionSignature> = <template>\n  <option value={{@value}} selected={{@isSelected @value}} ...attributes>\n    {{#if (has-block)}}\n      {{yield}}\n    {{else}}\n      {{@value}}\n    {{/if}}\n  </option>\n</template>;\n\nexport interface SelectSignature {\n  Element: HTMLSelectElement;\n  Args: {\n    value?: Value | Value[];\n    update?: (value: Value | Value[]) => void;\n    disabled?: boolean;\n    spacing?: Spacing;\n  };\n  Blocks: {\n    default: [\n      {\n        Option: WithBoundArgs<typeof Option, 'isSelected'>;\n      }\n    ];\n  };\n}\n\nexport class Select extends Component<SelectSignature> {\n  isSelected = (option: Value) => {\n    if (Array.isArray(this.args.value)) {\n      return this.args.value.includes(option);\n    }\n\n    return String(option) === String(this.args.value);\n  };\n\n  select = (event: Event) => {\n    const select = event.target as HTMLSelectElement;\n    const selection = Array.of(...select.selectedOptions).map((option) => option.value);\n    const value = selection.length === 1 ? (selection[0] as Value) : (selection as Value[]);\n\n    this.args.update?.(value);\n  };\n\n  get spacing() {\n    return this.args.spacing ?? 1;\n  }\n\n  <template>\n    <span class=\"select\" data-spacing={{this.spacing}}>\n      <select\n        disabled={{@disabled}}\n        data-test-select\n        {{on \"input\" this.select capture=true}}\n        ...attributes\n      >\n        {{yield (hash Option=(component Option isSelected=this.isSelected))}}\n      </select>\n    </span>\n  </template>\n}\n"],"names":["Option","setComponentTemplate","precompileTemplate","strictMode","templateOnly","Select","Component","isSelected","option","Array","isArray","args","value","includes","String","select","event","target","selection","of","selectedOptions","map","length","update","spacing","scope","on","hash"],"mappings":";;;;;;;AAqBA,MAAMA,MAAY,GAAAC,oBAAA,CAAmBC,kBAAA,CAAA,mLAAA,EAQrC;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA,CAAA;AAmBH,MAAMC,eAAeC,SAAA,CAAU;EACpCC,UAAA,GAAcC,MAAQ,IAAA;IACpB,IAAIC,KAAA,CAAMC,OAAO,CAAC,IAAI,CAACC,IAAI,CAACC,KAAK,CAAA,EAAG;MAClC,OAAO,IAAI,CAACD,IAAI,CAACC,KAAK,CAACC,QAAQ,CAACL,MAAA,CAAA;AAClC,IAAA;AAEA,IAAA,OAAOM,OAAON,MAAA,CAAA,KAAYM,MAAA,CAAO,IAAI,CAACH,IAAI,CAACC,KAAK,CAAA;EAClD,CAAA;EAEAG,MAAA,GAAUC,KAAO,IAAA;AACf,IAAA,MAAMD,MAAA,GAASC,KAAA,CAAMC,MAAU;AAC/B,IAAA,MAAMC,SAAA,GAAYT,KAAA,CAAMU,EAAE,CAAA,GAAIJ,MAAA,CAAOK,eAAe,CAAA,CAAEC,GAAG,CAAEb,MAAA,IAAWA,MAAA,CAAOI,KAAK,CAAA;AAClF,IAAA,MAAMA,KAAA,GAAQM,SAAA,CAAUI,MAAM,KAAK,IAAKJ,SAAS,CAAC,CAAA,CAAE,GAAcA,SAAoB;AAEtF,IAAA,IAAI,CAACP,IAAI,CAACY,MAAM,GAAGX,KAAA,CAAA;EACrB,CAAA;EAEA,IAAIY,OAAAA,GAAU;AACZ,IAAA,OAAO,IAAI,CAACb,IAAI,CAACa,OAAO,IAAI,CAAA;AAC9B,EAAA;AAEA,EAAA;IAAAvB,oBAAA,CAAAC,kBAAA,CAAA,8RAAA,EAWA;MAAAC,UAAA,EAAA,IAAA;AAAAsB,MAAAA,KAAA,EAAAA,OAAA;QAAAC,EAAA;QAAAC,IAAA;AAAA3B,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"select-CrdsGEgR.js","sources":["../src/components/controls/select.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { hash } from '@ember/helper';\nimport { on } from '@ember/modifier';\n\nimport type { TOC } from '@ember/component/template-only';\nimport type { WithBoundArgs } from '@glint/template';\nimport type { Spacing } from '@hokulea/tokens';\n\nexport type Value = string | number;\n\nexport interface OptionSignature {\n  Element: HTMLOptionElement;\n  Args: {\n    value: Value;\n    isSelected: (option: Value) => boolean;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst Option: TOC<OptionSignature> = <template>\n  <option value={{@value}} selected={{@isSelected @value}} ...attributes>\n    {{#if (has-block)}}\n      {{yield}}\n    {{else}}\n      {{@value}}\n    {{/if}}\n  </option>\n</template>;\n\nexport interface SelectSignature {\n  Element: HTMLSelectElement;\n  Args: {\n    value?: Value | Value[];\n    update?: (value: Value | Value[]) => void;\n    disabled?: boolean;\n    spacing?: Spacing;\n  };\n  Blocks: {\n    default: [\n      {\n        Option: WithBoundArgs<typeof Option, 'isSelected'>;\n      }\n    ];\n  };\n}\n\nexport class Select extends Component<SelectSignature> {\n  isSelected = (option: Value) => {\n    if (Array.isArray(this.args.value)) {\n      return this.args.value.includes(option);\n    }\n\n    return String(option) === String(this.args.value);\n  };\n\n  select = (event: Event) => {\n    const select = event.target as HTMLSelectElement;\n    const selection = Array.of(...select.selectedOptions).map((option) => option.value);\n    const value = selection.length === 1 ? (selection[0] as Value) : (selection as Value[]);\n\n    this.args.update?.(value);\n  };\n\n  get spacing() {\n    return this.args.spacing ?? 1;\n  }\n\n  <template>\n    <span class=\"select\" data-spacing={{this.spacing}}>\n      <select\n        disabled={{@disabled}}\n        data-test-select\n        {{on \"input\" this.select capture=true}}\n        ...attributes\n      >\n        {{yield (hash Option=(component Option isSelected=this.isSelected))}}\n      </select>\n    </span>\n  </template>\n}\n"],"names":["Option","setComponentTemplate","precompileTemplate","strictMode","templateOnly","Select","Component","isSelected","option","Array","isArray","args","value","includes","String","select","event","target","selection","of","selectedOptions","map","length","update","spacing","scope","on","hash"],"mappings":";;;;;;;AAqBA,MAAMA,MAAY,GAAAC,oBAAA,CAAmBC,kBAAA,CAAA,iKAAA,EAQrC;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA,CAAA;AAmBH,MAAMC,eAAeC,SAAA,CAAU;EACpCC,UAAA,GAAcC,MAAQ,IAAA;IACpB,IAAIC,KAAA,CAAMC,OAAO,CAAC,IAAI,CAACC,IAAI,CAACC,KAAK,CAAA,EAAG;MAClC,OAAO,IAAI,CAACD,IAAI,CAACC,KAAK,CAACC,QAAQ,CAACL,MAAA,CAAA;AAClC,IAAA;AAEA,IAAA,OAAOM,OAAON,MAAA,CAAA,KAAYM,MAAA,CAAO,IAAI,CAACH,IAAI,CAACC,KAAK,CAAA;EAClD,CAAA;EAEAG,MAAA,GAAUC,KAAO,IAAA;AACf,IAAA,MAAMD,MAAA,GAASC,KAAA,CAAMC,MAAU;AAC/B,IAAA,MAAMC,SAAA,GAAYT,KAAA,CAAMU,EAAE,CAAA,GAAIJ,MAAA,CAAOK,eAAe,CAAA,CAAEC,GAAG,CAAEb,MAAA,IAAWA,MAAA,CAAOI,KAAK,CAAA;AAClF,IAAA,MAAMA,KAAA,GAAQM,SAAA,CAAUI,MAAM,KAAK,IAAKJ,SAAS,CAAC,CAAA,CAAE,GAAcA,SAAoB;AAEtF,IAAA,IAAI,CAACP,IAAI,CAACY,MAAM,GAAGX,KAAA,CAAA;EACrB,CAAA;EAEA,IAAIY,OAAAA,GAAU;AACZ,IAAA,OAAO,IAAI,CAACb,IAAI,CAACa,OAAO,IAAI,CAAA;AAC9B,EAAA;AAEA,EAAA;IAAAvB,oBAAA,CAAAC,kBAAA,CAAA,oQAAA,EAWA;MAAAC,UAAA,EAAA,IAAA;AAAAsB,MAAAA,KAAA,EAAAA,OAAA;QAAAC,EAAA;QAAAC,IAAA;AAAA3B,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/tab-nav-pvb2XhOD.js

@@ -0,0 +1,16 @@
+import { hash } from '@ember/helper';
+import { N as NavLink } from './nav-link-KZJghY_q.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import templateOnly from '@ember/component/template-only';
+
+const TabNav = setComponentTemplate(precompileTemplate("<nav class=\"tab-nav\" data-test-tab-nav ...attributes>\n  {{yield (hash Item=NavLink)}}\n</nav>", {
+  strictMode: true,
+  scope: () => ({
+    hash,
+    NavLink
+  })
+}), templateOnly());
+
+export { TabNav as T };
+//# sourceMappingURL=tab-nav-pvb2XhOD.js.map

package/dist/tab-nav-pvb2XhOD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-nav-pvb2XhOD.js","sources":["../src/components/navigation/tab-nav.gts"],"sourcesContent":["import { hash } from '@ember/helper';\n\nimport { NavLink } from './nav-link.gts';\n\nimport type { TOC } from '@ember/component/template-only';\n\nexport interface TabNavSignature {\n  Element: HTMLElement;\n  Blocks: {\n    default?: [{ Item: typeof NavLink }];\n  };\n}\n\nexport const TabNav: TOC<TabNavSignature> = <template>\n  <nav class=\"tab-nav\" data-test-tab-nav ...attributes>\n    {{yield (hash Item=NavLink)}}\n  </nav>\n</template>;\n"],"names":["TabNav","setComponentTemplate","precompileTemplate","strictMode","scope","hash","NavLink","templateOnly"],"mappings":";;;;;;MAaaA,MAAY,GAAAC,oBAAA,CAAmBC,kBAAA,CAAA,kGAAA,EAI5C;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,IAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/{tabs-e_cUi6pL.js → tabs-DdGp_ET2.js}

@@ -36,7 +36,7 @@ class Tab extends Component {
     n(this.prototype, "id", [cached]);
   }
   static {
-    setComponentTemplate(precompileTemplate("\n    {{#let (uniqueId) (hash active=(eq this.id @activeItem) selected=(eq this.id @selection)) as |id state|}}\n      <Portal @target={{@tablist}}>\n        {{!-- template-lint-disable require-context-role --}}\n        <button type=\"button\" role=\"tab\" aria-controls={{id}} aria-selected={{if state.selected \"true\"}} id=\"{{id}}-label\" {{attachValue @value}}>\n          <span>\n            {{#if (has-block \"label\")}}\n              {{yield state to=\"label\"}}\n            {{else}}\n              {{@label}}\n            {{/if}}\n          </span>\n        </button>\n      </Portal>\n\n      <section id={{id}} role=\"tabpanel\" aria-labelledby=\"{{id}}-label\" local-class=\"content\" hidden={{not state.selected}}>\n        {{#if (has-block \"content\")}}\n          {{yield state to=\"content\"}}\n        {{else}}\n          {{yield state}}\n        {{/if}}\n      </section>\n    {{/let}}\n  ", {
+    setComponentTemplate(precompileTemplate("{{#let (uniqueId) (hash active=(eq this.id @activeItem) selected=(eq this.id @selection)) as |id state|}}\n  <Portal @target={{@tablist}}>\n    {{!-- template-lint-disable require-context-role --}}\n    <button type=\"button\" role=\"tab\" aria-controls={{id}} aria-selected={{if state.selected \"true\"}} id=\"{{id}}-label\" {{attachValue @value}}>\n      <span>\n        {{#if (has-block \"label\")}}\n          {{yield state to=\"label\"}}\n        {{else}}\n          {{@label}}\n        {{/if}}\n      </span>\n    </button>\n  </Portal>\n\n  <section id={{id}} role=\"tabpanel\" aria-labelledby=\"{{id}}-label\" local-class=\"content\" hidden={{not state.selected}}>\n    {{#if (has-block \"content\")}}\n      {{yield state to=\"content\"}}\n    {{else}}\n      {{yield state}}\n    {{/if}}\n  </section>\n{{/let}}", {
       strictMode: true,
       scope: () => ({
         uniqueId,
@@ -92,7 +92,7 @@ class Tabs extends Component {
     this.activeItem = id;
   };
   static {
-    setComponentTemplate(precompileTemplate("\n    <div class=\"tabs\" data-test-tabs>\n      {{#let (uniqueId) as |tablistId|}}\n        <PortalTarget @name={{tablistId}} @multiple={{true}} role=\"tablist\" {{ariaTablist items=this.items select=this.select selection=this.selection activateItem=this.activateItem disabled=@disabled behavior=@behavior orientation=@orientation}} />\n\n        {{yield (hash Tab=(component Tab register=this.register unregister=this.unregister tablist=tablistId selection=this.selection activeItem=this.activeItem))}}\n      {{/let}}\n    </div>\n  ", {
+    setComponentTemplate(precompileTemplate("<div class=\"tabs\" data-test-tabs>\n  {{#let (uniqueId) as |tablistId|}}\n    <PortalTarget @name={{tablistId}} @multiple={{true}} role=\"tablist\" {{ariaTablist items=this.items select=this.select selection=this.selection activateItem=this.activateItem disabled=@disabled behavior=@behavior orientation=@orientation}} />\n\n    {{yield (hash Tab=(component Tab register=this.register unregister=this.unregister tablist=tablistId selection=this.selection activeItem=this.activeItem))}}\n  {{/let}}\n</div>", {
       strictMode: true,
       scope: () => ({
         uniqueId,
@@ -106,4 +106,4 @@ class Tabs extends Component {
 }
 
 export { Tabs as T, TabValue as a };
-//# sourceMappingURL=tabs-e_cUi6pL.js.map
+//# sourceMappingURL=tabs-DdGp_ET2.js.map

package/dist/{tabs-e_cUi6pL.js.map → tabs-DdGp_ET2.js.map}

@@ -1 +1 @@
-{"version":3,"file":"tabs-e_cUi6pL.js","sources":["../src/components/controls/tabs.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached, tracked } from '@glimmer/tracking';\nimport { registerDestructor } from '@ember/destroyable';\nimport { hash, uniqueId } from '@ember/helper';\nimport { guidFor } from '@ember/object/internals';\nimport { next } from '@ember/runloop';\n\nimport { ariaTablist, type Orientation, type TablistBehavior } from 'ember-aria-voyager';\nimport { modifier } from 'ember-modifier';\nimport Portal from 'ember-stargate/components/portal';\nimport PortalTarget from 'ember-stargate/components/portal-target';\nimport { TrackedArray } from 'tracked-built-ins';\n\nimport { eq, not } from '../../-private/helpers.ts';\n\nimport type Owner from '@ember/owner';\nimport type { WithBoundArgs } from '@glint/template';\n\nexport const TabValue = Symbol('TabValue');\n\nconst attachValue = modifier((element, [value]) => {\n  if (value) {\n    // @ts-expect-error this is internal API\n    element[TabValue] = value;\n  }\n});\n\ninterface State {\n  active: boolean;\n  selected: boolean;\n}\n\ntype Item = string & {};\n\ntype TabSignature = {\n  Element: HTMLDivElement;\n  Args: {\n    tablist: string;\n    register: (tab: Tab) => void;\n    unregister: (tab: Tab) => void;\n    label?: string;\n    value?: unknown;\n    selection?: unknown;\n    activeItem?: Item;\n  };\n  Blocks: {\n    default?: [State];\n    label?: [State];\n    content?: [State];\n  };\n};\n\nclass Tab extends Component<TabSignature> {\n  constructor(owner: Owner, args: TabSignature['Args']) {\n    super(owner, args);\n\n    args.register(this);\n\n    registerDestructor(this, () => {\n      args.unregister(this);\n    });\n  }\n\n  @cached\n  get id() {\n    return this.args.value ?? this.args.label ?? guidFor(this);\n  }\n\n  <template>\n    {{#let\n      (uniqueId) (hash active=(eq this.id @activeItem) selected=(eq this.id @selection))\n      as |id state|\n    }}\n      <Portal @target={{@tablist}}>\n        {{! template-lint-disable require-context-role }}\n        <button\n          type=\"button\"\n          role=\"tab\"\n          aria-controls={{id}}\n          aria-selected={{if state.selected \"true\"}}\n          id=\"{{id}}-label\"\n          {{attachValue @value}}\n        >\n          <span>\n            {{#if (has-block \"label\")}}\n              {{yield state to=\"label\"}}\n            {{else}}\n              {{@label}}\n            {{/if}}\n          </span>\n        </button>\n      </Portal>\n\n      <section\n        id={{id}}\n        role=\"tabpanel\"\n        aria-labelledby=\"{{id}}-label\"\n        local-class=\"content\"\n        hidden={{not state.selected}}\n      >\n        {{#if (has-block \"content\")}}\n          {{yield state to=\"content\"}}\n        {{else}}\n          {{yield state}}\n        {{/if}}\n      </section>\n    {{/let}}\n  </template>\n}\n\ninterface TabsSignature {\n  Element: HTMLDivElement;\n  Args: {\n    disabled?: boolean;\n    selection?: unknown;\n    update?: (value: unknown) => void;\n    behavior?: TablistBehavior;\n    orientation?: Orientation;\n  };\n  Blocks: {\n    default: [\n      {\n        Tab: WithBoundArgs<\n          typeof Tab,\n          'selection' | 'activeItem' | 'tablist' | 'register' | 'unregister'\n        >;\n      }\n    ];\n  };\n}\n\nexport class Tabs extends Component<TabsSignature> {\n  @tracked tabs: Tab[] = new TrackedArray();\n  @tracked internalSelection?: Tab;\n  @tracked activeItem?: Item;\n\n  get items() {\n    return this.tabs.map((t) => t.id);\n  }\n\n  get selection() {\n    return this.args.selection ?? this.internalSelection?.id;\n  }\n\n  register = (tab: Tab) => {\n    // eslint-disable-next-line ember/no-runloop\n    next(() => {\n      this.tabs.push(tab);\n    });\n  };\n\n  unregister = (tab: Tab) => {\n    // eslint-disable-next-line ember/no-runloop\n    next(() => {\n      this.tabs.splice(this.tabs.indexOf(tab), 1);\n    });\n  };\n\n  select = (id: Item) => {\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n    const tab = this.tabs.find((t) => t.id === id)!;\n\n    this.internalSelection = tab;\n    this.args.update?.(tab.args.value ?? tab.args.label ?? undefined);\n  };\n\n  activateItem = (id: Item) => {\n    this.activeItem = id;\n  };\n\n  <template>\n    <div class=\"tabs\" data-test-tabs>\n      {{#let (uniqueId) as |tablistId|}}\n        <PortalTarget\n          @name={{tablistId}}\n          @multiple={{true}}\n          role=\"tablist\"\n          {{ariaTablist\n            items=this.items\n            select=this.select\n            selection=this.selection\n            activateItem=this.activateItem\n            disabled=@disabled\n            behavior=@behavior\n            orientation=@orientation\n          }}\n        />\n\n        {{yield\n          (hash\n            Tab=(component\n              Tab\n              register=this.register\n              unregister=this.unregister\n              tablist=tablistId\n              selection=this.selection\n              activeItem=this.activeItem\n            )\n          )\n        }}\n      {{/let}}\n    </div>\n  </template>\n}\n"],"names":["TabValue","Symbol","attachValue","modifier","element","value","Tab","Component","constructor","owner","args","register","registerDestructor","unregister","id","label","guidFor","n","prototype","cached","setComponentTemplate","precompileTemplate","strictMode","scope","uniqueId","hash","eq","Portal","not","Tabs","g","tracked","TrackedArray","i","void 0","items","tabs","map","t","selection","internalSelection","tab","next","push","splice","indexOf","select","find","update","undefined","activateItem","activeItem","PortalTarget","ariaTablist"],"mappings":"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"}
+{"version":3,"file":"tabs-DdGp_ET2.js","sources":["../src/components/controls/tabs.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached, tracked } from '@glimmer/tracking';\nimport { registerDestructor } from '@ember/destroyable';\nimport { hash, uniqueId } from '@ember/helper';\nimport { guidFor } from '@ember/object/internals';\nimport { next } from '@ember/runloop';\n\nimport { ariaTablist, type Orientation, type TablistBehavior } from 'ember-aria-voyager';\nimport { modifier } from 'ember-modifier';\nimport Portal from 'ember-stargate/components/portal';\nimport PortalTarget from 'ember-stargate/components/portal-target';\nimport { TrackedArray } from 'tracked-built-ins';\n\nimport { eq, not } from '../../-private/helpers.ts';\n\nimport type Owner from '@ember/owner';\nimport type { WithBoundArgs } from '@glint/template';\n\nexport const TabValue = Symbol('TabValue');\n\nconst attachValue = modifier((element, [value]) => {\n  if (value) {\n    // @ts-expect-error this is internal API\n    element[TabValue] = value;\n  }\n});\n\ninterface State {\n  active: boolean;\n  selected: boolean;\n}\n\ntype Item = string & {};\n\ntype TabSignature = {\n  Element: HTMLDivElement;\n  Args: {\n    tablist: string;\n    register: (tab: Tab) => void;\n    unregister: (tab: Tab) => void;\n    label?: string;\n    value?: unknown;\n    selection?: unknown;\n    activeItem?: Item;\n  };\n  Blocks: {\n    default?: [State];\n    label?: [State];\n    content?: [State];\n  };\n};\n\nclass Tab extends Component<TabSignature> {\n  constructor(owner: Owner, args: TabSignature['Args']) {\n    super(owner, args);\n\n    args.register(this);\n\n    registerDestructor(this, () => {\n      args.unregister(this);\n    });\n  }\n\n  @cached\n  get id() {\n    return this.args.value ?? this.args.label ?? guidFor(this);\n  }\n\n  <template>\n    {{#let\n      (uniqueId) (hash active=(eq this.id @activeItem) selected=(eq this.id @selection))\n      as |id state|\n    }}\n      <Portal @target={{@tablist}}>\n        {{! template-lint-disable require-context-role }}\n        <button\n          type=\"button\"\n          role=\"tab\"\n          aria-controls={{id}}\n          aria-selected={{if state.selected \"true\"}}\n          id=\"{{id}}-label\"\n          {{attachValue @value}}\n        >\n          <span>\n            {{#if (has-block \"label\")}}\n              {{yield state to=\"label\"}}\n            {{else}}\n              {{@label}}\n            {{/if}}\n          </span>\n        </button>\n      </Portal>\n\n      <section\n        id={{id}}\n        role=\"tabpanel\"\n        aria-labelledby=\"{{id}}-label\"\n        local-class=\"content\"\n        hidden={{not state.selected}}\n      >\n        {{#if (has-block \"content\")}}\n          {{yield state to=\"content\"}}\n        {{else}}\n          {{yield state}}\n        {{/if}}\n      </section>\n    {{/let}}\n  </template>\n}\n\ninterface TabsSignature {\n  Element: HTMLDivElement;\n  Args: {\n    disabled?: boolean;\n    selection?: unknown;\n    update?: (value: unknown) => void;\n    behavior?: TablistBehavior;\n    orientation?: Orientation;\n  };\n  Blocks: {\n    default: [\n      {\n        Tab: WithBoundArgs<\n          typeof Tab,\n          'selection' | 'activeItem' | 'tablist' | 'register' | 'unregister'\n        >;\n      }\n    ];\n  };\n}\n\nexport class Tabs extends Component<TabsSignature> {\n  @tracked tabs: Tab[] = new TrackedArray();\n  @tracked internalSelection?: Tab;\n  @tracked activeItem?: Item;\n\n  get items() {\n    return this.tabs.map((t) => t.id);\n  }\n\n  get selection() {\n    return this.args.selection ?? this.internalSelection?.id;\n  }\n\n  register = (tab: Tab) => {\n    // eslint-disable-next-line ember/no-runloop\n    next(() => {\n      this.tabs.push(tab);\n    });\n  };\n\n  unregister = (tab: Tab) => {\n    // eslint-disable-next-line ember/no-runloop\n    next(() => {\n      this.tabs.splice(this.tabs.indexOf(tab), 1);\n    });\n  };\n\n  select = (id: Item) => {\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n    const tab = this.tabs.find((t) => t.id === id)!;\n\n    this.internalSelection = tab;\n    this.args.update?.(tab.args.value ?? tab.args.label ?? undefined);\n  };\n\n  activateItem = (id: Item) => {\n    this.activeItem = id;\n  };\n\n  <template>\n    <div class=\"tabs\" data-test-tabs>\n      {{#let (uniqueId) as |tablistId|}}\n        <PortalTarget\n          @name={{tablistId}}\n          @multiple={{true}}\n          role=\"tablist\"\n          {{ariaTablist\n            items=this.items\n            select=this.select\n            selection=this.selection\n            activateItem=this.activateItem\n            disabled=@disabled\n            behavior=@behavior\n            orientation=@orientation\n          }}\n        />\n\n        {{yield\n          (hash\n            Tab=(component\n              Tab\n              register=this.register\n              unregister=this.unregister\n              tablist=tablistId\n              selection=this.selection\n              activeItem=this.activeItem\n            )\n          )\n        }}\n      {{/let}}\n    </div>\n  </template>\n}\n"],"names":["TabValue","Symbol","attachValue","modifier","element","value","Tab","Component","constructor","owner","args","register","registerDestructor","unregister","id","label","guidFor","n","prototype","cached","setComponentTemplate","precompileTemplate","strictMode","scope","uniqueId","hash","eq","Portal","not","Tabs","g","tracked","TrackedArray","i","void 0","items","tabs","map","t","selection","internalSelection","tab","next","push","splice","indexOf","select","find","update","undefined","activateItem","activeItem","PortalTarget","ariaTablist"],"mappings":"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"}

package/dist/test-support/index.js

@@ -1,7 +1,7 @@
 import { PageObject, selector, globalSelector } from 'fractal-page-object';
 import { click, select, triggerEvent } from '@ember/test-helpers';
 import { selectListbox, selectTab } from 'ember-aria-voyager/test-support';
-import { a as TabValue } from '../tabs-e_cUi6pL.js';
+import { a as TabValue } from '../tabs-DdGp_ET2.js';
 
 class AlertPageObject extends PageObject {
   static SELECTOR = '[data-test-feedback]';
@@ -9,10 +9,10 @@ class AlertPageObject extends PageObject {
     super(selector ?? AlertPageObject.SELECTOR, parent, index);
   }
   get indicator() {
-    return this.element?.getAttribute('data-indicator');
+    return this.element?.dataset.indicator;
   }
   get importance() {
-    return this.element?.getAttribute('data-importance');
+    return this.element?.dataset.importance;
   }
   $icon = selector('[part="icon"]');
   $title = selector('[part="title"]');
@@ -35,13 +35,13 @@ class IconButtonPageObject extends PageObject {
     super(selector ?? IconButtonPageObject.SELECTOR, parent, index);
   }
   get intent() {
-    return this.element?.getAttribute('data-intent');
+    return this.element?.dataset.intent;
   }
   get importance() {
-    return this.element?.getAttribute('data-importance');
+    return this.element?.dataset.importance;
   }
   get spacing() {
-    return this.element?.getAttribute('data-spacing');
+    return this.element?.dataset.spacing;
   }
   async push() {
     if (this.element) {
@@ -153,18 +153,18 @@ class AvatarPageObject extends PageObject {
 }
 
 class ButtonPageObject extends PageObject {
-  static SELECTOR = '[data-test-button]';
+  static SELECTOR = '[data-test-button=""]';
   constructor(selector, parent, index) {
     super(selector ?? ButtonPageObject.SELECTOR, parent, index);
   }
   get intent() {
-    return this.element?.getAttribute('data-intent');
+    return this.element?.dataset.intent;
   }
   get importance() {
-    return this.element?.getAttribute('data-importance');
+    return this.element?.dataset.importance;
   }
   get spacing() {
-    return this.element?.getAttribute('data-spacing');
+    return this.element?.dataset.spacing;
   }
   $before = selector('[data-test-button="before"]');
   $label = selector('[data-test-button="label"]');
@@ -176,6 +176,14 @@ class ButtonPageObject extends PageObject {
   }
 }
 
+class ButtonGroupPageObject extends PageObject {
+  static SELECTOR = '[data-test-button-group]';
+  constructor(selector, parent, index) {
+    super(selector ?? ButtonGroupPageObject.SELECTOR, parent, index);
+  }
+  $button = selector(ButtonPageObject.SELECTOR, ButtonPageObject);
+}
+
 class ChoicePageObject extends PageObject {
   static SELECTOR = '[data-test-choice]';
   constructor(selector, parent, index) {
@@ -197,7 +205,7 @@ class InputPageObject extends PageObject {
     return this.element;
   }
   get spacing() {
-    return this.element?.getAttribute('data-spacing');
+    return this.element?.dataset.spacing;
   }
 }
 class RangeInputPageObject extends InputPageObject {
@@ -218,7 +226,7 @@ class SelectPageObject extends PageObject {
     super(selector ?? SelectPageObject.SELECTOR, parent, index);
   }
   get spacing() {
-    return this.element?.getAttribute('data-spacing');
+    return this.element?.dataset.spacing;
   }
   get control() {
     return this.element;
@@ -261,10 +269,10 @@ class DataTablePageObject extends PageObject {
 class Error extends PageObject {
   static SELECTOR = '[data-test-error]';
   get type() {
-    return this.element?.getAttribute('data-test-error-type');
+    return this.element?.dataset.testErrorType;
   }
   get value() {
-    return this.element?.getAttribute('data-test-error-value');
+    return this.element?.dataset.testErrorValue;
   }
 }
 
@@ -325,7 +333,7 @@ class ChoicesPageObject extends PageObject {
 
 class FieldRule extends PageObject {
   get invalid() {
-    return Boolean(this.element?.getAttribute('data-test-rule-invalid'));
+    return Boolean(this.element?.dataset.testRuleInvalid);
   }
 }
 class FieldPageObject extends PageObject {
@@ -375,7 +383,7 @@ class FieldPageObject extends PageObject {
     return this.$input; // @TODO bad fallback for now
   }
   get name() {
-    return this.element?.getAttribute('data-test-field');
+    return this.element?.dataset.testField;
   }
 }
 
@@ -436,13 +444,13 @@ class PillButtonPageObject extends PageObject {
     super(selector ?? PillButtonPageObject.SELECTOR, parent, index);
   }
   get intent() {
-    return this.element?.getAttribute('data-intent');
+    return this.element?.dataset.intent;
   }
   get importance() {
-    return this.element?.getAttribute('data-importance');
+    return this.element?.dataset.importance;
   }
   get spacing() {
-    return this.element?.getAttribute('data-spacing');
+    return this.element?.dataset.spacing;
   }
   $before = selector('[data-test-button="before"]');
   $label = selector('[data-test-button="label"]');
@@ -461,6 +469,18 @@ class PopoverPageObject extends PageObject {
   }
 }
 
+class RadioButtonGroupPageObject extends PageObject {
+  static SELECTOR = '[role="radiogroup"]';
+  constructor(selector, parent, index) {
+    super(selector ?? RadioButtonGroupPageObject.SELECTOR, parent, index);
+  }
+  $option = selector('[role="radio"]', class extends PageObject {
+    get checked() {
+      return this.element?.getAttribute('aria-checked');
+    }
+  });
+}
+
 class SectionPageObject extends PageObject {
   static SELECTOR = '[data-test-section]';
   constructor(selector, parent, index) {
@@ -470,6 +490,14 @@ class SectionPageObject extends PageObject {
   $title = selector('[data-test-section="title"]');
 }
 
+class TabNavPageObject extends PageObject {
+  static SELECTOR = '[data-test-tab-nav]';
+  constructor(selector, parent, index) {
+    super(selector ?? TabNavPageObject.SELECTOR, parent, index);
+  }
+  $items = selector('[part="item"]', NavLinkPageObject);
+}
+
 class TabsPageObject extends PageObject {
   static SELECTOR = '[data-test-tabs]';
   constructor(selector, parent, index) {
@@ -491,5 +519,5 @@ class TabsPageObject extends PageObject {
   }
 }
 
-export { AlertPageObject, AppHeaderPageObject, AvatarPageObject, ButtonPageObject, CheckboxPageObject, CurrencyInputPageObject, DataTablePageObject, DateInputPageObject, EmailInputPageObject, FormPageObject, IconButtonPageObject, IconPageObject, ListPageObject, MenuPageObject, NavigationListPageObject, NumberInputPageObject, PagePageObject, PaginationPageObject, PasswordInputPageObject, PhoneInputPageObject, PillButtonPageObject, PopoverPageObject, RadioPageObject, RangeInputPageObject, SectionPageObject, SectionedPagePageObject, SelectPageObject, TabsPageObject, TextAreaPageObject, TextInputPageObject };
+export { AlertPageObject, AppHeaderPageObject, AvatarPageObject, ButtonGroupPageObject, ButtonPageObject, CheckboxPageObject, CurrencyInputPageObject, DataTablePageObject, DateInputPageObject, EmailInputPageObject, FormPageObject, IconButtonPageObject, IconPageObject, ListPageObject, MenuPageObject, NavigationListPageObject, NumberInputPageObject, PagePageObject, PaginationPageObject, PasswordInputPageObject, PhoneInputPageObject, PillButtonPageObject, PopoverPageObject, RadioButtonGroupPageObject, RadioPageObject, RangeInputPageObject, SectionPageObject, SectionedPagePageObject, SelectPageObject, TabNavPageObject, TabsPageObject, TextAreaPageObject, TextInputPageObject };
 //# sourceMappingURL=index.js.map