@remix-run/ui 0.1.1 → 0.2.0

package/dist/components/combobox/demos/overview.demo.d.ts

@@ -0,0 +1,6 @@
+import { type Handle } from '@remix-run/ui';
+/**
+ * @name Combobox Overview
+ * @description A searchable combobox with keyboard navigation. Try typing airport names or codes like ord, lax, or jfk.
+ */
+export default function Example(handle: Handle): () => import("@remix-run/ui").RemixElement;

package/dist/components/combobox/demos/overview.demo.js

@@ -0,0 +1,153 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@remix-run/ui/jsx-runtime";
+import { css } from '@remix-run/ui';
+import { Combobox, ComboboxOption, onComboboxChange } from '@remix-run/ui/combobox';
+import { theme } from '@remix-run/ui/theme';
+/**
+ * @name Combobox Overview
+ * @description A searchable combobox with keyboard navigation. Try typing airport names or codes like ord, lax, or jfk.
+ */
+export default function Example(handle) {
+    let value = null;
+    return () => (_jsxs("div", { mix: stackCss, children: [_jsxs("div", { mix: fieldCss, children: [_jsx("label", { for: "airport-combobox", mix: labelCss, children: "Airport" }), _jsx(Combobox, { inputId: "airport-combobox", mix: [
+                            comboboxCss,
+                            onComboboxChange((event) => {
+                                value = event.value;
+                                void handle.update();
+                            }),
+                        ], name: "airport", placeholder: "Search airports or codes", children: airportOptions.map((airport) => (_jsx(ComboboxOption, { disabled: airport.disabled, label: airport.label, searchValue: airport.searchValue, value: airport.value }, airport.value))) }), _jsx("div", { mix: helpCss, children: "Try typing `san`, `wash`, or airport codes like `ord`, `lax`, or `jfk`, then use ArrowDown and Enter." })] }), _jsx("p", { mix: valueCss, children: `value=${value ?? 'null'}` })] }));
+}
+const airportOptions = [
+    {
+        label: 'Hartsfield-Jackson Atlanta International',
+        searchValue: ['atl', 'atlanta', 'hartsfield-jackson atlanta international'],
+        value: 'ATL',
+    },
+    {
+        label: 'Austin-Bergstrom International',
+        searchValue: ['aus', 'austin', 'austin-bergstrom international'],
+        value: 'AUS',
+    },
+    {
+        label: 'Boston Logan International',
+        searchValue: ['bos', 'boston', 'boston logan international'],
+        value: 'BOS',
+    },
+    {
+        label: 'Baltimore/Washington International',
+        searchValue: ['bwi', 'baltimore', 'washington', 'baltimore/washington international'],
+        value: 'BWI',
+    },
+    {
+        label: 'Ronald Reagan Washington National',
+        searchValue: ['dca', 'reagan', 'washington', 'ronald reagan washington national'],
+        value: 'DCA',
+    },
+    {
+        label: 'Denver International',
+        searchValue: ['den', 'denver', 'denver international'],
+        value: 'DEN',
+    },
+    {
+        label: 'Dallas/Fort Worth International',
+        searchValue: ['dfw', 'dallas', 'fort worth', 'dallas/fort worth international'],
+        value: 'DFW',
+    },
+    {
+        label: 'Newark Liberty International',
+        searchValue: ['ewr', 'newark', 'newark liberty international'],
+        value: 'EWR',
+    },
+    {
+        label: 'Daniel K. Inouye International',
+        searchValue: ['hnl', 'honolulu', 'daniel k. inouye international'],
+        value: 'HNL',
+    },
+    {
+        label: 'Washington Dulles International',
+        searchValue: ['iad', 'dulles', 'washington', 'washington dulles international'],
+        value: 'IAD',
+    },
+    {
+        label: 'John F. Kennedy International',
+        searchValue: ['jfk', 'kennedy', 'new york', 'john f. kennedy international'],
+        value: 'JFK',
+    },
+    {
+        label: 'Harry Reid International',
+        searchValue: ['las', 'las vegas', 'harry reid international'],
+        value: 'LAS',
+    },
+    {
+        label: 'Los Angeles International',
+        searchValue: ['lax', 'los angeles', 'los angeles international'],
+        value: 'LAX',
+    },
+    {
+        label: 'Orlando International',
+        searchValue: ['mco', 'orlando', 'orlando international'],
+        value: 'MCO',
+    },
+    {
+        label: 'Miami International',
+        searchValue: ['mia', 'miami', 'miami international'],
+        value: 'MIA',
+    },
+    {
+        label: "Chicago O'Hare International",
+        searchValue: ['ord', 'ohare', 'chicago', "chicago o'hare international"],
+        value: 'ORD',
+    },
+    {
+        label: 'Portland International',
+        searchValue: ['pdx', 'portland', 'portland international'],
+        value: 'PDX',
+    },
+    {
+        label: 'San Diego International',
+        searchValue: ['san', 'san diego', 'san diego international'],
+        value: 'SAN',
+    },
+    {
+        label: 'San Francisco International',
+        searchValue: ['sfo', 'san francisco', 'san francisco international'],
+        value: 'SFO',
+    },
+    {
+        disabled: true,
+        label: 'San Jose Mineta International',
+        searchValue: ['sjc', 'san jose', 'san jose mineta international'],
+        value: 'SJC',
+    },
+];
+const comboboxCss = css({
+    width: '16rem',
+});
+const stackCss = css({
+    display: 'flex',
+    flexDirection: 'column',
+    gap: theme.space.sm,
+    width: '100%',
+});
+const fieldCss = css({
+    display: 'flex',
+    flexDirection: 'column',
+    gap: theme.space.xs,
+});
+const labelCss = css({
+    margin: 0,
+    fontSize: theme.fontSize.xs,
+    fontWeight: theme.fontWeight.semibold,
+    color: theme.colors.text.primary,
+});
+const helpCss = css({
+    fontSize: theme.fontSize.xs,
+    lineHeight: theme.lineHeight.relaxed,
+    color: theme.colors.text.secondary,
+});
+const valueCss = css({
+    margin: 0,
+    fontFamily: theme.fontFamily.mono,
+    fontSize: theme.fontSize.xs,
+    color: theme.colors.text.secondary,
+});
+//# sourceMappingURL=overview.demo.js.map

package/dist/components/combobox/demos/overview.demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overview.demo.js","sourceRoot":"","sources":["../../../../src/components/combobox/demos/overview.demo.tsx"],"names":[],"mappings":"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"}

package/dist/components/listbox/demos/overview.demo.d.ts

@@ -0,0 +1,6 @@
+import { type Handle } from '@remix-run/ui';
+/**
+ * @name Listbox Overview
+ * @description A keyboard-navigable listbox with selection, highlighting, and an optional flash-selection animation.
+ */
+export default function Example(handle: Handle): () => import("@remix-run/ui").RemixElement;

package/dist/components/listbox/demos/overview.demo.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@remix-run/ui/jsx-runtime";
+import { css, on } from '@remix-run/ui';
+import { Glyph } from '@remix-run/ui/glyph';
+import * as listbox from '@remix-run/ui/listbox';
+import { theme } from '@remix-run/ui/theme';
+/**
+ * @name Listbox Overview
+ * @description A keyboard-navigable listbox with selection, highlighting, and an optional flash-selection animation.
+ */
+export default function Example(handle) {
+    let value = options[0].value;
+    let activeValue = options[0].value;
+    let flashSelection = false;
+    return () => {
+        return (_jsxs("div", { mix: stackCss, children: [_jsx(listbox.Context, { value: value, activeValue: activeValue, flashSelection: flashSelection, onSelect: (nextValue) => {
+                        value = nextValue;
+                        handle.update();
+                    }, onHighlight: (nextActiveValue) => {
+                        activeValue = nextActiveValue;
+                        handle.update();
+                    }, children: _jsx("div", { tabIndex: 0, mix: [listbox.listStyle, listbox.list(), containerCss], children: options.map((option) => (_jsxs("div", { mix: [listbox.optionStyle, listbox.option(option)], children: [_jsx(Glyph, { mix: listbox.glyphStyle, name: "check" }), _jsx("span", { mix: listbox.labelStyle, children: option.label })] }, option.value))) }) }), _jsxs("div", { mix: controlsCss, children: [_jsxs("label", { mix: checkboxLabelCss, children: [_jsx("input", { type: "checkbox", defaultChecked: flashSelection, mix: on('change', (event) => {
+                                        flashSelection = event.currentTarget.checked;
+                                        handle.update();
+                                    }) }), ' ', "Flash selection"] }), _jsx("p", { mix: valueCss, children: `value=${value ?? 'null'}` })] })] }));
+    };
+}
+const options = [
+    { label: 'Apple', value: 'apple' },
+    { label: 'Banana', value: 'banana' },
+    { label: 'Cherry', value: 'cherry' },
+    { label: 'Date', value: 'date' },
+    { label: 'Elderberry', value: 'elderberry' },
+    { label: 'Fig', value: 'fig' },
+    { label: 'Grape', value: 'grape' },
+];
+const containerCss = css({
+    borderColor: theme.colors.border.subtle,
+    padding: theme.space.xs,
+    borderRadius: theme.radius.lg,
+    borderStyle: 'solid',
+});
+const stackCss = css({
+    display: 'flex',
+    flexDirection: 'column',
+    gap: theme.space.md,
+    width: '100%',
+});
+const controlsCss = css({
+    display: 'flex',
+    flexDirection: 'column',
+    gap: theme.space.xs,
+});
+const checkboxLabelCss = css({
+    fontSize: theme.fontSize.sm,
+    lineHeight: theme.lineHeight.normal,
+    color: theme.colors.text.secondary,
+});
+const valueCss = css({
+    margin: 0,
+    fontFamily: theme.fontFamily.mono,
+    fontSize: theme.fontSize.xs,
+    color: theme.colors.text.secondary,
+});
+//# sourceMappingURL=overview.demo.js.map

package/dist/components/listbox/demos/overview.demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overview.demo.js","sourceRoot":"","sources":["../../../../src/components/listbox/demos/overview.demo.tsx"],"names":[],"mappings":"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"}

package/dist/components/listbox/listbox.d.ts

@@ -1,12 +1,7 @@
-import { type CSSMixinDescriptor, type Handle, type RemixNode } from '@remix-run/ui';
+import { type CSSMixinDescriptor, type ElementProps, type Handle, type MixinFactory, type RemixNode } from '@remix-run/ui';
 import { type SearchValue } from '../../interactions/typeahead/typeahead-mixin.ts';
 export type ListboxValue = string | null;
-declare enum NavigationStrategy {
-    Next = 0,
-    Previous = 1,
-    First = 2,
-    Last = 3
-}
+type NavigationStrategy = 'next' | 'previous' | 'first' | 'last';
 interface Values {
     value: ListboxValue;
     activeValue: ListboxValue;
@@ -62,6 +57,6 @@ export interface ListboxOption {
     textValue?: SearchValue;
 }
 export declare const Context: typeof ListboxProvider;
-export declare const list: <boundNode extends HTMLElement = HTMLElement>() => import("@remix-run/ui").MixinDescriptor<boundNode, [], import("@remix-run/ui").ElementProps>;
-export declare const option: <boundNode extends HTMLElement = HTMLElement>(option: Omit<ListboxOption, "id">) => import("@remix-run/ui").MixinDescriptor<boundNode, [option: Omit<ListboxOption, "id">], import("@remix-run/ui").ElementProps>;
+export declare const list: MixinFactory<HTMLElement, [], ElementProps>;
+export declare const option: MixinFactory<HTMLElement, [option: Omit<ListboxOption, "id">], ElementProps>;
 export {};

package/dist/components/listbox/listbox.js

@@ -2,18 +2,6 @@ import { attrs, createMixin, css, on, } from '@remix-run/ui';
 import { theme } from "../../theme/theme.js";
 import { hiddenTypeahead, matchNextItemBySearchText, } from "../../interactions/typeahead/typeahead-mixin.js";
 import { flashAttribute } from "../../utils/flash-attribute.js";
-var NavigationStrategy;
-(function (NavigationStrategy) {
-    NavigationStrategy[NavigationStrategy["Next"] = 0] = "Next";
-    NavigationStrategy[NavigationStrategy["Previous"] = 1] = "Previous";
-    NavigationStrategy[NavigationStrategy["First"] = 2] = "First";
-    NavigationStrategy[NavigationStrategy["Last"] = 3] = "Last";
-})(NavigationStrategy || (NavigationStrategy = {}));
-var State;
-(function (State) {
-    State["Idle"] = "idle";
-    State["Selecting"] = "selecting";
-})(State || (State = {}));
 const listCss = css({
     display: 'flex',
     flexDirection: 'column',
@@ -93,7 +81,7 @@ export const glyphStyle = itemGlyphCss;
 export const labelStyle = itemLabelCss;
 function ListboxProvider(handle) {
     let options = [];
-    let state = State.Idle;
+    let state = 'idle';
     function getOption(value) {
         return options.find((option) => option.value === value);
     }
@@ -144,16 +132,16 @@ function ListboxProvider(handle) {
             return findSearchMatch(text, fromValue);
         },
         navigateFirst() {
-            context.navigate(NavigationStrategy.First);
+            context.navigate('first');
         },
         navigateLast() {
-            context.navigate(NavigationStrategy.Last);
+            context.navigate('last');
         },
         navigateNext() {
-            context.navigate(NavigationStrategy.Next);
+            context.navigate('next');
         },
         navigatePrevious() {
-            context.navigate(NavigationStrategy.Previous);
+            context.navigate('previous');
         },
         scrollActiveOptionIntoView() {
             context.scrollActiveOptionIntoView();
@@ -179,13 +167,13 @@ function ListboxProvider(handle) {
             options.push(option);
         },
         async select(value) {
-            if (state === State.Selecting) {
+            if (state === 'selecting') {
                 return;
             }
-            state = State.Selecting;
+            state = 'selecting';
             let option = getOption(value);
             if (!isInteractableOption(option)) {
-                state = State.Idle;
+                state = 'idle';
                 return;
             }
             handle.props.onSelect(value, option);
@@ -193,16 +181,16 @@ function ListboxProvider(handle) {
                 await flashAttribute(option.node, handle.props.selectionFlashAttribute ?? 'data-listbox-flash', 60);
             }
             await handle.props.onSelectSettled?.(value, option);
-            state = State.Idle;
+            state = 'idle';
         },
         highlight(value) {
-            if (state === State.Selecting)
+            if (state === 'selecting')
                 return;
             let option = getOption(value);
             handle.props.onHighlight(value, option);
         },
         highlightSearchMatch(text) {
-            if (state === State.Selecting)
+            if (state === 'selecting')
                 return;
             let option = findSearchMatch(text, handle.props.activeValue);
             if (option) {
@@ -211,25 +199,25 @@ function ListboxProvider(handle) {
             }
         },
         navigate(strategy) {
-            if (state === State.Selecting)
+            if (state === 'selecting')
                 return;
             let option;
             let interactableOptions = getInteractableOptions();
             let activeIndex = interactableOptions.findIndex((option) => option.value === handle.props.activeValue);
             switch (strategy) {
-                case NavigationStrategy.Next:
+                case 'next':
                     option = interactableOptions[activeIndex + 1] ?? interactableOptions[0];
                     break;
-                case NavigationStrategy.Previous:
+                case 'previous':
                     option =
                         activeIndex === -1
                             ? interactableOptions[interactableOptions.length - 1]
                             : interactableOptions[activeIndex - 1];
                     break;
-                case NavigationStrategy.First:
+                case 'first':
                     option = interactableOptions[0];
                     break;
-                case NavigationStrategy.Last:
+                case 'last':
                     option = interactableOptions[interactableOptions.length - 1];
                     break;
             }
@@ -262,15 +250,15 @@ const listMixin = createMixin((handle) => (props) => {
             switch (event.key) {
                 case 'ArrowDown':
                     event.preventDefault();
-                    context.navigate(NavigationStrategy.Next);
+                    context.navigate('next');
                     break;
                 case 'ArrowUp':
                     event.preventDefault();
-                    context.navigate(NavigationStrategy.Previous);
+                    context.navigate('previous');
                     break;
                 case 'Tab':
                     event.preventDefault();
-                    context.navigate(NavigationStrategy.First);
+                    context.navigate('first');
                     break;
                 case 'Enter':
                 case ' ':
@@ -279,11 +267,11 @@ const listMixin = createMixin((handle) => (props) => {
                     break;
                 case 'Home':
                     event.preventDefault();
-                    context.navigate(NavigationStrategy.First);
+                    context.navigate('first');
                     break;
                 case 'End':
                     event.preventDefault();
-                    context.navigate(NavigationStrategy.Last);
+                    context.navigate('last');
             }
         }),
         hiddenTypeahead((text) => {

package/dist/components/listbox/listbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"listbox.js","sourceRoot":"","sources":["../../../src/components/listbox/listbox.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,WAAW,EACX,GAAG,EACH,EAAE,GAIH,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAA;AAC5C,OAAO,EACL,eAAe,EACf,yBAAyB,GAE1B,MAAM,iDAAiD,CAAA;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AAI/D,IAAK,kBAKJ;AALD,WAAK,kBAAkB;IACrB,2DAAQ,CAAA;IACR,mEAAY,CAAA;IACZ,6DAAS,CAAA;IACT,2DAAQ,CAAA;AACV,CAAC,EALI,kBAAkB,KAAlB,kBAAkB,QAKtB;AAED,IAAK,KAGJ;AAHD,WAAK,KAAK;IACR,sBAAa,CAAA;IACb,gCAAuB,CAAA;AACzB,CAAC,EAHI,KAAK,KAAL,KAAK,QAGT;AAiDD,MAAM,OAAO,GAAuB,GAAG,CAAC;IACtC,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,MAAM;IAClB,gBAAgB,EAAE,MAAM;IACxB,qBAAqB,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE;IACrC,6BAA6B,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE;IAC7C,+BAA+B,EAAE,KAAK,CAAC,QAAQ,CAAC,EAAE;CACnD,CAAC,CAAA;AAEF,MAAM,OAAO,GAAuB,GAAG,CAAC;IACtC,OAAO,EAAE,MAAM;IACf,mBAAmB,EAAE,4BAA4B;IACjD,UAAU,EAAE,QAAQ;IACpB,KAAK,EAAE,MAAM;IACb,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;IAClC,OAAO,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,EAAE,IAAI,KAAK,CAAC,KAAK,CAAC,EAAE,EAAE;IAC9C,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,EAAE;IAC7B,eAAe,EAAE,aAAa;IAC9B,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO;IAChC,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,IAAI;IACjC,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,EAAE;IAC3B,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,MAAM;IACnC,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,MAAM;IACnC,SAAS,EAAE,MAAM;IACjB,UAAU,EAAE,MAAM;IAClB,gBAAgB,EAAE,MAAM;IACxB,SAAS,EAAE;QACT,OAAO,EAAE,MAAM;KAChB;IACD,4BAA4B,EAAE;QAC5B,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,UAAU;QACvD,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,UAAU;KAC9C;IACD,yBAAyB,EAAE;QACzB,OAAO,EAAE,GAAG;KACb;IACD,iBAAiB,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE;IACjC,wCAAwC,EAAE,GAAG;IAC7C,WAAW,EAAE;QACX,OAAO,EAAE,MAAM;KAChB;IACD,0FAA0F,EAAE;QAC1F,eAAe,EAAE,aAAa;QAC9B,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO;KACjC;IACD,yBAAyB,EAAE;QACzB,wCAAwC,EAAE,GAAG;KAC9C;CACF,CAAC,CAAA;AAEF,MAAM,YAAY,GAAuB,GAAG,CAAC;IAC3C,UAAU,EAAE,GAAG;IACf,OAAO,EAAE,aAAa;IACtB,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,KAAK;IACb,KAAK,EAAE,cAAc;IACrB,UAAU,EAAE,CAAC;IACb,OAAO,EAAE,6CAA6C;IACtD,SAAS,EAAE;QACT,OAAO,EAAE,OAAO;QAChB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;KACf;CACF,CAAC,CAAA;AAEF,MAAM,YAAY,GAAuB,GAAG,CAAC;IAC3C,OAAO,EAAE,aAAa;IACtB,UAAU,EAAE,QAAQ;IACpB,QAAQ,EAAE,CAAC;IACX,aAAa,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE;IAC7B,gBAAgB,EAAE,MAAM;CACzB,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,OAAO,CAAA;AAChC,MAAM,CAAC,MAAM,WAAW,GAAG,OAAO,CAAA;AAClC,MAAM,CAAC,MAAM,UAAU,GAAG,YAAY,CAAA;AACtC,MAAM,CAAC,MAAM,UAAU,GAAG,YAAY,CAAA;AAEtC,SAAS,eAAe,CAAC,MAAoD;IAC3E,IAAI,OAAO,GAAuB,EAAE,CAAA;IACpC,IAAI,KAAK,GAAG,KAAK,CAAC,IAAI,CAAA;IAEtB,SAAS,SAAS,CAAC,KAAmB;QACpC,OAAO,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,KAAK,CAAC,CAAA;IACzD,CAAC;IAED,SAAS,eAAe,CAAC,MAAoC;QAC3D,OAAO,CAAC,CAAC,MAAM,EAAE,IAAI,EAAE,WAAW,IAAI,CAAC,MAAM,CAAC,MAAM,CAAA;IACtD,CAAC;IAED,SAAS,oBAAoB,CAAC,MAAoC;QAChE,OAAO,eAAe,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,QAAQ,CAAA;IACrD,CAAC;IAED,SAAS,sBAAsB;QAC7B,OAAO,OAAO,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAA;IAC7C,CAAC;IAED,SAAS,oBAAoB,CAAC,MAAoC;QAChE,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,EAAE,CAAC;YAC7B,OAAM;QACR,CAAC;QAED,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC;YACzB,KAAK,EAAE,SAAS;YAChB,MAAM,EAAE,SAAS;SAClB,CAAC,CAAA;IACJ,CAAC;IAED,SAAS,eAAe,CAAC,IAAY,EAAE,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,WAAW;QACzE,IAAI,mBAAmB,GAAG,sBAAsB,EAAE,CAAA;QAClD,IAAI,SAAS,GAAG,mBAAmB,CAAC,SAAS,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,SAAS,CAAC,CAAA;QAErF,OAAO,yBAAyB,CAAC,IAAI,EAAE,mBAAmB,EAAE;YAC1D,SAAS;YACT,eAAe,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,IAAI,MAAM,CAAC,KAAK;SAC9D,CAAC,CAAA;IACJ,CAAC;IAED,IAAI,OAAuB,CAAA;IAE3B,IAAI,GAAG,GAAe;QACpB,IAAI,MAAM;YACR,OAAO,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,CAAA;QAC5C,CAAC;QACD,IAAI,OAAO;YACT,OAAO,OAAO,CAAA;QAChB,CAAC;QACD,IAAI,QAAQ;YACV,OAAO,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;QACtC,CAAC;QACD,SAAS,CAAC,KAAK;YACb,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,CAAA;QAC1B,CAAC;QACD,oBAAoB,CAAC,IAAI;YACvB,OAAO,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAA;QACpC,CAAC;QACD,eAAe,CAAC,IAAI,EAAE,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,WAAW;YACxD,OAAO,eAAe,CAAC,IAAI,EAAE,SAAS,CAAC,CAAA;QACzC,CAAC;QACD,aAAa;YACX,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAA;QAC5C,CAAC;QACD,YAAY;YACV,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAA;QAC3C,CAAC;QACD,YAAY;YACV,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAA;QAC3C,CAAC;QACD,gBAAgB;YACd,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAA;QAC/C,CAAC;QACD,0BAA0B;YACxB,OAAO,CAAC,0BAA0B,EAAE,CAAA;QACtC,CAAC;QACD,MAAM,CAAC,KAAK;YACV,OAAO,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;QAC9B,CAAC;QACD,YAAY;YACV,OAAO,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,CAAA;QACjD,CAAC;KACF,CAAA;IAED,MAAM,CAAC,SAAS,CAAC,GAAG,EAAE;QACpB,MAAM,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,CAAA;IACzB,CAAC,CAAC,CAAA;IAEF,OAAO,GAAG;QACR,IAAI,KAAK;YACP,OAAO,MAAM,CAAC,KAAK,CAAC,KAAK,CAAA;QAC3B,CAAC;QAED,IAAI,WAAW;YACb,OAAO,MAAM,CAAC,KAAK,CAAC,WAAW,CAAA;QACjC,CAAC;QAED,cAAc,CAAC,MAAM;YACnB,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;QACtB,CAAC;QAED,KAAK,CAAC,MAAM,CAAC,KAAK;YAChB,IAAI,KAAK,KAAK,KAAK,CAAC,SAAS,EAAE,CAAC;gBAC9B,OAAM;YACR,CAAC;YACD,KAAK,GAAG,KAAK,CAAC,SAAS,CAAA;YACvB,IAAI,MAAM,GAAG,SAAS,CAAC,KAAK,CAAC,CAAA;YAC7B,IAAI,CAAC,oBAAoB,CAAC,MAAM,CAAC,EAAE,CAAC;gBAClC,KAAK,GAAG,KAAK,CAAC,IAAI,CAAA;gBAClB,OAAM;YACR,CAAC;YACD,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;YACpC,IAAI,MAAM,IAAI,MAAM,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC;gBAC1C,MAAM,cAAc,CAClB,MAAM,CAAC,IAAI,EACX,MAAM,CAAC,KAAK,CAAC,uBAAuB,IAAI,oBAAoB,EAC5D,EAAE,CACH,CAAA;YACH,CAAC;YACD,MAAM,MAAM,CAAC,KAAK,CAAC,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;YACnD,KAAK,GAAG,KAAK,CAAC,IAAI,CAAA;QACpB,CAAC;QAED,SAAS,CAAC,KAAK;YACb,IAAI,KAAK,KAAK,KAAK,CAAC,SAAS;gBAAE,OAAM;YACrC,IAAI,MAAM,GAAG,SAAS,CAAC,KAAK,CAAC,CAAA;YAC7B,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;QACzC,CAAC;QAED,oBAAoB,CAAC,IAAI;YACvB,IAAI,KAAK,KAAK,KAAK,CAAC,SAAS;gBAAE,OAAM;YAErC,IAAI,MAAM,GAAG,eAAe,CAAC,IAAI,EAAE,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,CAAA;YAE5D,IAAI,MAAM,EAAE,CAAC;gBACX,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;gBAC9C,oBAAoB,CAAC,MAAM,CAAC,CAAA;YAC9B,CAAC;QACH,CAAC;QAED,QAAQ,CAAC,QAA4B;YACnC,IAAI,KAAK,KAAK,KAAK,CAAC,SAAS;gBAAE,OAAM;YAErC,IAAI,MAAoC,CAAA;YACxC,IAAI,mBAAmB,GAAG,sBAAsB,EAAE,CAAA;YAClD,IAAI,WAAW,GAAG,mBAAmB,CAAC,SAAS,CAC7C,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,CAAC,WAAW,CACtD,CAAA;YAED,QAAQ,QAAQ,EAAE,CAAC;gBACjB,KAAK,kBAAkB,CAAC,IAAI;oBAC1B,MAAM,GAAG,mBAAmB,CAAC,WAAW,GAAG,CAAC,CAAC,IAAI,mBAAmB,CAAC,CAAC,CAAC,CAAA;oBACvE,MAAK;gBACP,KAAK,kBAAkB,CAAC,QAAQ;oBAC9B,MAAM;wBACJ,WAAW,KAAK,CAAC,CAAC;4BAChB,CAAC,CAAC,mBAAmB,CAAC,mBAAmB,CAAC,MAAM,GAAG,CAAC,CAAC;4BACrD,CAAC,CAAC,mBAAmB,CAAC,WAAW,GAAG,CAAC,CAAC,CAAA;oBAC1C,MAAK;gBACP,KAAK,kBAAkB,CAAC,KAAK;oBAC3B,MAAM,GAAG,mBAAmB,CAAC,CAAC,CAAC,CAAA;oBAC/B,MAAK;gBACP,KAAK,kBAAkB,CAAC,IAAI;oBAC1B,MAAM,GAAG,mBAAmB,CAAC,mBAAmB,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;oBAC5D,MAAK;YACT,CAAC;YAED,IAAI,MAAM,EAAE,CAAC;gBACX,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;gBAC9C,oBAAoB,CAAC,MAAM,CAAC,CAAA;YAC9B,CAAC;QACH,CAAC;QAED,0BAA0B;YACxB,oBAAoB,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAA;QAC3D,CAAC;KACF,CAAA;IAED,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;IAE3B,OAAO,GAAG,EAAE;QACV,OAAO,GAAG,EAAE,CAAA;QACZ,OAAO,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAA;IAC9B,CAAC,CAAA;AACH,CAAC;AAED,MAAM,SAAS,GAAG,WAAW,CAAc,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE;IAC/D,IAAI,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC,CAAA;IACjD,OAAO;QACL,KAAK,CAAC;YACJ,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,CAAC,CAAC;YAC9B,IAAI,EAAE,KAAK,CAAC,IAAI,IAAI,SAAS;SAC9B,CAAC;QACF,EAAE,CAAC,OAAO,EAAE,GAAG,EAAE;YACf,OAAO,CAAC,0BAA0B,EAAE,CAAA;QACtC,CAAC,CAAC;QACF,EAAE,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;YACtB,QAAQ,KAAK,CAAC,GAAG,EAAE,CAAC;gBAClB,KAAK,WAAW;oBACd,KAAK,CAAC,cAAc,EAAE,CAAA;oBACtB,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAA;oBACzC,MAAK;gBACP,KAAK,SAAS;oBACZ,KAAK,CAAC,cAAc,EAAE,CAAA;oBACtB,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAA;oBAC7C,MAAK;gBACP,KAAK,KAAK;oBACR,KAAK,CAAC,cAAc,EAAE,CAAA;oBACtB,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAA;oBAC1C,MAAK;gBACP,KAAK,OAAO,CAAC;gBACb,KAAK,GAAG;oBACN,KAAK,CAAC,cAAc,EAAE,CAAA;oBACtB,KAAK,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAA;oBACxC,MAAK;gBACP,KAAK,MAAM;oBACT,KAAK,CAAC,cAAc,EAAE,CAAA;oBACtB,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAA;oBAC1C,MAAK;gBACP,KAAK,KAAK;oBACR,KAAK,CAAC,cAAc,EAAE,CAAA;oBACtB,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAA;YAC7C,CAAC;QACH,CAAC,CAAC;QACF,eAAe,CAAC,CAAC,IAAI,EAAE,EAAE;YACvB,OAAO,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAA;QACpC,CAAC,CAAC;KACH,CAAA;AACH,CAAC,CAAC,CAAA;AAUF,MAAM,WAAW,GAAG,WAAW,CAAmD,CAAC,MAAM,EAAE,EAAE;IAC3F,IAAI,SAAkC,CAAA;IAEtC,MAAM,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE;QACxB,SAAS,GAAG,IAAI,CAAA;IAClB,CAAC,CAAC,CAAA;IAEF,OAAO,CAAC,MAAM,EAAE,EAAE;QAChB,IAAI,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC,CAAA;QACjD,OAAO,CAAC,cAAc,CAAC;YACrB,GAAG,MAAM;YACT,EAAE,EAAE,MAAM,CAAC,EAAE;YACb,IAAI,MAAM;gBACR,OAAO,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;YACnC,CAAC;YACD,IAAI,IAAI;gBACN,OAAO,SAAwB,CAAA;YACjC,CAAC;SACF,CAAC,CAAA;QAEF,OAAO;YACL,KAAK,CAAC;gBACJ,IAAI,EAAE,QAAQ;gBACd,EAAE,EAAE,MAAM,CAAC,EAAE;gBACb,eAAe,EAAE,OAAO,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;gBAClE,eAAe,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;gBACnD,kBAAkB,EAAE,OAAO,CAAC,WAAW,KAAK,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;aAC5E,CAAC;YACF,CAAC,MAAM,CAAC,QAAQ,IAAI;gBAClB,EAAE,CAAC,OAAO,EAAE,GAAG,EAAE;oBACf,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;gBAC9B,CAAC,CAAC;gBACF,EAAE,CAAC,WAAW,EAAE,GAAG,EAAE;oBACnB,IAAI,OAAO,CAAC,WAAW,KAAK,MAAM,CAAC,KAAK;wBAAE,OAAM;oBAChD,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;gBACjC,CAAC,CAAC;gBACF,EAAE,CAAC,YAAY,EAAE,GAAG,EAAE;oBACpB,IAAI,OAAO,CAAC,WAAW,KAAK,MAAM,CAAC,KAAK;wBAAE,OAAM;oBAChD,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,CAAA;gBACzB,CAAC,CAAC;aACH;SACF,CAAA;IACH,CAAC,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,eAAe,CAAA;AACtC,MAAM,CAAC,MAAM,IAAI,GAAG,SAAS,CAAA;AAC7B,MAAM,CAAC,MAAM,MAAM,GAAG,WAAW,CAAA"}
+{"version":3,"file":"listbox.js","sourceRoot":"","sources":["../../../src/components/listbox/listbox.ts"],"names":[],"mappings":"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"}

package/dist/components/menu/demos/bubbling.demo.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @name Menu Event Bubbling
+ * @description Item-level handlers fire before the root handler, letting individual items intercept events while others bubble up.
+ */
+export default function Example(): () => import("@remix-run/ui").RemixElement;

package/dist/components/menu/demos/bubbling.demo.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@remix-run/ui/jsx-runtime";
+import { on } from '@remix-run/ui';
+import { Menu, MenuItem, onMenuSelect } from '@remix-run/ui/menu';
+/**
+ * @name Menu Event Bubbling
+ * @description Item-level handlers fire before the root handler, letting individual items intercept events while others bubble up.
+ */
+export default function Example() {
+    return () => (_jsxs(Menu, { label: "Project", menuLabel: "Project actions", mix: onMenuSelect((event) => {
+            console.log('Menu root handler:', event.item);
+        }), children: [_jsx(MenuItem, { name: "open", value: "open-project", children: "Open project" }), _jsx(MenuItem, { name: "rename", value: "rename-project", mix: onMenuSelect((event) => {
+                    console.log('Menu item handler:', event.item);
+                }), children: "Rename project" }), _jsx(MenuItem, { name: "duplicate", value: "duplicate-project", children: "Duplicate project" })] }));
+}
+//# sourceMappingURL=bubbling.demo.js.map

package/dist/components/menu/demos/bubbling.demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bubbling.demo.js","sourceRoot":"","sources":["../../../../src/components/menu/demos/bubbling.demo.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,eAAe,CAAA;AAClC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAEjE;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO;IAC7B,OAAO,GAAG,EAAE,CAAC,CACX,MAAC,IAAI,IACH,KAAK,EAAC,SAAS,EACf,SAAS,EAAC,iBAAiB,EAC3B,GAAG,EAAE,YAAY,CAAC,CAAC,KAAK,EAAE,EAAE;YAC1B,OAAO,CAAC,GAAG,CAAC,oBAAoB,EAAE,KAAK,CAAC,IAAI,CAAC,CAAA;QAC/C,CAAC,CAAC,aAEF,KAAC,QAAQ,IAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,cAAc,6BAE/B,EACX,KAAC,QAAQ,IACP,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,gBAAgB,EACtB,GAAG,EAAE,YAAY,CAAC,CAAC,KAAK,EAAE,EAAE;oBAC1B,OAAO,CAAC,GAAG,CAAC,oBAAoB,EAAE,KAAK,CAAC,IAAI,CAAC,CAAA;gBAC/C,CAAC,CAAC,+BAGO,EACX,KAAC,QAAQ,IAAC,IAAI,EAAC,WAAW,EAAC,KAAK,EAAC,mBAAmB,kCAEzC,IACN,CACR,CAAA;AACH,CAAC"}

package/dist/components/menu/demos/overview.demo.d.ts

@@ -0,0 +1,6 @@
+import { type Handle } from '@remix-run/ui';
+/**
+ * @name Menu Overview
+ * @description A hierarchical menu with checkboxes, radio groups, submenus, and separators.
+ */
+export default function Example(handle: Handle): () => import("@remix-run/ui").RemixElement;

package/dist/components/menu/demos/overview.demo.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@remix-run/ui/jsx-runtime";
+import {} from '@remix-run/ui';
+import { Menu, MenuItem, onMenuSelect, Submenu } from '@remix-run/ui/menu';
+import { separatorStyle } from '@remix-run/ui/separator';
+/**
+ * @name Menu Overview
+ * @description A hierarchical menu with checkboxes, radio groups, submenus, and separators.
+ */
+export default function Example(handle) {
+    let wordWrap = true;
+    let minimap = false;
+    let showGutter = true;
+    let density = 'comfortable';
+    return () => (_jsxs(Menu, { label: "View", menuLabel: "View options", mix: onMenuSelect((event) => {
+            switch (event.item.name) {
+                case 'wordWrap':
+                    wordWrap = !wordWrap;
+                    break;
+                case 'minimap':
+                    minimap = !minimap;
+                    break;
+                case 'showGutter':
+                    showGutter = !showGutter;
+                    break;
+                case 'density':
+                    density = event.item.value;
+                    break;
+            }
+            handle.update();
+        }), children: [_jsx(MenuItem, { name: "wordWrap", type: "checkbox", checked: wordWrap, children: "Word wrap" }), _jsx(MenuItem, { name: "minimap", type: "checkbox", checked: minimap, children: "Minimap" }), _jsx(MenuItem, { name: "showGutter", type: "checkbox", checked: showGutter, children: "Show gutter" }), _jsx("hr", { mix: separatorStyle }), _jsxs(Submenu, { label: "Zoom", children: [_jsx(MenuItem, { name: "zoomIn", value: "zoom-in", children: "Zoom In" }), _jsx(MenuItem, { name: "zoomOut", value: "zoom-out", children: "Zoom Out" }), _jsx(MenuItem, { name: "resetZoom", value: "reset-zoom", children: "Reset Zoom" })] }), _jsxs(Submenu, { label: "Density", children: [_jsx(MenuItem, { name: "density", type: "radio", value: "comfortable", checked: density === 'comfortable', children: "Comfortable" }), _jsx(MenuItem, { name: "density", type: "radio", value: "compact", checked: density === 'compact', children: "Compact" })] })] }));
+}
+//# sourceMappingURL=overview.demo.js.map

package/dist/components/menu/demos/overview.demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overview.demo.js","sourceRoot":"","sources":["../../../../src/components/menu/demos/overview.demo.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAe,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAC1E,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAExD;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,MAAc;IAE5C,IAAI,QAAQ,GAAG,IAAI,CAAA;IACnB,IAAI,OAAO,GAAG,KAAK,CAAA;IACnB,IAAI,UAAU,GAAG,IAAI,CAAA;IACrB,IAAI,OAAO,GAAY,aAAa,CAAA;IAEpC,OAAO,GAAG,EAAE,CAAC,CACX,MAAC,IAAI,IACH,KAAK,EAAC,MAAM,EACZ,SAAS,EAAC,cAAc,EACxB,GAAG,EAAE,YAAY,CAAC,CAAC,KAAK,EAAE,EAAE;YAC1B,QAAQ,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;gBACxB,KAAK,UAAU;oBACb,QAAQ,GAAG,CAAC,QAAQ,CAAA;oBACpB,MAAK;gBACP,KAAK,SAAS;oBACZ,OAAO,GAAG,CAAC,OAAO,CAAA;oBAClB,MAAK;gBACP,KAAK,YAAY;oBACf,UAAU,GAAG,CAAC,UAAU,CAAA;oBACxB,MAAK;gBACP,KAAK,SAAS;oBACZ,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,KAAgB,CAAA;oBACrC,MAAK;YACT,CAAC;YACD,MAAM,CAAC,MAAM,EAAE,CAAA;QACjB,CAAC,CAAC,aAEF,KAAC,QAAQ,IAAC,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,UAAU,EAAC,OAAO,EAAE,QAAQ,0BAEhD,EACX,KAAC,QAAQ,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,UAAU,EAAC,OAAO,EAAE,OAAO,wBAE9C,EACX,KAAC,QAAQ,IAAC,IAAI,EAAC,YAAY,EAAC,IAAI,EAAC,UAAU,EAAC,OAAO,EAAE,UAAU,4BAEpD,EAEX,aAAI,GAAG,EAAE,cAAc,GAAI,EAC3B,MAAC,OAAO,IAAC,KAAK,EAAC,MAAM,aACnB,KAAC,QAAQ,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,SAAS,wBAE5B,EACX,KAAC,QAAQ,IAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,UAAU,yBAE9B,EACX,KAAC,QAAQ,IAAC,IAAI,EAAC,WAAW,EAAC,KAAK,EAAC,YAAY,2BAElC,IACH,EAEV,MAAC,OAAO,IAAC,KAAK,EAAC,SAAS,aACtB,KAAC,QAAQ,IACP,IAAI,EAAC,SAAS,EACd,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,aAAa,EACnB,OAAO,EAAE,OAAO,KAAK,aAAa,4BAGzB,EACX,KAAC,QAAQ,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,OAAO,KAAK,SAAS,wBAEzE,IACH,IACL,CACR,CAAA;AACH,CAAC"}

package/dist/components/menu/menu.d.ts

@@ -1,8 +1,8 @@
-import { type CSSMixinDescriptor, type ElementProps, type Handle, type Props, type RemixNode } from '@remix-run/ui';
+import { on, type CSSMixinDescriptor, type Dispatched, type ElementProps, type Handle, type MixinFactory, type Props, type RemixNode } from '@remix-run/ui';
 import { type AnchorOptions } from '../anchor/anchor.ts';
 import { type SearchValue } from '../../interactions/typeahead/typeahead-mixin.ts';
 declare const MENU_SELECT_EVENT: "rmx:menu-select";
-type MenuSelectHandler = (event: MenuSelectEvent, signal: AbortSignal) => void | Promise<void>;
+type MenuSelectHandler<target extends HTMLElement> = (event: Dispatched<MenuSelectEvent, target>, signal: AbortSignal) => void | Promise<void>;
 export declare const buttonStyle: CSSMixinDescriptor;
 export declare const popoverStyle: CSSMixinDescriptor;
 export declare const listStyle: CSSMixinDescriptor;
@@ -19,17 +19,8 @@ declare global {
 type MenuItemType = 'item' | 'checkbox' | 'radio';
 type CloseAnimation = 'fade' | 'none';
 type OpenStrategy = 'first' | 'last' | 'list' | 'none';
-declare enum NavigationStrategy {
-    Next = 0,
-    Previous = 1,
-    First = 2,
-    Last = 3
-}
-declare enum State {
-    Idle = "idle",
-    Dismissing = "dismissing",
-    Selecting = "selecting"
-}
+type NavigationStrategy = 'next' | 'previous' | 'first' | 'last';
+type State = 'idle' | 'dismissing' | 'selecting';
 export interface MenuSelectItem {
     checked?: boolean;
     id: string;
@@ -132,18 +123,18 @@ interface MenuContextValue {
     unregisterSurface: (node: HTMLElement) => void;
     unregisterTrigger: (node: HTMLElement) => void;
 }
-declare function MenuProvider(handle: Handle<MenuProviderProps, MenuContextValue>): () => import("@remix-run/ui").RemixElement;
-declare const popoverMixin: <boundNode extends HTMLElement = HTMLElement>() => import("@remix-run/ui").MixinDescriptor<boundNode, [], ElementProps>;
+declare function MenuProvider(handle: Handle<MenuProviderProps, MenuContextValue>): () => RemixNode;
+declare const popoverMixin: MixinFactory<HTMLElement, [], ElementProps>;
 export interface MenuListProps extends Props<'div'> {
 }
 type MenuListChildProps = Omit<JSX.LibraryManagedAttributes<typeof MenuList, MenuListProps>, 'children'>;
 export declare const Context: typeof MenuProvider;
-export declare const item: <boundNode extends HTMLElement = HTMLElement>(options: MenuItemOptions) => import("@remix-run/ui").MixinDescriptor<boundNode, [options: MenuItemOptions], ElementProps>;
-export declare const list: <boundNode extends HTMLElement = HTMLElement>() => import("@remix-run/ui").MixinDescriptor<boundNode, [], ElementProps>;
+export declare const item: MixinFactory<HTMLElement, [options: MenuItemOptions], ElementProps>;
+export declare const list: MixinFactory<HTMLElement, [], ElementProps>;
 export { popoverMixin as popover };
-export declare const submenuTrigger: <boundNode extends HTMLElement = HTMLElement>(options: SubmenuTriggerOptions) => import("@remix-run/ui").MixinDescriptor<boundNode, [options: SubmenuTriggerOptions], ElementProps>;
-export declare const trigger: <boundNode extends HTMLElement = HTMLElement>(options?: MenuTriggerOptions | undefined) => import("@remix-run/ui").MixinDescriptor<boundNode, [options?: MenuTriggerOptions | undefined], ElementProps>;
-export declare function onMenuSelect(handler: MenuSelectHandler, captureBoolean?: boolean): import("@remix-run/ui").MixinDescriptor<HTMLElement, ["rmx:menu-select", (event: import("@remix-run/ui").Dispatched<MenuSelectEvent, HTMLElement>, signal: AbortSignal) => void | Promise<void>, (boolean | undefined)?], ElementProps>;
+export declare const submenuTrigger: MixinFactory<HTMLElement, [options: SubmenuTriggerOptions], ElementProps>;
+export declare const trigger: MixinFactory<HTMLElement, [options?: MenuTriggerOptions | undefined], ElementProps>;
+export declare function onMenuSelect<target extends HTMLElement>(handler: MenuSelectHandler<target>, captureBoolean?: boolean): ReturnType<typeof on<target, typeof MENU_SELECT_EVENT>>;
 export interface MenuProps extends Omit<Props<'button'>, 'children'> {
     children?: RemixNode;
     label: RemixNode;
@@ -158,7 +149,7 @@ export interface SubmenuProps extends Omit<Props<'div'>, 'children' | 'name' | '
     listProps?: MenuListChildProps;
     menuLabel?: string;
 }
-export declare function Menu(handle: Handle<MenuProps>): () => import("@remix-run/ui").RemixElement;
-export declare function MenuList(handle: Handle<MenuListProps>): () => import("@remix-run/ui").RemixElement;
-export declare function MenuItem(handle: Handle<MenuItemProps>): () => import("@remix-run/ui").RemixElement;
-export declare function Submenu(handle: Handle<SubmenuProps>): () => import("@remix-run/ui").RemixElement;
+export declare function Menu(handle: Handle<MenuProps>): () => RemixNode;
+export declare function MenuList(handle: Handle<MenuListProps>): () => RemixNode;
+export declare function MenuItem(handle: Handle<MenuItemProps>): () => RemixNode;
+export declare function Submenu(handle: Handle<SubmenuProps>): () => RemixNode;