@hokulea/ember 0.8.0 → 0.9.0

package/dist/components/app-header.js

@@ -1,132 +1,2 @@
-import { buildTask } from 'ember-concurrency/async-arrow-runtime';
-import Component from '@glimmer/component';
-import { tracked } from '@glimmer/tracking';
-import { hash, uniqueId } from '@ember/helper';
-import { CommandElement } from 'ember-command';
-import { timeout } from 'ember-concurrency';
-import { Link } from 'ember-link';
-import { modifier } from 'ember-modifier';
-import styles from '@hokulea/core/navigation.module.css';
-import { a as and, n as not, o as or } from '../helpers-DS9du02l.js';
-import popover from '../helpers/popover.js';
-import IconButton from './icon-button.js';
-import Menu from './menu.js';
-import { precompileTemplate } from '@ember/template-compilation';
-import { setComponentTemplate } from '@ember/component';
-import templateOnly from '@ember/component/template-only';
-import { g, i } from 'decorator-transforms/runtime-esm';
-
-const asLink = value => {
-  return value;
-};
-const isActive = commandable => {
-  return commandable instanceof Link && commandable.isActive;
-};
-const NavLink = setComponentTemplate(precompileTemplate("\n  {{#if @push}}\n    <CommandElement @command={{@push}} aria-current=\"{{if (isActive @push) \"page\"}}\" part=\"item\">\n      <span>{{yield}}</span>\n    </CommandElement>\n  {{else}}\n    <span part=\"item\">{{yield}}</span>\n  {{/if}}\n", {
-  strictMode: true,
-  scope: () => ({
-    CommandElement,
-    isActive
-  })
-}), templateOnly());
-const NavItem = setComponentTemplate(precompileTemplate("\n  {{#if (has-block)}}\n    <NavLink @push={{asLink @push}}>{{yield}}</NavLink>\n  {{else if (and (has-block \"menu\") (has-block \"label\"))}}\n    {{#let (popover position=\"bottom-start\") as |p|}}\n      <button type=\"button\" aria-haspopup=\"menu\" part=\"item\" {{p.trigger}}>\n        <span>{{yield to=\"label\"}}</span>\n      </button>\n\n      <Menu {{p.target}} as |m|>\n        {{yield m to=\"menu\"}}\n      </Menu>\n    {{/let}}\n  {{/if}}\n", {
-  strictMode: true,
-  scope: () => ({
-    NavLink,
-    asLink,
-    and,
-    popover,
-    Menu
-  })
-}), templateOnly());
-const PopoverNavItem = setComponentTemplate(precompileTemplate("\n  {{#if (has-block)}}\n    <NavLink @push={{asLink @push}}>{{yield}}</NavLink>\n  {{else if (and (has-block \"menu\") (has-block \"label\"))}}\n    <details>\n      <summary part=\"item\">{{yield to=\"label\"}}</summary>\n\n      <div>\n        {{yield (hash Item=PopoverNavItem) to=\"menu\"}}\n      </div>\n    </details>\n  {{/if}}\n", {
-  strictMode: true,
-  scope: () => ({
-    NavLink,
-    asLink,
-    and,
-    hash,
-    PopoverNavItem
-  })
-}), templateOnly());
-const CloseIcon = '<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M205.66 194.34a8 8 0 0 1-11.32 11.32L128 139.31l-66.34 66.35a8 8 0 0 1-11.32-11.32L116.69 128L50.34 61.66a8 8 0 0 1 11.32-11.32L128 116.69l66.34-66.35a8 8 0 0 1 11.32 11.32L139.31 128Z"/></svg>';
-const ListIcon = '<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M224 128a8 8 0 0 1-8 8H40a8 8 0 0 1 0-16h176a8 8 0 0 1 8 8M40 72h176a8 8 0 0 0 0-16H40a8 8 0 0 0 0 16m176 112H40a8 8 0 0 0 0 16h176a8 8 0 0 0 0-16"/></svg>';
-class AppHeader extends Component {
-  static {
-    g(this.prototype, "topNavShown", [tracked], function () {
-      return true;
-    });
-  }
-  #topNavShown = (i(this, "topNavShown"), void 0);
-  static {
-    g(this.prototype, "sensing", [tracked], function () {
-      return false;
-    });
-  }
-  #sensing = (i(this, "sensing"), void 0);
-  detectOverflow = buildTask(() => ({
-    context: this,
-    generator: function* (element) {
-      yield timeout(30);
-      this.sensing = true;
-      // wait till sensing is flushed to the browser and made elements visible
-      yield timeout(0);
-      const relevantChildren = [...element.children].filter(elem => elem.tagName.toLowerCase() === 'nav' || elem.getAttribute('part') === 'aux');
-      if (relevantChildren.length === 0) {
-        this.sensing = false;
-        return;
-      }
-      let headerWidth = [...element.children].filter(elem => elem.getAttribute('part') !== 'menu').map(e => Math.floor(e.scrollWidth)).reduce((sum, elemWidth) => sum + elemWidth, 0);
-      // + padding
-      headerWidth += Number.parseInt(getComputedStyle(element).getPropertyValue('padding-inline'), 10) * 2;
-      // + gap
-      headerWidth += Number.parseInt(getComputedStyle(element).getPropertyValue('gap'), 10) * (element.childElementCount - 1);
-      this.topNavShown = element.clientWidth >= headerWidth;
-      this.sensing = false;
-    }
-  }), null, "detectOverflow", "keepLatest");
-  flipflop = modifier(element => {
-    const sensor = () => this.detectOverflow.perform(element);
-    void sensor();
-    // eslint-disable-next-line @typescript-eslint/no-misused-promises
-    window.addEventListener('resize', sensor);
-    return () => {
-      // eslint-disable-next-line @typescript-eslint/no-misused-promises
-      window.removeEventListener('resize', sensor);
-    };
-  });
-  closeWhenLink = modifier(element => {
-    const checkForClose = event => {
-      const hitALink = event.composedPath().some(target => target?.tagName && ['a', 'button'].includes(target.tagName.toLowerCase()));
-      if (hitALink) {
-        element.hidePopover();
-      }
-    };
-    element.addEventListener('click', checkForClose);
-    return () => {
-      element.removeEventListener('click', checkForClose);
-    };
-  });
-  static {
-    setComponentTemplate(precompileTemplate("\n    {{#let (uniqueId) as |brandId|}}\n      <header class={{styles.appHeader}} data-test-app-header ...attributes>\n        <div class={{styles.appHeaderContent}} data-sensing={{this.sensing}} {{this.flipflop}}>\n          {{#if (has-block \"brand\")}}\n            <CommandElement @command={{@home}} part=\"brand\" id={{brandId}}>\n              {{yield to=\"brand\"}}\n            </CommandElement>\n          {{/if}}\n\n          {{#if (or this.topNavShown this.sensing)}}\n            <nav data-position={{if @position @position}} aria-labelledby={{brandId}}>\n              {{yield (hash Item=NavItem) to=\"nav\"}}\n            </nav>\n\n            {{#if (has-block \"aux\")}}\n              <span part=\"aux\">\n                {{yield (hash Item=NavItem) to=\"aux\"}}\n              </span>\n            {{/if}}\n          {{/if}}\n\n          {{#if (not this.topNavShown)}}\n            <span part=\"menu\">\n              {{#let (popover) as |p|}}\n                <IconButton @importance=\"plain\" @icon={{if p.opened CloseIcon ListIcon}} {{p.trigger}} data-test-toggle @label=\"toggle\" />\n\n                <div popover {{p.target}} {{this.closeWhenLink}}>\n                  <div data-menu-header>\n                    {{#if (has-block \"brand\")}}\n                      <span part=\"brand\">\n                        {{yield to=\"brand\"}}\n                      </span>\n                    {{/if}}\n                  </div>\n\n                  <div data-menu-content>\n                    {{!-- template-lint-disable no-duplicate-landmark-elements --}}\n                    <nav aria-labelledby={{brandId}}>\n                      {{yield (hash Item=PopoverNavItem) to=\"nav\"}}\n                    </nav>\n                    {{!-- template-lint-enable no-duplicate-landmark-elements --}}\n\n                    {{#if (has-block \"aux\")}}\n                      <span part=\"aux\">\n                        {{yield (hash Item=PopoverNavItem) to=\"aux\"}}\n                      </span>\n                    {{/if}}\n                  </div>\n                </div>\n              {{/let}}\n            </span>\n          {{/if}}\n        </div>\n      </header>\n    {{/let}}\n  ", {
-      strictMode: true,
-      scope: () => ({
-        uniqueId,
-        styles,
-        CommandElement,
-        or,
-        hash,
-        NavItem,
-        not,
-        popover,
-        IconButton,
-        CloseIcon,
-        ListIcon,
-        PopoverNavItem
-      })
-    }), this);
-  }
-}
-
-export { AppHeader as default };
+export { A as default } from '../app-header-B6Q7pbiY.js';
 //# sourceMappingURL=app-header.js.map

package/dist/components/app-header.js.map

@@ -1 +1 @@
-{"version":3,"file":"app-header.js","sources":["../../src/components/app-header.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { hash, uniqueId } from '@ember/helper';\n\nimport { type CommandAction, CommandElement } from 'ember-command';\nimport { keepLatestTask, timeout } from 'ember-concurrency';\nimport { Link } from 'ember-link';\nimport { modifier } from 'ember-modifier';\n\nimport styles from '@hokulea/core/navigation.module.css';\n\nimport { and, not, or } from '../-private/helpers.ts';\nimport popover from '../helpers/popover.ts';\nimport IconButton from './icon-button.gts';\nimport Menu from './menu.gts';\n\nimport type { MenuItemArgs, MenuItemBlocks, MenuItemSignature } from './-menu';\nimport type { TOC } from '@ember/component/template-only';\n\nconst asLink = (value: unknown): Link => {\n  return value as Link;\n};\n\nconst isActive = (commandable: CommandAction) => {\n  return commandable instanceof Link && commandable.isActive;\n};\n\ninterface NavItemSignature extends MenuItemSignature {}\n\nconst NavLink: TOC<{\n  Args: MenuItemArgs;\n  Blocks: MenuItemBlocks;\n}> = <template>\n  {{#if @push}}\n    <CommandElement @command={{@push}} aria-current=\"{{if (isActive @push) 'page'}}\" part=\"item\">\n      <span>{{yield}}</span>\n    </CommandElement>\n  {{else}}\n    <span part=\"item\">{{yield}}</span>\n  {{/if}}\n</template>;\n\nconst NavItem: TOC<NavItemSignature> = <template>\n  {{#if (has-block)}}\n    <NavLink @push={{asLink @push}}>{{yield}}</NavLink>\n  {{else if (and (has-block \"menu\") (has-block \"label\"))}}\n    {{#let (popover position=\"bottom-start\") as |p|}}\n      <button type=\"button\" aria-haspopup=\"menu\" part=\"item\" {{p.trigger}}>\n        <span>{{yield to=\"label\"}}</span>\n      </button>\n\n      <Menu {{p.target}} as |m|>\n        {{yield m to=\"menu\"}}\n      </Menu>\n    {{/let}}\n  {{/if}}\n</template>;\n\nconst PopoverNavItem: TOC<NavItemSignature> = <template>\n  {{#if (has-block)}}\n    <NavLink @push={{asLink @push}}>{{yield}}</NavLink>\n  {{else if (and (has-block \"menu\") (has-block \"label\"))}}\n    <details>\n      <summary part=\"item\">{{yield to=\"label\"}}</summary>\n\n      <div>\n        {{yield (hash Item=PopoverNavItem) to=\"menu\"}}\n      </div>\n    </details>\n  {{/if}}\n</template>;\n\nconst CloseIcon =\n  '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"256\" height=\"256\" viewBox=\"0 0 256 256\"><path fill=\"currentColor\" d=\"M205.66 194.34a8 8 0 0 1-11.32 11.32L128 139.31l-66.34 66.35a8 8 0 0 1-11.32-11.32L116.69 128L50.34 61.66a8 8 0 0 1 11.32-11.32L128 116.69l66.34-66.35a8 8 0 0 1 11.32 11.32L139.31 128Z\"/></svg>';\nconst ListIcon =\n  '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"256\" height=\"256\" viewBox=\"0 0 256 256\"><path fill=\"currentColor\" d=\"M224 128a8 8 0 0 1-8 8H40a8 8 0 0 1 0-16h176a8 8 0 0 1 8 8M40 72h176a8 8 0 0 0 0-16H40a8 8 0 0 0 0 16m176 112H40a8 8 0 0 0 0 16h176a8 8 0 0 0 0-16\"/></svg>';\n\ninterface AppHeaderSignature {\n  Element: HTMLElement;\n  Args: {\n    /**\n     * Position of the navbar\n     *\n     * @default start\n     */\n    position?: 'start' | 'center' | 'end';\n\n    home?: CommandAction;\n  };\n  Blocks: {\n    brand?: [];\n    nav?: [{ Item: typeof NavItem }];\n    aux?: [{ Item: typeof NavItem }];\n  };\n}\n\nexport default class AppHeader extends Component<AppHeaderSignature> {\n  @tracked topNavShown = true;\n  @tracked sensing = false;\n\n  detectOverflow = keepLatestTask(async (element: HTMLElement) => {\n    await timeout(30);\n\n    this.sensing = true;\n\n    // wait till sensing is flushed to the browser and made elements visible\n    await timeout(0);\n\n    const relevantChildren = [...element.children].filter(\n      (elem) => elem.tagName.toLowerCase() === 'nav' || elem.getAttribute('part') === 'aux'\n    );\n\n    if (relevantChildren.length === 0) {\n      this.sensing = false;\n\n      return;\n    }\n\n    let headerWidth = [...element.children]\n      .filter((elem) => elem.getAttribute('part') !== 'menu')\n      .map((e) => Math.floor(e.scrollWidth))\n      .reduce((sum, elemWidth) => sum + elemWidth, 0);\n\n    // + padding\n    headerWidth +=\n      Number.parseInt(getComputedStyle(element).getPropertyValue('padding-inline'), 10) * 2;\n\n    // + gap\n    headerWidth +=\n      Number.parseInt(getComputedStyle(element).getPropertyValue('gap'), 10) *\n      (element.childElementCount - 1);\n\n    this.topNavShown = element.clientWidth >= headerWidth;\n    this.sensing = false;\n  });\n\n  flipflop = modifier((element: HTMLElement) => {\n    const sensor = () => this.detectOverflow.perform(element);\n\n    void sensor();\n    // eslint-disable-next-line @typescript-eslint/no-misused-promises\n    window.addEventListener('resize', sensor);\n\n    return () => {\n      // eslint-disable-next-line @typescript-eslint/no-misused-promises\n      window.removeEventListener('resize', sensor);\n    };\n  });\n\n  closeWhenLink = modifier((element: HTMLElement) => {\n    const checkForClose = (event: Event) => {\n      const hitALink = event\n        .composedPath()\n        .some(\n          (target: EventTarget) =>\n            (target as HTMLElement | null)?.tagName &&\n            ['a', 'button'].includes((target as HTMLElement).tagName.toLowerCase())\n        );\n\n      if (hitALink) {\n        element.hidePopover();\n      }\n    };\n\n    element.addEventListener('click', checkForClose);\n\n    return () => {\n      element.removeEventListener('click', checkForClose);\n    };\n  });\n\n  <template>\n    {{#let (uniqueId) as |brandId|}}\n      <header class={{styles.appHeader}} data-test-app-header ...attributes>\n        <div class={{styles.appHeaderContent}} data-sensing={{this.sensing}} {{this.flipflop}}>\n          {{#if (has-block \"brand\")}}\n            <CommandElement @command={{@home}} part=\"brand\" id={{brandId}}>\n              {{yield to=\"brand\"}}\n            </CommandElement>\n          {{/if}}\n\n          {{#if (or this.topNavShown this.sensing)}}\n            <nav data-position={{if @position @position}} aria-labelledby={{brandId}}>\n              {{yield (hash Item=NavItem) to=\"nav\"}}\n            </nav>\n\n            {{#if (has-block \"aux\")}}\n              <span part=\"aux\">\n                {{yield (hash Item=NavItem) to=\"aux\"}}\n              </span>\n            {{/if}}\n          {{/if}}\n\n          {{#if (not this.topNavShown)}}\n            <span part=\"menu\">\n              {{#let (popover) as |p|}}\n                <IconButton\n                  @importance=\"plain\"\n                  @icon={{if p.opened CloseIcon ListIcon}}\n                  {{p.trigger}}\n                  data-test-toggle\n                  @label=\"toggle\"\n                />\n\n                <div popover {{p.target}} {{this.closeWhenLink}}>\n                  <div data-menu-header>\n                    {{#if (has-block \"brand\")}}\n                      <span part=\"brand\">\n                        {{yield to=\"brand\"}}\n                      </span>\n                    {{/if}}\n                  </div>\n\n                  <div data-menu-content>\n                    {{! template-lint-disable no-duplicate-landmark-elements }}\n                    <nav aria-labelledby={{brandId}}>\n                      {{yield (hash Item=PopoverNavItem) to=\"nav\"}}\n                    </nav>\n                    {{! template-lint-enable no-duplicate-landmark-elements }}\n\n                    {{#if (has-block \"aux\")}}\n                      <span part=\"aux\">\n                        {{yield (hash Item=PopoverNavItem) to=\"aux\"}}\n                      </span>\n                    {{/if}}\n                  </div>\n                </div>\n              {{/let}}\n            </span>\n          {{/if}}\n        </div>\n      </header>\n    {{/let}}\n  </template>\n}\n"],"names":["asLink","value","isActive","commandable","Link","NavLink","setComponentTemplate","precompileTemplate","strictMode","scope","CommandElement","templateOnly","NavItem","and","popover","Menu","PopoverNavItem","hash","CloseIcon","ListIcon","AppHeader","Component","g","prototype","tracked","i","void 0","detectOverflow","_buildTask","context","generator","element","timeout","sensing","relevantChildren","children","filter","elem","tagName","toLowerCase","getAttribute","length","headerWidth","map","e","Math","floor","scrollWidth","reduce","sum","elemWidth","Number","parseInt","getComputedStyle","getPropertyValue","childElementCount","topNavShown","clientWidth","flipflop","modifier","sensor","perform","window","addEventListener","removeEventListener","closeWhenLink","checkForClose","event","hitALink","composedPath","some","target","includes","hidePopover","uniqueId","styles","or","not","IconButton"],"mappings":"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"}
+{"version":3,"file":"app-header.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/box.js

@@ -1,20 +1,2 @@
-import Component from '@glimmer/component';
-import { element } from 'ember-element-helper';
-import styles from '@hokulea/core/layouts.module.css';
-import { precompileTemplate } from '@ember/template-compilation';
-import { setComponentTemplate } from '@ember/component';
-
-class Box extends Component {
-  static {
-    setComponentTemplate(precompileTemplate("\n    {{#let (if @element @element (element \"div\")) as |Element|}}\n      <Element class={{styles.container}} ...attributes>\n        {{yield}}\n      </Element>\n    {{/let}}\n  ", {
-      strictMode: true,
-      scope: () => ({
-        element,
-        styles
-      })
-    }), this);
-  }
-}
-
-export { Box as default };
+export { B as default } from '../box-DU6m9gDw.js';
 //# sourceMappingURL=box.js.map

package/dist/components/box.js.map

@@ -1 +1 @@
-{"version":3,"file":"box.js","sources":["../../src/components/box.gts"],"sourcesContent":["import Component from '@glimmer/component';\n\nimport { element } from 'ember-element-helper';\n\nimport styles from '@hokulea/core/layouts.module.css';\n\nimport type { ComponentLike } from '@glint/template';\n\nexport interface BoxSignature<E extends Element = HTMLDivElement> {\n  Element: E;\n  Args: {\n    element?: ComponentLike<{ Element: HTMLElement }>;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nexport default class Box<E extends Element = HTMLDivElement> extends Component<BoxSignature<E>> {\n  <template>\n    {{#let (if @element @element (element \"div\")) as |Element|}}\n      <Element class={{styles.container}} ...attributes>\n        {{yield}}\n      </Element>\n    {{/let}}\n  </template>\n}\n"],"names":["Box","Component","setComponentTemplate","precompileTemplate","strictMode","scope","element","styles"],"mappings":";;;;;;AAkBe,MAAMA,GAAA,SAAgDC,UAAuB;AAC1F,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,uLAAA,EAMA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"box.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/button.js

@@ -1,24 +1,2 @@
-import { CommandElement } from 'ember-command';
-import { element } from 'ember-element-helper';
-import styles from '@hokulea/core/actions.module.css';
-import { n as not } from '../helpers-DS9du02l.js';
-import { d as disabled } from '../disabled-B_FQ0Z51.js';
-import { i as isLink } from '../-button-KUaJCQaB.js';
-import { precompileTemplate } from '@ember/template-compilation';
-import { setComponentTemplate } from '@ember/component';
-import templateOnly from '@ember/component/template-only';
-
-const Button = setComponentTemplate(precompileTemplate("\n  <CommandElement @element={{element \"button\"}} @command={{@push}} class=\"{{styles.button}}\" type={{if (not (isLink @push)) \"button\"}} 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  </CommandElement>\n", {
-  strictMode: true,
-  scope: () => ({
-    CommandElement,
-    element,
-    styles,
-    not,
-    isLink,
-    disabled
-  })
-}), templateOnly());
-
-export { Button as default };
+export { B as default } from '../button-XdQyGTGA.js';
 //# sourceMappingURL=button.js.map

package/dist/components/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sources":["../../src/components/button.gts"],"sourcesContent":["import { CommandElement } from 'ember-command';\nimport { element } from 'ember-element-helper';\n\nimport styles from '@hokulea/core/actions.module.css';\n\nimport { not } from '../-private/helpers.ts';\nimport disabled from '../-private/modifiers/disabled.ts';\nimport { isLink } from './-button.ts';\n\nimport type { TOC } from '@ember/component/template-only';\nimport type { Importance, Importances, Intent, Intents, Spacing, Spacings } from '@hokulea/tokens';\nimport type { CommandAction } from 'ember-command';\n\nexport interface ButtonSignature {\n  Element: HTMLButtonElement | HTMLAnchorElement | HTMLSpanElement;\n  Args: {\n    push?: CommandAction;\n    intent?: Intent | Intents;\n    importance?: Importance | Importances;\n    spacing?: Spacing | Spacings;\n    disabled?: boolean;\n  };\n  Blocks: {\n    /** The label for the button */\n    default: [];\n\n    /** The label for the button */\n    label: [];\n\n    /** A slot in front of the label */\n    before: [];\n\n    /** A slot after the label */\n    after: [];\n  };\n}\n\nconst Button: TOC<ButtonSignature> = <template>\n  <CommandElement\n    @element={{element \"button\"}}\n    @command={{@push}}\n    class=\"{{styles.button}}\"\n    type={{if (not (isLink @push)) \"button\"}}\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  </CommandElement>\n</template>;\n\nexport default Button;\n"],"names":["Button","setComponentTemplate","precompileTemplate","strictMode","scope","CommandElement","element","styles","not","isLink","disabled","templateOnly"],"mappings":";;;;;;;;;;AAqCA,MAAMA,MAAY,GAAAC,oBAAA,CAAmBC,kBAAA,CAAA,y1BAAA,EAmCrC;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,cAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,GAAA;IAAAC,MAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"button.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/card.js

@@ -1,16 +1,2 @@
-import styles from '@hokulea/core/content.module.css';
-import { o as or } from '../helpers-DS9du02l.js';
-import { precompileTemplate } from '@ember/template-compilation';
-import { setComponentTemplate } from '@ember/component';
-import templateOnly from '@ember/component/template-only';
-
-const Card = setComponentTemplate(precompileTemplate("\n  <div class={{styles.card}} ...attributes>\n    {{#if (has-block \"header\")}}\n      <div class={{styles.header}} part=\"header\">\n        {{yield to=\"header\"}}\n      </div>\n    {{/if}}\n\n    {{#if (or (has-block \"body\") (has-block))}}\n      <div class={{styles.body}} part=\"body\">\n        {{#if (has-block \"body\")}}\n          {{yield to=\"body\"}}\n        {{else if (has-block)}}\n          {{yield}}\n        {{/if}}\n      </div>\n    {{/if}}\n\n    {{#if (has-block \"footer\")}}\n      <div class={{styles.footer}} part=\"footer\">\n        {{yield to=\"footer\"}}\n      </div>\n    {{/if}}\n  </div>\n", {
-  strictMode: true,
-  scope: () => ({
-    styles,
-    or
-  })
-}), templateOnly());
-
-export { Card as default };
+export { C as default } from '../card-Bdv-UvKX.js';
 //# sourceMappingURL=card.js.map

package/dist/components/card.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.js","sources":["../../src/components/card.gts"],"sourcesContent":["import styles from '@hokulea/core/content.module.css';\n\nimport { or } from '../-private/helpers.ts';\n\nimport type { TOC } from '@ember/component/template-only';\n\nexport interface CardSignature {\n  Element: HTMLDivElement;\n  Blocks: {\n    header?: [];\n    footer?: [];\n    body?: [];\n    default?: [];\n  };\n}\n\nconst Card: TOC<CardSignature> = <template>\n  <div class={{styles.card}} ...attributes>\n    {{#if (has-block \"header\")}}\n      <div class={{styles.header}} part=\"header\">\n        {{yield to=\"header\"}}\n      </div>\n    {{/if}}\n\n    {{#if (or (has-block \"body\") (has-block))}}\n      <div class={{styles.body}} part=\"body\">\n        {{#if (has-block \"body\")}}\n          {{yield to=\"body\"}}\n        {{else if (has-block)}}\n          {{yield}}\n        {{/if}}\n      </div>\n    {{/if}}\n\n    {{#if (has-block \"footer\")}}\n      <div class={{styles.footer}} part=\"footer\">\n        {{yield to=\"footer\"}}\n      </div>\n    {{/if}}\n  </div>\n</template>;\n\nexport default Card;\n"],"names":["Card","setComponentTemplate","precompileTemplate","strictMode","scope","styles","or","templateOnly"],"mappings":";;;;;;AAgBA,MAAMA,IAAU,GAAAC,oBAAA,CAAiBC,kBAAA,CAAA,snBAAA,EAwBjC;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,MAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"card.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/checkbox.js

@@ -1,18 +1,2 @@
-import { on } from '@ember/modifier';
-import styles from '@hokulea/core/controls.module.css';
-import { p as pick } from '../helpers-DS9du02l.js';
-import { precompileTemplate } from '@ember/template-compilation';
-import { setComponentTemplate } from '@ember/component';
-import templateOnly from '@ember/component/template-only';
-
-const Checkbox = setComponentTemplate(precompileTemplate("\n  <input class={{styles.choice}} type=\"checkbox\" checked={{@value}} disabled={{@disabled}} data-test-choice {{on \"input\" (pick \"target.checked\" @update) capture=true}} ...attributes />\n", {
-  strictMode: true,
-  scope: () => ({
-    styles,
-    on,
-    pick
-  })
-}), templateOnly());
-
-export { Checkbox as default };
+export { C as default } from '../checkbox-D4vALmT2.js';
 //# sourceMappingURL=checkbox.js.map

package/dist/components/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","sources":["../../src/components/checkbox.gts"],"sourcesContent":["import { on } from '@ember/modifier';\n\nimport styles from '@hokulea/core/controls.module.css';\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 CheckboxSignature {\n  Element: HTMLInputElement;\n  Args: InputArgs<boolean>;\n}\n\nconst Checkbox: TOC<CheckboxSignature> = <template>\n  <input\n    class={{styles.choice}}\n    type=\"checkbox\"\n    checked={{@value}}\n    disabled={{@disabled}}\n    data-test-choice\n    {{on \"input\" (pick \"target.checked\" @update) capture=true}}\n    ...attributes\n  />\n</template>;\n\nexport default Checkbox;\n"],"names":["Checkbox","setComponentTemplate","precompileTemplate","strictMode","scope","styles","on","pick","templateOnly"],"mappings":";;;;;;;AAcA,MAAMA,QAAc,GAAAC,oBAAA,CAAqBC,kBAAA,CAAA,oMAAA,EAUzC;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,MAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"checkbox.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/currency-input.js

@@ -1,22 +1,2 @@
-import { on } from '@ember/modifier';
-import styles from '@hokulea/core/controls.module.css';
-import { p as pick } from '../helpers-DS9du02l.js';
-import { p as pickAsNumber } from '../-input-DGR-n9U_.js';
-import TextInput from './input-builder.js';
-import { precompileTemplate } from '@ember/template-compilation';
-import { setComponentTemplate } from '@ember/component';
-import templateOnly from '@ember/component/template-only';
-
-const CurrencyInput = setComponentTemplate(precompileTemplate("\n  <InputBuilder @disabled={{@disabled}} as |b|>\n    <input class=\"{{styles.input}} {{styles.currency}}\" type=\"text\" inputmode=\"decimal\" value={{@value}} disabled={{@disabled}} data-test-input {{on \"input\" (pick \"target.value\" (pickAsNumber @update)) capture=true}} ...attributes />\n    <b.Affix>\u20AC</b.Affix>\n  </InputBuilder>\n", {
-  strictMode: true,
-  scope: () => ({
-    InputBuilder: TextInput,
-    styles,
-    on,
-    pick,
-    pickAsNumber
-  })
-}), templateOnly());
-
-export { CurrencyInput as default };
+export { C as default } from '../currency-input-8ef0Igfb.js';
 //# sourceMappingURL=currency-input.js.map

package/dist/components/currency-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"currency-input.js","sources":["../../src/components/currency-input.gts"],"sourcesContent":["import { on } from '@ember/modifier';\n\nimport styles from '@hokulea/core/controls.module.css';\n\nimport { pick } from '../-private/helpers.ts';\nimport { pickAsNumber } from './-input.ts';\nimport InputBuilder from './input-builder.gts';\n\nimport type { InputArgs } from './-input.ts';\nimport type { TOC } from '@ember/component/template-only';\n\nexport interface CurrencyInputSignature {\n  Element: HTMLInputElement;\n  Args: InputArgs<number>;\n}\n\nconst CurrencyInput: TOC<CurrencyInputSignature> = <template>\n  <InputBuilder @disabled={{@disabled}} as |b|>\n    <input\n      class=\"{{styles.input}} {{styles.currency}}\"\n      type=\"text\"\n      inputmode=\"decimal\"\n      value={{@value}}\n      disabled={{@disabled}}\n      data-test-input\n      {{on \"input\" (pick \"target.value\" (pickAsNumber @update)) capture=true}}\n      ...attributes\n    />\n    <b.Affix>€</b.Affix>\n  </InputBuilder>\n</template>;\n\nexport default CurrencyInput;\n"],"names":["CurrencyInput","setComponentTemplate","precompileTemplate","strictMode","scope","InputBuilder","styles","on","pick","pickAsNumber","templateOnly"],"mappings":";;;;;;;;;AAgBA,MAAMA,aAAmB,GAAAC,oBAAA,CAA0BC,kBAAA,CAAA,4VAAA,EAcnD;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;kBAAAC,SAAA;IAAAC,MAAA;IAAAC,EAAA;IAAAC,IAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"currency-input.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/date-input.js

@@ -1,18 +1,2 @@
-import { on } from '@ember/modifier';
-import styles from '@hokulea/core/controls.module.css';
-import { p as pick } from '../helpers-DS9du02l.js';
-import { precompileTemplate } from '@ember/template-compilation';
-import { setComponentTemplate } from '@ember/component';
-import templateOnly from '@ember/component/template-only';
-
-const DateInput = setComponentTemplate(precompileTemplate("\n  <input class={{styles.input}} type=\"date\" value={{@value}} disabled={{@disabled}} data-test-input {{on \"input\" (pick \"target.value\" @update) capture=true}} ...attributes />\n", {
-  strictMode: true,
-  scope: () => ({
-    styles,
-    on,
-    pick
-  })
-}), templateOnly());
-
-export { DateInput as default };
+export { D as default } from '../date-input-BayaBuSb.js';
 //# sourceMappingURL=date-input.js.map

package/dist/components/date-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-input.js","sources":["../../src/components/date-input.gts"],"sourcesContent":["import { on } from '@ember/modifier';\n\nimport styles from '@hokulea/core/controls.module.css';\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 DateInputSignature {\n  Element: HTMLInputElement;\n  Args: InputArgs<string>;\n}\n\nconst DateInput: TOC<DateInputSignature> = <template>\n  <input\n    class={{styles.input}}\n    type=\"date\"\n    value={{@value}}\n    disabled={{@disabled}}\n    data-test-input\n    {{on \"input\" (pick \"target.value\" @update) capture=true}}\n    ...attributes\n  />\n</template>;\n\nexport default DateInput;\n"],"names":["DateInput","setComponentTemplate","precompileTemplate","strictMode","scope","styles","on","pick","templateOnly"],"mappings":";;;;;;;AAcA,MAAMA,SAAe,GAAAC,oBAAA,CAAsBC,kBAAA,CAAA,0LAAA,EAU3C;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,MAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"date-input.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/email-input.js

@@ -1,18 +1,2 @@
-import { on } from '@ember/modifier';
-import styles from '@hokulea/core/controls.module.css';
-import { p as pick } from '../helpers-DS9du02l.js';
-import { precompileTemplate } from '@ember/template-compilation';
-import { setComponentTemplate } from '@ember/component';
-import templateOnly from '@ember/component/template-only';
-
-const EmailInput = setComponentTemplate(precompileTemplate("\n  <input class={{styles.input}} type=\"email\" value={{@value}} disabled={{@disabled}} data-test-input {{on \"input\" (pick \"target.value\" @update) capture=true}} ...attributes />\n", {
-  strictMode: true,
-  scope: () => ({
-    styles,
-    on,
-    pick
-  })
-}), templateOnly());
-
-export { EmailInput as default };
+export { E as default } from '../email-input-j-Z0KO4A.js';
 //# sourceMappingURL=email-input.js.map

package/dist/components/email-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"email-input.js","sources":["../../src/components/email-input.gts"],"sourcesContent":["import { on } from '@ember/modifier';\n\nimport styles from '@hokulea/core/controls.module.css';\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 EmailInputSignature {\n  Element: HTMLInputElement;\n  Args: InputArgs<string>;\n}\n\nconst EmailInput: TOC<EmailInputSignature> = <template>\n  <input\n    class={{styles.input}}\n    type=\"email\"\n    value={{@value}}\n    disabled={{@disabled}}\n    data-test-input\n    {{on \"input\" (pick \"target.value\" @update) capture=true}}\n    ...attributes\n  />\n</template>;\n\nexport default EmailInput;\n"],"names":["EmailInput","setComponentTemplate","precompileTemplate","strictMode","scope","styles","on","pick","templateOnly"],"mappings":";;;;;;;AAcA,MAAMA,UAAgB,GAAAC,oBAAA,CAAuBC,kBAAA,CAAA,2LAAA,EAU7C;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,MAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"email-input.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/focus-page.js

@@ -0,0 +1,2 @@
+export { F as default } from '../focus-page-B9myJVvL.js';
+//# sourceMappingURL=focus-page.js.map

package/dist/components/focus-page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"focus-page.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/form.js

@@ -1,2 +1,2 @@
-export { F as default } from '../form-DBuzL4_0.js';
+export { F as default } from '../form-DWyQ6QHX.js';
 //# sourceMappingURL=form.js.map

package/dist/components/icon-button.js

@@ -1,37 +1,2 @@
-import Component from '@glimmer/component';
-import { assert } from '@ember/debug';
-import CommandElement from 'ember-command/components/command-element';
-import { element } from 'ember-element-helper';
-import styles from '@hokulea/core/actions.module.css';
-import { n as not } from '../helpers-DS9du02l.js';
-import { d as disabled } from '../disabled-B_FQ0Z51.js';
-import { i as isLink } from '../-button-KUaJCQaB.js';
-import Icon from './icon.js';
-import { precompileTemplate } from '@ember/template-compilation';
-import { setComponentTemplate } from '@ember/component';
-
-class IconButton extends Component {
-  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("\n    <CommandElement @element={{element \"button\"}} @command={{@push}} class=\"{{styles.iconButton}}\" type={{if (not (isLink @push)) \"button\"}} 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      <Icon @icon={{@icon}} data-test-icon-button=\"icon\" />\n    </CommandElement>\n  ", {
-      strictMode: true,
-      scope: () => ({
-        CommandElement,
-        element,
-        styles,
-        not,
-        isLink,
-        disabled,
-        Icon
-      })
-    }), this);
-  }
-}
-
-export { IconButton as default };
+export { I as default } from '../icon-button-7K-W_8jc.js';
 //# sourceMappingURL=icon-button.js.map

package/dist/components/icon-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-button.js","sources":["../../src/components/icon-button.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\n\nimport CommandElement from 'ember-command/components/command-element';\nimport { element } from 'ember-element-helper';\n\nimport styles from '@hokulea/core/actions.module.css';\n\nimport { not } from '../-private/helpers.ts';\nimport disabled from '../-private/modifiers/disabled.ts';\nimport { isLink } from './-button.ts';\nimport Icon from './icon.gts';\n\nimport type { Importance, Importances, Intent, Intents, Spacing, Spacings } from '@hokulea/tokens';\nimport type { CommandAction } from 'ember-command';\n\nexport interface IconButtonSignature {\n  Element: HTMLButtonElement | HTMLAnchorElement | HTMLSpanElement;\n  Args: {\n    push?: CommandAction;\n    intent?: Intent | Intents;\n    importance?: Importance | Importances;\n    spacing?: Spacing | Spacings;\n    disabled?: boolean;\n    label: string;\n    /**\n     * A string containing a `<svg>` element.\n     * Make sure to use `currentColor` to comply with the styling\n     */\n    icon: string;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nexport default class IconButton extends Component<IconButtonSignature> {\n  get label() {\n    assert(\n      'Please provide a `@label` to `<IconButton>` for accessibility reasons.',\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    <CommandElement\n      @element={{element \"button\"}}\n      @command={{@push}}\n      class=\"{{styles.iconButton}}\"\n      type={{if (not (isLink @push)) \"button\"}}\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      <Icon @icon={{@icon}} data-test-icon-button=\"icon\" />\n    </CommandElement>\n  </template>\n}\n"],"names":["IconButton","Component","label","assert","args","undefined","setComponentTemplate","precompileTemplate","strictMode","scope","CommandElement","element","styles","not","isLink","disabled","Icon"],"mappings":";;;;;;;;;;;;AAoCe,MAAMA,mBAAmBC,SAAA,CAAU;EAChD,IAAIC,KAAAA,GAAQ;AACVC,IAAAA,MAAA,CACE;AACA;AACA,IAAA,IAAI,CAACC,IAAI,CAACF,KAAK,KAAKG,SAAA,CAAA;AAGtB,IAAA,OAAO,IAAI,CAACD,IAAI,CAACF,KAAK;AACxB,EAAA;AAEA,EAAA;IAAAI,oBAAA,CAAAC,kBAAA,CAAA,meAAA,EAgBA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,cAAA;QAAAC,OAAA;QAAAC,MAAA;QAAAC,GAAA;QAAAC,MAAA;QAAAC,QAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"icon-button.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/icon.js

@@ -1,16 +1,2 @@
-import { htmlSafe } from '@ember/template';
-import styles from '@hokulea/core/icons.module.css';
-import { precompileTemplate } from '@ember/template-compilation';
-import { setComponentTemplate } from '@ember/component';
-import templateOnly from '@ember/component/template-only';
-
-const Icon = setComponentTemplate(precompileTemplate("\n  <span class={{styles.icon}} data-test-icon ...attributes>\n    {{htmlSafe @icon}}\n  </span>\n", {
-  strictMode: true,
-  scope: () => ({
-    styles,
-    htmlSafe
-  })
-}), templateOnly());
-
-export { Icon as default };
+export { I as default } from '../icon-bLZqjTMP.js';
 //# sourceMappingURL=icon.js.map

package/dist/components/icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon.js","sources":["../../src/components/icon.gts"],"sourcesContent":["import { htmlSafe } from '@ember/template';\n\nimport styles from '@hokulea/core/icons.module.css';\n\nimport type { TOC } from '@ember/component/template-only';\n\nexport interface IconSignature {\n  Element: HTMLSpanElement;\n  Args: {\n    /**\n     * A string containing a `<svg>` element.\n     * Make sure to use `currentColor` to comply with the styling\n     */\n    icon: string;\n  };\n}\n\nconst Icon: TOC<IconSignature> = <template>\n  <span class={{styles.icon}} data-test-icon ...attributes>\n    {{htmlSafe @icon}}\n  </span>\n</template>;\n\nexport default Icon;\n"],"names":["Icon","setComponentTemplate","precompileTemplate","strictMode","scope","styles","htmlSafe","templateOnly"],"mappings":";;;;;;AAiBA,MAAMA,IAAU,GAAAC,oBAAA,CAAiBC,kBAAA,CAAA,oGAAA,EAIjC;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,MAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"icon.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/input-builder.js

@@ -1,20 +1,2 @@
-import { hash } from '@ember/helper';
-import styles from '@hokulea/core/controls.module.css';
-import { precompileTemplate } from '@ember/template-compilation';
-import { setComponentTemplate } from '@ember/component';
-import templateOnly from '@ember/component/template-only';
-
-const Affix = setComponentTemplate(precompileTemplate("\n  <span class={{@class}} data-test-input-builder={{@identity}}>{{yield}}</span>\n", {
-  strictMode: true
-}), templateOnly());
-const TextInput = setComponentTemplate(precompileTemplate("\n  {{!-- template-lint-disable no-unsupported-role-attributes --}}\n  <span class={{styles.inputBuilder}} aria-disabled={{if @disabled \"true\"}} data-input-builder data-test-input-builder>\n    {{yield (hash Prefix=(component Affix class=styles.prefix identity=\"prefix\") Affix=(component Affix class=styles.affix identity=\"affix\") Suffix=(component Affix class=styles.suffix identity=\"suffix\"))}}\n  </span>\n", {
-  strictMode: true,
-  scope: () => ({
-    styles,
-    hash,
-    Affix
-  })
-}), templateOnly());
-
-export { TextInput as default };
+export { I as default } from '../input-builder-DmcQbywA.js';
 //# sourceMappingURL=input-builder.js.map

package/dist/components/input-builder.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-builder.js","sources":["../../src/components/input-builder.gts"],"sourcesContent":["import { hash } from '@ember/helper';\n\nimport styles from '@hokulea/core/controls.module.css';\n\nimport type { TOC } from '@ember/component/template-only';\nimport type { WithBoundArgs } from '@glint/template';\n\ninterface AffixSignature {\n  Args: {\n    class: string;\n    identity: 'prefix' | 'affix' | 'suffix';\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst Affix: TOC<AffixSignature> = <template>\n  <span class={{@class}} data-test-input-builder={{@identity}}>{{yield}}</span>\n</template>;\n\nexport interface InputBuilderSignature {\n  Args: {\n    disabled?: boolean;\n  };\n  Blocks: {\n    default: [\n      {\n        Affix: WithBoundArgs<typeof Affix, 'class' | 'identity'>;\n        Prefix: WithBoundArgs<typeof Affix, 'class' | 'identity'>;\n        Suffix: WithBoundArgs<typeof Affix, 'class' | 'identity'>;\n      }\n    ];\n  };\n}\n\nconst TextInput: TOC<InputBuilderSignature> = <template>\n  {{! template-lint-disable no-unsupported-role-attributes }}\n  <span\n    class={{styles.inputBuilder}}\n    aria-disabled={{if @disabled \"true\"}}\n    data-input-builder\n    data-test-input-builder\n  >\n    {{yield\n      (hash\n        Prefix=(component Affix class=styles.prefix identity=\"prefix\")\n        Affix=(component Affix class=styles.affix identity=\"affix\")\n        Suffix=(component Affix class=styles.suffix identity=\"suffix\")\n      )\n    }}\n  </span>\n</template>;\n\nexport default TextInput;\n"],"names":["Affix","setComponentTemplate","precompileTemplate","strictMode","templateOnly","TextInput","scope","styles","hash"],"mappings":";;;;;;AAiBA,MAAMA,KAAW,GAAAC,oBAAA,CAAkBC,kBAAA,CAAA,qFAAA,EAEnC;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA,CAAA;AAiBV,MAAMC,SAAe,GAAAJ,oBAAA,CAAyBC,kBAAA,CAAA,maAAA,EAgB9C;EAAAC,UAAA,EAAA,IAAA;AAAAG,EAAAA,KAAA,EAAAA,OAAA;IAAAC,MAAA;IAAAC,IAAA;AAAAR,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAI,YAAA,EAAA;;;;"}
+{"version":3,"file":"input-builder.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/list.js

@@ -1,66 +1,2 @@
-import Component from '@glimmer/component';
-import { tracked } from '@glimmer/tracking';
-import { registerDestructor } from '@ember/destroyable';
-import { hash } from '@ember/helper';
-import { next } from '@ember/runloop';
-import { ariaListbox } from 'ember-aria-voyager';
-import { TrackedArray } from 'tracked-built-ins';
-import styles from '@hokulea/core/controls.module.css';
-import { precompileTemplate } from '@ember/template-compilation';
-import { setComponentTemplate } from '@ember/component';
-import { g, i } from 'decorator-transforms/runtime-esm';
-
-class Option extends Component {
-  constructor(owner, args) {
-    super(owner, args);
-    args.registerItem(args.value);
-    registerDestructor(this, () => {
-      args.unregisterItem(args.value);
-    });
-  }
-  static {
-    setComponentTemplate(precompileTemplate("\n    <span role=\"option\" aria-selected={{if (@isSelected @value) \"true\"}}>\n      {{yield}}\n    </span>\n  ", {
-      strictMode: true
-    }), this);
-  }
-}
-class List extends Component {
-  Option = Option;
-  static {
-    g(this.prototype, "items", [tracked], function () {
-      return new TrackedArray();
-    });
-  }
-  #items = (i(this, "items"), void 0);
-  registerItem = item => {
-    // eslint-disable-next-line ember/no-runloop
-    next(() => {
-      this.items.push(item);
-    });
-  };
-  unregisterItem = item => {
-    // eslint-disable-next-line ember/no-runloop
-    next(() => {
-      this.items.splice(this.items.indexOf(item), 1);
-    });
-  };
-  isSelected = option => {
-    if (Array.isArray(this.args.value)) {
-      return this.args.value.includes(option);
-    }
-    return this.args.value === option;
-  };
-  static {
-    setComponentTemplate(precompileTemplate("\n    <div class={{styles.list}} data-test-list ...attributes {{ariaListbox items=this.items selection=@value multi=@multiple disabled=@disabled select=@update activateItem=@activateItem}}>\n      {{yield (hash Option=(component this.Option isSelected=this.isSelected registerItem=this.registerItem unregisterItem=this.unregisterItem))}}\n    </div>\n  ", {
-      strictMode: true,
-      scope: () => ({
-        styles,
-        ariaListbox,
-        hash
-      })
-    }), this);
-  }
-}
-
-export { List as default };
+export { L as default } from '../list-CsLvih6-.js';
 //# sourceMappingURL=list.js.map

package/dist/components/list.js.map

@@ -1 +1 @@
-{"version":3,"file":"list.js","sources":["../../src/components/list.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { registerDestructor } from '@ember/destroyable';\nimport { hash } from '@ember/helper';\nimport { next } from '@ember/runloop';\n\nimport { ariaListbox } from 'ember-aria-voyager';\nimport { TrackedArray } from 'tracked-built-ins';\n\nimport styles from '@hokulea/core/controls.module.css';\n\nimport type Owner from '@ember/owner';\nimport type { WithBoundArgs } from '@glint/template';\n\nexport interface OptionSignature<V> {\n  Element: HTMLOptionElement;\n  Args: {\n    value: V;\n    isSelected: (option: V) => boolean;\n    registerItem: (item: V) => void;\n    unregisterItem: (item: V) => void;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nclass Option<V> extends Component<OptionSignature<V>> {\n  constructor(owner: Owner, args: OptionSignature<V>['Args']) {\n    super(owner, args);\n\n    args.registerItem(args.value);\n\n    registerDestructor(this, () => {\n      args.unregisterItem(args.value);\n    });\n  }\n\n  <template>\n    <span role=\"option\" aria-selected={{if (@isSelected @value) \"true\"}}>\n      {{yield}}\n    </span>\n  </template>\n}\n\nexport interface ListSignature<V> {\n  Element: HTMLDivElement;\n  Args: {\n    multiple?: boolean;\n    disabled?: boolean;\n    value?: V | V[];\n    update?: (value: V | V[]) => void;\n    activateItem?: (value: V) => void;\n  };\n  Blocks: {\n    default: [\n      {\n        Option: WithBoundArgs<typeof Option<V>, 'isSelected' | 'registerItem' | 'unregisterItem'>;\n      }\n    ];\n  };\n}\n\nexport default class List<V> extends Component<ListSignature<V>> {\n  Option = Option<V>;\n\n  @tracked items: V[] = new TrackedArray();\n\n  registerItem = (item: V) => {\n    // eslint-disable-next-line ember/no-runloop\n    next(() => {\n      this.items.push(item);\n    });\n  };\n\n  unregisterItem = (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  isSelected = (option: V) => {\n    if (Array.isArray(this.args.value)) {\n      return this.args.value.includes(option);\n    }\n\n    return this.args.value === option;\n  };\n\n  <template>\n    <div\n      class={{styles.list}}\n      data-test-list\n      ...attributes\n      {{ariaListbox\n        items=this.items\n        selection=@value\n        multi=@multiple\n        disabled=@disabled\n        select=@update\n        activateItem=@activateItem\n      }}\n    >\n      {{yield\n        (hash\n          Option=(component\n            this.Option\n            isSelected=this.isSelected\n            registerItem=this.registerItem\n            unregisterItem=this.unregisterItem\n          )\n        )\n      }}\n    </div>\n  </template>\n}\n"],"names":["Option","Component","constructor","owner","args","registerItem","value","registerDestructor","unregisterItem","setComponentTemplate","precompileTemplate","strictMode","List","g","prototype","tracked","TrackedArray","i","void 0","item","next","items","push","splice","indexOf","isSelected","option","Array","isArray","includes","scope","styles","ariaListbox","hash"],"mappings":";;;;;;;;;;;;AA2BA,MAAMA,MAAA,SAAkBC,SAAA,CAA0B;AAChDC,EAAAA,WAAAA,CAAYC,KAAY,EAAEC,IAAgC,EAAE;AAC1D,IAAA,KAAK,CAACD,KAAA,EAAOC,IAAA,CAAA;AAEbA,IAAAA,IAAA,CAAKC,YAAY,CAACD,IAAA,CAAKE,KAAK,CAAA;IAE5BC,kBAAA,CAAmB,IAAI,EAAE,MAAA;AACvBH,MAAAA,IAAA,CAAKI,cAAc,CAACJ,IAAA,CAAKE,KAAK,CAAA;AAChC,IAAA,CAAA,CAAA;AACF,EAAA;AAEA,EAAA;IAAAG,oBAAA,CAAAC,kBAAA,CAAA,mHAAA,EAIA;MAAAC,UAAA,EAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;AAoBe,MAAMC,IAAA,SAAgBX,SAAA,CAAwB;AAC3DD,EAAAA,MAAA,GAASA;AAAU,EAAA;IAAAa,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,OAAA,EAAA,CAElBC,OAAA,CAAA,EAAA,YAAA;MAAA,OAAqB,IAAIC,YAAA,EAAA;AAAA,IAAA,CAAA,CAAA;AAAA;AAAA,EAAA,MAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,OAAA,CAAA,EAAAC,MAAA;EAE1Bb,YAAA,GAAgBc,IAAM,IAAA;AACpB;AACAC,IAAAA,IAAA,CAAK,MAAA;AACH,MAAA,IAAI,CAACC,KAAK,CAACC,IAAI,CAACH,IAAA,CAAA;AAClB,IAAA,CAAA,CAAA;EACF,CAAA;EAEAX,cAAA,GAAkBW,IAAM,IAAA;AACtB;AACAC,IAAAA,IAAA,CAAK,MAAA;AACH,MAAA,IAAI,CAACC,KAAK,CAACE,MAAM,CAAC,IAAI,CAACF,KAAK,CAACG,OAAO,CAACL,IAAA,CAAA,EAAO,CAAA,CAAA;AAC9C,IAAA,CAAA,CAAA;EACF,CAAA;EAEAM,UAAA,GAAcC,MAAQ,IAAA;IACpB,IAAIC,KAAA,CAAMC,OAAO,CAAC,IAAI,CAACxB,IAAI,CAACE,KAAK,CAAA,EAAG;MAClC,OAAO,IAAI,CAACF,IAAI,CAACE,KAAK,CAACuB,QAAQ,CAACH,MAAA,CAAA;AAClC,IAAA;AAEA,IAAA,OAAO,IAAI,CAACtB,IAAI,CAACE,KAAK,KAAKoB,MAAA;EAC7B,CAAA;AAEA,EAAA;IAAAjB,oBAAA,CAAAC,kBAAA,CAAA,mWAAA,EAyBA;MAAAC,UAAA,EAAA,IAAA;AAAAmB,MAAAA,KAAA,EAAAA,OAAA;QAAAC,MAAA;QAAAC,WAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"list.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}