ember-primitives 0.44.0 → 0.45.1

package/declarations/components/heading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"heading.d.ts","sourceRoot":"","sources":["../../src/components/heading.gts"],"names":[],"mappings":"AAmEA,OAAO,SAAS,MAAM,oBAAoB,CAAC;AAI3C,OAAO,KAAK,KAAK,MAAM,cAAc,CAAC;AAyBtC,qBAAa,OAAQ,SAAQ,SAAS,CAAC;IACrC,OAAO,EAAE,WAAW,CAAC;IACrB,MAAM,EAAE;QAAE,OAAO,EAAE,EAAE,CAAA;KAAE,CAAC;CACzB,CAAC;IACA,kBAAkB,EAAE,IAAI,CAAC;gBACb,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM;IAMtC,IAAI,KAAK,WAWR;IAED,IAAI,MAAM,WAET;CAqBF"}
+{"version":3,"file":"heading.d.ts","sourceRoot":"","sources":["../../src/components/heading.gts"],"names":[],"mappings":"AAkLA,OAAO,SAAS,MAAM,oBAAoB,CAAC;AAK3C,OAAO,KAAK,KAAK,MAAM,cAAc,CAAC;AAuItC,qBAAa,OAAQ,SAAQ,SAAS,CAAC;IACrC,OAAO,EAAE,WAAW,CAAC;IACrB,MAAM,EAAE;QAAE,OAAO,EAAE,EAAE,CAAA;KAAE,CAAC;CACzB,CAAC;IACA,kBAAkB,EAAE,IAAI,CAAC;gBACb,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM;IAMtC,IAAI,KAAK,WAWR;IAED,IAAI,MAAM,WAET;CAqBF"}

package/declarations/components/one-time-password.d.ts

@@ -0,0 +1,3 @@
+export { OTPInput } from './one-time-password/input';
+export { OTP } from './one-time-password/otp';
+//# sourceMappingURL=one-time-password.d.ts.map

package/declarations/components/one-time-password.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"one-time-password.d.ts","sourceRoot":"","sources":["../../src/components/one-time-password.gts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACzD,OAAO,EAAE,GAAG,EAAE,MAAM,6BAA6B,CAAC"}

package/declarations/components/shadowed.d.ts

@@ -1,4 +1,5 @@
-import type { TOC } from "@ember/component/template-only";
+import Component from "@glimmer/component";
+import type Owner from "@ember/owner";
 /**
  * Render content in a shadow dom, attached to a div.
  *
@@ -8,7 +9,7 @@ import type { TOC } from "@ember/component/template-only";
  *
  * This is useful when you want to render content that escapes your app's styles.
  */
-export declare const Shadowed: TOC<{
+export declare class Shadowed extends Component<{
     /**
      * The shadow dom attaches to a div element.
      * You may specify any attribute, and it'll be applied to this host element.
@@ -30,6 +31,35 @@ export declare const Shadowed: TOC<{
          */
         default: [];
     };
-}>;
+}> {
+    shadow: HTMLDivElement;
+    host: HTMLDivElement;
+    /**
+     * ember-source 5.6 broke the ability to in-element
+     * natively into a shadowroot.
+     *
+     * We have two or three more dives than we should have here.
+     *
+     *
+     * See these ember-source bugs:
+     * - https://github.com/emberjs/ember.js/issues/20643
+     * - https://github.com/emberjs/ember.js/issues/20642
+     * - https://github.com/emberjs/ember.js/issues/20641
+     *
+     * Ideally, shadowdom should be built in.
+     * Couple paths forward:
+     *  - (as the overall template tag)
+     *     <template shadowrootmode="open">
+     *     </template>
+     *
+     *  - Build a component into the framework that does the above ^
+     *  - add additional parsing in content-tag to allow
+     *    nested <template>
+     *
+     */
+    constructor(owner: Owner, args: {
+        includeStyles?: boolean;
+    });
+}
 export default Shadowed;
 //# sourceMappingURL=shadowed.d.ts.map

package/declarations/components/shadowed.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"shadowed.d.ts","sourceRoot":"","sources":["../../src/components/shadowed.gts"],"names":[],"mappings":"AAyGA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAC;AAqD1D;;;;;;;;GAQG;AACH,eAAO,MAAM,QAAQ,EAAE,GAAG,CAAC;IACzB;;;OAGG;IACH,OAAO,EAAE,cAAc,CAAC;IACxB,IAAI,EAAE;QACJ;;;;;;WAMG;QACH,aAAa,CAAC,EAAE,OAAO,CAAC;KACzB,CAAC;IACF,MAAM,EAAE;QACN;;WAEG;QACH,OAAO,EAAE,EAAE,CAAC;KACb,CAAC;CACH,CA6BC,CAAC;AAEH,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"shadowed.d.ts","sourceRoot":"","sources":["../../src/components/shadowed.gts"],"names":[],"mappings":"AA8GA,OAAO,SAAS,MAAM,oBAAoB,CAAC;AAE3C,OAAO,KAAK,KAAK,MAAM,cAAc,CAAC;AA4BtC;;;;;;;;GAQG;AACH,qBAAa,QAAS,SAAQ,SAAS,CAAC;IACtC;;;OAGG;IACH,OAAO,EAAE,cAAc,CAAC;IACxB,IAAI,EAAE;QACJ;;;;;;WAMG;QACH,aAAa,CAAC,EAAE,OAAO,CAAC;KACzB,CAAC;IACF,MAAM,EAAE;QACN;;WAEG;QACH,OAAO,EAAE,EAAE,CAAC;KACb,CAAC;CACH,CAAC;IACA,MAAM,EAAE,cAAc,CAAC;IACvB,IAAI,EAAE,cAAc,CAAC;IACrB;;;;;;;;;;;;;;;;;;;;;;OAsBG;gBACS,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE;QAAE,aAAa,CAAC,EAAE,OAAO,CAAA;KAAE;CAiC5D;AAED,eAAe,QAAQ,CAAC"}

package/declarations/index.d.ts

@@ -8,7 +8,7 @@ export { Key, KeyCombo } from './components/keys';
 export { StickyFooter } from './components/layout/sticky-footer';
 export { Link } from './components/link';
 export { Menu } from './components/menu';
-export { OTP, OTPInput } from './components/one-time-password/index';
+export { OTP, OTPInput } from './components/one-time-password';
 export { Popover } from './components/popover';
 export { Portal } from './components/portal';
 export { PortalTargets } from './components/portal-targets';

package/declarations/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,YAAY,EACV,iCAAiC,EACjC,gCAAgC,EAChC,8BAA8B,EAC9B,iCAAiC,GAClC,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,IAAI,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,uCAAuC,CAAC;AACrE,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,0CAA0C,CAAC;AACzE,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,YAAY,EACV,iCAAiC,EACjC,gCAAgC,EAChC,8BAA8B,EAC9B,iCAAiC,GAClC,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,IAAI,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,uCAAuC,CAAC;AACrE,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,cAAc,cAAc,CAAC"}

package/declarations/test-support/dom.d.ts

@@ -0,0 +1,14 @@
+import { find } from '@ember/test-helpers';
+type Findable = Parameters<typeof find>[0] | Element;
+/**
+ * Find an element within a shadow-root.
+ */
+export declare function findInShadow(root: Findable, query: string): Element | null | undefined;
+/**
+ * Does the element have a shadow root?
+ */
+export declare function hasShadowRoot(el: Element): boolean;
+export declare function findShadow(root?: Findable): Element | undefined;
+export declare function findInFirstShadow(query: string): Element | null | undefined;
+export {};
+//# sourceMappingURL=dom.d.ts.map

package/declarations/test-support/dom.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../../src/test-support/dom.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAE3C,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC;AAErD;;GAEG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,8BAIzD;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,EAAE,EAAE,OAAO,WAExC;AAED,wBAAgB,UAAU,CAAC,IAAI,CAAC,EAAE,QAAQ,uBAczC;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,8BAM9C"}

package/declarations/test-support.d.ts

@@ -0,0 +1,7 @@
+export { setupTabster } from "./test-support/a11y.ts";
+export { findInFirstShadow, findInShadow, findShadow, hasShadowRoot } from "./test-support/dom.ts";
+export { fillOTP } from "./test-support/otp.ts";
+export { rating } from "./test-support/rating.ts";
+export { getRouter, setupRouting } from "./test-support/routing.ts";
+export { ZoetropeHelper } from "./test-support/zoetrope.ts";
+//# sourceMappingURL=test-support.d.ts.map

package/declarations/test-support.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"test-support.d.ts","sourceRoot":"","sources":["../src/test-support.gts"],"names":[],"mappings":"AAMA,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACnG,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC"}

package/dist/{floating-ui/modifier.js → component-Bs3N-G9z.js}

@@ -1,8 +1,25 @@
 
+import Component from '@glimmer/component';
+import { tracked } from '@glimmer/tracking';
+import { hash } from '@ember/helper';
+import { modifier } from 'ember-modifier';
 import { assert } from '@ember/debug';
 import { autoUpdate, computePosition, offset, flip, shift, hide } from '@floating-ui/dom';
-import { modifier } from 'ember-modifier';
-import { exposeMetadata } from './middleware.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import { g, i } from 'decorator-transforms/runtime';
+
+function exposeMetadata() {
+  return {
+    name: 'metadata',
+    fn: data => {
+      // https://floating-ui.com/docs/middleware#always-return-an-object
+      return {
+        data
+      };
+    }
+  };
+}
 
 /**
  * A modifier to apply to the _floating_ element.
@@ -75,5 +92,56 @@ const anchorTo = modifier((floatingElement, [_referenceElement], {
   return cleanup;
 });
 
-export { anchorTo };
-//# sourceMappingURL=modifier.js.map
+const ref = modifier((element, positional) => {
+  const fn = positional[0];
+  fn(element);
+});
+/**
+ * A component that provides no DOM and yields two modifiers for creating
+ * creating floating uis, such as menus, popovers, tooltips, etc.
+ * This component currently uses [Floating UI](https://floating-ui.com/)
+ * but will be switching to [CSS Anchor Positioning](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_anchor_positioning) when that lands.
+ *
+ * Example usage:
+ * ```gjs
+ * import { FloatingUI } from 'ember-primitives/floating-ui';
+ *
+ * <template>
+ *   <FloatingUI as |reference floating|>
+ *     <button {{reference}}> ... </button>
+ *     <menu {{floating}}> ... </menu>
+ *   </FloatingUI>
+ * </template>
+ * ```
+ */
+class FloatingUI extends Component {
+  static {
+    g(this.prototype, "reference", [tracked], function () {
+      return undefined;
+    });
+  }
+  #reference = (i(this, "reference"), void 0);
+  static {
+    g(this.prototype, "data", [tracked], function () {
+      return undefined;
+    });
+  }
+  #data = (i(this, "data"), void 0);
+  setData = data => this.data = data;
+  setReference = element => {
+    this.reference = element;
+  };
+  static {
+    setComponentTemplate(precompileTemplate("\n    {{#let (modifier anchorTo flipOptions=@flipOptions hideOptions=@hideOptions middleware=@middleware offsetOptions=@offsetOptions placement=@placement shiftOptions=@shiftOptions strategy=@strategy setData=this.setData) as |prewiredAnchorTo|}}\n      {{#let (if this.reference (modifier prewiredAnchorTo this.reference)) as |floating|}}\n        {{!-- @glint-nocheck -- Excessively deep, possibly infinite --}}\n        {{yield (modifier ref this.setReference) floating (hash setReference=this.setReference data=this.data)}}\n      {{/let}}\n    {{/let}}\n  ", {
+      strictMode: true,
+      scope: () => ({
+        anchorTo,
+        ref,
+        hash
+      })
+    }), this);
+  }
+}
+
+export { FloatingUI as F, anchorTo as a };
+//# sourceMappingURL=component-Bs3N-G9z.js.map

package/dist/component-Bs3N-G9z.js.map

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

package/dist/components/accordion.js

@@ -3,11 +3,70 @@ import Component from '@glimmer/component';
 import { assert } from '@ember/debug';
 import { hash } from '@ember/helper';
 import { localCopy } from 'tracked-toolbox';
-import { A as AccordionItem } from '../item-CwIzoqlC.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
+import { on } from '@ember/modifier';
+import templateOnly from '@ember/component/template-only';
 import { g, i } from 'decorator-transforms/runtime';
 
+class AccordionContent extends Component {
+  static {
+    setComponentTemplate(precompileTemplate("\n    <div role=\"region\" id={{@value}} data-state={{getDataState @isExpanded}} hidden={{this.isHidden}} data-disabled={{@disabled}} ...attributes>\n      {{yield}}\n    </div>\n  ", {
+      strictMode: true,
+      scope: () => ({
+        getDataState
+      })
+    }), this);
+  }
+  get isHidden() {
+    return !this.args.isExpanded;
+  }
+}
+
+const AccordionTrigger = setComponentTemplate(precompileTemplate("\n  <button type=\"button\" aria-controls={{@value}} aria-expanded={{@isExpanded}} data-state={{getDataState @isExpanded}} data-disabled={{@disabled}} aria-disabled={{if @disabled \"true\" \"false\"}} {{on \"click\" @toggleItem}} ...attributes>\n    {{yield}}\n  </button>\n", {
+  strictMode: true,
+  scope: () => ({
+    getDataState,
+    on
+  })
+}), templateOnly());
+
+const AccordionHeader = setComponentTemplate(precompileTemplate("\n  <div role=\"heading\" aria-level=\"3\" data-state={{getDataState @isExpanded}} data-disabled={{@disabled}} ...attributes>\n    {{yield (hash Trigger=(component Trigger value=@value isExpanded=@isExpanded disabled=@disabled toggleItem=@toggleItem))}}\n  </div>\n", {
+  strictMode: true,
+  scope: () => ({
+    getDataState,
+    hash,
+    Trigger: AccordionTrigger
+  })
+}), templateOnly());
+
+function getDataState(isExpanded) {
+  return isExpanded ? "open" : "closed";
+}
+class AccordionItem extends Component {
+  static {
+    setComponentTemplate(precompileTemplate("\n    <div data-state={{getDataState this.isExpanded}} data-disabled={{@disabled}} ...attributes>\n      {{yield (hash isExpanded=this.isExpanded Header=(component Header value=@value isExpanded=this.isExpanded disabled=@disabled toggleItem=this.toggleItem) Content=(component Content value=@value isExpanded=this.isExpanded disabled=@disabled))}}\n    </div>\n  ", {
+      strictMode: true,
+      scope: () => ({
+        getDataState,
+        hash,
+        Header: AccordionHeader,
+        Content: AccordionContent
+      })
+    }), this);
+  }
+  get isExpanded() {
+    if (Array.isArray(this.args.selectedValue)) {
+      return this.args.selectedValue.includes(this.args.value);
+    }
+    return this.args.selectedValue === this.args.value;
+  }
+  toggleItem = () => {
+    if (this.args.disabled) return;
+    this.args.toggleItem(this.args.value);
+  };
+}
+
 class Accordion extends Component {
   static {
     setComponentTemplate(precompileTemplate("\n    <div data-disabled={{@disabled}} ...attributes>\n      {{yield (hash Item=(component AccordionItem selectedValue=this.selectedValue toggleItem=this.toggleItem disabled=@disabled))}}\n    </div>\n  ", {

package/dist/components/heading.js

@@ -1,25 +1,92 @@
 
 import Component from '@glimmer/component';
+import { assert } from '@ember/debug';
 import { element } from 'ember-element-helper';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
 const LOOKUP = new WeakMap();
-function levelOf(node) {
+const BOUNDARY_ELEMENTS = new Set(["SECTION", "ARTICLE", "ASIDE", "HEADER", "FOOTER", "MAIN", "NAV"]);
+/**
+ * A set with both cases is more performant than calling toLowerCase
+ */
+const SECTION_HEADINGS = new Set(["h1", "h2", "h3", "h4", "h5", "h6", "H1", "H2", "H3", "H4", "H5", "H6"]);
+const TEST_BOUNDARY = "ember-testing";
+function isRoot(element) {
+  return element === document.body || element.id === TEST_BOUNDARY;
+}
+function findHeadingIn(node) {
+  if (!(node instanceof Element)) return;
+  if (SECTION_HEADINGS.has(node.tagName)) {
+    const level = parseInt(node.tagName.replace("h", "").replace("H", ""));
+    return level;
+  }
+  for (const child of node.children) {
+    const level = findHeadingIn(child);
+    if (level) return level;
+  }
+}
+/**
+ * The Platform native 'closest' function can't punch through shadow-boundaries
+ */
+function nearestAncestor(node, matcher) {
   let parent = node.parentElement;
-  let level = 0;
+  if (!parent) return;
   while (parent) {
     if (parent instanceof Element) {
-      if (parent.tagName.toLowerCase() === "section") {
-        level++;
-      }
+      if (matcher(parent)) return parent;
     }
     if (parent instanceof ShadowRoot) {
       parent = parent.host;
     }
     parent = parent.parentNode;
   }
-  return level;
+}
+/**
+ * The algorithm:
+ *
+ * section <- "our" level-changing boundary element
+ *   h# <- the element we want to figure out the level of
+ *
+ * We start assuming we'll emit an h1.
+ * We adjust this based on what we find crawling up the tree.
+ *
+ * While traversing up, when we go from the h# to the section,
+ *  and ignore it. Because this alone has no bearing on if the h# should be an h2.
+ *  We need to continue traversing upwards, until we hit the next boundary element.
+ *
+ * IF we would change the level the heading, we will find another heading between
+ *  these two boundary elements.
+ *  We'll need to check the subtrees between these elements, stopping if we
+ *  encounter other boundary elements.
+ *
+ */
+function levelOf(node) {
+  const ourBoundary = nearestAncestor(node, el => BOUNDARY_ELEMENTS.has(el.tagName));
+  /**
+  * We are the top-level
+  */
+  if (!ourBoundary) {
+    return 1;
+  }
+  const stopAt = nearestAncestor(ourBoundary, el => {
+    if (BOUNDARY_ELEMENTS.has(el.tagName)) return true;
+    return isRoot(el);
+  });
+  assert(`[BUG]: Could not find a stopping boundary for automatic heading level detection. Checked for ${[...BOUNDARY_ELEMENTS, "body", "#ember-testing"].map(x => x.toLowerCase()).join(", ")}`, stopAt);
+  let current = ourBoundary.parentNode;
+  while (current) {
+    const level = findHeadingIn(current);
+    if (level) {
+      return level + 1;
+    }
+    if (current === stopAt) break;
+    if (current instanceof ShadowRoot) {
+      current = current.host;
+    }
+    current = current.parentNode;
+  }
+  return 1;
 }
 class Heading extends Component {
   headingScopeAnchor;
@@ -31,7 +98,7 @@ class Heading extends Component {
     const existing = LOOKUP.get(this.headingScopeAnchor);
     if (existing) return existing;
     const parentLevel = levelOf(this.headingScopeAnchor);
-    const myLevel = parentLevel + 1;
+    const myLevel = parentLevel;
     LOOKUP.set(this.headingScopeAnchor, myLevel);
     return myLevel;
   }

package/dist/components/one-time-password.js

@@ -0,0 +1,3 @@
+
+export { a as OTP, O as OTPInput } from '../otp-C6hCCXKx.js';
+//# sourceMappingURL=one-time-password.js.map

package/dist/components/one-time-password.js.map

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

package/dist/components/popover.js

@@ -4,8 +4,7 @@ import { arrow } from '@floating-ui/dom';
 import { element } from 'ember-element-helper';
 import { modifier } from 'ember-modifier';
 import { cell } from 'ember-resources';
-import { FloatingUI } from '../floating-ui/component.js';
-import '../floating-ui/modifier.js';
+import { F as FloatingUI } from '../component-Bs3N-G9z.js';
 import { Portal } from './portal.js';
 import { TARGETS } from './portal-targets.js';
 import { precompileTemplate } from '@ember/template-compilation';

package/dist/components/rating.js

@@ -1,3 +1,3 @@
 
-export { Rating } from './rating/index.js';
+export { R as Rating } from '../index-D052JWRa.js';
 //# sourceMappingURL=rating.js.map

package/dist/components/shadowed.js

@@ -1,36 +1,9 @@
 
-import { modifier } from 'ember-modifier';
-import { cell } from 'ember-resources';
+import Component from '@glimmer/component';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
-const Shadow = () => {
-  const shadow = cell();
-  return {
-    get root() {
-      return shadow.current;
-    },
-    attach: modifier(element => {
-      const shadowRoot = element.attachShadow({
-        mode: "open"
-      });
-      const div = document.createElement("div");
-      // ember-source 5.6 broke the ability to in-element
-      // natively into a shadowroot.
-      //
-      // See these ember-source bugs:
-      // - https://github.com/emberjs/ember.js/issues/20643
-      // - https://github.com/emberjs/ember.js/issues/20642
-      // - https://github.com/emberjs/ember.js/issues/20641
-      shadowRoot.appendChild(div);
-      shadow.set(div);
-    })
-  };
-};
-// index.html has the production-fingerprinted references to these links
-// Ideally, we'd have some pre-processor scan everything for references to
-// assets in public, but idk how to set that up
 const getStyles = () => [...document.querySelectorAll("link")].map(link => link.href);
 /**
  * style + native @import
@@ -53,13 +26,52 @@ const Styles = setComponentTemplate(precompileTemplate("\n  <style>\n    {{#each
  *
  * This is useful when you want to render content that escapes your app's styles.
  */
-const Shadowed = setComponentTemplate(precompileTemplate("\n  {{#let (Shadow) as |shadow|}}\n    {{!-- TODO: We need a way in ember to render in to a shadow dom without an effect --}}\n    <div {{shadow.attach}} ...attributes></div>\n\n    {{#if shadow.root}}\n      {{#in-element shadow.root}}\n\n        {{#if @includeStyles}}\n          <Styles />\n        {{/if}}\n\n        {{yield}}\n\n      {{/in-element}}\n    {{/if}}\n  {{/let}}\n", {
-  strictMode: true,
-  scope: () => ({
-    Shadow,
-    Styles
-  })
-}), templateOnly());
+class Shadowed extends Component {
+  shadow;
+  host;
+  /**
+  * ember-source 5.6 broke the ability to in-element
+  * natively into a shadowroot.
+  *
+  * We have two or three more dives than we should have here.
+  *
+  *
+  * See these ember-source bugs:
+  * - https://github.com/emberjs/ember.js/issues/20643
+  * - https://github.com/emberjs/ember.js/issues/20642
+  * - https://github.com/emberjs/ember.js/issues/20641
+  *
+  * Ideally, shadowdom should be built in.
+  * Couple paths forward:
+  *  - (as the overall template tag)
+  *     <template shadowrootmode="open">
+  *     </template>
+  *
+  *  - Build a component into the framework that does the above ^
+  *  - add additional parsing in content-tag to allow
+  *    nested <template>
+  *
+  */
+  constructor(owner, args) {
+    super(owner, args);
+    const element = document.createElement("div");
+    const shadowRoot = element.attachShadow({
+      mode: "open"
+    });
+    const div = document.createElement("div");
+    shadowRoot.appendChild(div);
+    this.host = element;
+    this.shadow = div;
+  }
+  static {
+    setComponentTemplate(precompileTemplate("\n    <div ...attributes>{{this.host}}</div>\n\n    {{#in-element this.shadow}}\n\n      {{#if @includeStyles}}\n        <Styles />\n      {{/if}}\n\n      {{yield}}\n\n    {{/in-element}}\n  ", {
+      strictMode: true,
+      scope: () => ({
+        Styles
+      })
+    }), this);
+  }
+}
 
 export { Shadowed, Shadowed as default };
 //# sourceMappingURL=shadowed.js.map

package/dist/components/switch.js

@@ -3,11 +3,17 @@ import { fn, hash } from '@ember/helper';
 import { on } from '@ember/modifier';
 import { cell } from 'ember-resources';
 import { uniqueId } from '../utils.js';
-import { Label } from './-private/typed-elements.js';
-import { toggleWithFallback } from './-private/utils.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
+import { t as toggleWithFallback } from '../utils-C5796IKA.js';
+
+setComponentTemplate(precompileTemplate("\n  <div ...attributes>{{yield}}</div>\n", {
+  strictMode: true
+}), templateOnly());
+const Label = setComponentTemplate(precompileTemplate("\n  <label for={{@for}} ...attributes>{{yield}}</label>\n", {
+  strictMode: true
+}), templateOnly());
 
 const Checkbox = setComponentTemplate(precompileTemplate("\n  {{#let (cell @checked) as |checked|}}\n    <input id={{@id}} type=\"checkbox\" role=\"switch\" checked={{checked.current}} aria-checked={{checked.current}} data-state={{if checked.current \"on\" \"off\"}} {{on \"click\" (fn toggleWithFallback checked.toggle @onChange)}} ...attributes />\n  {{/let}}\n", {
   strictMode: true,

package/dist/components/toggle.js

@@ -2,7 +2,7 @@
 import { fn } from '@ember/helper';
 import { on } from '@ember/modifier';
 import { cell } from 'ember-resources';
-import { toggleWithFallback } from './-private/utils.js';
+import { t as toggleWithFallback } from '../utils-C5796IKA.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';

package/dist/components/zoetrope.js

@@ -1,3 +1,3 @@
 
-export { Zoetrope, Zoetrope as default } from './zoetrope/index.js';
+export { Z as Zoetrope, Z as default } from '../index-DKE67I8L.js';
 //# sourceMappingURL=zoetrope.js.map

package/dist/floating-ui.js

@@ -1,4 +1,3 @@
 
-export { FloatingUI } from './floating-ui/component.js';
-export { anchorTo } from './floating-ui/modifier.js';
+export { F as FloatingUI, a as anchorTo } from './component-Bs3N-G9z.js';
 //# sourceMappingURL=floating-ui.js.map