ember-primitives 0.13.0 → 0.15.0

package/declarations/color-scheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"color-scheme.d.ts","sourceRoot":"","sources":["../src/color-scheme.ts"],"names":[],"mappings":"AAgBA;;GAEG;AACH,eAAO,MAAM,WAAW;IACtB;;OAEG;oBACa,MAAM;;QAOpB;;WAEG;yCAC8B,MAAM,KAAK,IAAI;;;QAKhD;;WAEG;yCAC8B,MAAM,KAAK,IAAI;;IAKlD;;OAEG;;CAgBJ,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,IAAI,SAiCnB;AAED;;GAEG;AACH,eAAO,MAAM,OAAO;;;mBAGH,MAAM;;CAEtB,CAAC;AAIF;;GAEG;AACH,eAAO,MAAM,eAAe;;;oBAGV,MAAM;;CAEvB,CAAC;AAEF;;GAEG;AACH,wBAAgB,cAAc,CAAC,OAAO,CAAC,EAAE,WAAW,UAInD;AAED,wBAAgB,cAAc,CAAC,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;AAC1E,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;AAkBpD;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,CAAC,EAAE,WAAW,QAItD"}
+{"version":3,"file":"color-scheme.d.ts","sourceRoot":"","sources":["../src/color-scheme.ts"],"names":[],"mappings":"AAgBA;;GAEG;AACH,eAAO,MAAM,WAAW;IACtB;;OAEG;oBACa,MAAM;;QAOpB;;WAEG;2BACgB,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI;;;QAKhD;;WAEG;2BACgB,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI;;IAKlD;;OAEG;;CAgBJ,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,IAAI,SAiCnB;AAED;;GAEG;AACH,eAAO,MAAM,OAAO;;;mBAGH,MAAM;;CAEtB,CAAC;AAIF;;GAEG;AACH,eAAO,MAAM,eAAe;;;oBAGV,MAAM;;CAEvB,CAAC;AAEF;;GAEG;AACH,wBAAgB,cAAc,CAAC,OAAO,CAAC,EAAE,WAAW,UAInD;AAED,wBAAgB,cAAc,CAAC,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;AAC1E,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;AAkBpD;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,CAAC,EAAE,WAAW,QAItD"}

package/declarations/components/-private/utils.d.ts

@@ -2,5 +2,5 @@
  * If the user provides an onChange or similar function, use that,
  * otherwise fallback to the uncontrolled toggle
  */
-export declare function toggleWithFallback(uncontrolledToggle: (...args: unknown[]) => void, controlledToggle?: (...args: unknown[]) => void, ...args: unknown[]): void;
+export declare function toggleWithFallback(uncontrolledToggle: (...args: unknown[]) => void, controlledToggle?: (...args: any[]) => void, ...args: unknown[]): void;
 //# sourceMappingURL=utils.d.ts.map

package/declarations/components/-private/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/-private/utils.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,wBAAgB,kBAAkB,CAChC,kBAAkB,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,EAChD,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,EAC/C,GAAG,IAAI,EAAE,OAAO,EAAE,QAOnB"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/-private/utils.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,wBAAgB,kBAAkB,CAChC,kBAAkB,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,EAEhD,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,EAC3C,GAAG,IAAI,EAAE,OAAO,EAAE,QAOnB"}

package/declarations/components/menu.d.ts

@@ -0,0 +1,67 @@
+import Component from '@glimmer/component';
+import { cell } from 'ember-resources';
+import { type Signature as PopoverSignature } from "./popover";
+import type { TOC } from '@ember/component/template-only';
+import type { WithBoundArgs } from '@glint/template';
+type Cell<V> = ReturnType<typeof cell<V>>;
+export interface Signature {
+    Args: PopoverSignature['Args'];
+    Blocks: {
+        default: [
+            {
+                arrow: PopoverSignature['Blocks']['default'][0]['arrow'];
+                Trigger: WithBoundArgs<typeof Trigger, 'triggerElement' | 'contentId' | 'isOpen' | 'hook'>;
+                Content: WithBoundArgs<typeof Content, 'triggerElement' | 'contentId' | 'isOpen' | 'PopoverContent'>;
+                isOpen: boolean;
+            }
+        ];
+    };
+}
+declare const Separator: TOC<{
+    Element: HTMLDivElement;
+    Args: {};
+    Blocks: {
+        default: [];
+    };
+}>;
+declare const Item: TOC<{
+    Element: HTMLButtonElement;
+    Args: {
+        onSelect?: (event: Event) => void;
+    };
+    Blocks: {
+        default: [];
+    };
+}>;
+declare const Content: TOC<{
+    Element: HTMLDivElement;
+    Args: {
+        triggerElement: Cell<HTMLElement>;
+        contentId: string;
+        isOpen: Cell<boolean>;
+        PopoverContent: PopoverSignature['Blocks']['default'][0]['Content'];
+    };
+    Blocks: {
+        default: [{
+            Item: typeof Item;
+            Separator: typeof Separator;
+        }];
+    };
+}>;
+declare const Trigger: TOC<{
+    Element: HTMLButtonElement;
+    Args: {
+        triggerElement: Cell<HTMLElement>;
+        contentId: string;
+        isOpen: Cell<boolean>;
+        hook: PopoverSignature['Blocks']['default'][0]['hook'];
+    };
+    Blocks: {
+        default: [];
+    };
+}>;
+export declare class Menu extends Component<Signature> {
+    contentId: string;
+}
+export default Menu;
+//# sourceMappingURL=menu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../src/components/menu.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,oBAAoB,CAAC;AAM3C,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAGvC,OAAO,EAAW,KAAK,SAAS,IAAI,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAE5E,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAC;AAC1D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,KAAK,IAAI,CAAC,CAAC,IAAI,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;AAoB1C,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAC/B,MAAM,EAAE;QACN,OAAO,EAAE;YACP;gBACE,KAAK,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;gBACzD,OAAO,EAAE,aAAa,CAAC,OAAO,OAAO,EAAE,gBAAgB,GAAG,WAAW,GAAG,QAAQ,GAAG,MAAM,CAAC,CAAC;gBAC3F,OAAO,EAAE,aAAa,CACpB,OAAO,OAAO,EACd,gBAAgB,GAAG,WAAW,GAAG,QAAQ,GAAG,gBAAgB,CAC7D,CAAC;gBACF,MAAM,EAAE,OAAO,CAAC;aACjB;SACF,CAAC;KACH,CAAC;CACH;AAED,QAAA,MAAM,SAAS,EAAE,GAAG,CAAC;IACnB,OAAO,EAAE,cAAc,CAAC;IACxB,IAAI,EAAE,EAAE,CAAC;IACT,MAAM,EAAE;QAAE,OAAO,EAAE,EAAE,CAAA;KAAE,CAAC;CACzB,CAUC,CAAC;AAqBH,QAAA,MAAM,IAAI,EAAE,GAAG,CAAC;IACd,OAAO,EAAE,iBAAiB,CAAC;IAC3B,IAAI,EAAE;QAAE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;KAAE,CAAC;IAC5C,MAAM,EAAE;QAAE,OAAO,EAAE,EAAE,CAAA;KAAE,CAAC;CACzB,CAcC,CAAC;AA+CH,QAAA,MAAM,OAAO,EAAE,GAAG,CAAC;IACjB,OAAO,EAAE,cAAc,CAAC;IACxB,IAAI,EAAE;QACJ,cAAc,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;QAClC,SAAS,EAAE,MAAM,CAAC;QAClB,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;QACtB,cAAc,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;KACrE,CAAC;IACF,MAAM,EAAE;QAAE,OAAO,EAAE,CAAC;YAAE,IAAI,EAAE,OAAO,IAAI,CAAC;YAAC,SAAS,EAAE,OAAO,SAAS,CAAA;SAAE,CAAC,CAAA;KAAE,CAAC;CAC3E,CAwBC,CAAC;AASH,QAAA,MAAM,OAAO,EAAE,GAAG,CAAC;IACjB,OAAO,EAAE,iBAAiB,CAAC;IAC3B,IAAI,EAAE;QACJ,cAAc,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;QAClC,SAAS,EAAE,MAAM,CAAC;QAClB,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;QACtB,IAAI,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;KACxD,CAAC;IACF,MAAM,EAAE;QAAE,OAAO,EAAE,EAAE,CAAA;KAAE,CAAC;CACzB,CAiBC,CAAC;AAKH,qBAAa,IAAK,SAAQ,SAAS,CAAC,SAAS,CAAC;IAC5C,SAAS,SAAiB;CA0B3B;AAED,eAAe,IAAI,CAAC"}

package/declarations/components/popover.d.ts

@@ -1,8 +1,9 @@
 import { cell } from 'ember-resources';
+import type { Signature as FloatingUiComponentSignature } from '../floating-ui/component.ts';
+import type { Signature as HookSignature } from '../floating-ui/modifier.ts';
 import type { TOC } from '@ember/component/template-only';
 import type { MiddlewareData } from '@floating-ui/dom';
 import type { ModifierLike, WithBoundArgs } from '@glint/template';
-import type { Signature as HookSignature } from 'ember-velcro/modifiers/velcro';
 export interface Signature {
     Args: {
         /**
@@ -63,9 +64,10 @@ export interface Signature {
     Blocks: {
         default: [
             {
-                hook: ModifierLike<HookSignature>;
+                hook: FloatingUiComponentSignature['Blocks']['default'][0]['hook'];
+                setHook: FloatingUiComponentSignature['Blocks']['default'][0]['setHook'];
                 Content: WithBoundArgs<typeof Content, 'loop'>;
-                data: MiddlewareData;
+                data: FloatingUiComponentSignature['Blocks']['default'][0]['data'];
                 arrow: WithBoundArgs<ModifierLike<AttachArrowSignature>, 'arrowElement' | 'data'>;
             }
         ];

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

@@ -1 +1 @@
-{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../src/components/popover.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../src/components/popover.ts"],"names":[],"mappings":"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"}

package/declarations/components/toggle-group.d.ts

@@ -25,7 +25,7 @@ export interface ItemSignature<Value = any> {
     };
 }
 export type Item<Value = any> = ComponentLike<ItemSignature<Value>>;
-export declare class ToggleGroup<Value = any> extends Component<{
+export interface SingleSignature<Value> {
     Element: HTMLDivElement;
     Args: {
         /**
@@ -40,18 +40,100 @@ export declare class ToggleGroup<Value = any> extends Component<{
          *
          * When none of the toggles are selected, undefined will be passed.
          */
-        onChange: (value: Value | undefined) => void;
+        onChange?: (value: Value | undefined) => void;
     };
     Blocks: {
         default: [
             {
+                /**
+                 * The Toggle Switch
+                 */
                 Item: Item;
             }
         ];
     };
-}> {
-    activePressed?: Value;
-    handleToggle: (value: Value) => void;
-    isPressed: (value: Value | undefined) => boolean;
 }
+export interface MultiSignature<Value = any> {
+    Element: HTMLDivElement;
+    Args: {
+        /**
+         * Optionally set the initial toggle state
+         */
+        value?: Value[] | Set<Value> | Value;
+        /**
+         * Callback for when the toggle-group's state is changed.
+         *
+         * Can be used to control the state of the component.
+         *
+         *
+         * When none of the toggles are selected, undefined will be passed.
+         */
+        onChange?: (value: Set<Value>) => void;
+    };
+    Blocks: {
+        default: [
+            {
+                /**
+                 * The Toggle Switch
+                 */
+                Item: Item;
+            }
+        ];
+    };
+}
+interface PrivateSingleSignature<Value = any> {
+    Element: HTMLDivElement;
+    Args: {
+        type?: 'single';
+        /**
+         * Optionally set the initial toggle state
+         */
+        value?: Value;
+        /**
+         * Callback for when the toggle-group's state is changed.
+         *
+         * Can be used to control the state of the component.
+         *
+         *
+         * When none of the toggles are selected, undefined will be passed.
+         */
+        onChange?: (value: Value | undefined) => void;
+    };
+    Blocks: {
+        default: [
+            {
+                Item: Item;
+            }
+        ];
+    };
+}
+interface PrivateMultiSignature<Value = any> {
+    Element: HTMLDivElement;
+    Args: {
+        type: 'multi';
+        /**
+         * Optionally set the initial toggle state
+         */
+        value?: Value[] | Set<Value> | Value;
+        /**
+         * Callback for when the toggle-group's state is changed.
+         *
+         * Can be used to control the state of the component.
+         *
+         *
+         * When none of the toggles are selected, undefined will be passed.
+         */
+        onChange?: (value: Set<Value>) => void;
+    };
+    Blocks: {
+        default: [
+            {
+                Item: Item;
+            }
+        ];
+    };
+}
+export declare class ToggleGroup<Value = any> extends Component<PrivateSingleSignature<Value> | PrivateMultiSignature<Value>> {
+}
+export {};
 //# sourceMappingURL=toggle-group.d.ts.map

package/declarations/components/toggle-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-group.d.ts","sourceRoot":"","sources":["../../src/components/toggle-group.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,oBAAoB,CAAC;AAY3C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAUrD,MAAM,WAAW,aAAa,CAAC,KAAK,GAAG,GAAG;IACxC;;OAEG;IACH,OAAO,EAAE,iBAAiB,CAAC;IAC3B,IAAI,EAAE;QACJ;;;;WAIG;QACH,KAAK,CAAC,EAAE,KAAK,CAAC;KACf,CAAC;IACF,MAAM,EAAE;QACN,OAAO,EAAE;YACP;;;;eAIG;YACH,OAAO,EAAE,OAAO;SACjB,CAAC;KACH,CAAC;CACH;AAGD,MAAM,MAAM,IAAI,CAAC,KAAK,GAAG,GAAG,IAAI,aAAa,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;AAGpE,qBAAa,WAAW,CAAC,KAAK,GAAG,GAAG,CAAE,SAAQ,SAAS,CAAC;IACtD,OAAO,EAAE,cAAc,CAAC;IACxB,IAAI,EAAE;QACJ;;WAEG;QACH,KAAK,CAAC,EAAE,KAAK,CAAC;QACd;;;;;;;WAOG;QACH,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,SAAS,KAAK,IAAI,CAAC;KAC9C,CAAC;IACF,MAAM,EAAE;QACN,OAAO,EAAE;YACP;gBACE,IAAI,EAAE,IAAI,CAAC;aACZ;SACF,CAAC;KACH,CAAC;CACH,CAAC;IACyB,aAAa,CAAC,EAAE,KAAK,CAAC;IAE/C,YAAY,UAAW,KAAK,UAU1B;IAEF,SAAS,UAAW,KAAK,GAAG,SAAS,aAAkC;CAexE"}
+{"version":3,"file":"toggle-group.d.ts","sourceRoot":"","sources":["../../src/components/toggle-group.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,oBAAoB,CAAC;AAc3C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAYrD,MAAM,WAAW,aAAa,CAAC,KAAK,GAAG,GAAG;IACxC;;OAEG;IACH,OAAO,EAAE,iBAAiB,CAAC;IAC3B,IAAI,EAAE;QACJ;;;;WAIG;QACH,KAAK,CAAC,EAAE,KAAK,CAAC;KACf,CAAC;IACF,MAAM,EAAE;QACN,OAAO,EAAE;YACP;;;;eAIG;YACH,OAAO,EAAE,OAAO;SACjB,CAAC;KACH,CAAC;CACH;AAED,MAAM,MAAM,IAAI,CAAC,KAAK,GAAG,GAAG,IAAI,aAAa,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;AAEpE,MAAM,WAAW,eAAe,CAAC,KAAK;IACpC,OAAO,EAAE,cAAc,CAAC;IACxB,IAAI,EAAE;QACJ;;WAEG;QACH,KAAK,CAAC,EAAE,KAAK,CAAC;QACd;;;;;;;WAOG;QACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,SAAS,KAAK,IAAI,CAAC;KAC/C,CAAC;IACF,MAAM,EAAE;QACN,OAAO,EAAE;YACP;gBACE;;mBAEG;gBACH,IAAI,EAAE,IAAI,CAAC;aACZ;SACF,CAAC;KACH,CAAC;CACH;AAED,MAAM,WAAW,cAAc,CAAC,KAAK,GAAG,GAAG;IACzC,OAAO,EAAE,cAAc,CAAC;IACxB,IAAI,EAAE;QACJ;;WAEG;QACH,KAAK,CAAC,EAAE,KAAK,EAAE,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC;QACrC;;;;;;;WAOG;QACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;KACxC,CAAC;IACF,MAAM,EAAE;QACN,OAAO,EAAE;YACP;gBACE;;mBAEG;gBACH,IAAI,EAAE,IAAI,CAAC;aACZ;SACF,CAAC;KACH,CAAC;CACH;AAED,UAAU,sBAAsB,CAAC,KAAK,GAAG,GAAG;IAC1C,OAAO,EAAE,cAAc,CAAC;IACxB,IAAI,EAAE;QACJ,IAAI,CAAC,EAAE,QAAQ,CAAC;QAEhB;;WAEG;QACH,KAAK,CAAC,EAAE,KAAK,CAAC;QACd;;;;;;;WAOG;QACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,SAAS,KAAK,IAAI,CAAC;KAC/C,CAAC;IACF,MAAM,EAAE;QACN,OAAO,EAAE;YACP;gBACE,IAAI,EAAE,IAAI,CAAC;aACZ;SACF,CAAC;KACH,CAAC;CACH;AAED,UAAU,qBAAqB,CAAC,KAAK,GAAG,GAAG;IACzC,OAAO,EAAE,cAAc,CAAC;IACxB,IAAI,EAAE;QACJ,IAAI,EAAE,OAAO,CAAC;QACd;;WAEG;QACH,KAAK,CAAC,EAAE,KAAK,EAAE,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC;QACrC;;;;;;;WAOG;QACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;KACxC,CAAC;IACF,MAAM,EAAE;QACN,OAAO,EAAE;YACP;gBACE,IAAI,EAAE,IAAI,CAAC;aACZ;SACF,CAAC;KACH,CAAC;CACH;AAMD,qBAAa,WAAW,CAAC,KAAK,GAAG,GAAG,CAAE,SAAQ,SAAS,CACrD,sBAAsB,CAAC,KAAK,CAAC,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAC7D;CA0BA"}

package/declarations/components/toggle.d.ts

@@ -19,7 +19,7 @@ export interface Signature<Value = any> {
          * This can be useful when using the same function for the `@onChange`
          * handler with multiple `<Toggle>` components.
          */
-        onChange?: (value?: Value | undefined) => void;
+        onChange?: (value: Value | undefined, pressed: boolean) => void;
         /**
          * When used in a group of Toggles, this option will be helpful to
          * know which toggle was pressed if you're using the same @onChange

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

@@ -1 +1 @@
-{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../src/components/toggle.ts"],"names":[],"mappings":";AAOA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAC;AAG1D,MAAM,WAAW,SAAS,CAAC,KAAK,GAAG,GAAG;IACpC,OAAO,EAAE,iBAAiB,CAAC;IAC3B,IAAI,EAAE;QACJ;;;;WAIG;QACH,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB;;;;;;;;;;WAUG;QACH,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,GAAG,SAAS,KAAK,IAAI,CAAC;QAE/C;;;;WAIG;QACH,KAAK,CAAC,EAAE,KAAK,CAAC;QAEd;;WAEG;QACH,SAAS,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,GAAG,SAAS,KAAK,OAAO,CAAC;KACpD,CAAC;IACF,MAAM,EAAE;QACN,OAAO,EAAE;YACP;;;;eAIG;YACH,OAAO,EAAE,OAAO;SACjB,CAAC;KACH,CAAC;CACH;AAaD,eAAO,MAAM,MAAM,EAAE,GAAG,CAAC,SAAS,CAmBhC,CAAC;AAEH,eAAe,MAAM,CAAC"}
+{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../src/components/toggle.ts"],"names":[],"mappings":";AAQA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,gCAAgC,CAAC;AAG1D,MAAM,WAAW,SAAS,CAAC,KAAK,GAAG,GAAG;IACpC,OAAO,EAAE,iBAAiB,CAAC;IAC3B,IAAI,EAAE;QACJ;;;;WAIG;QACH,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB;;;;;;;;;;WAUG;QACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,SAAS,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;QAEhE;;;;WAIG;QACH,KAAK,CAAC,EAAE,KAAK,CAAC;QAEd;;WAEG;QACH,SAAS,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,GAAG,SAAS,KAAK,OAAO,CAAC;KACpD,CAAC;IACF,MAAM,EAAE;QACN,OAAO,EAAE;YACP;;;;eAIG;YACH,OAAO,EAAE,OAAO;SACjB,CAAC;KACH,CAAC;CACH;AAaD,eAAO,MAAM,MAAM,EAAE,GAAG,CAAC,SAAS,CAmBhC,CAAC;AAEH,eAAe,MAAM,CAAC"}

package/declarations/floating-ui/component.d.ts

@@ -0,0 +1,46 @@
+import Component from '@glimmer/component';
+import VelcroModifier from './modifier.ts';
+import type { Signature as ModifierSignature } from './modifier.ts';
+import type { MiddlewareState } from '@floating-ui/dom';
+import type { WithBoundArgs, WithBoundPositionals } from '@glint/template';
+import type { ModifierLike } from '@glint/template';
+type ModifierArgs = ModifierSignature['Args']['Named'];
+export interface Signature {
+    Args: {
+        middleware?: ModifierArgs['middleware'];
+        placement?: ModifierArgs['placement'];
+        strategy?: ModifierArgs['strategy'];
+        flipOptions?: ModifierArgs['flipOptions'];
+        hideOptions?: ModifierArgs['hideOptions'];
+        shiftOptions?: ModifierArgs['shiftOptions'];
+        offsetOptions?: ModifierArgs['offsetOptions'];
+    };
+    Blocks: {
+        default: [
+            velcro: {
+                hook: ModifierLike<HookSignature>;
+                setHook: (element: HTMLElement | SVGElement) => void;
+                loop?: WithBoundArgs<WithBoundPositionals<typeof VelcroModifier, 1>, keyof ModifierArgs>;
+                data?: MiddlewareState;
+            }
+        ];
+    };
+}
+interface HookSignature {
+    Element: HTMLElement | SVGElement;
+}
+export default class Velcro extends Component<Signature> {
+    hook?: HTMLElement | SVGElement;
+    velcroData?: MiddlewareState;
+    setVelcroData: ModifierArgs['setVelcroData'];
+    setHook: (element: HTMLElement | SVGElement) => void;
+    velcroHook: import("ember-modifier").FunctionBasedModifier<{
+        Element: HTMLElement | SVGElement;
+        Args: {
+            Named: import("ember-modifier/-private/signature.js").EmptyObject;
+            Positional: [];
+        };
+    }>;
+}
+export {};
+//# sourceMappingURL=component.d.ts.map

package/declarations/floating-ui/component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/floating-ui/component.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,oBAAoB,CAAC;AAM3C,OAAO,cAAc,MAAM,eAAe,CAAC;AAE3C,OAAO,KAAK,EAAE,SAAS,IAAI,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACpE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,KAAK,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAC3E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEpD,KAAK,YAAY,GAAG,iBAAiB,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC;AAEvD,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE;QACJ,UAAU,CAAC,EAAE,YAAY,CAAC,YAAY,CAAC,CAAC;QACxC,SAAS,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;QACtC,QAAQ,CAAC,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;QACpC,WAAW,CAAC,EAAE,YAAY,CAAC,aAAa,CAAC,CAAC;QAC1C,WAAW,CAAC,EAAE,YAAY,CAAC,aAAa,CAAC,CAAC;QAC1C,YAAY,CAAC,EAAE,YAAY,CAAC,cAAc,CAAC,CAAC;QAC5C,aAAa,CAAC,EAAE,YAAY,CAAC,eAAe,CAAC,CAAC;KAC/C,CAAC;IACF,MAAM,EAAE;QACN,OAAO,EAAE;YACP,MAAM,EAAE;gBACN,IAAI,EAAE,YAAY,CAAC,aAAa,CAAC,CAAC;gBAClC,OAAO,EAAE,CAAC,OAAO,EAAE,WAAW,GAAG,UAAU,KAAK,IAAI,CAAC;gBACrD,IAAI,CAAC,EAAE,aAAa,CAAC,oBAAoB,CAAC,OAAO,cAAc,EAAE,CAAC,CAAC,EAAE,MAAM,YAAY,CAAC,CAAC;gBACzF,IAAI,CAAC,EAAE,eAAe,CAAC;aACxB;SACF,CAAC;KACH,CAAC;CACH;AAED,UAAU,aAAa;IACrB,OAAO,EAAE,WAAW,GAAG,UAAU,CAAC;CACnC;AAED,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,SAAS,CAAC,SAAS,CAAC;IAC7C,IAAI,CAAC,EAAE,WAAW,GAAG,UAAU,CAAa;IAG5C,UAAU,CAAC,EAAE,eAAe,CAAa;IAElD,aAAa,EAAE,YAAY,CAAC,eAAe,CAAC,CAAsC;IAElF,OAAO,YAAa,WAAW,GAAG,UAAU,UAE1C;IAEF,UAAU;;;;;;OAEP;CAyBJ"}

package/declarations/floating-ui/middleware.d.ts

@@ -0,0 +1,3 @@
+import type { Middleware } from '@floating-ui/dom';
+export declare function velcroData(): Middleware;
+//# sourceMappingURL=middleware.d.ts.map

package/declarations/floating-ui/middleware.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"middleware.d.ts","sourceRoot":"","sources":["../../src/floating-ui/middleware.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnD,wBAAgB,UAAU,IAAI,UAAU,CAUvC"}

package/declarations/floating-ui/modifier.d.ts

@@ -0,0 +1,22 @@
+import Modifier from 'ember-modifier';
+import type { FlipOptions, HideOptions, Middleware, OffsetOptions, Placement, ShiftOptions, Strategy } from '@floating-ui/dom';
+export interface Signature {
+    Element: HTMLElement;
+    Args: {
+        Positional: [referenceElement: string | HTMLElement | SVGElement];
+        Named: {
+            strategy?: Strategy;
+            offsetOptions?: OffsetOptions;
+            placement?: Placement;
+            flipOptions?: FlipOptions;
+            shiftOptions?: ShiftOptions;
+            hideOptions?: HideOptions;
+            middleware?: Middleware[];
+            setVelcroData?: Middleware['fn'];
+        };
+    };
+}
+export default class VelcroModifier extends Modifier<Signature> {
+    modify(floatingElement: Signature['Element'], [_referenceElement]: Signature['Args']['Positional'], { strategy, offsetOptions, placement, flipOptions, shiftOptions, middleware, setVelcroData, }: Signature['Args']['Named']): void;
+}
+//# sourceMappingURL=modifier.d.ts.map

package/declarations/floating-ui/modifier.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modifier.d.ts","sourceRoot":"","sources":["../../src/floating-ui/modifier.ts"],"names":[],"mappings":"AAIA,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AAItC,OAAO,KAAK,EACV,WAAW,EACX,WAAW,EACX,UAAU,EACV,aAAa,EACb,SAAS,EACT,YAAY,EACZ,QAAQ,EACT,MAAM,kBAAkB,CAAC;AAE1B,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,WAAW,CAAC;IACrB,IAAI,EAAE;QACJ,UAAU,EAAE,CAAC,gBAAgB,EAAE,MAAM,GAAG,WAAW,GAAG,UAAU,CAAC,CAAC;QAClE,KAAK,EAAE;YACL,QAAQ,CAAC,EAAE,QAAQ,CAAC;YACpB,aAAa,CAAC,EAAE,aAAa,CAAC;YAC9B,SAAS,CAAC,EAAE,SAAS,CAAC;YACtB,WAAW,CAAC,EAAE,WAAW,CAAC;YAC1B,YAAY,CAAC,EAAE,YAAY,CAAC;YAC5B,WAAW,CAAC,EAAE,WAAW,CAAC;YAC1B,UAAU,CAAC,EAAE,UAAU,EAAE,CAAC;YAC1B,aAAa,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC;SAClC,CAAC;KACH,CAAC;CACH;AAED,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,QAAQ,CAAC,SAAS,CAAC;IAC7D,MAAM,CACJ,eAAe,EAAE,SAAS,CAAC,SAAS,CAAC,EACrC,CAAC,iBAAiB,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,YAAY,CAAC,EACpD,EACE,QAAkB,EAClB,aAAiB,EACjB,SAAoB,EACpB,WAAW,EACX,YAAY,EACZ,UAAe,EACf,aAAa,GACd,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC;CA+DhC"}

package/declarations/floating-ui.d.ts

@@ -0,0 +1,3 @@
+export { default as FloatingUI } from "./floating-ui/component";
+export { default as floatingUI } from './floating-ui/modifier.ts';
+//# sourceMappingURL=floating-ui.d.ts.map

package/declarations/floating-ui.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"floating-ui.d.ts","sourceRoot":"","sources":["../src/floating-ui.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,2BAA2B,CAAC"}

package/declarations/index.d.ts

@@ -6,6 +6,7 @@ export { ExternalLink } from "./components/external-link";
 export { Form } from "./components/form";
 export { StickyFooter } from "./components/layout/sticky-footer/index";
 export { Link } from "./components/link";
+export { Menu } from "./components/menu";
 export { OTP, OTPInput } from "./components/one-time-password/index";
 export { Popover } from "./components/popover";
 export { Portal } from "./components/portal";

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,YAAY,EAAE,MAAM,6CAA6C,CAAC;AAC3E,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,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,cAAc,cAAc,CAAC;AAC7B,YAAY,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,sCAAsC,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,YAAY,EAAE,MAAM,6CAA6C,CAAC;AAC3E,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,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,cAAc,cAAc,CAAC;AAC7B,YAAY,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,sCAAsC,CAAC"}

package/declarations/services/ember-primitives/setup.d.ts

@@ -18,10 +18,10 @@ export default class EmberPrimitivesSetup extends Service {
          *
          * Defaults to `true`,
          *
-         * Will fallback to an existing tabster instance automatically if `getCurrentTabster` returns a value.
+         * Will fallback to an existing tabster instance automatically if `getTabster` returns a value.
          */
-        tabster?: boolean | undefined;
-        setTabsterRoot?: boolean | undefined;
+        tabster?: boolean;
+        setTabsterRoot?: boolean;
     }) => void;
 }
 //# sourceMappingURL=setup.d.ts.map

package/declarations/services/ember-primitives/setup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"setup.d.ts","sourceRoot":"","sources":["../../../src/services/ember-primitives/setup.ts"],"names":[],"mappings":";;AACA,OAAO,OAAO,MAAM,gBAAgB,CAAC;AAIrC;;GAEG;AACH,eAAO,MAAM,UAAU,eAAyC,CAAC;AAEjE,MAAM,CAAC,OAAO,OAAO,oBAAqB,SAAQ,OAAO;;IACvD;;OAEG;IACH,KAAK;QAIH;;;;;;;;;;WAUG;;;eAkBH;CAKH"}
+{"version":3,"file":"setup.d.ts","sourceRoot":"","sources":["../../../src/services/ember-primitives/setup.ts"],"names":[],"mappings":";;AACA,OAAO,OAAO,MAAM,gBAAgB,CAAC;AAIrC;;GAEG;AACH,eAAO,MAAM,UAAU,eAAyC,CAAC;AAEjE,MAAM,CAAC,OAAO,OAAO,oBAAqB,SAAQ,OAAO;;IACvD;;OAEG;IACH,KAAK,kCAGF;QACD;;;;;;;;;;WAUG;QACH,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,cAAc,CAAC,EAAE,OAAO,CAAC;KAC1B,UAeC;CAMH"}

package/dist/_app_/components/menu.js

@@ -0,0 +1 @@
+export { default } from "ember-primitives/components/menu";

package/dist/components/-private/utils.js

@@ -2,7 +2,9 @@
  * If the user provides an onChange or similar function, use that,
  * otherwise fallback to the uncontrolled toggle
  */
-function toggleWithFallback(uncontrolledToggle, controlledToggle, ...args) {
+function toggleWithFallback(uncontrolledToggle,
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+controlledToggle, ...args) {
   if (controlledToggle) {
     return controlledToggle(...args);
   }

package/dist/components/-private/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../src/components/-private/utils.ts"],"sourcesContent":["/**\n * If the user provides an onChange or similar function, use that,\n * otherwise fallback to the uncontrolled toggle\n */\nexport function toggleWithFallback(\n  uncontrolledToggle: (...args: unknown[]) => void,\n  controlledToggle?: (...args: unknown[]) => void,\n  ...args: unknown[]\n) {\n  if (controlledToggle) {\n    return controlledToggle(...args);\n  }\n\n  uncontrolledToggle(...args);\n}\n"],"names":["toggleWithFallback","uncontrolledToggle","controlledToggle","args"],"mappings":"AAAA;AACA;AACA;AACA;AACO,SAASA,kBAAkBA,CAChCC,kBAAgD,EAChDC,gBAA+C,EAC/C,GAAGC,IAAe,EAClB;AACA,EAAA,IAAID,gBAAgB,EAAE;AACpB,IAAA,OAAOA,gBAAgB,CAAC,GAAGC,IAAI,CAAC,CAAA;AAClC,GAAA;EAEAF,kBAAkB,CAAC,GAAGE,IAAI,CAAC,CAAA;AAC7B;;;;"}
+{"version":3,"file":"utils.js","sources":["../../../src/components/-private/utils.ts"],"sourcesContent":["/**\n * If the user provides an onChange or similar function, use that,\n * otherwise fallback to the uncontrolled toggle\n */\nexport function toggleWithFallback(\n  uncontrolledToggle: (...args: unknown[]) => void,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  controlledToggle?: (...args: any[]) => void,\n  ...args: unknown[]\n) {\n  if (controlledToggle) {\n    return controlledToggle(...args);\n  }\n\n  uncontrolledToggle(...args);\n}\n"],"names":["toggleWithFallback","uncontrolledToggle","controlledToggle","args"],"mappings":"AAAA;AACA;AACA;AACA;AACO,SAASA,kBAAkBA,CAChCC,kBAAgD;AAChD;AACAC,gBAA2C,EAC3C,GAAGC,IAAe,EAClB;AACA,EAAA,IAAID,gBAAgB,EAAE;AACpB,IAAA,OAAOA,gBAAgB,CAAC,GAAGC,IAAI,CAAC,CAAA;AAClC,GAAA;EAEAF,kBAAkB,CAAC,GAAGE,IAAI,CAAC,CAAA;AAC7B;;;;"}

package/dist/components/menu.js

@@ -0,0 +1,123 @@
+import Component from '@glimmer/component';
+import { guidFor } from '@ember/object/internals';
+import { modifier } from 'ember-modifier';
+import { cell } from 'ember-resources';
+import { getTabsterAttribute, Types, getTabster } from 'tabster';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import templateOnly from '@ember/component/template-only';
+import { on } from '@ember/modifier';
+import { hash } from '@ember/helper';
+import { Popover } from './popover.js';
+
+const TABSTER_CONFIG_CONTENT = getTabsterAttribute({
+  mover: {
+    direction: Types.MoverDirections.Both,
+    cyclic: true
+  },
+  deloser: {}
+}, true);
+const TABSTER_CONFIG_TRIGGER = getTabsterAttribute({
+  deloser: {}
+}, true);
+const Separator = setComponentTemplate(precompileTemplate("\n  <div role=\"separator\" ...attributes>\n    {{yield}}\n  </div>\n", {
+  strictMode: true
+}), templateOnly());
+/**
+ * We focus items on `pointerMove` to achieve the following:
+ *
+ * - Mouse over an item (it focuses)
+ * - Leave mouse where it is and use keyboard to focus a different item
+ * - Wiggle mouse without it leaving previously focused item
+ * - Previously focused item should re-focus
+ *
+ * If we used `mouseOver`/`mouseEnter` it would not re-focus when the mouse
+ * wiggles. This is to match native menu implementation.
+ */
+function focusOnHover(e1) {
+  const item1 = e1.currentTarget;
+  if (item1 instanceof HTMLElement) {
+    item1?.focus();
+  }
+}
+const Item = setComponentTemplate(precompileTemplate("\n  <button type=\"button\" role=\"menuitem\" {{!-- @glint-ignore !--}} {{(if @onSelect (modifier on \"click\" @onSelect))}} {{on \"pointermove\" focusOnHover}} ...attributes>\n    {{yield}}\n  </button>\n", {
+  scope: () => ({
+    on,
+    focusOnHover
+  }),
+  strictMode: true
+}), templateOnly());
+const installContent = modifier((element1, _1, {
+  isOpen: isOpen1,
+  triggerElement: triggerElement1
+}) => {
+  // focus first focusable element on the content
+  const tabster1 = getTabster(window);
+  const firstFocusable1 = tabster1?.focusable.findFirst({
+    container: element1
+  });
+  firstFocusable1?.focus();
+  // listen for "outside" clicks
+  function onDocumentClick1(e1) {
+    if (isOpen1.current && e1.target && !element1.contains(e1.target) && !triggerElement1.current?.contains(e1.target)) {
+      isOpen1.current = false;
+    }
+  }
+  // listen for the escape key
+  function onDocumentKeydown1(e1) {
+    if (isOpen1.current && e1.key === 'Escape') {
+      isOpen1.current = false;
+    }
+  }
+  document.addEventListener('click', onDocumentClick1);
+  document.addEventListener('keydown', onDocumentKeydown1);
+  return () => {
+    document.removeEventListener('click', onDocumentClick1);
+    document.removeEventListener('keydown', onDocumentKeydown1);
+  };
+});
+const Content = setComponentTemplate(precompileTemplate("\n  {{#if @isOpen.current}}\n    <@PopoverContent id={{@contentId}} role=\"menu\" data-tabster={{TABSTER_CONFIG_CONTENT}} tabindex=\"0\" {{installContent isOpen=@isOpen triggerElement=@triggerElement}} {{on \"click\" @isOpen.toggle}} ...attributes>\n      {{yield (hash Item=Item Separator=Separator)}}\n    </@PopoverContent>\n  {{/if}}\n", {
+  scope: () => ({
+    TABSTER_CONFIG_CONTENT,
+    installContent,
+    on,
+    hash,
+    Item,
+    Separator
+  }),
+  strictMode: true
+}), templateOnly());
+const installTrigger = modifier((element1, _1, {
+  triggerElement: triggerElement1
+}) => {
+  triggerElement1.current = element1;
+});
+const Trigger = setComponentTemplate(precompileTemplate("\n  <button data-tabster={{TABSTER_CONFIG_TRIGGER}} type=\"button\" aria-controls={{if @isOpen.current @contentId}} aria-haspopup=\"menu\" aria-expanded={{if @isOpen.current \"true\" \"false\"}} {{@hook}} {{installTrigger triggerElement=@triggerElement}} {{on \"click\" @isOpen.toggle}} ...attributes>\n    {{yield}}\n  </button>\n", {
+  scope: () => ({
+    TABSTER_CONFIG_TRIGGER,
+    installTrigger,
+    on
+  }),
+  strictMode: true
+}), templateOnly());
+const IsOpen = () => cell(false);
+const TriggerElement = () => cell();
+class Menu extends Component {
+  contentId = guidFor(this);
+  static {
+    setComponentTemplate(precompileTemplate("\n    {{#let (IsOpen) (TriggerElement) as |isOpen triggerEl|}}\n      <Popover @flipOptions={{@flipOptions}} @middleware={{@middleware}} @offsetOptions={{@offsetOptions}} @placement={{@placement}} @shiftOptions={{@shiftOptions}} @strategy={{@strategy}} @inline={{@inline}} as |p|>\n        {{yield (hash Trigger=(component Trigger hook=p.hook isOpen=isOpen triggerElement=triggerEl contentId=this.contentId) Content=(component Content PopoverContent=p.Content isOpen=isOpen triggerElement=triggerEl contentId=this.contentId) arrow=p.arrow isOpen=isOpen.current)}}\n      </Popover>\n    {{/let}}\n  ", {
+      scope: () => ({
+        IsOpen,
+        TriggerElement,
+        Popover,
+        hash,
+        Trigger,
+        Content
+      }),
+      strictMode: true
+    }), this);
+  }
+}
+
+export { Menu, Menu as default };
+//# sourceMappingURL=menu.js.map

package/dist/components/menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.js","sources":["../../src/components/menu.gts"],"sourcesContent":["import { template } from \"@ember/template-compiler\";\nimport Component from '@glimmer/component';\nimport { hash } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport { guidFor } from '@ember/object/internals';\nimport { modifier } from 'ember-modifier';\nimport { cell } from 'ember-resources';\nimport { getTabster, getTabsterAttribute, Types } from 'tabster';\nimport { Popover, type Signature as PopoverSignature } from './popover.gts';\nimport type { TOC } from '@ember/component/template-only';\nimport type { WithBoundArgs } from '@glint/template';\ntype Cell<V> = ReturnType<typeof cell>;\nconst TABSTER_CONFIG_CONTENT = getTabsterAttribute({\n    mover: {\n        direction: Types.MoverDirections.Both,\n        cyclic: true\n    },\n    deloser: {}\n}, true);\nconst TABSTER_CONFIG_TRIGGER = getTabsterAttribute({\n    deloser: {}\n}, true);\nexport interface Signature {\n    Args: PopoverSignature['Args'];\n    Blocks: {\n        default: [{\n                arrow: PopoverSignature['Blocks']['default'][0]['arrow'];\n                Trigger: WithBoundArgs<typeof Trigger, 'triggerElement' | 'contentId' | 'isOpen' | 'hook'>;\n                Content: WithBoundArgs<typeof Content, 'triggerElement' | 'contentId' | 'isOpen' | 'PopoverContent'>;\n                isOpen: boolean;\n            }];\n    };\n}\nconst Separator: TOC<{\n    Element: HTMLDivElement;\n    Args: {\n    };\n    Blocks: {\n        default: [];\n    };\n}> = template(`\n  <div role=\"separator\" ...attributes>\n    {{yield}}\n  </div>\n`, {\n    eval () {\n        return eval(arguments[0]);\n    }\n});\n/**\n * We focus items on `pointerMove` to achieve the following:\n *\n * - Mouse over an item (it focuses)\n * - Leave mouse where it is and use keyboard to focus a different item\n * - Wiggle mouse without it leaving previously focused item\n * - Previously focused item should re-focus\n *\n * If we used `mouseOver`/`mouseEnter` it would not re-focus when the mouse\n * wiggles. This is to match native menu implementation.\n */ function focusOnHover(e1: PointerEvent) {\n    const item1 = e1.currentTarget;\n    if (item1 instanceof HTMLElement) {\n        item1?.focus();\n    }\n}\nconst Item: TOC<{\n    Element: HTMLButtonElement;\n    Args: {\n        onSelect?: (event: Event) => void;\n    };\n    Blocks: {\n        default: [];\n    };\n}> = template(`\n  <button\n    type=\"button\"\n    role=\"menuitem\"\n    {{! @glint-ignore !}}\n    {{(if @onSelect (modifier on \"click\" @onSelect))}}\n    {{on \"pointermove\" focusOnHover}}\n    ...attributes\n  >\n    {{yield}}\n  </button>\n`, {\n    eval () {\n        return eval(arguments[0]);\n    }\n});\nconst installContent = modifier<{\n    Element: HTMLElement;\n    Args: {\n        Named: {\n            isOpen: Cell<boolean>;\n            triggerElement: Cell<HTMLElement>;\n        };\n    };\n}>((element1, _1: [], { isOpen: isOpen1, triggerElement: triggerElement1 })=>{\n    // focus first focusable element on the content\n    const tabster1 = getTabster(window);\n    const firstFocusable1 = tabster1?.focusable.findFirst({\n        container: element1\n    });\n    firstFocusable1?.focus();\n    // listen for \"outside\" clicks\n    function onDocumentClick1(e1: MouseEvent) {\n        if (isOpen1.current && e1.target && !element1.contains(e1.target as HTMLElement) && !triggerElement1.current?.contains(e1.target as HTMLElement)) {\n            isOpen1.current = false;\n        }\n    }\n    // listen for the escape key\n    function onDocumentKeydown1(e1: KeyboardEvent) {\n        if (isOpen1.current && e1.key === 'Escape') {\n            isOpen1.current = false;\n        }\n    }\n    document.addEventListener('click', onDocumentClick1);\n    document.addEventListener('keydown', onDocumentKeydown1);\n    return ()=>{\n        document.removeEventListener('click', onDocumentClick1);\n        document.removeEventListener('keydown', onDocumentKeydown1);\n    };\n});\nconst Content: TOC<{\n    Element: HTMLDivElement;\n    Args: {\n        triggerElement: Cell<HTMLElement>;\n        contentId: string;\n        isOpen: Cell<boolean>;\n        PopoverContent: PopoverSignature['Blocks']['default'][0]['Content'];\n    };\n    Blocks: {\n        default: [{\n                Item: typeof Item;\n                Separator: typeof Separator;\n            }];\n    };\n}> = template(`\n  {{#if @isOpen.current}}\n    <@PopoverContent\n      id={{@contentId}}\n      role=\"menu\"\n      data-tabster={{TABSTER_CONFIG_CONTENT}}\n      tabindex=\"0\"\n      {{installContent isOpen=@isOpen triggerElement=@triggerElement}}\n      {{on \"click\" @isOpen.toggle}}\n      ...attributes\n    >\n      {{yield (hash Item=Item Separator=Separator)}}\n    </@PopoverContent>\n  {{/if}}\n`, {\n    eval () {\n        return eval(arguments[0]);\n    }\n});\nconst installTrigger = modifier<{\n    Element: HTMLElement;\n    Args: {\n        Named: {\n            triggerElement: Cell<HTMLElement>;\n        };\n    };\n}>((element1, _1: [], { triggerElement: triggerElement1 })=>{\n    triggerElement1.current = element1;\n});\nconst Trigger: TOC<{\n    Element: HTMLButtonElement;\n    Args: {\n        triggerElement: Cell<HTMLElement>;\n        contentId: string;\n        isOpen: Cell<boolean>;\n        hook: PopoverSignature['Blocks']['default'][0]['hook'];\n    };\n    Blocks: {\n        default: [];\n    };\n}> = template(`\n  <button\n    data-tabster={{TABSTER_CONFIG_TRIGGER}}\n    type=\"button\"\n    aria-controls={{if @isOpen.current @contentId}}\n    aria-haspopup=\"menu\"\n    aria-expanded={{if @isOpen.current \"true\" \"false\"}}\n    {{@hook}}\n    {{installTrigger triggerElement=@triggerElement}}\n    {{on \"click\" @isOpen.toggle}}\n    ...attributes\n  >\n    {{yield}}\n  </button>\n`, {\n    eval () {\n        return eval(arguments[0]);\n    }\n});\nconst IsOpen = ()=>cell<boolean>(false);\nconst TriggerElement = ()=>cell<HTMLElement>();\nexport class Menu extends Component<Signature> {\n    contentId = guidFor(this);\n    static{\n        template(`\n    {{#let (IsOpen) (TriggerElement) as |isOpen triggerEl|}}\n      <Popover\n        @flipOptions={{@flipOptions}}\n        @middleware={{@middleware}}\n        @offsetOptions={{@offsetOptions}}\n        @placement={{@placement}}\n        @shiftOptions={{@shiftOptions}}\n        @strategy={{@strategy}}\n        @inline={{@inline}}\n        as |p|\n      >\n        {{yield\n          (hash\n            Trigger=(component\n              Trigger hook=p.hook isOpen=isOpen triggerElement=triggerEl contentId=this.contentId\n            )\n            Content=(component\n              Content\n              PopoverContent=p.Content\n              isOpen=isOpen\n              triggerElement=triggerEl\n              contentId=this.contentId\n            )\n            arrow=p.arrow\n            isOpen=isOpen.current\n          )\n        }}\n      </Popover>\n    {{/let}}\n  `, {\n            component: this,\n            eval () {\n                return eval(arguments[0]);\n            }\n        });\n    }\n}\nexport default Menu;\n"],"names":["TABSTER_CONFIG_CONTENT","getTabsterAttribute","mover","direction","Types","MoverDirections","Both","cyclic","deloser","TABSTER_CONFIG_TRIGGER","Separator","setComponentTemplate","precompileTemplate","strictMode","templateOnly","focusOnHover","e1","item1","currentTarget","HTMLElement","focus","Item","scope","on","installContent","modifier","element1","_1","isOpen","isOpen1","triggerElement","triggerElement1","tabster1","getTabster","window","firstFocusable1","focusable","findFirst","container","onDocumentClick1","current","target","contains","onDocumentKeydown1","key","document","addEventListener","removeEventListener","Content","hash","installTrigger","Trigger","IsOpen","cell","TriggerElement","Menu","Component","contentId","guidFor","Popover"],"mappings":"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"}

package/dist/components/popover.js

@@ -7,7 +7,9 @@ import { TARGETS } from './portal-targets.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-import { Velcro } from 'ember-velcro';
+import Velcro from '../floating-ui/component.js';
+import '@ember/debug';
+import '@ember/destroyable';
 import { hash } from '@ember/helper';
 
 function getElementTag(tagName1) {
@@ -80,10 +82,10 @@ function flipOptions(options1) {
     ...options1
   };
 }
-const Popover = setComponentTemplate(precompileTemplate("\n  {{#let (ArrowElement) as |arrowElement|}}\n    <Velcro @placement={{@placement}} @strategy={{@strategy}} @middleware={{maybeAddArrow @middleware arrowElement.current}} @flipOptions={{flipOptions @flipOptions}} @shiftOptions={{@shiftOptions}} @offsetOptions={{@offsetOptions}} as |velcro|>\n      {{yield (hash hook=velcro.hook Content=(component Content loop=velcro.loop inline=@inline) data=velcro.data arrow=(modifier attachArrow arrowElement=arrowElement data=velcro.data))}}\n    </Velcro>\n  {{/let}}\n", {
+const Popover = setComponentTemplate(precompileTemplate("\n  {{#let (ArrowElement) as |arrowElement|}}\n    <FloatingUI @placement={{@placement}} @strategy={{@strategy}} @middleware={{maybeAddArrow @middleware arrowElement.current}} @flipOptions={{flipOptions @flipOptions}} @shiftOptions={{@shiftOptions}} @offsetOptions={{@offsetOptions}} as |fui|>\n      {{yield (hash hook=fui.hook setHook=fui.setHook Content=(component Content loop=fui.loop inline=@inline) data=fui.data arrow=(modifier attachArrow arrowElement=arrowElement data=fui.data))}}\n    </FloatingUI>\n  {{/let}}\n", {
   scope: () => ({
     ArrowElement,
-    Velcro,
+    FloatingUI: Velcro,
     maybeAddArrow,
     flipOptions,
     hash,

package/dist/components/popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover.js","sources":["../../src/components/popover.gts"],"sourcesContent":["import { template } from \"@ember/template-compiler\";\nimport { hash } from '@ember/helper';\nimport { arrow } from '@floating-ui/dom';\nimport { element } from 'ember-element-helper';\nimport { modifier } from 'ember-modifier';\nimport { cell } from 'ember-resources';\nimport { Velcro } from 'ember-velcro';\nimport { Portal } from './portal.gts';\nimport { TARGETS } from './portal-targets.gts';\nimport type { TOC } from '@ember/component/template-only';\nimport type { Middleware, MiddlewareData } from '@floating-ui/dom';\nimport type { ModifierLike, WithBoundArgs } from '@glint/template';\nimport type { Signature as HookSignature } from 'ember-velcro/modifiers/velcro';\nexport interface Signature {\n    Args: {\n        /**\n     * See the Floating UI's [flip docs](https://floating-ui.com/docs/flip) for possible values.\n     *\n     * This argument is forwarded to `ember-velcro`'s `<Velcro>` component.\n     */ flipOptions?: HookSignature['Args']['Named']['flipOptions'];\n        /**\n     * Array of one or more objects to add to Floating UI's list of [middleware](https://floating-ui.com/docs/middleware)\n     *\n     * This argument is forwarded to `ember-velcro`'s `<Velcro>` component.\n     */ middleware?: HookSignature['Args']['Named']['middleware'];\n        /**\n     * See the Floating UI's [offset docs](https://floating-ui.com/docs/offset) for possible values.\n     *\n     * This argument is forwarded to `ember-velcro`'s `<Velcro>` component.\n     */ offsetOptions?: HookSignature['Args']['Named']['offsetOptions'];\n        /**\n     * One of the possible [`placements`](https://floating-ui.com/docs/computeposition#placement). The default is 'bottom'.\n     *\n     * Possible values are\n     * - top\n     * - bottom\n     * - right\n     * - left\n     *\n     * And may optionally have `-start` or `-end` added to adjust position along the side.\n     *\n     * This argument is forwarded to `ember-velcro`'s `<Velcro>` component.\n     */ placement?: `${'top' | 'bottom' | 'left' | 'right'}${'' | '-start' | '-end'}`;\n        /**\n     * See the Floating UI's [shift docs](https://floating-ui.com/docs/shift) for possible values.\n     *\n     * This argument is forwarded to `ember-velcro`'s `<Velcro>` component.\n     */ shiftOptions?: HookSignature['Args']['Named']['shiftOptions'];\n        /**\n     * CSS position property, either `fixed` or `absolute`.\n     *\n     * Pros and cons of each strategy are explained on [Floating UI's Docs](https://floating-ui.com/docs/computePosition#strategy)\n     *\n     * This argument is forwarded to `ember-velcro`'s `<Velcro>` component.\n     */ strategy?: HookSignature['Args']['Named']['strategy'];\n        /**\n     * By default, the popover is portaled.\n     * If you don't control your CSS, and the positioning of the popover content\n     * is misbehaving, you may pass \"@inline={{true}}\" to opt out of portalling.\n     *\n     * Inline may also be useful in nested menus, where you know exactly how the nesting occurs\n     */ inline?: boolean;\n    };\n    Blocks: {\n        default: [{\n                hook: ModifierLike<HookSignature>;\n                Content: WithBoundArgs<typeof Content, 'loop'>;\n                data: MiddlewareData;\n                arrow: WithBoundArgs<ModifierLike<AttachArrowSignature>, 'arrowElement' | 'data'>;\n            }];\n    };\n}\nfunction getElementTag(tagName1: undefined | string) {\n    return tagName1 || 'div';\n}\n/**\n * Allows lazy evaluation of the portal target (do nothing until rendered)\n * This is useful because the algorithm for finding the portal target isn't cheap.\n */ const Content: TOC<{\n    Element: HTMLDivElement;\n    Args: {\n        loop: ModifierLike<{\n            Element: HTMLElement;\n        }>;\n        inline?: boolean;\n        /**\n     * By default the popover content is wrapped in a div.\n     * You may change this by supplying the name of an element here.\n     *\n     * For example:\n     * ```gjs\n     * <Popover as |p|>\n     *  <p.Content @as=\"dialog\">\n     *    this is now focus trapped\n     *  </p.Content>\n     * </Popover>\n     * ```\n     */ as?: string;\n    };\n    Blocks: {\n        default: [];\n    };\n}> = template(`\n  {{#let (element (getElementTag @as)) as |El|}}\n    {{#if @inline}}\n      {{! @glint-ignore\n            https://github.com/tildeio/ember-element-helper/issues/91\n            https://github.com/typed-ember/glint/issues/610\n      }}\n      <El {{@loop}} ...attributes>\n        {{yield}}\n      </El>\n    {{else}}\n      <Portal @to={{TARGETS.popover}}>\n        {{! @glint-ignore\n              https://github.com/tildeio/ember-element-helper/issues/91\n              https://github.com/typed-ember/glint/issues/610\n        }}\n        <El {{@loop}} ...attributes>\n          {{yield}}\n        </El>\n      </Portal>\n    {{/if}}\n  {{/let}}\n`, {\n    eval () {\n        return eval(arguments[0]);\n    }\n});\ninterface AttachArrowSignature {\n    Element: HTMLElement;\n    Args: {\n        Named: {\n            arrowElement: ReturnType<typeof ArrowElement>;\n            data?: {\n                middlewareData?: MiddlewareData;\n                placement?: Placement;\n            };\n        };\n    };\n}\nconst arrowSides = {\n    top: 'bottom',\n    right: 'left',\n    bottom: 'top',\n    left: 'right'\n};\ntype Direction = 'top' | 'bottom' | 'left' | 'right';\ntype Placement = `${Direction}${'' | '-start' | '-end'}`;\nconst attachArrow = modifier<AttachArrowSignature>((element1, _1: [], named1)=>{\n    if (element1 === named1.arrowElement.current) {\n        if (!named1.data) return;\n        if (!named1.data.middlewareData) return;\n        let { arrow: arrow1 } = named1.data.middlewareData;\n        let { placement: placement1 } = named1.data;\n        if (!arrow1) return;\n        if (!placement1) return;\n        let { x: arrowX1, y: arrowY1 } = arrow1;\n        let otherSide1 = (placement1 as Placement).split('-')[0] as Direction;\n        let staticSide1 = arrowSides[otherSide1];\n        Object.assign(named1.arrowElement.current.style, {\n            left: arrowX1 != null ? `${arrowX1}px` : '',\n            top: arrowY1 != null ? `${arrowY1}px` : '',\n            right: '',\n            bottom: '',\n            [staticSide1]: '-4px'\n        });\n        return;\n    }\n    (async ()=>{\n        await Promise.resolve();\n        named1.arrowElement.set(element1);\n    })();\n});\nconst ArrowElement: () => ReturnType<typeof cell> = ()=>cell<HTMLElement>();\nfunction maybeAddArrow(middleware1: Middleware[] | undefined, element1: Element | undefined) {\n    let result1 = [\n        ...(middleware1 || [])\n    ];\n    if (element1) {\n        result1.push(arrow({\n            element: element1\n        }));\n    }\n    return result1;\n}\nfunction flipOptions(options1: HookSignature['Args']['Named']['flipOptions']) {\n    return {\n        elementContext: 'reference',\n        ...options1\n    };\n}\nexport const Popover: TOC<Signature> = template(`\n  {{#let (ArrowElement) as |arrowElement|}}\n    <Velcro\n      @placement={{@placement}}\n      @strategy={{@strategy}}\n      @middleware={{maybeAddArrow @middleware arrowElement.current}}\n      @flipOptions={{flipOptions @flipOptions}}\n      @shiftOptions={{@shiftOptions}}\n      @offsetOptions={{@offsetOptions}}\n      as |velcro|\n    >\n      {{yield\n        (hash\n          hook=velcro.hook\n          Content=(component Content loop=velcro.loop inline=@inline)\n          data=velcro.data\n          arrow=(modifier attachArrow arrowElement=arrowElement data=velcro.data)\n        )\n      }}\n    </Velcro>\n  {{/let}}\n`, {\n    eval () {\n        return eval(arguments[0]);\n    }\n});\nexport default Popover;\n"],"names":["getElementTag","tagName1","Content","setComponentTemplate","precompileTemplate","scope","element","Portal","TARGETS","strictMode","templateOnly","arrowSides","top","right","bottom","left","attachArrow","modifier","element1","_1","named1","arrowElement","current","data","middlewareData","arrow","arrow1","placement","placement1","x","arrowX1","y","arrowY1","otherSide1","split","staticSide1","Object","assign","style","Promise","resolve","set","ArrowElement","cell","maybeAddArrow","middleware1","result1","push","flipOptions","options1","elementContext","Popover","Velcro","hash"],"mappings":"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"}
+{"version":3,"file":"popover.js","sources":["../../src/components/popover.gts"],"sourcesContent":["import { template } from \"@ember/template-compiler\";\nimport { hash } from '@ember/helper';\nimport { arrow } from '@floating-ui/dom';\nimport { element } from 'ember-element-helper';\nimport { modifier } from 'ember-modifier';\nimport { cell } from 'ember-resources';\nimport { FloatingUI } from '../floating-ui.ts';\nimport { Portal } from './portal.gts';\nimport { TARGETS } from './portal-targets.gts';\nimport type { Signature as FloatingUiComponentSignature } from '../floating-ui/component.ts';\nimport type { Signature as HookSignature } from '../floating-ui/modifier.ts';\nimport type { TOC } from '@ember/component/template-only';\nimport type { ElementContext, Middleware, MiddlewareData } from '@floating-ui/dom';\nimport type { ModifierLike, WithBoundArgs } from '@glint/template';\nexport interface Signature {\n    Args: {\n        /**\n     * See the Floating UI's [flip docs](https://floating-ui.com/docs/flip) for possible values.\n     *\n     * This argument is forwarded to `ember-velcro`'s `<Velcro>` component.\n     */ flipOptions?: HookSignature['Args']['Named']['flipOptions'];\n        /**\n     * Array of one or more objects to add to Floating UI's list of [middleware](https://floating-ui.com/docs/middleware)\n     *\n     * This argument is forwarded to `ember-velcro`'s `<Velcro>` component.\n     */ middleware?: HookSignature['Args']['Named']['middleware'];\n        /**\n     * See the Floating UI's [offset docs](https://floating-ui.com/docs/offset) for possible values.\n     *\n     * This argument is forwarded to `ember-velcro`'s `<Velcro>` component.\n     */ offsetOptions?: HookSignature['Args']['Named']['offsetOptions'];\n        /**\n     * One of the possible [`placements`](https://floating-ui.com/docs/computeposition#placement). The default is 'bottom'.\n     *\n     * Possible values are\n     * - top\n     * - bottom\n     * - right\n     * - left\n     *\n     * And may optionally have `-start` or `-end` added to adjust position along the side.\n     *\n     * This argument is forwarded to `ember-velcro`'s `<Velcro>` component.\n     */ placement?: `${'top' | 'bottom' | 'left' | 'right'}${'' | '-start' | '-end'}`;\n        /**\n     * See the Floating UI's [shift docs](https://floating-ui.com/docs/shift) for possible values.\n     *\n     * This argument is forwarded to `ember-velcro`'s `<Velcro>` component.\n     */ shiftOptions?: HookSignature['Args']['Named']['shiftOptions'];\n        /**\n     * CSS position property, either `fixed` or `absolute`.\n     *\n     * Pros and cons of each strategy are explained on [Floating UI's Docs](https://floating-ui.com/docs/computePosition#strategy)\n     *\n     * This argument is forwarded to `ember-velcro`'s `<Velcro>` component.\n     */ strategy?: HookSignature['Args']['Named']['strategy'];\n        /**\n     * By default, the popover is portaled.\n     * If you don't control your CSS, and the positioning of the popover content\n     * is misbehaving, you may pass \"@inline={{true}}\" to opt out of portalling.\n     *\n     * Inline may also be useful in nested menus, where you know exactly how the nesting occurs\n     */ inline?: boolean;\n    };\n    Blocks: {\n        default: [{\n                hook: FloatingUiComponentSignature['Blocks']['default'][0]['hook'];\n                setHook: FloatingUiComponentSignature['Blocks']['default'][0]['setHook'];\n                Content: WithBoundArgs<typeof Content, 'loop'>;\n                data: FloatingUiComponentSignature['Blocks']['default'][0]['data'];\n                arrow: WithBoundArgs<ModifierLike<AttachArrowSignature>, 'arrowElement' | 'data'>;\n            }];\n    };\n}\nfunction getElementTag(tagName1: undefined | string) {\n    return tagName1 || 'div';\n}\n/**\n * Allows lazy evaluation of the portal target (do nothing until rendered)\n * This is useful because the algorithm for finding the portal target isn't cheap.\n */ const Content: TOC<{\n    Element: HTMLDivElement;\n    Args: {\n        loop: ModifierLike<{\n            Element: HTMLElement;\n        }>;\n        inline?: boolean;\n        /**\n     * By default the popover content is wrapped in a div.\n     * You may change this by supplying the name of an element here.\n     *\n     * For example:\n     * ```gjs\n     * <Popover as |p|>\n     *  <p.Content @as=\"dialog\">\n     *    this is now focus trapped\n     *  </p.Content>\n     * </Popover>\n     * ```\n     */ as?: string;\n    };\n    Blocks: {\n        default: [];\n    };\n}> = template(`\n  {{#let (element (getElementTag @as)) as |El|}}\n    {{#if @inline}}\n      {{! @glint-ignore\n            https://github.com/tildeio/ember-element-helper/issues/91\n            https://github.com/typed-ember/glint/issues/610\n      }}\n      <El {{@loop}} ...attributes>\n        {{yield}}\n      </El>\n    {{else}}\n      <Portal @to={{TARGETS.popover}}>\n        {{! @glint-ignore\n              https://github.com/tildeio/ember-element-helper/issues/91\n              https://github.com/typed-ember/glint/issues/610\n        }}\n        <El {{@loop}} ...attributes>\n          {{yield}}\n        </El>\n      </Portal>\n    {{/if}}\n  {{/let}}\n`, {\n    eval () {\n        return eval(arguments[0]);\n    }\n});\ninterface AttachArrowSignature {\n    Element: HTMLElement;\n    Args: {\n        Named: {\n            arrowElement: ReturnType<typeof ArrowElement>;\n            data?: {\n                middlewareData?: MiddlewareData;\n                placement?: Placement;\n            };\n        };\n    };\n}\nconst arrowSides = {\n    top: 'bottom',\n    right: 'left',\n    bottom: 'top',\n    left: 'right'\n};\ntype Direction = 'top' | 'bottom' | 'left' | 'right';\ntype Placement = `${Direction}${'' | '-start' | '-end'}`;\nconst attachArrow = modifier<AttachArrowSignature>((element1, _1: [], named1)=>{\n    if (element1 === named1.arrowElement.current) {\n        if (!named1.data) return;\n        if (!named1.data.middlewareData) return;\n        let { arrow: arrow1 } = named1.data.middlewareData;\n        let { placement: placement1 } = named1.data;\n        if (!arrow1) return;\n        if (!placement1) return;\n        let { x: arrowX1, y: arrowY1 } = arrow1;\n        let otherSide1 = (placement1 as Placement).split('-')[0] as Direction;\n        let staticSide1 = arrowSides[otherSide1];\n        Object.assign(named1.arrowElement.current.style, {\n            left: arrowX1 != null ? `${arrowX1}px` : '',\n            top: arrowY1 != null ? `${arrowY1}px` : '',\n            right: '',\n            bottom: '',\n            [staticSide1]: '-4px'\n        });\n        return;\n    }\n    (async ()=>{\n        await Promise.resolve();\n        named1.arrowElement.set(element1);\n    })();\n});\nconst ArrowElement: () => ReturnType<typeof cell> = ()=>cell<HTMLElement>();\nfunction maybeAddArrow(middleware1: Middleware[] | undefined, element1: Element | undefined) {\n    let result1 = [\n        ...(middleware1 || [])\n    ];\n    if (element1) {\n        result1.push(arrow({\n            element: element1\n        }));\n    }\n    return result1;\n}\nfunction flipOptions(options1: HookSignature['Args']['Named']['flipOptions']) {\n    return {\n        elementContext: 'reference' as ElementContext,\n        ...options1\n    };\n}\nexport const Popover: TOC<Signature> = template(`\n  {{#let (ArrowElement) as |arrowElement|}}\n    <FloatingUI\n      @placement={{@placement}}\n      @strategy={{@strategy}}\n      @middleware={{maybeAddArrow @middleware arrowElement.current}}\n      @flipOptions={{flipOptions @flipOptions}}\n      @shiftOptions={{@shiftOptions}}\n      @offsetOptions={{@offsetOptions}}\n      as |fui|\n    >\n      {{yield\n        (hash\n          hook=fui.hook\n          setHook=fui.setHook\n          Content=(component Content loop=fui.loop inline=@inline)\n          data=fui.data\n          arrow=(modifier attachArrow arrowElement=arrowElement data=fui.data)\n        )\n      }}\n    </FloatingUI>\n  {{/let}}\n`, {\n    eval () {\n        return eval(arguments[0]);\n    }\n});\nexport default Popover;\n"],"names":["getElementTag","tagName1","Content","setComponentTemplate","precompileTemplate","scope","element","Portal","TARGETS","strictMode","templateOnly","arrowSides","top","right","bottom","left","attachArrow","modifier","element1","_1","named1","arrowElement","current","data","middlewareData","arrow","arrow1","placement","placement1","x","arrowX1","y","arrowY1","otherSide1","split","staticSide1","Object","assign","style","Promise","resolve","set","ArrowElement","cell","maybeAddArrow","middleware1","result1","push","flipOptions","options1","elementContext","Popover","FloatingUI","hash"],"mappings":"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"}

package/dist/components/toggle-group.js

@@ -1,24 +1,37 @@
 import Component from '@glimmer/component';
-import { Types } from 'tabster';
+import { cached } from '@glimmer/tracking';
+import { getTabsterAttribute, Types } from 'tabster';
+import { TrackedSet } from 'tracked-built-ins';
 import { localCopy } from 'tracked-toolbox';
-import { g, i } from 'decorator-transforms/runtime';
-import { hash } from '@ember/helper';
-import { Toggle } from './toggle.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
+import { g, i, n } from 'decorator-transforms/runtime';
+import { hash } from '@ember/helper';
+import { Toggle } from './toggle.js';
 
-const TABSTER_CONFIG = JSON.stringify({
+const TABSTER_CONFIG = getTabsterAttribute({
   mover: {
     direction: Types.MoverDirections.Both,
     cyclic: true
   }
-});
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
+}, true);
+function isMulti(x1) {
+  return x1 === 'multi';
+}
 class ToggleGroup extends Component {
+  // See: https://github.com/typed-ember/glint/issues/715
+  static {
+    setComponentTemplate(precompileTemplate("\n    {{#if (isMulti this.args.type)}}\n      <MultiToggleGroup @value={{this.args.value}} @onChange={{this.args.onChange}} ...attributes as |x|>\n        {{yield x}}\n      </MultiToggleGroup>\n    {{else}}\n      <SingleToggleGroup @value={{this.args.value}} @onChange={{this.args.onChange}} ...attributes as |x|>\n        {{yield x}}\n      </SingleToggleGroup>\n    {{/if}}\n  ", {
+      scope: () => ({
+        isMulti,
+        MultiToggleGroup,
+        SingleToggleGroup
+      }),
+      strictMode: true
+    }), this);
+  }
+}
+let SingleToggleGroup = class SingleToggleGroup extends Component {
   static {
     g(this.prototype, "activePressed", [localCopy('args.value')]);
   }
@@ -42,7 +55,49 @@ class ToggleGroup extends Component {
       strictMode: true
     }), this);
   }
-}
+};
+let MultiToggleGroup = class MultiToggleGroup extends Component {
+  /**
+  * Normalizes @value to a Set
+  * and makes sure that even if the input Set is reactive,
+  * we don't mistakenly dirty it.
+  */
+  get activePressed() {
+    let value1 = this.args.value;
+    if (!value1) {
+      return new TrackedSet();
+    }
+    if (Array.isArray(value1)) {
+      return new TrackedSet(value1);
+    }
+    if (value1 instanceof Set) {
+      return new TrackedSet(value1);
+    }
+    return new TrackedSet([value1]);
+  }
+  static {
+    n(this.prototype, "activePressed", [cached]);
+  }
+  handleToggle = value1 => {
+    if (this.activePressed.has(value1)) {
+      this.activePressed.delete(value1);
+    } else {
+      this.activePressed.add(value1);
+    }
+    this.args.onChange?.(new Set(this.activePressed.values()));
+  };
+  isPressed = value1 => this.activePressed.has(value1);
+  static {
+    setComponentTemplate(precompileTemplate("\n    <div data-tabster={{TABSTER_CONFIG}} ...attributes>\n      {{yield (hash Item=(component Toggle onChange=this.handleToggle isPressed=this.isPressed))}}\n    </div>\n  ", {
+      scope: () => ({
+        TABSTER_CONFIG,
+        hash,
+        Toggle
+      }),
+      strictMode: true
+    }), this);
+  }
+};
 
 export { ToggleGroup };
 //# sourceMappingURL=toggle-group.js.map

package/dist/components/toggle-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-group.js","sources":["../../src/components/toggle-group.gts"],"sourcesContent":["import { template } from \"@ember/template-compiler\";\nimport Component from '@glimmer/component';\nimport { hash } from '@ember/helper';\nimport { Types } from 'tabster';\n// The consumer will need to provide types for tracked-toolbox.\n// Or.. better yet, we PR to trakcked-toolbox to provide them\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport { localCopy } from 'tracked-toolbox';\nimport { Toggle } from './toggle.gts';\nimport type { ComponentLike } from '@glint/template';\nconst TABSTER_CONFIG = JSON.stringify({\n    mover: {\n        direction: Types.MoverDirections.Both,\n        cyclic: true\n    }\n});\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport interface ItemSignature<Value = any> {\n    /**\n   * The button element will have aria-pressed=\"true\" on it when the button is in the pressed state.\n   */ Element: HTMLButtonElement;\n    Args: {\n        /**\n     * When used in a group of Toggles, this option will be helpful to\n     * know which toggle was pressed if you're using the same @onChange\n     * handler for multiple toggles.\n     */ value?: Value;\n    };\n    Blocks: {\n        default: [/**\n       * the current pressed state of the toggle button\n       *\n       * Useful when using the toggle button as an uncontrolled component\n       */ pressed: boolean];\n    };\n}\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type Item<Value = any> = ComponentLike<ItemSignature<Value>>;\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport class ToggleGroup<Value = any> extends Component<{\n    Element: HTMLDivElement;\n    Args: {\n        /**\n     * Optionally set the initial toggle state\n     */ value?: Value;\n        /**\n     * Callback for when the toggle-group's state is changed.\n     *\n     * Can be used to control the state of the component.\n     *\n     *\n     * When none of the toggles are selected, undefined will be passed.\n     */ onChange: (value: Value | undefined) => void;\n    };\n    Blocks: {\n        default: [{\n                Item: Item;\n            }];\n    };\n}> {\n    @localCopy('args.value')\n    activePressed?: Value;\n    handleToggle = (value1: Value)=>{\n        if (this.activePressed === value1) {\n            this.activePressed = undefined;\n            return;\n        }\n        this.activePressed = value1;\n        this.args.onChange?.(this.activePressed);\n    };\n    isPressed = (value1: Value | undefined)=>value1 === this.activePressed;\n    static{\n        template(`\n    <div data-tabster={{TABSTER_CONFIG}} ...attributes>\n      {{yield (hash Item=(component Toggle onChange=this.handleToggle isPressed=this.isPressed))}}\n    </div>\n  `, {\n            component: this,\n            eval () {\n                return eval(arguments[0]);\n            }\n        });\n    }\n}\n"],"names":["TABSTER_CONFIG","JSON","stringify","mover","direction","Types","MoverDirections","Both","cyclic","ToggleGroup","Component","g","this","prototype","localCopy","i","void 0","handleToggle","value1","activePressed","undefined","args","onChange","isPressed","setComponentTemplate","precompileTemplate","scope","hash","Toggle","strictMode"],"mappings":";;;;;;;;;AAWA,MAAMA,cAAc,GAAGC,IAAI,CAACC,SAAS,CAAC;AAClCC,EAAAA,KAAK,EAAE;AACHC,IAAAA,SAAS,EAAEC,KAAK,CAACC,eAAe,CAACC,IAAI;AACrCC,IAAAA,MAAM,EAAE,IAAA;AACZ,GAAA;AACJ,CAAC,CAAC,CAAA;AACF;;AAoBA;;AAEA;AACO,MAAMC,WAAW,SAAsBC,SAAS,CAoBpD;AAAA,EAAA;IAAAC,CAAA,CAAAC,IAAA,CAAAC,SAAA,oBACEC,SAAS,CAAC,YAAY,CAAC,CAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,cAAA,IAAAC,CAAA,CAAAH,IAAA,oBAAAI,KAAA,CAAA,EAAA;EAExBC,YAAY,GAAIC,MAAa,IAAG;AAC5B,IAAA,IAAI,IAAI,CAACC,aAAa,KAAKD,MAAM,EAAE;MAC/B,IAAI,CAACC,aAAa,GAAGC,SAAS,CAAA;AAC9B,MAAA,OAAA;AACJ,KAAA;IACA,IAAI,CAACD,aAAa,GAAGD,MAAM,CAAA;IAC3B,IAAI,CAACG,IAAI,CAACC,QAAQ,GAAG,IAAI,CAACH,aAAa,CAAC,CAAA;GAC3C,CAAA;AACDI,EAAAA,SAAS,GAAIL,MAAyB,IAAGA,MAAM,KAAK,IAAI,CAACC,aAAa,CAAA;AACtE,EAAA;IACIK,oBAAA,CAAAC,kBAAA,CAIH,+KAAA,EAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAA1B,cAAA;QAAA2B,IAAA;AAAAC,QAAAA,MAAAA;AAAA,OAAA,CAAA;MAAAC,UAAA,EAAA,IAAA;KAKI,CAAC,EAJa,IAAI,CAAA,CAAA;AAKvB,GAAA;AACJ;;;;"}
+{"version":3,"file":"toggle-group.js","sources":["../../src/components/toggle-group.gts"],"sourcesContent":["import { template } from \"@ember/template-compiler\";\nimport Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\nimport { hash } from '@ember/helper';\nimport { getTabsterAttribute, Types } from 'tabster';\nimport { TrackedSet } from 'tracked-built-ins';\n// The consumer will need to provide types for tracked-toolbox.\n// Or.. better yet, we PR to trakcked-toolbox to provide them\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport { localCopy } from 'tracked-toolbox';\nimport { Toggle } from './toggle.gts';\nimport type { ComponentLike } from '@glint/template';\nconst TABSTER_CONFIG = getTabsterAttribute({\n    mover: {\n        direction: Types.MoverDirections.Both,\n        cyclic: true\n    }\n}, true);\nexport interface ItemSignature<Value = any> {\n    /**\n   * The button element will have aria-pressed=\"true\" on it when the button is in the pressed state.\n   */ Element: HTMLButtonElement;\n    Args: {\n        /**\n     * When used in a group of Toggles, this option will be helpful to\n     * know which toggle was pressed if you're using the same @onChange\n     * handler for multiple toggles.\n     */ value?: Value;\n    };\n    Blocks: {\n        default: [/**\n       * the current pressed state of the toggle button\n       *\n       * Useful when using the toggle button as an uncontrolled component\n       */ pressed: boolean];\n    };\n}\nexport type Item<Value = any> = ComponentLike<ItemSignature<Value>>;\nexport interface SingleSignature<Value> {\n    Element: HTMLDivElement;\n    Args: {\n        /**\n     * Optionally set the initial toggle state\n     */ value?: Value;\n        /**\n     * Callback for when the toggle-group's state is changed.\n     *\n     * Can be used to control the state of the component.\n     *\n     *\n     * When none of the toggles are selected, undefined will be passed.\n     */ onChange?: (value: Value | undefined) => void;\n    };\n    Blocks: {\n        default: [{\n                /**\n         * The Toggle Switch\n         */ Item: Item;\n            }];\n    };\n}\nexport interface MultiSignature<Value = any> {\n    Element: HTMLDivElement;\n    Args: {\n        /**\n     * Optionally set the initial toggle state\n     */ value?: Value[] | Set<Value> | Value;\n        /**\n     * Callback for when the toggle-group's state is changed.\n     *\n     * Can be used to control the state of the component.\n     *\n     *\n     * When none of the toggles are selected, undefined will be passed.\n     */ onChange?: (value: Set<Value>) => void;\n    };\n    Blocks: {\n        default: [{\n                /**\n         * The Toggle Switch\n         */ Item: Item;\n            }];\n    };\n}\ninterface PrivateSingleSignature<Value = any> {\n    Element: HTMLDivElement;\n    Args: {\n        type?: 'single';\n        /**\n     * Optionally set the initial toggle state\n     */ value?: Value;\n        /**\n     * Callback for when the toggle-group's state is changed.\n     *\n     * Can be used to control the state of the component.\n     *\n     *\n     * When none of the toggles are selected, undefined will be passed.\n     */ onChange?: (value: Value | undefined) => void;\n    };\n    Blocks: {\n        default: [{\n                Item: Item;\n            }];\n    };\n}\ninterface PrivateMultiSignature<Value = any> {\n    Element: HTMLDivElement;\n    Args: {\n        type: 'multi';\n        /**\n     * Optionally set the initial toggle state\n     */ value?: Value[] | Set<Value> | Value;\n        /**\n     * Callback for when the toggle-group's state is changed.\n     *\n     * Can be used to control the state of the component.\n     *\n     *\n     * When none of the toggles are selected, undefined will be passed.\n     */ onChange?: (value: Set<Value>) => void;\n    };\n    Blocks: {\n        default: [{\n                Item: Item;\n            }];\n    };\n}\nfunction isMulti(x1: 'single' | 'multi' | undefined): x is 'multi' {\n    return x1 === 'multi';\n}\nexport class ToggleGroup<Value = any> extends Component<PrivateSingleSignature<Value> | PrivateMultiSignature<Value>> {\n    // See: https://github.com/typed-ember/glint/issues/715\n    static{\n        template(`\n    {{#if (isMulti this.args.type)}}\n      <MultiToggleGroup\n        @value={{this.args.value}}\n        @onChange={{this.args.onChange}}\n        ...attributes\n        as |x|\n      >\n        {{yield x}}\n      </MultiToggleGroup>\n    {{else}}\n      <SingleToggleGroup\n        @value={{this.args.value}}\n        @onChange={{this.args.onChange}}\n        ...attributes\n        as |x|\n      >\n        {{yield x}}\n      </SingleToggleGroup>\n    {{/if}}\n  `, {\n            component: this,\n            eval () {\n                return eval(arguments[0]);\n            }\n        });\n    }\n}\nlet SingleToggleGroup = class SingleToggleGroup<Value = any> extends Component<SingleSignature<Value>> {\n    @localCopy('args.value')\n    activePressed?: Value;\n    handleToggle = (value1: Value)=>{\n        if (this.activePressed === value1) {\n            this.activePressed = undefined;\n            return;\n        }\n        this.activePressed = value1;\n        this.args.onChange?.(this.activePressed);\n    };\n    isPressed = (value1: Value | undefined)=>value1 === this.activePressed;\n    static{\n        template(`\n    <div data-tabster={{TABSTER_CONFIG}} ...attributes>\n      {{yield (hash Item=(component Toggle onChange=this.handleToggle isPressed=this.isPressed))}}\n    </div>\n  `, {\n            component: this,\n            eval () {\n                return eval(arguments[0]);\n            }\n        });\n    }\n};\nlet MultiToggleGroup = class MultiToggleGroup<Value = any> extends Component<MultiSignature<Value>> {\n    /**\n   * Normalizes @value to a Set\n   * and makes sure that even if the input Set is reactive,\n   * we don't mistakenly dirty it.\n   */ @cached\n    get activePressed(): TrackedSet<Value> {\n        let value1 = this.args.value;\n        if (!value1) {\n            return new TrackedSet();\n        }\n        if (Array.isArray(value1)) {\n            return new TrackedSet(value1);\n        }\n        if (value1 instanceof Set) {\n            return new TrackedSet(value1);\n        }\n        return new TrackedSet([\n            value1\n        ]);\n    }\n    handleToggle = (value1: Value)=>{\n        if (this.activePressed.has(value1)) {\n            this.activePressed.delete(value1);\n        } else {\n            this.activePressed.add(value1);\n        }\n        this.args.onChange?.(new Set<Value>(this.activePressed.values()));\n    };\n    isPressed = (value1: Value)=>this.activePressed.has(value1);\n    static{\n        template(`\n    <div data-tabster={{TABSTER_CONFIG}} ...attributes>\n      {{yield (hash Item=(component Toggle onChange=this.handleToggle isPressed=this.isPressed))}}\n    </div>\n  `, {\n            component: this,\n            eval () {\n                return eval(arguments[0]);\n            }\n        });\n    }\n};\n"],"names":["TABSTER_CONFIG","getTabsterAttribute","mover","direction","Types","MoverDirections","Both","cyclic","isMulti","x1","ToggleGroup","Component","setComponentTemplate","precompileTemplate","scope","MultiToggleGroup","SingleToggleGroup","strictMode","g","this","prototype","localCopy","i","void 0","handleToggle","value1","activePressed","undefined","args","onChange","isPressed","hash","Toggle","value","TrackedSet","Array","isArray","Set","n","cached","has","delete","add","values"],"mappings":"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"}

package/dist/components/toggle.js

@@ -6,6 +6,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
 
+// import Component from '@glimmer/component';
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 function isPressed(pressed1, value1, isPressed1) {
   if (!value1) return Boolean(pressed1);

package/dist/components/toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggle.js","sources":["../../src/components/toggle.gts"],"sourcesContent":["import { template } from \"@ember/template-compiler\";\nimport { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport { cell } from 'ember-resources';\nimport { toggleWithFallback } from './-private/utils.ts';\nimport type { TOC } from '@ember/component/template-only';\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport interface Signature<Value = any> {\n    Element: HTMLButtonElement;\n    Args: {\n        /**\n     * The pressed-state of the toggle.\n     *\n     * Can be used to control the state of the component.\n     */ pressed?: boolean;\n        /**\n     * Callback for when the toggle's state is changed.\n     *\n     * Can be used to control the state of the component.\n     *\n     * if a `@value` is passed to this `<Toggle>`, that @value will\n     * be passed to the `@onChange` handler.\n     *\n     * This can be useful when using the same function for the `@onChange`\n     * handler with multiple `<Toggle>` components.\n     */ onChange?: (value?: Value | undefined) => void;\n        /**\n     * When used in a group of Toggles, this option will be helpful to\n     * know which toggle was pressed if you're using the same @onChange\n     * handler for multiple toggles.\n     */ value?: Value;\n        /**\n     * When controlling state in a wrapping component, this function can be used in conjunction with `@value` to determine if this `<Toggle>` should appear pressed.\n     */ isPressed?: (value?: Value | undefined) => boolean;\n    };\n    Blocks: {\n        default: [/**\n       * the current pressed state of the toggle button\n       *\n       * Useful when using the toggle button as an uncontrolled component\n       */ pressed: boolean];\n    };\n}\nfunction isPressed(pressed1?: boolean, value1?: unknown, isPressed1?: (value?: unknown) => boolean): boolean {\n    if (!value1) return Boolean(pressed1);\n    if (!isPressed1) return Boolean(pressed1);\n    return isPressed1(value1);\n}\nexport const Toggle: TOC<Signature> = template(`\n  {{#let (cell (isPressed @pressed @value @isPressed)) as |pressed|}}\n    <button\n      type=\"button\"\n      aria-pressed=\"{{pressed.current}}\"\n      {{on \"click\" (fn toggleWithFallback pressed.toggle @onChange @value)}}\n      ...attributes\n    >\n      {{yield pressed.current}}\n    </button>\n  {{/let}}\n`, {\n    eval () {\n        return eval(arguments[0]);\n    }\n});\nexport default Toggle;\n"],"names":["isPressed","pressed1","value1","isPressed1","Boolean","Toggle","setComponentTemplate","precompileTemplate","scope","cell","on","fn","toggleWithFallback","strictMode","templateOnly"],"mappings":";;;;;;;;AAMA;AAqCA,SAASA,SAASA,CAACC,QAAkB,EAAEC,MAAgB,EAAEC,UAAyC,EAAW;AACzG,EAAA,IAAI,CAACD,MAAM,EAAE,OAAOE,OAAO,CAACH,QAAQ,CAAC,CAAA;AACrC,EAAA,IAAI,CAACE,UAAU,EAAE,OAAOC,OAAO,CAACH,QAAQ,CAAC,CAAA;EACzC,OAAOE,UAAU,CAACD,MAAM,CAAC,CAAA;AAC7B,CAAA;MACaG,MAAsB,GAAAC,oBAAA,CAAGC,kBAAA,CAWnC,iSAAA,EAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,IAAA;IAAAT,SAAA;IAAAU,EAAA;IAAAC,EAAA;AAAAC,IAAAA,kBAAAA;AAAA,GAAA,CAAA;EAAAC,UAAA,EAAA,IAAA;AAIH,CAAC,CAAC,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"toggle.js","sources":["../../src/components/toggle.gts"],"sourcesContent":["// import Component from '@glimmer/component';\nimport { template } from \"@ember/template-compiler\";\nimport { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport { cell } from 'ember-resources';\nimport { toggleWithFallback } from './-private/utils.ts';\nimport type { TOC } from '@ember/component/template-only';\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport interface Signature<Value = any> {\n    Element: HTMLButtonElement;\n    Args: {\n        /**\n     * The pressed-state of the toggle.\n     *\n     * Can be used to control the state of the component.\n     */ pressed?: boolean;\n        /**\n     * Callback for when the toggle's state is changed.\n     *\n     * Can be used to control the state of the component.\n     *\n     * if a `@value` is passed to this `<Toggle>`, that @value will\n     * be passed to the `@onChange` handler.\n     *\n     * This can be useful when using the same function for the `@onChange`\n     * handler with multiple `<Toggle>` components.\n     */ onChange?: (value: Value | undefined, pressed: boolean) => void;\n        /**\n     * When used in a group of Toggles, this option will be helpful to\n     * know which toggle was pressed if you're using the same @onChange\n     * handler for multiple toggles.\n     */ value?: Value;\n        /**\n     * When controlling state in a wrapping component, this function can be used in conjunction with `@value` to determine if this `<Toggle>` should appear pressed.\n     */ isPressed?: (value?: Value | undefined) => boolean;\n    };\n    Blocks: {\n        default: [/**\n       * the current pressed state of the toggle button\n       *\n       * Useful when using the toggle button as an uncontrolled component\n       */ pressed: boolean];\n    };\n}\nfunction isPressed(pressed1?: boolean, value1?: unknown, isPressed1?: (value?: unknown) => boolean): boolean {\n    if (!value1) return Boolean(pressed1);\n    if (!isPressed1) return Boolean(pressed1);\n    return isPressed1(value1);\n}\nexport const Toggle: TOC<Signature> = template(`\n  {{#let (cell (isPressed @pressed @value @isPressed)) as |pressed|}}\n    <button\n      type=\"button\"\n      aria-pressed=\"{{pressed.current}}\"\n      {{on \"click\" (fn toggleWithFallback pressed.toggle @onChange @value)}}\n      ...attributes\n    >\n      {{yield pressed.current}}\n    </button>\n  {{/let}}\n`, {\n    eval () {\n        return eval(arguments[0]);\n    }\n});\nexport default Toggle;\n"],"names":["isPressed","pressed1","value1","isPressed1","Boolean","Toggle","setComponentTemplate","precompileTemplate","scope","cell","on","fn","toggleWithFallback","strictMode","templateOnly"],"mappings":";;;;;;;;AAAA;AAOA;AAqCA,SAASA,SAASA,CAACC,QAAkB,EAAEC,MAAgB,EAAEC,UAAyC,EAAW;AACzG,EAAA,IAAI,CAACD,MAAM,EAAE,OAAOE,OAAO,CAACH,QAAQ,CAAC,CAAA;AACrC,EAAA,IAAI,CAACE,UAAU,EAAE,OAAOC,OAAO,CAACH,QAAQ,CAAC,CAAA;EACzC,OAAOE,UAAU,CAACD,MAAM,CAAC,CAAA;AAC7B,CAAA;MACaG,MAAsB,GAAAC,oBAAA,CAAGC,kBAAA,CAWnC,iSAAA,EAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,IAAA;IAAAT,SAAA;IAAAU,EAAA;IAAAC,EAAA;AAAAC,IAAAA,kBAAAA;AAAA,GAAA,CAAA;EAAAC,UAAA,EAAA,IAAA;AAIH,CAAC,CAAC,EAAAC,YAAA,EAAA;;;;"}

package/dist/floating-ui/component.js

@@ -0,0 +1,42 @@
+import Component from '@glimmer/component';
+import { tracked } from '@glimmer/tracking';
+import { modifier } from 'ember-modifier';
+import { g, i } from 'decorator-transforms/runtime';
+import VelcroModifier from './modifier.js';
+import { hash } from '@ember/helper';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+
+class Velcro extends Component {
+  static {
+    g(this.prototype, "hook", [tracked], function () {
+      return undefined;
+    });
+  }
+  #hook = (i(this, "hook"), void 0);
+  static {
+    g(this.prototype, "velcroData", [tracked], function () {
+      return undefined;
+    });
+  }
+  #velcroData = (i(this, "velcroData"), void 0); // set by VelcroModifier
+  setVelcroData = data1 => this.velcroData = data1;
+  setHook = element1 => {
+    this.hook = element1;
+  };
+  velcroHook = modifier(element1 => {
+    this.setHook(element1);
+  });
+  static {
+    setComponentTemplate(precompileTemplate("\n    {{#let (modifier VelcroModifier flipOptions=@flipOptions hideOptions=@hideOptions middleware=@middleware offsetOptions=@offsetOptions placement=@placement shiftOptions=@shiftOptions strategy=@strategy setVelcroData=this.setVelcroData) as |loop|}}\n      {{#let (if this.hook (modifier loop this.hook)) as |loopWithHook|}}\n        {{yield (hash hook=this.velcroHook setHook=this.setHook loop=loopWithHook data=this.velcroData)}}\n      {{/let}}\n    {{/let}}\n  ", {
+      scope: () => ({
+        VelcroModifier,
+        hash
+      }),
+      strictMode: true
+    }), this);
+  }
+}
+
+export { Velcro as default };
+//# sourceMappingURL=component.js.map

package/dist/floating-ui/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../src/floating-ui/component.gts"],"sourcesContent":["import { template } from \"@ember/template-compiler\";\nimport Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { hash } from '@ember/helper';\nimport { modifier } from 'ember-modifier';\nimport VelcroModifier from './modifier.ts';\nimport type { Signature as ModifierSignature } from './modifier.ts';\nimport type { MiddlewareState } from '@floating-ui/dom';\nimport type { WithBoundArgs, WithBoundPositionals } from '@glint/template';\nimport type { ModifierLike } from '@glint/template';\ntype ModifierArgs = ModifierSignature['Args']['Named'];\nexport interface Signature {\n    Args: {\n        middleware?: ModifierArgs['middleware'];\n        placement?: ModifierArgs['placement'];\n        strategy?: ModifierArgs['strategy'];\n        flipOptions?: ModifierArgs['flipOptions'];\n        hideOptions?: ModifierArgs['hideOptions'];\n        shiftOptions?: ModifierArgs['shiftOptions'];\n        offsetOptions?: ModifierArgs['offsetOptions'];\n    };\n    Blocks: {\n        default: [velcro: {\n                hook: ModifierLike<HookSignature>;\n                setHook: (element: HTMLElement | SVGElement) => void;\n                loop?: WithBoundArgs<WithBoundPositionals<typeof VelcroModifier, 1>, keyof ModifierArgs>;\n                data?: MiddlewareState;\n            }];\n    };\n}\ninterface HookSignature {\n    Element: HTMLElement | SVGElement;\n}\nexport default class Velcro extends Component<Signature> {\n    @tracked\n    hook?: HTMLElement | SVGElement = undefined;\n    // set by VelcroModifier\n    @tracked\n    velcroData?: MiddlewareState = undefined;\n    setVelcroData: ModifierArgs['setVelcroData'] = (data1)=>(this.velcroData = data1);\n    setHook = (element1: HTMLElement | SVGElement)=>{\n        this.hook = element1;\n    };\n    velcroHook = modifier<HookSignature>((element1: HTMLElement | SVGElement)=>{\n        this.setHook(element1);\n    });\n    static{\n        template(`\n    {{#let\n      (modifier\n        VelcroModifier\n        flipOptions=@flipOptions\n        hideOptions=@hideOptions\n        middleware=@middleware\n        offsetOptions=@offsetOptions\n        placement=@placement\n        shiftOptions=@shiftOptions\n        strategy=@strategy\n        setVelcroData=this.setVelcroData\n      )\n      as |loop|\n    }}\n      {{#let (if this.hook (modifier loop this.hook)) as |loopWithHook|}}\n        {{yield\n          (hash hook=this.velcroHook setHook=this.setHook loop=loopWithHook data=this.velcroData)\n        }}\n      {{/let}}\n    {{/let}}\n  `, {\n            component: this,\n            eval () {\n                return eval(arguments[0]);\n            }\n        });\n    }\n}\n"],"names":["Velcro","Component","g","this","prototype","tracked","undefined","i","void 0","setVelcroData","data1","velcroData","setHook","element1","hook","velcroHook","modifier","setComponentTemplate","precompileTemplate","scope","VelcroModifier","hash","strictMode"],"mappings":";;;;;;;;;AAiCe,MAAMA,MAAM,SAASC,SAAS,CAAY;AAAA,EAAA;AAAAC,IAAAA,CAAA,CAAAC,IAAA,CAAAC,SAAA,WACpDC,OAAO,CAAA,EAAA,YAAA;AAAA,MAAA,OAC0BC,SAAS,CAAA;AAAA,KAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,KAAA,IAAAC,CAAA,CAAAJ,IAAA,WAAAK,KAAA,CAAA,EAAA;AAAA,EAAA;AAAAN,IAAAA,CAAA,CAAAC,IAAA,CAAAC,SAAA,iBAE1CC,OAAO,CAAA,EAAA,YAAA;AAAA,MAAA,OACuBC,SAAS,CAAA;AAAA,KAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,WAAA,IAAAC,CAAA,CAAAJ,IAAA,EAAA,YAAA,CAAA,EAAAK,MAAA,EAFxC;AAGAC,EAAAA,aAAa,GAAmCC,KAAK,IAAI,IAAI,CAACC,UAAU,GAAGD,KAAM,CAAA;EACjFE,OAAO,GAAIC,QAAkC,IAAG;IAC5C,IAAI,CAACC,IAAI,GAAGD,QAAQ,CAAA;GACvB,CAAA;AACDE,EAAAA,UAAU,GAAGC,QAAQ,CAAiBH,QAAkC,IAAG;AACvE,IAAA,IAAI,CAACD,OAAO,CAACC,QAAQ,CAAC,CAAA;AAC1B,GAAC,CAAC,CAAA;AACF,EAAA;IACII,oBAAA,CAAAC,kBAAA,CAqBH,sdAAA,EAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,cAAA;AAAAC,QAAAA,IAAAA;AAAA,OAAA,CAAA;MAAAC,UAAA,EAAA,IAAA;KAKI,CAAC,EAJa,IAAI,CAAA,CAAA;AAKvB,GAAA;AACJ;;;;"}

package/dist/floating-ui/middleware.js

@@ -0,0 +1,14 @@
+function velcroData() {
+  return {
+    name: 'metadata',
+    fn: data => {
+      // https://floating-ui.com/docs/middleware#always-return-an-object
+      return {
+        data
+      };
+    }
+  };
+}
+
+export { velcroData };
+//# sourceMappingURL=middleware.js.map

package/dist/floating-ui/middleware.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"middleware.js","sources":["../../src/floating-ui/middleware.ts"],"sourcesContent":["import type { Middleware } from '@floating-ui/dom';\n\nexport function velcroData(): Middleware {\n  return {\n    name: 'metadata',\n    fn: (data) => {\n      // https://floating-ui.com/docs/middleware#always-return-an-object\n      return {\n        data,\n      };\n    },\n  };\n}\n"],"names":["velcroData","name","fn","data"],"mappings":"AAEO,SAASA,UAAUA,GAAe;EACvC,OAAO;AACLC,IAAAA,IAAI,EAAE,UAAU;IAChBC,EAAE,EAAGC,IAAI,IAAK;AACZ;MACA,OAAO;AACLA,QAAAA,IAAAA;OACD,CAAA;AACH,KAAA;GACD,CAAA;AACH;;;;"}

package/dist/floating-ui/modifier.js

@@ -0,0 +1,57 @@
+import { assert } from '@ember/debug';
+import { registerDestructor } from '@ember/destroyable';
+import { autoUpdate, computePosition, offset, flip, shift, hide } from '@floating-ui/dom';
+import Modifier from 'ember-modifier';
+import { velcroData } from './middleware.js';
+
+class VelcroModifier extends Modifier {
+  modify(floatingElement, [_referenceElement], {
+    strategy = 'fixed',
+    offsetOptions = 0,
+    placement = 'bottom',
+    flipOptions,
+    shiftOptions,
+    middleware = [],
+    setVelcroData
+  }) {
+    const referenceElement = typeof _referenceElement === 'string' ? document.querySelector(_referenceElement) : _referenceElement;
+    assert('no reference element defined', referenceElement instanceof HTMLElement || referenceElement instanceof SVGElement);
+    assert('no floating element defined', floatingElement instanceof HTMLElement || _referenceElement instanceof SVGElement);
+    assert('reference and floating elements cannot be the same element', floatingElement !== _referenceElement);
+    assert('@middleware must be an array of one or more objects', Array.isArray(middleware));
+    Object.assign(floatingElement.style, {
+      position: strategy,
+      top: '0',
+      left: '0'
+    });
+    let update = async () => {
+      let {
+        middlewareData,
+        x,
+        y
+      } = await computePosition(referenceElement, floatingElement, {
+        middleware: [offset(offsetOptions), flip(flipOptions), shift(shiftOptions), ...middleware, hide({
+          strategy: 'referenceHidden'
+        }), hide({
+          strategy: 'escaped'
+        }), velcroData()],
+        placement,
+        strategy
+      });
+      let referenceHidden = middlewareData.hide?.referenceHidden;
+      Object.assign(floatingElement.style, {
+        top: `${y}px`,
+        left: `${x}px`,
+        margin: 0,
+        visibility: referenceHidden ? 'hidden' : 'visible'
+      });
+      setVelcroData?.(middlewareData['metadata']);
+    };
+    update();
+    let cleanup = autoUpdate(referenceElement, floatingElement, update);
+    registerDestructor(this, cleanup);
+  }
+}
+
+export { VelcroModifier as default };
+//# sourceMappingURL=modifier.js.map

package/dist/floating-ui/modifier.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modifier.js","sources":["../../src/floating-ui/modifier.ts"],"sourcesContent":["import { assert } from '@ember/debug';\nimport { registerDestructor } from '@ember/destroyable';\n\nimport { autoUpdate, computePosition, flip, hide, offset, shift } from '@floating-ui/dom';\nimport Modifier from 'ember-modifier';\n\nimport { velcroData } from './middleware.ts';\n\nimport type {\n  FlipOptions,\n  HideOptions,\n  Middleware,\n  OffsetOptions,\n  Placement,\n  ShiftOptions,\n  Strategy,\n} from '@floating-ui/dom';\n\nexport interface Signature {\n  Element: HTMLElement;\n  Args: {\n    Positional: [referenceElement: string | HTMLElement | SVGElement];\n    Named: {\n      strategy?: Strategy;\n      offsetOptions?: OffsetOptions;\n      placement?: Placement;\n      flipOptions?: FlipOptions;\n      shiftOptions?: ShiftOptions;\n      hideOptions?: HideOptions;\n      middleware?: Middleware[];\n      setVelcroData?: Middleware['fn'];\n    };\n  };\n}\n\nexport default class VelcroModifier extends Modifier<Signature> {\n  modify(\n    floatingElement: Signature['Element'],\n    [_referenceElement]: Signature['Args']['Positional'],\n    {\n      strategy = 'fixed',\n      offsetOptions = 0,\n      placement = 'bottom',\n      flipOptions,\n      shiftOptions,\n      middleware = [],\n      setVelcroData,\n    }: Signature['Args']['Named']\n  ) {\n    const referenceElement: null | HTMLElement | SVGElement =\n      typeof _referenceElement === 'string'\n        ? document.querySelector(_referenceElement)\n        : _referenceElement;\n\n    assert(\n      'no reference element defined',\n      referenceElement instanceof HTMLElement || referenceElement instanceof SVGElement\n    );\n\n    assert(\n      'no floating element defined',\n      floatingElement instanceof HTMLElement || _referenceElement instanceof SVGElement\n    );\n\n    assert(\n      'reference and floating elements cannot be the same element',\n      floatingElement !== _referenceElement\n    );\n\n    assert('@middleware must be an array of one or more objects', Array.isArray(middleware));\n\n    Object.assign(floatingElement.style, {\n      position: strategy,\n      top: '0',\n      left: '0',\n    });\n\n    let update = async () => {\n      let { middlewareData, x, y } = await computePosition(referenceElement, floatingElement, {\n        middleware: [\n          offset(offsetOptions),\n          flip(flipOptions),\n          shift(shiftOptions),\n          ...middleware,\n          hide({ strategy: 'referenceHidden' }),\n          hide({ strategy: 'escaped' }),\n          velcroData(),\n        ],\n        placement,\n        strategy,\n      });\n\n      let referenceHidden = middlewareData.hide?.referenceHidden;\n\n      Object.assign(floatingElement.style, {\n        top: `${y}px`,\n        left: `${x}px`,\n        margin: 0,\n        visibility: referenceHidden ? 'hidden' : 'visible',\n      });\n\n      setVelcroData?.(middlewareData['metadata']);\n    };\n\n    update();\n\n    let cleanup = autoUpdate(referenceElement, floatingElement, update);\n\n    registerDestructor(this, cleanup);\n  }\n}\n"],"names":["VelcroModifier","Modifier","modify","floatingElement","_referenceElement","strategy","offsetOptions","placement","flipOptions","shiftOptions","middleware","setVelcroData","referenceElement","document","querySelector","assert","HTMLElement","SVGElement","Array","isArray","Object","assign","style","position","top","left","update","middlewareData","x","y","computePosition","offset","flip","shift","hide","velcroData","referenceHidden","margin","visibility","cleanup","autoUpdate","registerDestructor"],"mappings":";;;;;;AAmCe,MAAMA,cAAc,SAASC,QAAQ,CAAY;AAC9DC,EAAAA,MAAMA,CACJC,eAAqC,EACrC,CAACC,iBAAiB,CAAkC,EACpD;AACEC,IAAAA,QAAQ,GAAG,OAAO;AAClBC,IAAAA,aAAa,GAAG,CAAC;AACjBC,IAAAA,SAAS,GAAG,QAAQ;IACpBC,WAAW;IACXC,YAAY;AACZC,IAAAA,UAAU,GAAG,EAAE;AACfC,IAAAA,aAAAA;AAC0B,GAAC,EAC7B;AACA,IAAA,MAAMC,gBAAiD,GACrD,OAAOR,iBAAiB,KAAK,QAAQ,GACjCS,QAAQ,CAACC,aAAa,CAACV,iBAAiB,CAAC,GACzCA,iBAAiB,CAAA;IAEvBW,MAAM,CACJ,8BAA8B,EAC9BH,gBAAgB,YAAYI,WAAW,IAAIJ,gBAAgB,YAAYK,UACzE,CAAC,CAAA;IAEDF,MAAM,CACJ,6BAA6B,EAC7BZ,eAAe,YAAYa,WAAW,IAAIZ,iBAAiB,YAAYa,UACzE,CAAC,CAAA;AAEDF,IAAAA,MAAM,CACJ,4DAA4D,EAC5DZ,eAAe,KAAKC,iBACtB,CAAC,CAAA;IAEDW,MAAM,CAAC,qDAAqD,EAAEG,KAAK,CAACC,OAAO,CAACT,UAAU,CAAC,CAAC,CAAA;AAExFU,IAAAA,MAAM,CAACC,MAAM,CAAClB,eAAe,CAACmB,KAAK,EAAE;AACnCC,MAAAA,QAAQ,EAAElB,QAAQ;AAClBmB,MAAAA,GAAG,EAAE,GAAG;AACRC,MAAAA,IAAI,EAAE,GAAA;AACR,KAAC,CAAC,CAAA;AAEF,IAAA,IAAIC,MAAM,GAAG,YAAY;MACvB,IAAI;QAAEC,cAAc;QAAEC,CAAC;AAAEC,QAAAA,CAAAA;AAAE,OAAC,GAAG,MAAMC,eAAe,CAAClB,gBAAgB,EAAET,eAAe,EAAE;QACtFO,UAAU,EAAE,CACVqB,MAAM,CAACzB,aAAa,CAAC,EACrB0B,IAAI,CAACxB,WAAW,CAAC,EACjByB,KAAK,CAACxB,YAAY,CAAC,EACnB,GAAGC,UAAU,EACbwB,IAAI,CAAC;AAAE7B,UAAAA,QAAQ,EAAE,iBAAA;SAAmB,CAAC,EACrC6B,IAAI,CAAC;AAAE7B,UAAAA,QAAQ,EAAE,SAAA;AAAU,SAAC,CAAC,EAC7B8B,UAAU,EAAE,CACb;QACD5B,SAAS;AACTF,QAAAA,QAAAA;AACF,OAAC,CAAC,CAAA;AAEF,MAAA,IAAI+B,eAAe,GAAGT,cAAc,CAACO,IAAI,EAAEE,eAAe,CAAA;AAE1DhB,MAAAA,MAAM,CAACC,MAAM,CAAClB,eAAe,CAACmB,KAAK,EAAE;QACnCE,GAAG,EAAG,CAAEK,EAAAA,CAAE,CAAG,EAAA,CAAA;QACbJ,IAAI,EAAG,CAAEG,EAAAA,CAAE,CAAG,EAAA,CAAA;AACdS,QAAAA,MAAM,EAAE,CAAC;AACTC,QAAAA,UAAU,EAAEF,eAAe,GAAG,QAAQ,GAAG,SAAA;AAC3C,OAAC,CAAC,CAAA;AAEFzB,MAAAA,aAAa,GAAGgB,cAAc,CAAC,UAAU,CAAC,CAAC,CAAA;KAC5C,CAAA;AAEDD,IAAAA,MAAM,EAAE,CAAA;IAER,IAAIa,OAAO,GAAGC,UAAU,CAAC5B,gBAAgB,EAAET,eAAe,EAAEuB,MAAM,CAAC,CAAA;AAEnEe,IAAAA,kBAAkB,CAAC,IAAI,EAAEF,OAAO,CAAC,CAAA;AACnC,GAAA;AACF;;;;"}

package/dist/floating-ui.js

@@ -0,0 +1,3 @@
+export { default as FloatingUI } from './floating-ui/component.js';
+export { default as floatingUI } from './floating-ui/modifier.js';
+//# sourceMappingURL=floating-ui.js.map

package/dist/floating-ui.js.map

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

package/dist/index.js

@@ -6,6 +6,7 @@ export { ExternalLink } from './components/external-link.js';
 export { Form } from './components/form.js';
 export { StickyFooter } from './components/layout/sticky-footer/index.js';
 export { Link } from './components/link.js';
+export { Menu } from './components/menu.js';
 export { OTPInput } from './components/one-time-password/input.js';
 export { OTP } from './components/one-time-password/otp.js';
 export { Popover } from './components/popover.js';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["/**\n * DANGER: this is a *barrel file*\n *\n * It forces the whole library to be loaded and all dependencies.\n *\n * If you have a small app, you probably don't want to import from here -- instead import from each sub-path.\n */\nimport { importSync, isDevelopingApp, macroCondition } from '@embroider/macros';\n\nif (macroCondition(isDevelopingApp())) {\n  importSync('./components/violations.css');\n}\n\nexport { Accordion } from './components/accordion.gts';\nexport type {\n  AccordionContentExternalSignature,\n  AccordionHeaderExternalSignature,\n  AccordionItemExternalSignature,\n  AccordionTriggerExternalSignature,\n} from './components/accordion/public.ts';\nexport { Avatar } from './components/avatar.gts';\nexport { Dialog, Dialog as Modal } from './components/dialog.gts';\nexport { ExternalLink } from './components/external-link.gts';\nexport { Form } from './components/form.gts';\nexport { StickyFooter } from './components/layout/sticky-footer/index.gts';\nexport { Link } from './components/link.gts';\nexport { OTP, OTPInput } from './components/one-time-password/index.gts';\nexport { Popover } from './components/popover.gts';\nexport { Portal } from './components/portal.gts';\nexport { PortalTargets } from './components/portal-targets.gts';\nexport { TARGETS as PORTALS } from './components/portal-targets.gts';\nexport { Progress } from './components/progress.gts';\nexport { Scroller } from './components/scroller.gts';\nexport { Shadowed } from './components/shadowed.gts';\nexport { Switch } from './components/switch.gts';\nexport { Toggle } from './components/toggle.gts';\nexport { ToggleGroup } from './components/toggle-group.gts';\nexport * from './helpers.ts';\nexport type { default as SetupService } from './services/ember-primitives/setup.ts';\n"],"names":["macroCondition","isDevelopingApp","importSync"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA,IAAIA,cAAc,CAACC,eAAe,EAAE,CAAC,EAAE;EACrCC,UAAU,CAAC,6BAA6B,CAAC,CAAA;AAC3C"}
+{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["/**\n * DANGER: this is a *barrel file*\n *\n * It forces the whole library to be loaded and all dependencies.\n *\n * If you have a small app, you probably don't want to import from here -- instead import from each sub-path.\n */\nimport { importSync, isDevelopingApp, macroCondition } from '@embroider/macros';\n\nif (macroCondition(isDevelopingApp())) {\n  importSync('./components/violations.css');\n}\n\nexport { Accordion } from './components/accordion.gts';\nexport type {\n  AccordionContentExternalSignature,\n  AccordionHeaderExternalSignature,\n  AccordionItemExternalSignature,\n  AccordionTriggerExternalSignature,\n} from './components/accordion/public.ts';\nexport { Avatar } from './components/avatar.gts';\nexport { Dialog, Dialog as Modal } from './components/dialog.gts';\nexport { ExternalLink } from './components/external-link.gts';\nexport { Form } from './components/form.gts';\nexport { StickyFooter } from './components/layout/sticky-footer/index.gts';\nexport { Link } from './components/link.gts';\nexport { Menu } from './components/menu.gts';\nexport { OTP, OTPInput } from './components/one-time-password/index.gts';\nexport { Popover } from './components/popover.gts';\nexport { Portal } from './components/portal.gts';\nexport { PortalTargets } from './components/portal-targets.gts';\nexport { TARGETS as PORTALS } from './components/portal-targets.gts';\nexport { Progress } from './components/progress.gts';\nexport { Scroller } from './components/scroller.gts';\nexport { Shadowed } from './components/shadowed.gts';\nexport { Switch } from './components/switch.gts';\nexport { Toggle } from './components/toggle.gts';\nexport { ToggleGroup } from './components/toggle-group.gts';\nexport * from './helpers.ts';\nexport type { default as SetupService } from './services/ember-primitives/setup.ts';\n"],"names":["macroCondition","isDevelopingApp","importSync"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA,IAAIA,cAAc,CAACC,eAAe,EAAE,CAAC,EAAE;EACrCC,UAAU,CAAC,6BAA6B,CAAC,CAAA;AAC3C"}

package/dist/services/ember-primitives/setup.js

@@ -1,5 +1,5 @@
 import Service from '@ember/service';
-import { getTabster, createTabster, getMover } from 'tabster';
+import { getTabster, createTabster, getMover, getDeloser } from 'tabster';
 
 /* eslint-disable @typescript-eslint/no-explicit-any */
 
@@ -28,6 +28,7 @@ class EmberPrimitivesSetup extends Service {
   };
   #setupTabster = tabster => {
     getMover(tabster);
+    getDeloser(tabster);
   };
 }
 

package/dist/services/ember-primitives/setup.js.map

@@ -1 +1 @@
-{"version":3,"file":"setup.js","sources":["../../../src/services/ember-primitives/setup.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport Service from '@ember/service';\n\nimport { createTabster, getMover, getTabster } from 'tabster';\n\n/**\n * @internal\n */\nexport const PRIMITIVES = Symbol.for('ember-primitives-globals');\n\nexport default class EmberPrimitivesSetup extends Service {\n  /**\n   * Sets up required features for accessibility.\n   */\n  setup = ({\n    tabster,\n    setTabsterRoot,\n  }: {\n    /**\n     * Let this setup function initalize tabster.\n     * https://tabster.io/docs/core\n     *\n     * This should be done only once per application as we don't want\n     * focus managers fighting with each other.\n     *\n     * Defaults to `true`,\n     *\n     * Will fallback to an existing tabster instance automatically if `getCurrentTabster` returns a value.\n     */\n    tabster?: boolean;\n    setTabsterRoot?: boolean;\n  } = {}) => {\n    tabster ??= true;\n    setTabsterRoot ??= true;\n\n    if (!tabster) {\n      return;\n    }\n\n    let existing = getTabster(window);\n\n    this.#setupTabster(existing ?? createTabster(window));\n\n    if (setTabsterRoot) {\n      document.body.setAttribute('data-tabster', '{ \"root\": {} }');\n    }\n  };\n\n  #setupTabster = (tabster: ReturnType<typeof createTabster>) => {\n    getMover(tabster);\n  };\n}\n"],"names":["PRIMITIVES","Symbol","for","EmberPrimitivesSetup","Service","setup","tabster","setTabsterRoot","existing","getTabster","window","createTabster","document","body","setAttribute","getMover"],"mappings":";;;AAAA;;AAKA;AACA;AACA;AACO,MAAMA,UAAU,GAAGC,MAAM,CAACC,GAAG,CAAC,0BAA0B,EAAC;AAEjD,MAAMC,oBAAoB,SAASC,OAAO,CAAC;AACxD;AACF;AACA;AACEC,EAAAA,KAAK,GAAGA,CAAC;IACPC,OAAO;AACPC,IAAAA,cAAAA;GAeD,GAAG,EAAE,KAAK;AACTD,IAAAA,OAAO,KAAK,IAAI,CAAA;AAChBC,IAAAA,cAAc,KAAK,IAAI,CAAA;IAEvB,IAAI,CAACD,OAAO,EAAE;AACZ,MAAA,OAAA;AACF,KAAA;AAEA,IAAA,IAAIE,QAAQ,GAAGC,UAAU,CAACC,MAAM,CAAC,CAAA;IAEjC,IAAI,CAAC,aAAa,CAACF,QAAQ,IAAIG,aAAa,CAACD,MAAM,CAAC,CAAC,CAAA;AAErD,IAAA,IAAIH,cAAc,EAAE;MAClBK,QAAQ,CAACC,IAAI,CAACC,YAAY,CAAC,cAAc,EAAE,gBAAgB,CAAC,CAAA;AAC9D,KAAA;GACD,CAAA;EAED,aAAa,GAAIR,OAAyC,IAAK;IAC7DS,QAAQ,CAACT,OAAO,CAAC,CAAA;GAClB,CAAA;AACH;;;;"}
+{"version":3,"file":"setup.js","sources":["../../../src/services/ember-primitives/setup.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport Service from '@ember/service';\n\nimport { createTabster, getDeloser, getMover, getTabster } from 'tabster';\n\n/**\n * @internal\n */\nexport const PRIMITIVES = Symbol.for('ember-primitives-globals');\n\nexport default class EmberPrimitivesSetup extends Service {\n  /**\n   * Sets up required features for accessibility.\n   */\n  setup = ({\n    tabster,\n    setTabsterRoot,\n  }: {\n    /**\n     * Let this setup function initalize tabster.\n     * https://tabster.io/docs/core\n     *\n     * This should be done only once per application as we don't want\n     * focus managers fighting with each other.\n     *\n     * Defaults to `true`,\n     *\n     * Will fallback to an existing tabster instance automatically if `getTabster` returns a value.\n     */\n    tabster?: boolean;\n    setTabsterRoot?: boolean;\n  } = {}) => {\n    tabster ??= true;\n    setTabsterRoot ??= true;\n\n    if (!tabster) {\n      return;\n    }\n\n    let existing = getTabster(window);\n\n    this.#setupTabster(existing ?? createTabster(window));\n\n    if (setTabsterRoot) {\n      document.body.setAttribute('data-tabster', '{ \"root\": {} }');\n    }\n  };\n\n  #setupTabster = (tabster: ReturnType<typeof createTabster>) => {\n    getMover(tabster);\n    getDeloser(tabster);\n  };\n}\n"],"names":["PRIMITIVES","Symbol","for","EmberPrimitivesSetup","Service","setup","tabster","setTabsterRoot","existing","getTabster","window","createTabster","document","body","setAttribute","getMover","getDeloser"],"mappings":";;;AAAA;;AAKA;AACA;AACA;AACO,MAAMA,UAAU,GAAGC,MAAM,CAACC,GAAG,CAAC,0BAA0B,EAAC;AAEjD,MAAMC,oBAAoB,SAASC,OAAO,CAAC;AACxD;AACF;AACA;AACEC,EAAAA,KAAK,GAAGA,CAAC;IACPC,OAAO;AACPC,IAAAA,cAAAA;GAeD,GAAG,EAAE,KAAK;AACTD,IAAAA,OAAO,KAAK,IAAI,CAAA;AAChBC,IAAAA,cAAc,KAAK,IAAI,CAAA;IAEvB,IAAI,CAACD,OAAO,EAAE;AACZ,MAAA,OAAA;AACF,KAAA;AAEA,IAAA,IAAIE,QAAQ,GAAGC,UAAU,CAACC,MAAM,CAAC,CAAA;IAEjC,IAAI,CAAC,aAAa,CAACF,QAAQ,IAAIG,aAAa,CAACD,MAAM,CAAC,CAAC,CAAA;AAErD,IAAA,IAAIH,cAAc,EAAE;MAClBK,QAAQ,CAACC,IAAI,CAACC,YAAY,CAAC,cAAc,EAAE,gBAAgB,CAAC,CAAA;AAC9D,KAAA;GACD,CAAA;EAED,aAAa,GAAIR,OAAyC,IAAK;IAC7DS,QAAQ,CAACT,OAAO,CAAC,CAAA;IACjBU,UAAU,CAACV,OAAO,CAAC,CAAA;GACpB,CAAA;AACH;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ember-primitives",
-  "version": "0.13.0",
+  "version": "0.15.0",
   "description": "Making apps easier to build",
   "sideEffects": [
     "*.css"
@@ -19,13 +19,13 @@
   "dependencies": {
     "@babel/runtime": "^7.23.9",
     "@embroider/addon-shim": "^1.8.7",
-    "@embroider/macros": "1.13.5",
-    "@floating-ui/dom": "^1.5.1",
+    "@embroider/macros": "1.15.1",
+    "@floating-ui/dom": "^1.5.3",
     "decorator-transforms": "^1.1.0",
     "ember-element-helper": "^0.8.4",
-    "ember-velcro": "^2.1.3",
     "reactiveweb": "^1.2.0",
-    "tabster": "^7.0.1",
+    "tabster": "^7.1.0",
+    "tracked-built-ins": "^3.2.0",
     "tracked-toolbox": "^2.0.0"
   },
   "devDependencies": {
@@ -91,6 +91,7 @@
       "./components/external-link.js": "./dist/_app_/components/external-link.js",
       "./components/form.js": "./dist/_app_/components/form.js",
       "./components/link.js": "./dist/_app_/components/link.js",
+      "./components/menu.js": "./dist/_app_/components/menu.js",
       "./components/popover.js": "./dist/_app_/components/popover.js",
       "./components/portal-targets.js": "./dist/_app_/components/portal-targets.js",
       "./components/portal.js": "./dist/_app_/components/portal.js",