@hokulea/ember 0.8.0 → 0.10.0

package/dist/helpers/popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover.js","sources":["../../src/helpers/popover.ts"],"sourcesContent":["import { tracked } from '@glimmer/tracking';\nimport { helper } from '@ember/component/helper';\nimport { uniqueId } from '@ember/helper';\n\nimport { computePosition, flip, type Placement } from '@floating-ui/dom';\nimport { modifier } from 'ember-modifier';\n\ninterface PopoverArgs {\n  position?: Placement;\n  opened?: () => void;\n  closed?: () => void;\n}\n\nclass State {\n  @tracked id = uniqueId();\n  @tracked opened = false;\n}\n\nconst popover = helper((_, { position, opened, closed }: PopoverArgs) => {\n  const state = new State();\n  let triggerElement: HTMLElement | undefined;\n  let targetElement: HTMLElement | undefined;\n\n  return {\n    trigger: modifier((element: HTMLElement) => {\n      element.setAttribute('popovertarget', state.id);\n      triggerElement = element;\n    }),\n    target: modifier((element: HTMLElement, __, { manual }: { manual?: boolean }) => {\n      element.setAttribute('popover', manual ? 'manual' : '');\n      targetElement = element;\n\n      if (element.id) {\n        state.id = element.id;\n      } else {\n        element.id = state.id;\n      }\n\n      const toggleHandler = (event: ToggleEvent) => {\n        state.opened = event.newState === 'open';\n\n        if (event.newState === 'open') {\n          if (position && triggerElement) {\n            // eslint-disable-next-line @typescript-eslint/no-floating-promises\n            computePosition(triggerElement, element, {\n              placement: position,\n              middleware: [flip()]\n            }).then(({ x, y }): void => {\n              Object.assign(element.style, {\n                left: `${String(x)}px`,\n                top: `${String(y)}px`\n              });\n            });\n          }\n\n          opened?.();\n        } else if (event.newState === 'closed') {\n          closed?.();\n        }\n      };\n\n      element.addEventListener('toggle', toggleHandler);\n\n      return () => {\n        element.removeEventListener('toggle', toggleHandler);\n      };\n    }),\n    get opened() {\n      return state.opened;\n    },\n    open: () => {\n      targetElement?.showPopover();\n    },\n    close: () => {\n      targetElement?.hidePopover();\n    }\n  };\n});\n\nexport default popover;\n"],"names":["State","g","prototype","tracked","uniqueId","i","void 0","popover","helper","_","position","opened","closed","state","triggerElement","targetElement","trigger","modifier","element","setAttribute","id","target","__","manual","toggleHandler","event","newState","computePosition","placement","middleware","flip","then","x","y","Object","assign","style","left","String","top","addEventListener","removeEventListener","open","showPopover","close","hidePopover"],"mappings":"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"}
+{"version":3,"file":"popover.js","sources":["../../src/helpers/popover.ts"],"sourcesContent":["import { tracked } from '@glimmer/tracking';\nimport { helper } from '@ember/component/helper';\nimport { uniqueId } from '@ember/helper';\n\nimport { computePosition, flip, type Placement } from '@floating-ui/dom';\nimport { modifier } from 'ember-modifier';\n\ninterface PopoverArgs {\n  position?: Placement;\n  opened?: () => void;\n  closed?: () => void;\n}\n\nclass State {\n  @tracked id = uniqueId();\n  @tracked opened = false;\n}\n\nexport const popover = helper((_, { position, opened, closed }: PopoverArgs) => {\n  const state = new State();\n  let triggerElement: HTMLElement | undefined;\n  let targetElement: HTMLElement | undefined;\n\n  return {\n    trigger: modifier((element: HTMLElement) => {\n      element.setAttribute('popovertarget', state.id);\n      triggerElement = element;\n    }),\n    target: modifier((element: HTMLElement, __, { manual }: { manual?: boolean }) => {\n      element.setAttribute('popover', manual ? 'manual' : '');\n      targetElement = element;\n\n      if (element.id) {\n        state.id = element.id;\n      } else {\n        element.id = state.id;\n      }\n\n      const toggleHandler = (event: ToggleEvent) => {\n        state.opened = event.newState === 'open';\n\n        if (event.newState === 'open') {\n          if (position && triggerElement) {\n            // eslint-disable-next-line @typescript-eslint/no-floating-promises\n            computePosition(triggerElement, element, {\n              placement: position,\n              middleware: [flip()]\n            }).then(({ x, y }): void => {\n              Object.assign(element.style, {\n                left: `${String(x)}px`,\n                top: `${String(y)}px`\n              });\n            });\n          }\n\n          opened?.();\n        } else if (event.newState === 'closed') {\n          closed?.();\n        }\n      };\n\n      element.addEventListener('toggle', toggleHandler);\n\n      return () => {\n        element.removeEventListener('toggle', toggleHandler);\n      };\n    }),\n    get opened() {\n      return state.opened;\n    },\n    open: () => {\n      targetElement?.showPopover();\n    },\n    close: () => {\n      targetElement?.hidePopover();\n    }\n  };\n});\n\nexport default popover;\n"],"names":["State","g","prototype","tracked","uniqueId","i","void 0","popover","helper","_","position","opened","closed","state","triggerElement","targetElement","trigger","modifier","element","setAttribute","id","target","__","manual","toggleHandler","event","newState","computePosition","placement","middleware","flip","then","x","y","Object","assign","style","left","String","top","addEventListener","removeEventListener","open","showPopover","close","hidePopover"],"mappings":"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"}

package/dist/{helpers-DS9du02l.js → helpers-D4So5-uK.js}

@@ -16,6 +16,12 @@ const or = (...conditions) => conditions.reduce((a, b) => a || b, false);
 const and = (a, b) => a && b;
 const eq = (a, b) => a === b;
 const not = a => !a;
+const gt = (left, right) => {
+  return left > right;
+};
+
+// eslint-disable-next-line unicorn/no-new-array
+const range = amount => [...new Array(amount).keys()].map(i => i + 1);
 const asString = value => {
   return value;
 };
@@ -26,5 +32,5 @@ const asBoolean = value => {
   return value;
 };
 
-export { and as a, asBoolean as b, asNumber as c, asString as d, eq as e, not as n, or as o, pick as p };
-//# sourceMappingURL=helpers-DS9du02l.js.map
+export { and as a, asBoolean as b, asNumber as c, asString as d, eq as e, gt as g, not as n, or as o, pick as p, range as r };
+//# sourceMappingURL=helpers-D4So5-uK.js.map

package/dist/helpers-D4So5-uK.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers-D4So5-uK.js","sources":["../src/-private/helpers.ts"],"sourcesContent":["import { get } from '@ember/object';\n\n/* Shamelessly stolen from: https://github.com/DockYard/ember-composable-helpers/blob/master/addon/helpers/pick.js */\nfunction pick<V = unknown>(path: string, action?: (value: V) => void) {\n  return function (event: object): V | void {\n    const value = get(event, path) as V;\n\n    if (!action) {\n      return value;\n    }\n\n    action(value);\n  };\n}\n\n// eslint-disable-next-line unicorn/no-array-reduce, @typescript-eslint/prefer-nullish-coalescing\nconst or = (...conditions: unknown[]) => conditions.reduce((a, b) => a || b, false);\n\nconst and = (a: unknown, b: unknown) => a && b;\n\nconst eq = (a: unknown, b: unknown) => a === b;\n\nconst not = (a: boolean) => !a;\n\nconst notEq = (a: unknown, b: unknown) => a !== b;\n\nconst gt = (left: unknown, right: unknown) => {\n  return (left as number) > (right as number);\n};\n\n// eslint-disable-next-line unicorn/no-new-array\nconst range = (amount: number) => [...new Array(amount).keys()].map((i) => i + 1);\n\nconst asString = (value: unknown): string => {\n  return value as string;\n};\n\nconst asNumber = (value: unknown): number => {\n  return value as number;\n};\n\nconst asBoolean = (value: unknown): boolean => {\n  return value as boolean;\n};\n\nexport { and, asBoolean, asNumber, asString, eq, gt, not, notEq, or, pick, range };\n"],"names":["pick","path","action","event","value","get","or","conditions","reduce","a","b","and","eq","not","gt","left","right","range","amount","Array","keys","map","i","asString","asNumber","asBoolean"],"mappings":";;AAEA;AACA,SAASA,IAAIA,CAAcC,IAAY,EAAEC,MAA2B,EAAE;EACpE,OAAO,UAAUC,KAAa,EAAY;AACxC,IAAA,MAAMC,KAAK,GAAGC,GAAG,CAACF,KAAK,EAAEF,IAAI,CAAM;IAEnC,IAAI,CAACC,MAAM,EAAE;AACX,MAAA,OAAOE,KAAK;AACd,IAAA;IAEAF,MAAM,CAACE,KAAK,CAAC;EACf,CAAC;AACH;;AAEA;AACA,MAAME,EAAE,GAAGA,CAAC,GAAGC,UAAqB,KAAKA,UAAU,CAACC,MAAM,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAKD,CAAC,IAAIC,CAAC,EAAE,KAAK;AAElF,MAAMC,GAAG,GAAGA,CAACF,CAAU,EAAEC,CAAU,KAAKD,CAAC,IAAIC;AAE7C,MAAME,EAAE,GAAGA,CAACH,CAAU,EAAEC,CAAU,KAAKD,CAAC,KAAKC;AAE7C,MAAMG,GAAG,GAAIJ,CAAU,IAAK,CAACA;AAI7B,MAAMK,EAAE,GAAGA,CAACC,IAAa,EAAEC,KAAc,KAAK;EAC5C,OAAQD,IAAI,GAAeC,KAAgB;AAC7C;;AAEA;AACA,MAAMC,KAAK,GAAIC,MAAc,IAAK,CAAC,GAAG,IAAIC,KAAK,CAACD,MAAM,CAAC,CAACE,IAAI,EAAE,CAAC,CAACC,GAAG,CAAEC,CAAC,IAAKA,CAAC,GAAG,CAAC;AAEhF,MAAMC,QAAQ,GAAInB,KAAc,IAAa;AAC3C,EAAA,OAAOA,KAAK;AACd;AAEA,MAAMoB,QAAQ,GAAIpB,KAAc,IAAa;AAC3C,EAAA,OAAOA,KAAK;AACd;AAEA,MAAMqB,SAAS,GAAIrB,KAAc,IAAc;AAC7C,EAAA,OAAOA,KAAK;AACd;;;;"}

package/dist/icon-BfRBkZ72.js

@@ -0,0 +1,16 @@
+import { htmlSafe } from '@ember/template';
+import styles from '@hokulea/core/graphics.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 I };
+//# sourceMappingURL=icon-BfRBkZ72.js.map

package/dist/icon-BfRBkZ72.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-BfRBkZ72.js","sources":["../src/components/graphics/icon.gts"],"sourcesContent":["import { htmlSafe } from '@ember/template';\n\nimport styles from '@hokulea/core/graphics.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\nexport const Icon: TOC<IconSignature> = <template>\n  <span class={{styles.icon}} data-test-icon ...attributes>\n    {{htmlSafe @icon}}\n  </span>\n</template>;\n"],"names":["Icon","setComponentTemplate","precompileTemplate","strictMode","scope","styles","htmlSafe","templateOnly"],"mappings":";;;;;;MAiBaA,IAAU,GAAAC,oBAAA,CAAiBC,kBAAA,CAAA,oGAAA,EAIxC;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,MAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/icon-button-DBt7fMi1.js

@@ -0,0 +1,38 @@
+import Component from '@glimmer/component';
+import { assert } from '@ember/debug';
+import { element } from 'ember-element-helper';
+import styles from '@hokulea/core/actions.module.css';
+import { b as asBoolean, n as not, a as and } from './helpers-D4So5-uK.js';
+import { d as disabled } from './disabled-B_FQ0Z51.js';
+import { P as PushElement } from './push-DnJFFc_p.js';
+import { I as Icon } from './icon-BfRBkZ72.js';
+import { i as isLink } from './-button-KUaJCQaB.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.', this.args.label !== undefined);
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-return
+    return this.args.label;
+  }
+  static {
+    setComponentTemplate(precompileTemplate("\n    <PushElement @push={{@push}} @href={{@href}} @element={{element \"button\"}} class=\"{{styles.iconButton}}\" type={{if (and (not (isLink @push)) (not (asBoolean @href))) \"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    </PushElement>\n  ", {
+      strictMode: true,
+      scope: () => ({
+        PushElement,
+        element,
+        styles,
+        and,
+        not,
+        isLink,
+        asBoolean,
+        disabled,
+        Icon
+      })
+    }), this);
+  }
+}
+
+export { IconButton as I };
+//# sourceMappingURL=icon-button-DBt7fMi1.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button-DBt7fMi1.js","sources":["../src/components/actions/icon-button.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\n\nimport { element } from 'ember-element-helper';\n\nimport styles from '@hokulea/core/actions.module.css';\n\nimport { and, asBoolean, not } from '../../-private/helpers.ts';\nimport disabled from '../../-private/modifiers/disabled.ts';\nimport { type PushArgs, PushElement } from '../../-private/push.gts';\nimport { Icon } from '../graphics/icon.gts';\nimport { isLink } from './-button.ts';\n\nimport type { Importance, Intent, Spacing } from '@hokulea/tokens';\n\nexport interface IconButtonSignature {\n  Element: HTMLButtonElement | HTMLAnchorElement | HTMLSpanElement;\n  Args: PushArgs & {\n    intent?: Intent;\n    importance?: Importance;\n    spacing?: Spacing;\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 class IconButton extends Component<IconButtonSignature> {\n  get label() {\n    assert(\n      'Please provide a `@label` to `<IconButton>` for accessibility reasons.',\n\n      this.args.label !== undefined\n    );\n\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n    return this.args.label;\n  }\n\n  <template>\n    <PushElement\n      @push={{@push}}\n      @href={{@href}}\n      @element={{element \"button\"}}\n      class=\"{{styles.iconButton}}\"\n      type={{if (and (not (isLink @push)) (not (asBoolean @href))) \"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    </PushElement>\n  </template>\n}\n"],"names":["IconButton","Component","label","assert","args","undefined","setComponentTemplate","precompileTemplate","strictMode","scope","PushElement","element","styles","and","not","isLink","asBoolean","disabled","Icon"],"mappings":";;;;;;;;;;;;AAkCO,MAAMA,mBAAmBC,SAAA,CAAU;EACxC,IAAIC,KAAAA,GAAQ;IACVC,MAAA,CACE,0EAEA,IAAI,CAACC,IAAI,CAACF,KAAK,KAAKG,SAAA,CAAA;AAGtB;AACA,IAAA,OAAO,IAAI,CAACD,IAAI,CAACF,KAAK;AACxB,EAAA;AAEA,EAAA;IAAAI,oBAAA,CAAAC,kBAAA,CAAA,wgBAAA,EAiBA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,WAAA;QAAAC,OAAA;QAAAC,MAAA;QAAAC,GAAA;QAAAC,GAAA;QAAAC,MAAA;QAAAC,SAAA;QAAAC,QAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/index.js

@@ -1,29 +1,36 @@
-export { default as Icon } from './components/icon.js';
-export { default as Button } from './components/button.js';
-export { default as IconButton } from './components/icon-button.js';
-export { default as Checkbox } from './components/checkbox.js';
-export { default as CurrencyInput } from './components/currency-input.js';
-export { default as DateInput } from './components/date-input.js';
-export { default as EmailInput } from './components/email-input.js';
-export { default as InputBuilder } from './components/input-builder.js';
-export { default as List } from './components/list.js';
-export { default as NumberInput } from './components/number-input.js';
-export { default as PasswordInput } from './components/password-input.js';
-export { default as PhoneInput } from './components/phone-input.js';
-export { default as Radio } from './components/radio.js';
-export { default as RangeInput } from './components/range-input.js';
-export { default as Select } from './components/select.js';
-export { default as TextArea } from './components/text-area.js';
-export { default as TextInput } from './components/text-input.js';
-export { F as Form } from './form-DBuzL4_0.js';
-export { default as AppHeader } from './components/app-header.js';
-export { default as Menu } from './components/menu.js';
-export { default as Page } from './components/page.js';
-export { default as Tabs } from './components/tabs.js';
-export { default as Box } from './components/box.js';
-export { default as Card } from './components/card.js';
-export { default as Section } from './components/section.js';
-export { default as Popover } from './components/popover.js';
-export { default as popover } from './helpers/popover.js';
+export { B as Button } from './button-BhxkZ70u.js';
+export { I as IconButton } from './icon-button-DBt7fMi1.js';
+export { C as Checkbox } from './checkbox-D3_2ps5M.js';
+export { C as CurrencyInput } from './currency-input-tBhgIMTh.js';
+export { D as DateInput } from './date-input-DLv9jE39.js';
+export { E as EmailInput } from './email-input-BR33Qevz.js';
+export { I as InputBuilder } from './input-builder-DHYx-2Yz.js';
+export { L as List } from './list-CsLvih6-.js';
+export { M as Menu } from './menu-s0AthZse.js';
+export { N as NumberInput } from './number-input-FJympEv2.js';
+export { P as PasswordInput } from './password-input-DV5yb10h.js';
+export { P as PhoneInput } from './phone-input-Uv5v9hK9.js';
+export { R as Radio } from './radio-CLF40kob.js';
+export { R as RangeInput } from './range-input-BIb7GkKH.js';
+export { S as Select } from './select-CeO8AZMK.js';
+export { T as Tabs } from './tabs-DAscspzh.js';
+export { T as TextArea } from './text-area-DF8-cDiy.js';
+export { T as TextInput } from './text-input-CcIcYksE.js';
+export { D as DataTable } from './data-table-5VDYeRya.js';
+export { F as Form } from './form-VsNkRlXs.js';
+export { A as Avatar } from './avatar-CtqAk4G6.js';
+export { I as Icon } from './icon-BfRBkZ72.js';
+export { A as AppHeader } from './app-header-nmqytjxx.js';
+export { L as Link } from './link-bqsg26Cc.js';
+export { N as NavigationList } from './navigation-list-Ng5UsNCY.js';
+export { P as Pagination } from './pagination-DCMxI10i.js';
+export { F as FocusPage } from './focus-page-DFu6qtBk.js';
+export { P as Page } from './page-BuLkLO08.js';
+export { S as SectionedPage } from './sectioned-page-CgINWVQ2.js';
+export { B as Box } from './box-DU6m9gDw.js';
+export { C as Card } from './card-tK78paQn.js';
+export { S as Section } from './section-BAdmc3Yn.js';
+export { P as Popover } from './popover-B6j413u9.js';
+export { popover } from './helpers/popover.js';
 export { default as HokuleaService } from './services/-hokulea.js';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

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

package/dist/input-builder-DHYx-2Yz.js

@@ -0,0 +1,20 @@
+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 InputBuilder = setComponentTemplate(precompileTemplate("\n  {{!-- template-lint-disable no-unsupported-role-attributes --}}\n  <span class={{styles.inputBuilder}} aria-disabled={{if @disabled \"true\"}} data-spacing={{@spacing}} 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 { InputBuilder as I };
+//# sourceMappingURL=input-builder-DHYx-2Yz.js.map

package/dist/input-builder-DHYx-2Yz.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-builder-DHYx-2Yz.js","sources":["../src/components/controls/input-builder.gts"],"sourcesContent":["import { hash } from '@ember/helper';\n\nimport styles from '@hokulea/core/controls.module.css';\n\nimport type { ShapeArgs } from '../../-private/shapes.ts';\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: ShapeArgs & {\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\nexport const InputBuilder: 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-spacing={{@spacing}}\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"],"names":["Affix","setComponentTemplate","precompileTemplate","strictMode","templateOnly","InputBuilder","scope","styles","hash"],"mappings":";;;;;;AAkBA,MAAMA,KAAW,GAAAC,oBAAA,CAAkBC,kBAAA,CAAA,qFAAA,EAEnC;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA,CAAA;MAiBGC,YAAkB,GAAAJ,oBAAA,CAAyBC,kBAAA,CAAA,6bAAA,EAiBxD;EAAAC,UAAA,EAAA,IAAA;AAAAG,EAAAA,KAAA,EAAAA,OAAA;IAAAC,MAAA;IAAAC,IAAA;AAAAR,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAI,YAAA,EAAA;;;;"}

package/dist/link-bqsg26Cc.js

@@ -0,0 +1,18 @@
+import { on } from '@ember/modifier';
+import { link } from 'ember-link';
+import { i as isActive } from './push-DnJFFc_p.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import templateOnly from '@ember/component/template-only';
+
+const Link = setComponentTemplate(precompileTemplate("\n  {{#let (link @href) as |l|}}\n    <a href={{l.url}} {{on \"click\" l.open}} data-external={{l.isExternal}} aria-current=\"{{if (isActive l) \"page\"}}\" ...attributes>\n      {{yield}}\n    </a>\n  {{/let}}\n", {
+  strictMode: true,
+  scope: () => ({
+    link,
+    isActive,
+    on
+  })
+}), templateOnly());
+
+export { Link as L };
+//# sourceMappingURL=link-bqsg26Cc.js.map

package/dist/link-bqsg26Cc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link-bqsg26Cc.js","sources":["../src/components/navigation/link.gts"],"sourcesContent":["import { on } from '@ember/modifier';\n\nimport { link } from 'ember-link';\n\nimport { isActive } from '../../-private/push.gts';\n\nimport type { TOC } from '@ember/component/template-only';\n\ninterface LinkSignature {\n  Element: HTMLAnchorElement;\n  Args: {\n    href: string;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nexport const Link: TOC<LinkSignature> = <template>\n  {{#let (link @href) as |l|}}\n    <a\n      href={{l.url}}\n      {{on \"click\" l.open}}\n      data-external={{l.isExternal}}\n      aria-current=\"{{if (isActive l) 'page'}}\"\n      ...attributes\n    >\n      {{yield}}\n    </a>\n  {{/let}}\n</template>;\n"],"names":["Link","setComponentTemplate","precompileTemplate","strictMode","scope","link","isActive","on","templateOnly"],"mappings":";;;;;;;MAkBaA,IAAU,GAAAC,oBAAA,CAAiBC,kBAAA,CAAA,sNAAA,EAYxC;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,IAAA;IAAAC,QAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/list-CsLvih6-.js

@@ -0,0 +1,66 @@
+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 L };
+//# sourceMappingURL=list-CsLvih6-.js.map

package/dist/list-CsLvih6-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-CsLvih6-.js","sources":["../src/components/controls/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 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;AAoBO,MAAMC,IAAA,SAAgBX,SAAA,CAAwB;AACnDD,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;;;;"}

package/dist/menu-s0AthZse.js

@@ -0,0 +1,118 @@
+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 { service } from '@ember/service';
+import { htmlSafe } from '@ember/template';
+import { ariaMenu } from 'ember-aria-voyager';
+import { TrackedArray } from 'tracked-built-ins';
+import styles from '@hokulea/core/controls.module.css';
+import { d as disabled } from './disabled-B_FQ0Z51.js';
+import { P as PushElement } from './push-DnJFFc_p.js';
+import { popover } from './helpers/popover.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import { g, i } from 'decorator-transforms/runtime-esm';
+
+// below are attempts at conditional typing based on provided blocks in dynamic invocation
+// type MenuItemArgs = {
+//   disabled?: boolean;
+//   registerItem: (item: MenuItem) => void;
+//   unregisterItem: (item: MenuItem) => void;
+// };
+// export interface MenuItemSignature<T = {}> {
+//   Element: HTMLButtonElement | HTMLAnchorElement;
+//   Args: T extends { Blocks: { default: [] } }
+//     ? MenuItemArgs & {
+//         push: CommandAction;
+//       }
+//     : MenuItemArgs;
+//   Blocks: T extends { Blocks: { default: [] } }
+//     ? { default: [] }
+//     : { label: []; menu: [MenuDefaultBlock] };
+// }
+//  & (
+//   | {
+//       Args: MenuItemArgs & {
+//         push: CommandAction;
+//       };
+//       Blocks: {
+//         default: [];
+//       };
+//     }
+//   | {
+//       Args: MenuItemArgs;
+//       Blocks: {
+//         label: [];
+//         menu: [MenuDefaultBlock];
+//       };
+//     }
+// );
+/* eslint-disable @typescript-eslint/no-use-before-define */
+class MenuItem extends Component {
+  constructor(owner, args) {
+    super(owner, args);
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-call
+    args.registerItem(this);
+    registerDestructor(this, () => {
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-call
+      args.unregisterItem(this);
+    });
+  }
+  static {
+    setComponentTemplate(precompileTemplate("\n    {{#if (has-block \"menu\")}}\n      {{#let (popover position=\"right-start\") as |p|}}\n        <button type=\"button\" role=\"menuitem\" aria-haspopup=\"menu\" {{disabled when=(if @disabled @disabled false)}} {{p.trigger}}>\n          {{~yield to=\"label\"~}}\n        </button>\n\n        <Menu {{p.target}} as |m|>\n          {{yield m to=\"menu\"}}\n        </Menu>\n      {{/let}}\n    {{else}}\n      <PushElement @push={{@push}} @href={{@href}} {{disabled when=(if @disabled @disabled false)}} role=\"menuitem\">\n        {{~yield~}}\n      </PushElement>\n    {{/if}}\n  ", {
+      strictMode: true,
+      scope: () => ({
+        popover,
+        disabled,
+        Menu,
+        PushElement
+      })
+    }), this);
+  }
+}
+/* eslint-enable @typescript-eslint/no-use-before-define */
+
+class Menu extends Component {
+  static {
+    g(this.prototype, "fastboot", [service]);
+  }
+  #fastboot = (i(this, "fastboot"), void 0);
+  static {
+    g(this.prototype, "items", [tracked], function () {
+      return new TrackedArray();
+    });
+  }
+  #items = (i(this, "items"), void 0);
+  get hideInSSR() {
+    return this.fastboot?.isFastBoot;
+  }
+  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);
+    });
+  };
+  static {
+    setComponentTemplate(precompileTemplate("\n    <div class={{styles.menu}} data-test-menu ...attributes {{ariaMenu items=this.items disabled=@disabled}} style={{if this.hideInSSR (htmlSafe \"display: none\")}}>\n      {{yield (hash Item=(component MenuItem registerItem=this.registerItem unregisterItem=this.unregisterItem))}}\n    </div>\n  ", {
+      strictMode: true,
+      scope: () => ({
+        styles,
+        htmlSafe,
+        ariaMenu,
+        hash,
+        MenuItem
+      })
+    }), this);
+  }
+}
+
+export { Menu as M };
+//# sourceMappingURL=menu-s0AthZse.js.map

package/dist/menu-s0AthZse.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-s0AthZse.js","sources":["../src/components/controls/menu.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';\nimport { service } from '@ember/service';\nimport { htmlSafe } from '@ember/template';\n\nimport { ariaMenu } from 'ember-aria-voyager';\nimport { TrackedArray } from 'tracked-built-ins';\n\nimport styles from '@hokulea/core/controls.module.css';\n\nimport disabled from '../../-private/modifiers/disabled.ts';\nimport { PushElement } from '../../-private/push.gts';\nimport { popover } from '../../helpers/popover.ts';\n\nimport type { MenuItemArgs, MenuItemBlocks, MenuItemElement } from './-menu.gts';\nimport type Owner from '@ember/owner';\nimport type { WithBoundArgs } from '@glint/template';\nimport type FastBoot from 'ember-cli-fastboot/services/fastboot';\n\nexport type MenuDefaultBlock = {\n  Item: WithBoundArgs<typeof MenuItem, 'registerItem' | 'unregisterItem'>;\n};\n\nexport interface MenuItemSignature {\n  Element: MenuItemElement;\n  Args: MenuItemArgs & {\n    registerItem: (item: MenuItem) => void;\n    unregisterItem: (item: MenuItem) => void;\n  };\n  Blocks: MenuItemBlocks & {\n    menu?: [MenuDefaultBlock];\n  };\n}\n\n// below are attempts at conditional typing based on provided blocks in dynamic invocation\n\n// type MenuItemArgs = {\n//   disabled?: boolean;\n//   registerItem: (item: MenuItem) => void;\n//   unregisterItem: (item: MenuItem) => void;\n// };\n\n// export interface MenuItemSignature<T = {}> {\n//   Element: HTMLButtonElement | HTMLAnchorElement;\n//   Args: T extends { Blocks: { default: [] } }\n//     ? MenuItemArgs & {\n//         push: CommandAction;\n//       }\n//     : MenuItemArgs;\n//   Blocks: T extends { Blocks: { default: [] } }\n//     ? { default: [] }\n//     : { label: []; menu: [MenuDefaultBlock] };\n// }\n\n//  & (\n//   | {\n//       Args: MenuItemArgs & {\n//         push: CommandAction;\n//       };\n//       Blocks: {\n//         default: [];\n//       };\n//     }\n//   | {\n//       Args: MenuItemArgs;\n//       Blocks: {\n//         label: [];\n//         menu: [MenuDefaultBlock];\n//       };\n//     }\n// );\n\n/* eslint-disable @typescript-eslint/no-use-before-define */\nclass MenuItem extends Component<MenuItemSignature> {\n  constructor(owner: Owner, args: MenuItemSignature['Args']) {\n    super(owner, args);\n\n    // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n    args.registerItem(this);\n\n    registerDestructor(this, () => {\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-call\n      args.unregisterItem(this);\n    });\n  }\n\n  <template>\n    {{#if (has-block \"menu\")}}\n      {{#let (popover position=\"right-start\") as |p|}}\n        <button\n          type=\"button\"\n          role=\"menuitem\"\n          aria-haspopup=\"menu\"\n          {{disabled when=(if @disabled @disabled false)}}\n          {{p.trigger}}\n        >\n          {{~yield to=\"label\"~}}\n        </button>\n\n        <Menu {{p.target}} as |m|>\n          {{yield m to=\"menu\"}}\n        </Menu>\n      {{/let}}\n    {{else}}\n      <PushElement\n        @push={{@push}}\n        @href={{@href}}\n        {{disabled when=(if @disabled @disabled false)}}\n        role=\"menuitem\"\n      >\n        {{~yield~}}\n      </PushElement>\n    {{/if}}\n  </template>\n}\n/* eslint-enable @typescript-eslint/no-use-before-define */\n\nexport interface MenuSignature {\n  Element: HTMLDivElement;\n  Args: {\n    disabled?: boolean;\n  };\n  Blocks: {\n    default: [MenuDefaultBlock];\n  };\n}\n\nexport class Menu extends Component<MenuSignature> {\n  @service declare fastboot?: FastBoot;\n\n  @tracked items: MenuItem[] = new TrackedArray();\n\n  get hideInSSR() {\n    return this.fastboot?.isFastBoot;\n  }\n\n  registerItem = (item: MenuItem) => {\n    // eslint-disable-next-line ember/no-runloop\n    next(() => {\n      this.items.push(item);\n    });\n  };\n\n  unregisterItem = (item: MenuItem) => {\n    // eslint-disable-next-line ember/no-runloop\n    next(() => {\n      this.items.splice(this.items.indexOf(item), 1);\n    });\n  };\n\n  <template>\n    <div\n      class={{styles.menu}}\n      data-test-menu\n      ...attributes\n      {{ariaMenu items=this.items disabled=@disabled}}\n      style={{if this.hideInSSR (htmlSafe \"display: none\")}}\n    >\n      {{yield\n        (hash\n          Item=(component\n            MenuItem registerItem=this.registerItem unregisterItem=this.unregisterItem\n          )\n        )\n      }}\n    </div>\n  </template>\n}\n"],"names":["MenuItem","Component","constructor","owner","args","registerItem","registerDestructor","unregisterItem","setComponentTemplate","precompileTemplate","strictMode","scope","popover","disabled","Menu","PushElement","g","prototype","service","i","void 0","tracked","TrackedArray","hideInSSR","fastboot","isFastBoot","item","next","items","push","splice","indexOf","styles","htmlSafe","ariaMenu","hash"],"mappings":";;;;;;;;;;;;;;;;;AAqCA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA,MAAMA,QAAA,SAAiBC,SAAA,CAAU;AAC/BC,EAAAA,WAAAA,CAAYC,KAAY,EAAEC,IAA+B,EAAE;AACzD,IAAA,KAAK,CAACD,KAAA,EAAOC,IAAA,CAAA;AAEb;AACAA,IAAAA,IAAA,CAAKC,YAAY,CAAC,IAAI,CAAA;IAEtBC,kBAAA,CAAmB,IAAI,EAAE,MAAA;AACvB;AACAF,MAAAA,IAAA,CAAKG,cAAc,CAAC,IAAI,CAAA;AAC1B,IAAA,CAAA,CAAA;AACF,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,2kBAAA,EA2BA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,OAAA;QAAAC,QAAA;QAAAC,IAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;AACA;;AAYO,MAAMD,aAAab,SAAA,CAAU;AAAA,EAAA;IAAAe,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,UAAA,EAAA,CACjCC,OAAA,CAAA,CAAA;AAAA;AAAA,EAAA,SAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,UAAA,CAAA,EAAAC,MAAA;AAAA,EAAA;IAAAJ,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,OAAA,EAAA,CAEAI,OAAA,CAAA,EAAA,YAAA;MAAA,OAA4B,IAAIC,YAAA,EAAA;AAAA,IAAA,CAAA,CAAA;AAAA;AAAA,EAAA,MAAA,IAAAH,CAAA,CAAA,IAAA,EAAA,OAAA,CAAA,EAAAC,MAAA;EAEjC,IAAIG,SAAAA,GAAY;AACd,IAAA,OAAO,IAAI,CAACC,QAAQ,EAAEC,UAAA;AACxB,EAAA;EAEApB,YAAA,GAAgBqB,IAAM,IAAA;AACpB;AACAC,IAAAA,IAAA,CAAK,MAAA;AACH,MAAA,IAAI,CAACC,KAAK,CAACC,IAAI,CAACH,IAAA,CAAA;AAClB,IAAA,CAAA,CAAA;EACF,CAAA;EAEAnB,cAAA,GAAkBmB,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;AAEA,EAAA;IAAAlB,oBAAA,CAAAC,kBAAA,CAAA,8SAAA,EAgBA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAqB,MAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,IAAA;AAAAnC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/nav-link-CDtYj6HW.js

@@ -0,0 +1,22 @@
+import { P as PushElement } from './push-DnJFFc_p.js';
+import { I as Icon } from './icon-BfRBkZ72.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import templateOnly from '@ember/component/template-only';
+
+const MaybeIcon = setComponentTemplate(precompileTemplate("\n  {{#if @icon}}\n    <Icon @icon={{@icon}} part=\"icon\" />\n  {{/if}}\n", {
+  strictMode: true,
+  scope: () => ({
+    Icon
+  })
+}), templateOnly());
+const NavLink = setComponentTemplate(precompileTemplate("\n  <PushElement @push={{@push}} @href={{@href}} part=\"item\" ...attributes>\n    <MaybeIcon @icon={{@icon}} />\n    {{yield}}\n  </PushElement>\n", {
+  strictMode: true,
+  scope: () => ({
+    PushElement,
+    MaybeIcon
+  })
+}), templateOnly());
+
+export { NavLink as N };
+//# sourceMappingURL=nav-link-CDtYj6HW.js.map

package/dist/nav-link-CDtYj6HW.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-link-CDtYj6HW.js","sources":["../src/components/navigation/nav-link.gts"],"sourcesContent":["import { PushElement } from '../../-private/push.gts';\nimport { Icon } from '../graphics/icon.gts';\n\nimport type { MenuItemArgs, MenuItemBlocks } from '../controls/-menu.gts';\nimport type { TOC } from '@ember/component/template-only';\n\nconst MaybeIcon: TOC<{ Args: { icon?: string } }> = <template>\n  {{#if @icon}}\n    <Icon @icon={{@icon}} part=\"icon\" />\n  {{/if}}\n</template>;\n\ninterface NavLinkSignature {\n  Args: MenuItemArgs & {\n    href?: string;\n    icon?: string;\n  };\n  Blocks: MenuItemBlocks;\n}\n\nexport const NavLink: TOC<NavLinkSignature> = <template>\n  <PushElement @push={{@push}} @href={{@href}} part=\"item\" ...attributes>\n    <MaybeIcon @icon={{@icon}} />\n    {{yield}}\n  </PushElement>\n</template>;\n"],"names":["MaybeIcon","setComponentTemplate","precompileTemplate","strictMode","scope","Icon","templateOnly","NavLink","PushElement"],"mappings":";;;;;;AAMA,MAAMA,SAA8C,GAAAC,oBAAA,CAAAC,kBAAA,CAAA,4EAAA,EAIpD;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA,CAAA;MAUGC,OAAa,GAAAN,oBAAA,CAAoBC,kBAAA,CAAA,qJAAA,EAK9C;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAI,WAAA;AAAAR,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAM,YAAA,EAAA;;;;"}

package/dist/navigation-list-Ng5UsNCY.js

@@ -0,0 +1,22 @@
+import { hash } from '@ember/helper';
+import styles from '@hokulea/core/navigation.module.css';
+import { N as NavLink } from './nav-link-CDtYj6HW.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import templateOnly from '@ember/component/template-only';
+
+const Title = setComponentTemplate(precompileTemplate("\n  <span part=\"title\">{{yield}}</span>\n", {
+  strictMode: true
+}), templateOnly());
+const NavigationList = setComponentTemplate(precompileTemplate("\n  <nav class={{styles.navigationList}} data-test-navigation-list ...attributes>\n    {{yield (hash Item=NavLink Title=Title)}}\n  </nav>\n", {
+  strictMode: true,
+  scope: () => ({
+    styles,
+    hash,
+    NavLink,
+    Title
+  })
+}), templateOnly());
+
+export { NavigationList as N };
+//# sourceMappingURL=navigation-list-Ng5UsNCY.js.map

package/dist/navigation-list-Ng5UsNCY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-list-Ng5UsNCY.js","sources":["../src/components/navigation/navigation-list.gts"],"sourcesContent":["import { hash } from '@ember/helper';\n\nimport styles from '@hokulea/core/navigation.module.css';\n\nimport { NavLink } from './nav-link.gts';\n\nimport type { TOC } from '@ember/component/template-only';\n\nconst Title: TOC<{ Blocks: { default: [] } }> = <template>\n  <span part=\"title\">{{yield}}</span>\n</template>;\n\nexport interface NavigationListSignature {\n  Element: HTMLElement;\n  Blocks: {\n    default?: [{ Item: typeof NavLink; Title: typeof Title }];\n  };\n}\n\nexport const NavigationList: TOC<NavigationListSignature> = <template>\n  <nav class={{styles.navigationList}} data-test-navigation-list ...attributes>\n    {{yield (hash Item=NavLink Title=Title)}}\n  </nav>\n</template>;\n"],"names":["Title","setComponentTemplate","precompileTemplate","strictMode","templateOnly","NavigationList","scope","styles","hash","NavLink"],"mappings":";;;;;;;AAQA,MAAMA,KAA0C,GAAAC,oBAAA,CAAAC,kBAAA,CAAA,6CAAA,EAEhD;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA,CAAA;MASGC,cAAoB,GAAAJ,oBAAA,CAA2BC,kBAAA,CAAA,8IAAA,EAI5D;EAAAC,UAAA,EAAA,IAAA;AAAAG,EAAAA,KAAA,EAAAA,OAAA;IAAAC,MAAA;IAAAC,IAAA;IAAAC,OAAA;AAAAT,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAI,YAAA,EAAA;;;;"}

package/dist/number-input-FJympEv2.js

@@ -0,0 +1,20 @@
+import { on } from '@ember/modifier';
+import styles from '@hokulea/core/controls.module.css';
+import { p as pick } from './helpers-D4So5-uK.js';
+import { p as pickAsNumber } from './-input-DGR-n9U_.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import templateOnly from '@ember/component/template-only';
+
+const NumberInput = setComponentTemplate(precompileTemplate("\n  <input class={{styles.input}} type=\"number\" value={{@value}} disabled={{@disabled}} data-spacing={{@spacing}} data-test-input {{on \"input\" (pick \"target.value\" (pickAsNumber @update)) capture=true}} ...attributes />\n", {
+  strictMode: true,
+  scope: () => ({
+    styles,
+    on,
+    pick,
+    pickAsNumber
+  })
+}), templateOnly());
+
+export { NumberInput as N };
+//# sourceMappingURL=number-input-FJympEv2.js.map

package/dist/number-input-FJympEv2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-input-FJympEv2.js","sources":["../src/components/controls/number-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';\n\nimport type { InputArgs } from './-input.ts';\nimport type { TOC } from '@ember/component/template-only';\n\nexport interface NumberInputSignature {\n  Element: HTMLInputElement;\n  Args: InputArgs<number>;\n}\n\nexport const NumberInput: TOC<NumberInputSignature> = <template>\n  <input\n    class={{styles.input}}\n    type=\"number\"\n    value={{@value}}\n    disabled={{@disabled}}\n    data-spacing={{@spacing}}\n    data-test-input\n    {{on \"input\" (pick \"target.value\" (pickAsNumber @update)) capture=true}}\n    ...attributes\n  />\n</template>;\n"],"names":["NumberInput","setComponentTemplate","precompileTemplate","strictMode","scope","styles","on","pick","pickAsNumber","templateOnly"],"mappings":";;;;;;;;MAeaA,WAAiB,GAAAC,oBAAA,CAAwBC,kBAAA,CAAA,qOAAA,EAWtD;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,MAAA;IAAAC,EAAA;IAAAC,IAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/page-BuLkLO08.js

@@ -0,0 +1,23 @@
+import { element } from 'ember-element-helper';
+import styles from '@hokulea/core/layouts.module.css';
+import typo from '@hokulea/core/typography.module.css';
+import { o as or } from './helpers-D4So5-uK.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 Page = setComponentTemplate(precompileTemplate("\n  {{#let (if @element @element (element (pageElement))) as |Element|}}\n    <Element class={{styles.page}} {{pageDestructor}} ...attributes data-test-page>\n      {{#if (or @title @description (has-block \"title\") (has-block \"description\") (has-block \"nav\"))}}\n        <header class={{styles.pageContent}}>\n          <h1 class={{typo.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        </header>\n      {{/if}}\n\n      <div class=\"{{styles.pageContent}} {{styles.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", {
+  strictMode: true,
+  scope: () => ({
+    element,
+    pageElement: PageElement,
+    styles,
+    pageDestructor: PageDestructor,
+    or,
+    typo
+  })
+}), templateOnly());
+
+export { Page as P };
+//# sourceMappingURL=page-BuLkLO08.js.map

package/dist/page-BuLkLO08.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-BuLkLO08.js","sources":["../src/components/layouts/page.gts"],"sourcesContent":["import { element } from 'ember-element-helper';\n\n// eslint-disable-next-line import-x/no-duplicates\nimport styles from '@hokulea/core/layouts.module.css';\n// eslint-disable-next-line import-x/no-duplicates\nimport typo from '@hokulea/core/typography.module.css';\n\nimport { or } from '../../-private/helpers.ts';\nimport { pageDestructor, pageElement } from './pages.ts';\n\nimport type { TOC } from '@ember/component/template-only';\nimport type { ComponentLike } from '@glint/template';\n\ninterface PageSignature {\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    content?: [];\n    default?: [];\n  };\n}\n\nexport const Page: TOC<PageSignature> = <template>\n  {{#let (if @element @element (element (pageElement))) as |Element|}}\n    <Element class={{styles.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={{styles.pageContent}}>\n          <h1 class={{typo.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        </header>\n      {{/if}}\n\n      <div class=\"{{styles.pageContent}} {{styles.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":["Page","setComponentTemplate","precompileTemplate","strictMode","scope","element","pageElement","styles","pageDestructor","or","typo","templateOnly"],"mappings":";;;;;;;;;MA4BaA,IAAU,GAAAC,oBAAA,CAAiBC,kBAAA,CAAA,koCAAA,EAoCxC;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,OAAA;iBAAAC,WAAA;IAAAC,MAAA;oBAAAC,cAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}