@duro-app/ui 5.1.0 → 5.3.0

package/dist/components/Listbox/Listbox.d.ts

@@ -0,0 +1,75 @@
+import { ReactNode, Ref } from 'react';
+/**
+ * A headless-state popup list of options for an input that keeps focus: a
+ * Combobox's text field, or a rich-text editor's typeahead (mentions, slash
+ * commands). The anchor element owns focus and the keyboard; it moves the
+ * highlight by setting `highlightedId`, and wires itself to the list with
+ * `getAnchorProps()` (aria-controls / aria-expanded / aria-activedescendant).
+ * A press on an option never takes focus from the anchor.
+ */
+export type ListboxMaxHeight = 'listMaxH' | 'listMaxHSm';
+/** Default option id: the listbox id plus the value, made safe for an id. */
+export declare function defaultOptionId(listboxId: string, value: string): string;
+export interface ListboxAnchorProps {
+    role?: 'combobox';
+    'aria-controls': string | undefined;
+    'aria-expanded': boolean;
+    'aria-activedescendant': string | undefined;
+    'aria-autocomplete': 'list';
+    'aria-haspopup': 'listbox';
+}
+/**
+ * ARIA for the element that keeps focus and drives the list. Spread it on an
+ * input, or set each attribute on a contenteditable root.
+ */
+export declare function getAnchorProps({ id, open, highlightedId, }: {
+    id: string;
+    open: boolean;
+    highlightedId: string | null | undefined;
+}): ListboxAnchorProps;
+interface RootProps {
+    /** DOM id of the list; pass the same to getAnchorProps. */
+    id: string;
+    open: boolean;
+    /** The rect the list is placed against: the input, or the editor's caret. */
+    anchor: () => DOMRect | null | undefined;
+    /** Give the list the anchor's width (a Combobox under its input). */
+    matchAnchorWidth?: boolean;
+    /** Id of the highlighted option, controlled by the anchor's keyboard handling. */
+    highlightedId: string | null;
+    /** Pointer hover asks to move the highlight. */
+    onHighlight?: (id: string | null) => void;
+    /** A press on an option. */
+    onSelect?: (value: string) => void;
+    /** Option value → DOM id. Default: defaultOptionId(id, value). */
+    getOptionId?: (value: string) => string;
+    /** Accessible name of the list. */
+    'aria-label'?: string;
+    /** Size-token key capping the list's height; longer lists scroll. Default: listMaxH. */
+    maxHeight?: ListboxMaxHeight;
+    children: ReactNode;
+}
+declare function Root({ id, open, anchor, matchAnchorWidth, highlightedId, onHighlight, onSelect, getOptionId, 'aria-label': ariaLabel, maxHeight, children, }: RootProps): import("react/jsx-runtime").JSX.Element | null;
+interface OptionProps {
+    value: string;
+    /** DOM id. Default: Root's getOptionId(value). */
+    id?: string;
+    /** The committed choice (aria-selected). */
+    selected?: boolean;
+    disabled?: boolean;
+    children: ReactNode;
+    ref?: Ref<HTMLDivElement>;
+}
+declare function Option({ value, id: idProp, selected, disabled, children, ref, }: OptionProps): import("react/jsx-runtime").JSX.Element;
+/** Shown in place of options when nothing matches. */
+declare function Empty({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare const Listbox: {
+    Root: typeof Root;
+    Option: typeof Option;
+    Empty: typeof Empty;
+    getAnchorProps: typeof getAnchorProps;
+};
+export {};
+//# sourceMappingURL=Listbox.d.ts.map

package/dist/components/Listbox/Listbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Listbox.d.ts","sourceRoot":"","sources":["../../../src/components/Listbox/Listbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,SAAS,EACd,KAAK,GAAG,EAQT,MAAM,OAAO,CAAA;AASd;;;;;;;GAOG;AAEH,MAAM,MAAM,gBAAgB,GAAG,UAAU,GAAG,YAAY,CAAA;AAOxD,6EAA6E;AAC7E,wBAAgB,eAAe,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAExE;AAED,MAAM,WAAW,kBAAkB;IACjC,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,eAAe,EAAE,MAAM,GAAG,SAAS,CAAA;IACnC,eAAe,EAAE,OAAO,CAAA;IACxB,uBAAuB,EAAE,MAAM,GAAG,SAAS,CAAA;IAC3C,mBAAmB,EAAE,MAAM,CAAA;IAC3B,eAAe,EAAE,SAAS,CAAA;CAC3B;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,EAC7B,EAAE,EACF,IAAI,EACJ,aAAa,GACd,EAAE;IACD,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,OAAO,CAAA;IACb,aAAa,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAA;CACzC,GAAG,kBAAkB,CAQrB;AAoBD,UAAU,SAAS;IACjB,2DAA2D;IAC3D,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,OAAO,CAAA;IACb,6EAA6E;IAC7E,MAAM,EAAE,MAAM,OAAO,GAAG,IAAI,GAAG,SAAS,CAAA;IACxC,qEAAqE;IACrE,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,kFAAkF;IAClF,aAAa,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,gDAAgD;IAChD,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IACzC,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,kEAAkE;IAClE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;IACvC,mCAAmC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,wFAAwF;IACxF,SAAS,CAAC,EAAE,gBAAgB,CAAA;IAC5B,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,EACZ,EAAE,EACF,IAAI,EACJ,MAAM,EACN,gBAAwB,EACxB,aAAa,EACb,WAAW,EACX,QAAQ,EACR,WAAW,EACX,YAAY,EAAE,SAAS,EACvB,SAAsB,EACtB,QAAQ,GACT,EAAE,SAAS,kDA4FX;AAID,UAAU,WAAW;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,kDAAkD;IAClD,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAC1B;AAED,iBAAS,MAAM,CAAC,EACd,KAAK,EACL,EAAE,EAAE,MAAM,EACV,QAAgB,EAChB,QAAgB,EAChB,QAAQ,EACR,GAAG,GACJ,EAAE,WAAW,2CAwBb;AAID,sDAAsD;AACtD,iBAAS,KAAK,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAG/C;AAED,eAAO,MAAM,OAAO;;;;;CAKnB,CAAA"}

package/dist/components/Listbox/Listbox.meta.d.ts

@@ -0,0 +1,3 @@
+import { ComponentMeta } from '../component-meta';
+export declare const meta: ComponentMeta;
+//# sourceMappingURL=Listbox.meta.d.ts.map

package/dist/components/Listbox/Listbox.meta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Listbox.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Listbox/Listbox.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAiDlB,CAAA"}

package/dist/components/Listbox/Listbox.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const EditorTypeahead: Story;
+export declare const EmptyList: Story;
+//# sourceMappingURL=Listbox.stories.d.ts.map

package/dist/components/Listbox/Listbox.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Listbox.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Listbox/Listbox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAUpD,QAAA,MAAM,IAAI,EAAE,IAEX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AA8GrB,eAAO,MAAM,eAAe,EAAE,KA2B7B,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAevB,CAAA"}

package/dist/components/Listbox/styles.css.d.ts

@@ -0,0 +1,75 @@
+import { css } from 'react-strict-dom';
+export declare const styles: Readonly<{
+    readonly popup: Readonly<{
+        readonly position: css.StyleXClassNameFor<"position", "fixed">;
+        readonly top: css.StyleXClassNameFor<"top", 0>;
+        readonly left: css.StyleXClassNameFor<"left", 0>;
+        readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
+        readonly borderWidth: css.StyleXClassNameFor<"borderWidth", string>;
+        readonly borderStyle: css.StyleXClassNameFor<"borderStyle", "solid">;
+        readonly borderColor: css.StyleXClassNameFor<"borderColor", string>;
+        readonly borderRadius: css.StyleXClassNameFor<"borderRadius", string>;
+        readonly boxShadow: css.StyleXClassNameFor<"boxShadow", string>;
+        readonly paddingTop: css.StyleXClassNameFor<"paddingTop", string>;
+        readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
+        readonly overflowY: css.StyleXClassNameFor<"overflowY", "auto">;
+        readonly zIndex: css.StyleXClassNameFor<"zIndex", number>;
+        readonly pointerEvents: css.StyleXClassNameFor<"pointerEvents", "auto">;
+    }>;
+    readonly ownWidth: Readonly<{
+        readonly minWidth: css.StyleXClassNameFor<"minWidth", string>;
+    }>;
+    readonly maxHeightListMaxH: Readonly<{
+        readonly maxHeight: css.StyleXClassNameFor<"maxHeight", string>;
+    }>;
+    readonly maxHeightListMaxHSm: Readonly<{
+        readonly maxHeight: css.StyleXClassNameFor<"maxHeight", string>;
+    }>;
+    readonly position: (top: number, left: number) => readonly [Readonly<{
+        top: css.StyleXClassNameFor<"top", number>;
+        left: css.StyleXClassNameFor<"left", number>;
+    }>, css.InlineStyles];
+    readonly width: (width: number) => readonly [Readonly<{
+        width: css.StyleXClassNameFor<"width", number>;
+    }>, css.InlineStyles];
+    readonly option: Readonly<{
+        readonly display: css.StyleXClassNameFor<"display", "flex">;
+        readonly alignItems: css.StyleXClassNameFor<"alignItems", "center">;
+        readonly paddingTop: css.StyleXClassNameFor<"paddingTop", string>;
+        readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
+        readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
+        readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
+        readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
+        readonly fontFamily: css.StyleXClassNameFor<"fontFamily", string>;
+        readonly color: css.StyleXClassNameFor<"color", string>;
+        readonly cursor: css.StyleXClassNameFor<"cursor", "pointer">;
+        readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", "transparent">;
+        readonly transitionProperty: css.StyleXClassNameFor<"transitionProperty", "background-color">;
+        readonly transitionDuration: css.StyleXClassNameFor<"transitionDuration", string>;
+    }>;
+    readonly optionSelected: Readonly<{
+        readonly color: css.StyleXClassNameFor<"color", string>;
+        readonly fontWeight: css.StyleXClassNameFor<"fontWeight", string>;
+    }>;
+    readonly optionHighlighted: Readonly<{
+        readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
+        readonly outlineStyle: css.StyleXClassNameFor<"outlineStyle", "solid">;
+        readonly outlineWidth: css.StyleXClassNameFor<"outlineWidth", string>;
+        readonly outlineColor: css.StyleXClassNameFor<"outlineColor", "transparent">;
+        readonly outlineOffset: css.StyleXClassNameFor<"outlineOffset", `calc(-1 * ${css.StyleXVar<string>})`>;
+    }>;
+    readonly optionDisabled: Readonly<{
+        readonly color: css.StyleXClassNameFor<"color", string>;
+        readonly cursor: css.StyleXClassNameFor<"cursor", "default">;
+    }>;
+    readonly empty: Readonly<{
+        readonly paddingTop: css.StyleXClassNameFor<"paddingTop", string>;
+        readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
+        readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
+        readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
+        readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
+        readonly fontFamily: css.StyleXClassNameFor<"fontFamily", string>;
+        readonly color: css.StyleXClassNameFor<"color", string>;
+    }>;
+}>;
+//# sourceMappingURL=styles.css.d.ts.map

package/dist/components/Listbox/styles.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Listbox/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAUpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+EjB,CAAA"}

package/dist/components/Menu/Menu.d.ts

@@ -1,16 +1,29 @@
-import { ReactNode } from 'react';
+import { ReactNode, Ref } from 'react';
 interface RootProps {
     children: ReactNode;
+    /** Controlled open state. */
+    open?: boolean;
+    /** Initial open state (uncontrolled). */
+    defaultOpen?: boolean;
+    /** Called when the menu opens or closes. */
+    onOpenChange?: (open: boolean) => void;
 }
-declare function Root({ children }: RootProps): import("react/jsx-runtime").JSX.Element;
-declare function Trigger({ children }: {
+declare function Root({ children, open, defaultOpen, onOpenChange }: RootProps): import("react/jsx-runtime").JSX.Element;
+export type MenuTriggerVariant = 'default' | 'ghost';
+interface TriggerProps {
     children: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+    /** Accessible name — required when the label is an icon only. */
+    'aria-label'?: string;
+    /** `ghost`: no border or fill until hover, for toolbars. Default: `default`. */
+    variant?: MenuTriggerVariant;
+    ref?: Ref<HTMLButtonElement>;
+}
+declare function Trigger({ children, 'aria-label': ariaLabel, variant, ref }: TriggerProps): import("react/jsx-runtime").JSX.Element;
 interface PopupProps {
     children: ReactNode;
     align?: 'start' | 'end';
 }
-declare function Popup({ children, align }: PopupProps): import("react/jsx-runtime").JSX.Element | null;
+declare function Popup({ children, align }: PopupProps): import('react').ReactPortal | null;
 interface ItemProps {
     onClick?: () => void;
     children: ReactNode;

package/dist/components/Menu/Menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAA2B,MAAM,OAAO,CAAA;AAQ9D,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAC,EAAE,SAAS,2CAUlC;AAQD,iBAAS,OAAO,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAiCjD;AAGD,UAAU,UAAU;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;CACxB;AAED,iBAAS,KAAK,CAAC,EAAC,QAAQ,EAAE,KAAe,EAAC,EAAE,UAAU,kDAkBrD;AAGD,UAAU,SAAS;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,EAAC,OAAO,EAAE,QAAQ,EAAC,EAAE,SAAS,2CA6B3C;AAGD,UAAU,aAAa;IACrB,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,QAAQ,CAAC,EAAC,IAAI,EAAE,QAAQ,EAAC,EAAE,aAAa,2CAyBhD;AAMD,iBAAS,SAAS,4CAEjB;AAED,eAAO,MAAM,IAAI;;;;;;;CAOhB,CAAA"}
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,SAAS,EACd,KAAK,GAAG,EAOT,MAAM,OAAO,CAAA;AAed,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,yCAAyC;IACzC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;CACvC;AAED,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,YAAY,EAAC,EAAE,SAAS,2CAUnE;AAQD,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,OAAO,CAAA;AAEpD,UAAU,YAAY;IACpB,QAAQ,EAAE,SAAS,CAAA;IACnB,iEAAiE;IACjE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,gFAAgF;IAChF,OAAO,CAAC,EAAE,kBAAkB,CAAA;IAC5B,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAA;CAC7B;AAED,iBAAS,OAAO,CAAC,EAAC,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,OAAmB,EAAE,GAAG,EAAC,EAAE,YAAY,2CA2C3F;AAGD,UAAU,UAAU;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;CACxB;AAKD,iBAAS,KAAK,CAAC,EAAC,QAAQ,EAAE,KAAe,EAAC,EAAE,UAAU,sCAkDrD;AAGD,UAAU,SAAS;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,EAAC,OAAO,EAAE,QAAQ,EAAC,EAAE,SAAS,2CA6B3C;AAGD,UAAU,aAAa;IACrB,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,QAAQ,CAAC,EAAC,IAAI,EAAE,QAAQ,EAAC,EAAE,aAAa,2CAyBhD;AAMD,iBAAS,SAAS,4CAEjB;AAED,eAAO,MAAM,IAAI;;;;;;;CAOhB,CAAA"}

package/dist/components/Menu/Menu.meta.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/Menu.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAuClB,CAAA"}
+{"version":3,"file":"Menu.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/Menu.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAwClB,CAAA"}

package/dist/components/Menu/Menu.stories.d.ts

@@ -8,4 +8,11 @@ export declare const KeyboardNavigation: Story;
 export declare const WithLinks: Story;
 export declare const WithSeparator: Story;
 export declare const NestedControlWarns: Story;
+export declare const InStickyOverflowToolbar: Story;
+export declare const FocusAndActiveDescendant: Story;
+export declare const EscapeInsideDialog: Story;
+export declare const TypingElsewhereIsNotIntercepted: Story;
+export declare const GhostIconTrigger: Story;
+export declare const EnterActivatesOnce: Story;
+export declare const TabInsideDialog: Story;
 //# sourceMappingURL=Menu.stories.d.ts.map

package/dist/components/Menu/Menu.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/Menu.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAKpD,QAAA,MAAM,IAAI,EAAE,IAEX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAErB,eAAO,MAAM,OAAO,EAAE,KAqCrB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAsBvB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAgChC,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAqCvB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAwB3B,CAAA;AAID,eAAO,MAAM,kBAAkB,EAAE,KAqBhC,CAAA"}
+{"version":3,"file":"Menu.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/Menu.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAWpD,QAAA,MAAM,IAAI,EAAE,IAEX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAErB,eAAO,MAAM,OAAO,EAAE,KAqCrB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAsBvB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAgChC,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAqCvB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAwB3B,CAAA;AAID,eAAO,MAAM,kBAAkB,EAAE,KAqBhC,CAAA;AAsCD,eAAO,MAAM,uBAAuB,EAAE,KAgCrC,CAAA;AAID,eAAO,MAAM,wBAAwB,EAAE,KAwBtC,CAAA;AAMD,eAAO,MAAM,kBAAkB,EAAE,KA0ChC,CAAA;AAID,eAAO,MAAM,+BAA+B,EAAE,KAyB7C,CAAA;AAGD,eAAO,MAAM,gBAAgB,EAAE,KAiB9B,CAAA;AAKD,eAAO,MAAM,kBAAkB,EAAE,KAoBhC,CAAA;AAMD,eAAO,MAAM,eAAe,EAAE,KAmC7B,CAAA"}

package/dist/components/Menu/MenuContext.d.ts

@@ -1,12 +1,15 @@
 export interface MenuContextValue {
     open: boolean;
     toggle: () => void;
+    /** Close the menu and put focus back on the trigger. */
     close: () => void;
     menuId: string;
+    triggerId: string;
     highlightedId: string | null;
     setHighlightedId: (id: string | null) => void;
     registerItem: (id: string, element: HTMLElement) => () => void;
     triggerRef: React.RefObject<HTMLButtonElement | null>;
+    popupRef: React.RefObject<HTMLDivElement | null>;
 }
 export declare const MenuContext: import('react').Context<MenuContextValue | null>;
 export declare function useMenu(): MenuContextValue;

package/dist/components/Menu/MenuContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuContext.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/MenuContext.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,OAAO,CAAA;IACb,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,MAAM,EAAE,MAAM,CAAA;IACd,aAAa,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAC7C,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,KAAK,MAAM,IAAI,CAAA;IAC9D,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAA;CACtD;AAED,eAAO,MAAM,WAAW,kDAA+C,CAAA;AAEvE,wBAAgB,OAAO,qBAItB"}
+{"version":3,"file":"MenuContext.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/MenuContext.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,OAAO,CAAA;IACb,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,wDAAwD;IACxD,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,MAAM,EAAE,MAAM,CAAA;IACd,SAAS,EAAE,MAAM,CAAA;IACjB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAC7C,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,KAAK,MAAM,IAAI,CAAA;IAC9D,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAA;IACrD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;CACjD;AAED,eAAO,MAAM,WAAW,kDAA+C,CAAA;AAEvE,wBAAgB,OAAO,qBAItB"}

package/dist/components/Menu/styles.css.d.ts

@@ -24,19 +24,20 @@ export declare const styles: Readonly<{
         readonly transitionProperty: css.StyleXClassNameFor<"transitionProperty", "background-color, border-color">;
         readonly transitionDuration: css.StyleXClassNameFor<"transitionDuration", string>;
     }>;
-    readonly backdrop: Readonly<{
-        readonly position: css.StyleXClassNameFor<"position", "fixed">;
-        readonly top: css.StyleXClassNameFor<"top", 0>;
-        readonly left: css.StyleXClassNameFor<"left", 0>;
-        readonly right: css.StyleXClassNameFor<"right", 0>;
-        readonly bottom: css.StyleXClassNameFor<"bottom", 0>;
-        readonly zIndex: css.StyleXClassNameFor<"zIndex", 49>;
+    readonly triggerGhost: Readonly<{
+        readonly justifyContent: css.StyleXClassNameFor<"justifyContent", "center">;
+        readonly minWidth: css.StyleXClassNameFor<"minWidth", string>;
+        readonly minHeight: css.StyleXClassNameFor<"minHeight", string>;
+        readonly paddingTop: css.StyleXClassNameFor<"paddingTop", string>;
+        readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
+        readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
+        readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
+        readonly borderColor: css.StyleXClassNameFor<"borderColor", "transparent">;
     }>;
     readonly popup: Readonly<{
-        readonly position: css.StyleXClassNameFor<"position", "absolute">;
-        readonly top: css.StyleXClassNameFor<"top", "100%">;
+        readonly position: css.StyleXClassNameFor<"position", "fixed">;
+        readonly top: css.StyleXClassNameFor<"top", 0>;
         readonly left: css.StyleXClassNameFor<"left", 0>;
-        readonly marginTop: css.StyleXClassNameFor<"marginTop", string>;
         readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
         readonly borderWidth: css.StyleXClassNameFor<"borderWidth", string>;
         readonly borderStyle: css.StyleXClassNameFor<"borderStyle", "solid">;
@@ -46,12 +47,16 @@ export declare const styles: Readonly<{
         readonly paddingTop: css.StyleXClassNameFor<"paddingTop", string>;
         readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
         readonly minWidth: css.StyleXClassNameFor<"minWidth", string>;
-        readonly zIndex: css.StyleXClassNameFor<"zIndex", 50>;
-    }>;
-    readonly popupEnd: Readonly<{
-        readonly left: css.StyleXClassNameFor<"left", "auto">;
-        readonly right: css.StyleXClassNameFor<"right", 0>;
+        readonly maxHeight: css.StyleXClassNameFor<"maxHeight", string>;
+        readonly overflowY: css.StyleXClassNameFor<"overflowY", "auto">;
+        readonly zIndex: css.StyleXClassNameFor<"zIndex", number>;
+        readonly pointerEvents: css.StyleXClassNameFor<"pointerEvents", "auto">;
+        readonly outlineStyle: css.StyleXClassNameFor<"outlineStyle", "none">;
     }>;
+    readonly popupPosition: (top: number, left: number) => readonly [Readonly<{
+        top: css.StyleXClassNameFor<"top", number>;
+        left: css.StyleXClassNameFor<"left", number>;
+    }>, css.InlineStyles];
     readonly item: Readonly<{
         readonly display: css.StyleXClassNameFor<"display", "flex">;
         readonly alignItems: css.StyleXClassNameFor<"alignItems", "center">;
@@ -70,6 +75,10 @@ export declare const styles: Readonly<{
     }>;
     readonly itemHighlighted: Readonly<{
         readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
+        readonly outlineStyle: css.StyleXClassNameFor<"outlineStyle", "solid">;
+        readonly outlineWidth: css.StyleXClassNameFor<"outlineWidth", string>;
+        readonly outlineColor: css.StyleXClassNameFor<"outlineColor", "transparent">;
+        readonly outlineOffset: css.StyleXClassNameFor<"outlineOffset", `calc(-1 * ${css.StyleXVar<string>})`>;
     }>;
     readonly separator: Readonly<{
         readonly height: css.StyleXClassNameFor<"height", 0>;

package/dist/components/Menu/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AASpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0FjB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAUpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0GjB,CAAA"}

package/dist/components/Menu/useMenuRoot.d.ts

@@ -1,5 +1,18 @@
 import { MenuContextValue } from './MenuContext';
-export declare function useMenuRoot(): {
+export interface MenuRootOptions {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}
+/**
+ * The menu-button pattern (WAI-ARIA APG): on open, focus moves to the
+ * `role="menu"` popup, which carries `aria-activedescendant`; arrows move the
+ * highlight; Escape closes and focus returns to the trigger. The keydown
+ * handler sits on the popup itself, never on `document`, so keys typed
+ * elsewhere (an editor) are never intercepted, and Escape stops there so an
+ * enclosing Popover or Dialog stays open.
+ */
+export declare function useMenuRoot({ open: openProp, defaultOpen, onOpenChange }: MenuRootOptions): {
     ctx: MenuContextValue;
     rootRef: import('react').RefObject<HTMLDivElement | null>;
 };

package/dist/components/Menu/useMenuRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMenuRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/useMenuRoot.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAA;AAEnD,wBAAgB,WAAW;;;EAwI1B"}
+{"version":3,"file":"useMenuRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/useMenuRoot.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAA;AAGnD,MAAM,WAAW,eAAe;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;CACvC;AAED;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,EAAC,IAAI,EAAE,QAAQ,EAAE,WAAmB,EAAE,YAAY,EAAC,EAAE,eAAe;;;EAkL/F"}

package/dist/components/Popover/Popover.d.ts

@@ -19,9 +19,14 @@ interface RootProps {
     ref?: Ref<PopoverHandle>;
 }
 declare function Root({ children, open: openProp, defaultOpen, onOpenChange, side, align, anchor, ignore, ref, }: RootProps): import("react/jsx-runtime").JSX.Element;
-declare function Trigger({ children }: {
+interface TriggerProps {
     children: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+    /** Accessible name: required when the label is an icon only. */
+    'aria-label'?: string;
+    /** The trigger <button>, e.g. to measure it or return focus to it. */
+    ref?: Ref<HTMLButtonElement>;
+}
+declare function Trigger({ children, 'aria-label': ariaLabel, ref }: TriggerProps): import("react/jsx-runtime").JSX.Element;
 interface PopupProps {
     children: ReactNode;
     /** Accessible name for the dialog. */

package/dist/components/Popover/Popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,SAAS,EACd,KAAK,GAAG,EAWT,MAAM,OAAO,CAAA;AAKd,OAAO,EAAyB,KAAK,YAAY,EAAE,KAAK,WAAW,EAAC,MAAM,YAAY,CAAA;AAMtF,KAAK,WAAW,GAAG,OAAO,GAAG,IAAI,GAAG,CAAC,MAAM,OAAO,GAAG,IAAI,CAAC,CAAA;AA6B1D,MAAM,WAAW,aAAa;IAC5B,oDAAoD;IACpD,UAAU,EAAE,MAAM,IAAI,CAAA;CACvB;AAED,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,KAAK,CAAC,EAAE,YAAY,CAAA;IACpB,2EAA2E;IAC3E,MAAM,CAAC,EAAE,MAAM,OAAO,CAAA;IACtB,kFAAkF;IAClF,MAAM,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAA;IACnC,GAAG,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC,CAAA;CACzB;AAED,iBAAS,IAAI,CAAC,EACZ,QAAQ,EACR,IAAI,EAAE,QAAQ,EACd,WAAmB,EACnB,YAAY,EACZ,IAAe,EACf,KAAe,EACf,MAAM,EACN,MAAM,EACN,GAAG,GACJ,EAAE,SAAS,2CA4GX;AAKD,iBAAS,OAAO,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAgBjD;AAID,UAAU,UAAU;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,sCAAsC;IACtC,KAAK,EAAE,MAAM,CAAA;CACd;AAED,iBAAS,KAAK,CAAC,EAAC,QAAQ,EAAE,KAAK,EAAC,EAAE,UAAU,sCA0D3C;AAID,iBAAS,KAAK,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAQ/C;AAED,eAAO,MAAM,OAAO;;;;;CAKnB,CAAA"}
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,SAAS,EACd,KAAK,GAAG,EAWT,MAAM,OAAO,CAAA;AAKd,OAAO,EAAyB,KAAK,YAAY,EAAE,KAAK,WAAW,EAAC,MAAM,YAAY,CAAA;AAUtF,KAAK,WAAW,GAAG,OAAO,GAAG,IAAI,GAAG,CAAC,MAAM,OAAO,GAAG,IAAI,CAAC,CAAA;AA6B1D,MAAM,WAAW,aAAa;IAC5B,oDAAoD;IACpD,UAAU,EAAE,MAAM,IAAI,CAAA;CACvB;AAED,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,KAAK,CAAC,EAAE,YAAY,CAAA;IACpB,2EAA2E;IAC3E,MAAM,CAAC,EAAE,MAAM,OAAO,CAAA;IACtB,kFAAkF;IAClF,MAAM,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAA;IACnC,GAAG,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC,CAAA;CACzB;AAED,iBAAS,IAAI,CAAC,EACZ,QAAQ,EACR,IAAI,EAAE,QAAQ,EACd,WAAmB,EACnB,YAAY,EACZ,IAAe,EACf,KAAe,EACf,MAAM,EACN,MAAM,EACN,GAAG,GACJ,EAAE,SAAS,2CA4GX;AAKD,UAAU,YAAY;IACpB,QAAQ,EAAE,SAAS,CAAA;IACnB,gEAAgE;IAChE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,sEAAsE;IACtE,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAA;CAC7B;AAED,iBAAS,OAAO,CAAC,EAAC,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,EAAC,EAAE,YAAY,2CAoBtE;AAID,UAAU,UAAU;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,sCAAsC;IACtC,KAAK,EAAE,MAAM,CAAA;CACd;AAED,iBAAS,KAAK,CAAC,EAAC,QAAQ,EAAE,KAAK,EAAC,EAAE,UAAU,sCA+D3C;AAID,iBAAS,KAAK,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAQ/C;AAED,eAAO,MAAM,OAAO;;;;;CAKnB,CAAA"}

package/dist/components/Popover/styles.css.d.ts

@@ -20,6 +20,9 @@ export declare const styles: Readonly<{
         readonly transitionProperty: css.StyleXClassNameFor<"transitionProperty", "background-color, border-color">;
         readonly transitionDuration: css.StyleXClassNameFor<"transitionDuration", string>;
     }>;
+    readonly popupInModal: Readonly<{
+        readonly zIndex: css.StyleXClassNameFor<"zIndex", number>;
+    }>;
     readonly popup: Readonly<{
         readonly position: css.StyleXClassNameFor<"position", "fixed">;
         readonly top: css.StyleXClassNameFor<"top", 0>;
@@ -35,7 +38,7 @@ export declare const styles: Readonly<{
         readonly fontFamily: css.StyleXClassNameFor<"fontFamily", string>;
         readonly fontSize: css.StyleXClassNameFor<"fontSize", string>;
         readonly color: css.StyleXClassNameFor<"color", string>;
-        readonly zIndex: css.StyleXClassNameFor<"zIndex", 50>;
+        readonly zIndex: css.StyleXClassNameFor<"zIndex", number>;
         readonly pointerEvents: css.StyleXClassNameFor<"pointerEvents", "auto">;
     }>;
     readonly close: Readonly<{

package/dist/components/Popover/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAQpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmEjB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AASpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0EjB,CAAA"}

package/dist/components/ScrollArea/styles.css.d.ts

@@ -17,7 +17,7 @@ export declare const styles: Readonly<{
     }>;
     readonly scrollbar: Readonly<{
         readonly position: css.StyleXClassNameFor<"position", "absolute">;
-        readonly zIndex: css.StyleXClassNameFor<"zIndex", 1>;
+        readonly zIndex: css.StyleXClassNameFor<"zIndex", number>;
         readonly display: css.StyleXClassNameFor<"display", "flex">;
         readonly touchAction: css.StyleXClassNameFor<"touchAction", "none">;
         readonly userSelect: css.StyleXClassNameFor<"userSelect", "none">;

package/dist/components/ScrollArea/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/ScrollArea/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAMpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4EjB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/ScrollArea/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAOpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4EjB,CAAA"}

package/dist/components/Select/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAsD,MAAM,OAAO,CAAA;AAWzF,UAAU,SAAS;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACtC,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,EAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,QAAQ,EAAC,EAAE,SAAS,2CAW3F;AAGD,iBAAS,OAAO,CAAC,EACf,QAAQ,EACR,YAAY,EAAE,SAAS,GACxB,EAAE;IACD,QAAQ,EAAE,SAAS,CAAA;IACnB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,2CAmCA;AAGD,iBAAS,KAAK,CAAC,EAAC,WAAW,EAAC,EAAE;IAAC,WAAW,CAAC,EAAE,MAAM,CAAA;CAAC,2CASnD;AAGD,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAC,2CAoB/C;AAQD,iBAAS,KAAK,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAqD/C;AAGD,UAAU,SAAS;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,EAAC,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAC,EAAE,SAAS,2CAmDpD;AAGD,iBAAS,QAAQ,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAElD;AAED,eAAO,MAAM,MAAM;;;;;;;;CAQlB,CAAA"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,SAAS,EAAsD,MAAM,OAAO,CAAA;AAczF,UAAU,SAAS;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACtC,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,EAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,QAAQ,EAAC,EAAE,SAAS,2CAW3F;AAGD,iBAAS,OAAO,CAAC,EACf,QAAQ,EACR,YAAY,EAAE,SAAS,GACxB,EAAE;IACD,QAAQ,EAAE,SAAS,CAAA;IACnB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,2CAsCA;AAGD,iBAAS,KAAK,CAAC,EAAC,WAAW,EAAC,EAAE;IAAC,WAAW,CAAC,EAAE,MAAM,CAAA;CAAC,2CASnD;AAGD,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAC,2CAoB/C;AAQD,iBAAS,KAAK,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAqD/C;AAGD,UAAU,SAAS;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,EAAC,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAC,EAAE,SAAS,2CAmDpD;AAGD,iBAAS,QAAQ,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAElD;AAED,eAAO,MAAM,MAAM;;;;;;;;CAQlB,CAAA"}

package/dist/components/Select/Select.stories.d.ts

@@ -7,4 +7,6 @@ export declare const OpenAndSelect: Story;
 export declare const WithPlaceholder: Story;
 export declare const KeyboardNavigation: Story;
 export declare const InsideDialog: Story;
+/** Closed, the trigger opens on ArrowDown or ArrowUp, on the selected option (5.3). */
+export declare const ArrowKeysOpen: Story;
 //# sourceMappingURL=Select.stories.d.ts.map

package/dist/components/Select/Select.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAKpD,QAAA,MAAM,IAAI,EAAE,IAEX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAErB,eAAO,MAAM,OAAO,EAAE,KA0BrB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAoC3B,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KA0C7B,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAyBhC,CAAA;AAMD,eAAO,MAAM,YAAY,EAAE,KA0C1B,CAAA"}
+{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAKpD,QAAA,MAAM,IAAI,EAAE,IAEX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAErB,eAAO,MAAM,OAAO,EAAE,KA0BrB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAoC3B,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KA0C7B,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAyBhC,CAAA;AAMD,eAAO,MAAM,YAAY,EAAE,KA0C1B,CAAA;AAED,uFAAuF;AACvF,eAAO,MAAM,aAAa,EAAE,KAgB3B,CAAA"}

package/dist/components/Select/styles.css.d.ts

@@ -42,7 +42,7 @@ export declare const styles: Readonly<{
         readonly left: css.StyleXClassNameFor<"left", 0>;
         readonly right: css.StyleXClassNameFor<"right", 0>;
         readonly bottom: css.StyleXClassNameFor<"bottom", 0>;
-        readonly zIndex: css.StyleXClassNameFor<"zIndex", 1049>;
+        readonly zIndex: css.StyleXClassNameFor<"zIndex", number>;
         readonly pointerEvents: css.StyleXClassNameFor<"pointerEvents", "auto">;
     }>;
     readonly popup: Readonly<{
@@ -58,7 +58,7 @@ export declare const styles: Readonly<{
         readonly minWidth: css.StyleXClassNameFor<"minWidth", string>;
         readonly maxHeight: css.StyleXClassNameFor<"maxHeight", string>;
         readonly overflowY: css.StyleXClassNameFor<"overflowY", "auto">;
-        readonly zIndex: css.StyleXClassNameFor<"zIndex", 1050>;
+        readonly zIndex: css.StyleXClassNameFor<"zIndex", number>;
         readonly pointerEvents: css.StyleXClassNameFor<"pointerEvents", "auto">;
     }>;
     readonly popupPosition: (top: number, left: number, minWidth: number) => readonly [Readonly<{

package/dist/components/Select/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Select/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AASpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwGjB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Select/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAUpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwGjB,CAAA"}

package/dist/components/Select/useSelectRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSelectRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Select/useSelectRoot.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAA;AAEvD,UAAU,oBAAoB;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CACvC;AAED,wBAAgB,aAAa,CAAC,EAC5B,YAAY,EACZ,KAAK,EAAE,eAAe,EACtB,aAAa,EACb,aAAa,GACd,EAAE,oBAAoB;;;EAqKtB"}
+{"version":3,"file":"useSelectRoot.d.ts","sourceRoot":"","sources":["../../../src/components/Select/useSelectRoot.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAA;AAEvD,UAAU,oBAAoB;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CACvC;AAED,wBAAgB,aAAa,CAAC,EAC5B,YAAY,EACZ,KAAK,EAAE,eAAe,EACtB,aAAa,EACb,aAAa,GACd,EAAE,oBAAoB;;;EAsLtB"}

package/dist/components/TextLink/TextLink.d.ts

@@ -0,0 +1,24 @@
+import { ReactNode } from 'react';
+export type TextLinkVariant = 'default' | 'subtle';
+interface TextLinkProps {
+    href: string;
+    /** `_blank` opens a new tab; `rel` then defaults to `noopener noreferrer`. */
+    target?: '_blank' | '_self';
+    rel?: string;
+    /**
+     * `default`: accent text with an accent underline. `subtle`: the
+     * surrounding text colour with a muted underline, accent on hover. Both
+     * stay underlined, so colour is never the only cue in running text.
+     */
+    variant?: TextLinkVariant;
+    /** Accessible name, when the visible text alone does not say where it goes. */
+    'aria-label'?: string;
+    children: ReactNode;
+}
+/**
+ * An inline hyperlink in running text or a standalone "View all" link. For a
+ * link that looks like a button, use LinkButton.
+ */
+export declare function TextLink({ href, target, rel, variant, 'aria-label': ariaLabel, children, }: TextLinkProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=TextLink.d.ts.map

package/dist/components/TextLink/TextLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextLink.d.ts","sourceRoot":"","sources":["../../../src/components/TextLink/TextLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAA;AAIpC,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,QAAQ,CAAA;AAElD,UAAU,aAAa;IACrB,IAAI,EAAE,MAAM,CAAA;IACZ,8EAA8E;IAC9E,MAAM,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;IAC3B,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ;;;;OAIG;IACH,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,+EAA+E;IAC/E,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,MAAM,EACN,GAAG,EACH,OAAmB,EACnB,YAAY,EAAE,SAAS,EACvB,QAAQ,GACT,EAAE,aAAa,2CAYf"}

package/dist/components/TextLink/TextLink.meta.d.ts

@@ -0,0 +1,3 @@
+import { ComponentMeta } from '../component-meta';
+export declare const meta: ComponentMeta;
+//# sourceMappingURL=TextLink.meta.d.ts.map

package/dist/components/TextLink/TextLink.meta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextLink.meta.d.ts","sourceRoot":"","sources":["../../../src/components/TextLink/TextLink.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aA8BlB,CAAA"}

package/dist/components/TextLink/TextLink.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { TextLink } from './TextLink';
+declare const meta: Meta<typeof TextLink>;
+export default meta;
+type Story = StoryObj<typeof TextLink>;
+export declare const InRunningText: Story;
+export declare const Standalone: Story;
+export declare const KeyboardFocus: Story;
+//# sourceMappingURL=TextLink.stories.d.ts.map

package/dist/components/TextLink/TextLink.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextLink.stories.d.ts","sourceRoot":"","sources":["../../../src/components/TextLink/TextLink.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAEpD,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAA;AAInC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAI/B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAA;AAEtC,eAAO,MAAM,aAAa,EAAE,KAkB3B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAiBxB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAQ3B,CAAA"}

package/dist/components/TextLink/styles.css.d.ts

@@ -0,0 +1,28 @@
+import { css } from 'react-strict-dom';
+export declare const styles: Readonly<{
+    readonly base: Readonly<{
+        readonly fontFamily: css.StyleXClassNameFor<"fontFamily", "inherit">;
+        readonly fontSize: css.StyleXClassNameFor<"fontSize", "inherit">;
+        readonly lineHeight: css.StyleXClassNameFor<"lineHeight", "inherit">;
+        readonly cursor: css.StyleXClassNameFor<"cursor", "pointer">;
+        readonly textDecorationLine: css.StyleXClassNameFor<"textDecorationLine", "underline">;
+        readonly textDecorationStyle: css.StyleXClassNameFor<"textDecorationStyle", "solid">;
+        readonly borderRadius: css.StyleXClassNameFor<"borderRadius", string>;
+        readonly transitionProperty: css.StyleXClassNameFor<"transitionProperty", "color, text-decoration-color">;
+        readonly transitionDuration: css.StyleXClassNameFor<"transitionDuration", string>;
+        readonly transitionTimingFunction: css.StyleXClassNameFor<"transitionTimingFunction", string>;
+        readonly outlineWidth: css.StyleXClassNameFor<"outlineWidth", string | 0>;
+        readonly outlineStyle: css.StyleXClassNameFor<"outlineStyle", "none" | "solid">;
+        readonly outlineColor: css.StyleXClassNameFor<"outlineColor", string>;
+        readonly outlineOffset: css.StyleXClassNameFor<"outlineOffset", string | 0>;
+    }>;
+    readonly default: Readonly<{
+        readonly color: css.StyleXClassNameFor<"color", string>;
+        readonly textDecorationColor: css.StyleXClassNameFor<"textDecorationColor", string>;
+    }>;
+    readonly subtle: Readonly<{
+        readonly color: css.StyleXClassNameFor<"color", string>;
+        readonly textDecorationColor: css.StyleXClassNameFor<"textDecorationColor", string>;
+    }>;
+}>;
+//# sourceMappingURL=styles.css.d.ts.map

package/dist/components/TextLink/styles.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/TextLink/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAQpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;EAiDjB,CAAA"}

package/dist/components/ThemeProvider/Layers.stories.d.ts

@@ -0,0 +1,24 @@
+import { Meta, StoryObj } from '@storybook/react';
+/**
+ * What stacks above what. Dialog, Drawer, the popups and the toast region all
+ * portal into the ThemeProvider mount, so their `layers` values order them in
+ * one stacking context: a popup or a toast opened over a modal must be the
+ * topmost element where it is drawn.
+ */
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const PopoverInDialog: Story;
+export declare const PopoverInDrawer: Story;
+export declare const ToastOverDialog: Story;
+export declare const DragDropInDialog: Story;
+/** A Select opened inside a Popover: its listbox (mounted before the Popover
+ *  opens) and click-catcher stack above the Popover. */
+export declare const SelectInPopover: Story;
+/** A Dialog opened from a button inside an open Popover: the Dialog is on
+ *  top, and the Popover does not stay drawn over it. */
+export declare const DialogFromPopover: Story;
+/** DragDrop inside a Dialog whose body is scrolled: the ghost stays under the
+ *  pointer and on top. */
+export declare const DragDropInScrolledDialog: Story;
+//# sourceMappingURL=Layers.stories.d.ts.map