@economic/taco 10.0.1-improve-publish-scripts.0 → 10.0.1-react-19.0

package/dist/components/Listbox/util.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"util.cjs","sources":["../../../src/components/Listbox/util.ts"],"sourcesContent":["import React from 'react';\nimport { ScrollableListItem, ScrollableListItemValue, getId } from './ScrollableList';\nimport { setInputValueByRef as setInputValueByRefBase } from '../../utils/input';\n\nconst getValue = (value: ScrollableListItemValue | undefined): string => String(value ?? '');\n\nexport const setInputValueByRef = (\n    input: HTMLInputElement | null,\n    value: ScrollableListItemValue | undefined,\n    event = 'change'\n): void => {\n    setInputValueByRefBase(input, getValue(value), event);\n};\n\nexport const getIndexFromValue = (data: ScrollableListItem[], value: ScrollableListItemValue | undefined): number | undefined => {\n    const index = data.findIndex(option => getValue(option.value) === getValue(value));\n    return index > -1 ? index : undefined;\n};\n\nexport const getSelectedIndexesFromValue = (data: ScrollableListItem[], value: ScrollableListItemValue | undefined): number[] => {\n    if (typeof value !== 'string') return [];\n\n    return value\n        .split(',')\n        .map(v => data.findIndex(o => String(o.value) === v))\n        .filter(v => v !== -1);\n};\n\nexport const findByValue = (\n    data: ScrollableListItem[],\n    value: ScrollableListItemValue | undefined\n): ScrollableListItem | undefined => {\n    return data.find(option => getValue(option.value) === getValue(value));\n};\n\nexport const searchForString = (child: JSX.Element | string, value: string, strategy = 'includes'): boolean => {\n    try {\n        if (typeof child !== 'string' && child.props?.children) {\n            if (Array.isArray(child.props?.children)) {\n                return !!child.props.children.some((subChild: JSX.Element | string) =>\n                    searchForString(subChild, value, strategy)\n                );\n            }\n\n            return searchForString(child.props?.children, value, strategy);\n        }\n\n        // @ts-expect-error\n        return child.toString().toLowerCase()[strategy](String(value).toLowerCase());\n    } catch {\n        return false;\n    }\n};\n\nconst getIndexInRangeByValue = (\n    data: ScrollableListItem[],\n    query: string,\n    firstIndex: number,\n    lastIndex: number = data.length\n): number => {\n    const index = data.slice(firstIndex, lastIndex).findIndex(option => {\n        if (option.disabled) {\n            return false;\n        }\n\n        return searchForString(option.text, query, 'startsWith');\n    });\n\n    return index > -1 ? index + firstIndex : -1;\n};\n\nexport const findNextIndexByValue = (data: ScrollableListItem[], query: string, activeIndex: number | undefined): number => {\n    const firstIndex = activeIndex === undefined ? 0 : activeIndex + 1;\n    let index = getIndexInRangeByValue(data, query, firstIndex);\n\n    if (index === -1) {\n        index = getIndexInRangeByValue(data, query, 0, activeIndex);\n    }\n\n    return index;\n};\n\nexport const getActiveDescendant = (data: ScrollableListItem[], currentIndex: number | undefined, id: string): any => {\n    return currentIndex !== undefined && data[currentIndex] ? getId(id, data[currentIndex].value) : undefined;\n};\n\nexport const useFlattenedData = (data: ScrollableListItem[]): ScrollableListItem[] => {\n    return React.useMemo(() => {\n        const items: ScrollableListItem[] = [];\n\n        const flatten = (item: ScrollableListItem, path: number, parentPath?: string, parentDisabled?: boolean) => {\n            const currentPath = parentPath ? `${parentPath}.${path}` : `${path}`;\n            const isItemDisabled = parentDisabled || item.disabled;\n\n            items.push({\n                ...item,\n                disabled: isItemDisabled,\n                path: currentPath,\n                hasChildren: !!item.children,\n            });\n\n            if (item.children) {\n                item.children.forEach((childItem: ScrollableListItem, childPath: number) =>\n                    flatten(childItem, childPath, currentPath, isItemDisabled)\n                );\n            }\n        };\n\n        data.forEach((item, index) => {\n            flatten(item, index);\n        });\n\n        return items;\n    }, [data]);\n};\n\nexport const sanitizeItem = (item: ScrollableListItem | undefined) => {\n    if (item) {\n        const { hasChildren: _1, path: _2, ...rest } = item;\n        return rest;\n    }\n\n    return undefined;\n};\n\nexport const getOptionParents = (data: ScrollableListItem[], path?: string) => {\n    const indexes = path?.split('.') ?? [];\n\n    if (indexes.length > 1) {\n        // we don't want to map the current item\n        indexes.pop();\n        // we need to rebuild the path as we map\n        let lastPath: string;\n\n        return indexes.map(i => {\n            lastPath = lastPath ? [lastPath, i].join('.') : i;\n            return sanitizeItem(data.find((i: ScrollableListItem) => i.path === lastPath));\n        });\n    }\n\n    return null;\n};\n\nexport const filterData = (data: ScrollableListItem[], value: ScrollableListItemValue = ''): ScrollableListItem[] => {\n    if (value === '' || value === null) {\n        return data;\n    }\n\n    const filteredOptionValues = new Set();\n    const shouldFilterOption = (option: ScrollableListItem): boolean => {\n        if (option.disabled) {\n            return false;\n        }\n\n        return searchForString(option.text, String(value));\n    };\n\n    data.forEach(option => {\n        if (shouldFilterOption(option)) {\n            const parents = getOptionParents(data, option.path);\n\n            filteredOptionValues.add(option.value);\n\n            if (parents !== null) {\n                parents.forEach(option => filteredOptionValues.add(option?.value));\n            }\n        }\n    });\n\n    return data.filter(({ value }) => filteredOptionValues.has(value));\n};\n"],"names":["input","setInputValueByRefBase","getId","i","option","value"],"mappings":"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"}
+{"version":3,"file":"util.cjs","sources":["../../../src/components/Listbox/util.ts"],"sourcesContent":["import React from 'react';\nimport { ScrollableListItem, ScrollableListItemValue, getId } from './ScrollableList';\nimport { setInputValueByRef as setInputValueByRefBase } from '../../utils/input';\n\nconst getValue = (value: ScrollableListItemValue | undefined): string => String(value ?? '');\n\nexport const setInputValueByRef = (\n    input: HTMLInputElement | null,\n    value: ScrollableListItemValue | undefined,\n    event = 'change'\n): void => {\n    setInputValueByRefBase(input, getValue(value), event);\n};\n\nexport const getIndexFromValue = (data: ScrollableListItem[], value: ScrollableListItemValue | undefined): number | undefined => {\n    const index = data.findIndex(option => getValue(option.value) === getValue(value));\n    return index > -1 ? index : undefined;\n};\n\nexport const getSelectedIndexesFromValue = (data: ScrollableListItem[], value: ScrollableListItemValue | undefined): number[] => {\n    if (typeof value !== 'string') return [];\n\n    return value\n        .split(',')\n        .map(v => data.findIndex(o => String(o.value) === v))\n        .filter(v => v !== -1);\n};\n\nexport const findByValue = (\n    data: ScrollableListItem[],\n    value: ScrollableListItemValue | undefined\n): ScrollableListItem | undefined => {\n    return data.find(option => getValue(option.value) === getValue(value));\n};\n\nexport const searchForString = (child: React.JSX.Element | string, value: string, strategy = 'includes'): boolean => {\n    try {\n        if (typeof child !== 'string' && child.props?.children) {\n            if (Array.isArray(child.props?.children)) {\n                return !!child.props.children.some((subChild: React.JSX.Element | string) =>\n                    searchForString(subChild, value, strategy)\n                );\n            }\n\n            return searchForString(child.props?.children, value, strategy);\n        }\n\n        // @ts-expect-error\n        return child.toString().toLowerCase()[strategy](String(value).toLowerCase());\n    } catch {\n        return false;\n    }\n};\n\nconst getIndexInRangeByValue = (\n    data: ScrollableListItem[],\n    query: string,\n    firstIndex: number,\n    lastIndex: number = data.length\n): number => {\n    const index = data.slice(firstIndex, lastIndex).findIndex(option => {\n        if (option.disabled) {\n            return false;\n        }\n\n        return searchForString(option.text, query, 'startsWith');\n    });\n\n    return index > -1 ? index + firstIndex : -1;\n};\n\nexport const findNextIndexByValue = (data: ScrollableListItem[], query: string, activeIndex: number | undefined): number => {\n    const firstIndex = activeIndex === undefined ? 0 : activeIndex + 1;\n    let index = getIndexInRangeByValue(data, query, firstIndex);\n\n    if (index === -1) {\n        index = getIndexInRangeByValue(data, query, 0, activeIndex);\n    }\n\n    return index;\n};\n\nexport const getActiveDescendant = (data: ScrollableListItem[], currentIndex: number | undefined, id: string): any => {\n    return currentIndex !== undefined && data[currentIndex] ? getId(id, data[currentIndex].value) : undefined;\n};\n\nexport const useFlattenedData = (data: ScrollableListItem[]): ScrollableListItem[] => {\n    return React.useMemo(() => {\n        const items: ScrollableListItem[] = [];\n\n        const flatten = (item: ScrollableListItem, path: number, parentPath?: string, parentDisabled?: boolean) => {\n            const currentPath = parentPath ? `${parentPath}.${path}` : `${path}`;\n            const isItemDisabled = parentDisabled || item.disabled;\n\n            items.push({\n                ...item,\n                disabled: isItemDisabled,\n                path: currentPath,\n                hasChildren: !!item.children,\n            });\n\n            if (item.children) {\n                item.children.forEach((childItem: ScrollableListItem, childPath: number) =>\n                    flatten(childItem, childPath, currentPath, isItemDisabled)\n                );\n            }\n        };\n\n        data.forEach((item, index) => {\n            flatten(item, index);\n        });\n\n        return items;\n    }, [data]);\n};\n\nexport const sanitizeItem = (item: ScrollableListItem | undefined) => {\n    if (item) {\n        const { hasChildren: _1, path: _2, ...rest } = item;\n        return rest;\n    }\n\n    return undefined;\n};\n\nexport const getOptionParents = (data: ScrollableListItem[], path?: string) => {\n    const indexes = path?.split('.') ?? [];\n\n    if (indexes.length > 1) {\n        // we don't want to map the current item\n        indexes.pop();\n        // we need to rebuild the path as we map\n        let lastPath: string;\n\n        return indexes.map(i => {\n            lastPath = lastPath ? [lastPath, i].join('.') : i;\n            return sanitizeItem(data.find((i: ScrollableListItem) => i.path === lastPath));\n        });\n    }\n\n    return null;\n};\n\nexport const filterData = (data: ScrollableListItem[], value: ScrollableListItemValue = ''): ScrollableListItem[] => {\n    if (value === '' || value === null) {\n        return data;\n    }\n\n    const filteredOptionValues = new Set();\n    const shouldFilterOption = (option: ScrollableListItem): boolean => {\n        if (option.disabled) {\n            return false;\n        }\n\n        return searchForString(option.text, String(value));\n    };\n\n    data.forEach(option => {\n        if (shouldFilterOption(option)) {\n            const parents = getOptionParents(data, option.path);\n\n            filteredOptionValues.add(option.value);\n\n            if (parents !== null) {\n                parents.forEach(option => filteredOptionValues.add(option?.value));\n            }\n        }\n    });\n\n    return data.filter(({ value }) => filteredOptionValues.has(value));\n};\n"],"names":["input","setInputValueByRefBase","getId","i","option","value"],"mappings":"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"}

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

@@ -4,21 +4,21 @@ export declare const setInputValueByRef: (input: HTMLInputElement | null, value:
 export declare const getIndexFromValue: (data: ScrollableListItem[], value: ScrollableListItemValue | undefined) => number | undefined;
 export declare const getSelectedIndexesFromValue: (data: ScrollableListItem[], value: ScrollableListItemValue | undefined) => number[];
 export declare const findByValue: (data: ScrollableListItem[], value: ScrollableListItemValue | undefined) => ScrollableListItem | undefined;
-export declare const searchForString: (child: JSX.Element | string, value: string, strategy?: string) => boolean;
+export declare const searchForString: (child: React.JSX.Element | string, value: string, strategy?: string) => boolean;
 export declare const findNextIndexByValue: (data: ScrollableListItem[], query: string, activeIndex: number | undefined) => number;
 export declare const getActiveDescendant: (data: ScrollableListItem[], currentIndex: number | undefined, id: string) => any;
 export declare const useFlattenedData: (data: ScrollableListItem[]) => ScrollableListItem[];
 export declare const sanitizeItem: (item: ScrollableListItem | undefined) => {
     disabled?: boolean;
     icon?: React.ReactElement;
-    text: string | JSX.Element;
+    text: string | React.JSX.Element;
     value: ScrollableListItemValue;
     children?: ScrollableListItem[];
 } | undefined;
 export declare const getOptionParents: (data: ScrollableListItem[], path?: string) => ({
     disabled?: boolean;
     icon?: React.ReactElement;
-    text: string | JSX.Element;
+    text: string | React.JSX.Element;
     value: ScrollableListItemValue;
     children?: ScrollableListItem[];
 } | undefined)[] | null;

package/dist/components/Listbox/util.js

@@ -17,15 +17,14 @@ const findByValue = (data, value) => {
   return data.find((option) => getValue(option.value) === getValue(value));
 };
 const searchForString = (child, value, strategy = "includes") => {
-  var _a, _b, _c;
   try {
-    if (typeof child !== "string" && ((_a = child.props) == null ? void 0 : _a.children)) {
-      if (Array.isArray((_b = child.props) == null ? void 0 : _b.children)) {
+    if (typeof child !== "string" && child.props?.children) {
+      if (Array.isArray(child.props?.children)) {
         return !!child.props.children.some(
           (subChild) => searchForString(subChild, value, strategy)
         );
       }
-      return searchForString((_c = child.props) == null ? void 0 : _c.children, value, strategy);
+      return searchForString(child.props?.children, value, strategy);
     }
     return child.toString().toLowerCase()[strategy](String(value).toLowerCase());
   } catch {
@@ -84,7 +83,7 @@ const sanitizeItem = (item) => {
   return void 0;
 };
 const getOptionParents = (data, path) => {
-  const indexes = (path == null ? void 0 : path.split(".")) ?? [];
+  const indexes = path?.split(".") ?? [];
   if (indexes.length > 1) {
     indexes.pop();
     let lastPath;
@@ -111,7 +110,7 @@ const filterData = (data, value = "") => {
       const parents = getOptionParents(data, option.path);
       filteredOptionValues.add(option.value);
       if (parents !== null) {
-        parents.forEach((option2) => filteredOptionValues.add(option2 == null ? void 0 : option2.value));
+        parents.forEach((option2) => filteredOptionValues.add(option2?.value));
       }
     }
   });

package/dist/components/Listbox/util.js.map

@@ -1 +1 @@
-{"version":3,"file":"util.js","sources":["../../../src/components/Listbox/util.ts"],"sourcesContent":["import React from 'react';\nimport { ScrollableListItem, ScrollableListItemValue, getId } from './ScrollableList';\nimport { setInputValueByRef as setInputValueByRefBase } from '../../utils/input';\n\nconst getValue = (value: ScrollableListItemValue | undefined): string => String(value ?? '');\n\nexport const setInputValueByRef = (\n    input: HTMLInputElement | null,\n    value: ScrollableListItemValue | undefined,\n    event = 'change'\n): void => {\n    setInputValueByRefBase(input, getValue(value), event);\n};\n\nexport const getIndexFromValue = (data: ScrollableListItem[], value: ScrollableListItemValue | undefined): number | undefined => {\n    const index = data.findIndex(option => getValue(option.value) === getValue(value));\n    return index > -1 ? index : undefined;\n};\n\nexport const getSelectedIndexesFromValue = (data: ScrollableListItem[], value: ScrollableListItemValue | undefined): number[] => {\n    if (typeof value !== 'string') return [];\n\n    return value\n        .split(',')\n        .map(v => data.findIndex(o => String(o.value) === v))\n        .filter(v => v !== -1);\n};\n\nexport const findByValue = (\n    data: ScrollableListItem[],\n    value: ScrollableListItemValue | undefined\n): ScrollableListItem | undefined => {\n    return data.find(option => getValue(option.value) === getValue(value));\n};\n\nexport const searchForString = (child: JSX.Element | string, value: string, strategy = 'includes'): boolean => {\n    try {\n        if (typeof child !== 'string' && child.props?.children) {\n            if (Array.isArray(child.props?.children)) {\n                return !!child.props.children.some((subChild: JSX.Element | string) =>\n                    searchForString(subChild, value, strategy)\n                );\n            }\n\n            return searchForString(child.props?.children, value, strategy);\n        }\n\n        // @ts-expect-error\n        return child.toString().toLowerCase()[strategy](String(value).toLowerCase());\n    } catch {\n        return false;\n    }\n};\n\nconst getIndexInRangeByValue = (\n    data: ScrollableListItem[],\n    query: string,\n    firstIndex: number,\n    lastIndex: number = data.length\n): number => {\n    const index = data.slice(firstIndex, lastIndex).findIndex(option => {\n        if (option.disabled) {\n            return false;\n        }\n\n        return searchForString(option.text, query, 'startsWith');\n    });\n\n    return index > -1 ? index + firstIndex : -1;\n};\n\nexport const findNextIndexByValue = (data: ScrollableListItem[], query: string, activeIndex: number | undefined): number => {\n    const firstIndex = activeIndex === undefined ? 0 : activeIndex + 1;\n    let index = getIndexInRangeByValue(data, query, firstIndex);\n\n    if (index === -1) {\n        index = getIndexInRangeByValue(data, query, 0, activeIndex);\n    }\n\n    return index;\n};\n\nexport const getActiveDescendant = (data: ScrollableListItem[], currentIndex: number | undefined, id: string): any => {\n    return currentIndex !== undefined && data[currentIndex] ? getId(id, data[currentIndex].value) : undefined;\n};\n\nexport const useFlattenedData = (data: ScrollableListItem[]): ScrollableListItem[] => {\n    return React.useMemo(() => {\n        const items: ScrollableListItem[] = [];\n\n        const flatten = (item: ScrollableListItem, path: number, parentPath?: string, parentDisabled?: boolean) => {\n            const currentPath = parentPath ? `${parentPath}.${path}` : `${path}`;\n            const isItemDisabled = parentDisabled || item.disabled;\n\n            items.push({\n                ...item,\n                disabled: isItemDisabled,\n                path: currentPath,\n                hasChildren: !!item.children,\n            });\n\n            if (item.children) {\n                item.children.forEach((childItem: ScrollableListItem, childPath: number) =>\n                    flatten(childItem, childPath, currentPath, isItemDisabled)\n                );\n            }\n        };\n\n        data.forEach((item, index) => {\n            flatten(item, index);\n        });\n\n        return items;\n    }, [data]);\n};\n\nexport const sanitizeItem = (item: ScrollableListItem | undefined) => {\n    if (item) {\n        const { hasChildren: _1, path: _2, ...rest } = item;\n        return rest;\n    }\n\n    return undefined;\n};\n\nexport const getOptionParents = (data: ScrollableListItem[], path?: string) => {\n    const indexes = path?.split('.') ?? [];\n\n    if (indexes.length > 1) {\n        // we don't want to map the current item\n        indexes.pop();\n        // we need to rebuild the path as we map\n        let lastPath: string;\n\n        return indexes.map(i => {\n            lastPath = lastPath ? [lastPath, i].join('.') : i;\n            return sanitizeItem(data.find((i: ScrollableListItem) => i.path === lastPath));\n        });\n    }\n\n    return null;\n};\n\nexport const filterData = (data: ScrollableListItem[], value: ScrollableListItemValue = ''): ScrollableListItem[] => {\n    if (value === '' || value === null) {\n        return data;\n    }\n\n    const filteredOptionValues = new Set();\n    const shouldFilterOption = (option: ScrollableListItem): boolean => {\n        if (option.disabled) {\n            return false;\n        }\n\n        return searchForString(option.text, String(value));\n    };\n\n    data.forEach(option => {\n        if (shouldFilterOption(option)) {\n            const parents = getOptionParents(data, option.path);\n\n            filteredOptionValues.add(option.value);\n\n            if (parents !== null) {\n                parents.forEach(option => filteredOptionValues.add(option?.value));\n            }\n        }\n    });\n\n    return data.filter(({ value }) => filteredOptionValues.has(value));\n};\n"],"names":["setInputValueByRefBase","React","i","option","value"],"mappings":"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"}
+{"version":3,"file":"util.js","sources":["../../../src/components/Listbox/util.ts"],"sourcesContent":["import React from 'react';\nimport { ScrollableListItem, ScrollableListItemValue, getId } from './ScrollableList';\nimport { setInputValueByRef as setInputValueByRefBase } from '../../utils/input';\n\nconst getValue = (value: ScrollableListItemValue | undefined): string => String(value ?? '');\n\nexport const setInputValueByRef = (\n    input: HTMLInputElement | null,\n    value: ScrollableListItemValue | undefined,\n    event = 'change'\n): void => {\n    setInputValueByRefBase(input, getValue(value), event);\n};\n\nexport const getIndexFromValue = (data: ScrollableListItem[], value: ScrollableListItemValue | undefined): number | undefined => {\n    const index = data.findIndex(option => getValue(option.value) === getValue(value));\n    return index > -1 ? index : undefined;\n};\n\nexport const getSelectedIndexesFromValue = (data: ScrollableListItem[], value: ScrollableListItemValue | undefined): number[] => {\n    if (typeof value !== 'string') return [];\n\n    return value\n        .split(',')\n        .map(v => data.findIndex(o => String(o.value) === v))\n        .filter(v => v !== -1);\n};\n\nexport const findByValue = (\n    data: ScrollableListItem[],\n    value: ScrollableListItemValue | undefined\n): ScrollableListItem | undefined => {\n    return data.find(option => getValue(option.value) === getValue(value));\n};\n\nexport const searchForString = (child: React.JSX.Element | string, value: string, strategy = 'includes'): boolean => {\n    try {\n        if (typeof child !== 'string' && child.props?.children) {\n            if (Array.isArray(child.props?.children)) {\n                return !!child.props.children.some((subChild: React.JSX.Element | string) =>\n                    searchForString(subChild, value, strategy)\n                );\n            }\n\n            return searchForString(child.props?.children, value, strategy);\n        }\n\n        // @ts-expect-error\n        return child.toString().toLowerCase()[strategy](String(value).toLowerCase());\n    } catch {\n        return false;\n    }\n};\n\nconst getIndexInRangeByValue = (\n    data: ScrollableListItem[],\n    query: string,\n    firstIndex: number,\n    lastIndex: number = data.length\n): number => {\n    const index = data.slice(firstIndex, lastIndex).findIndex(option => {\n        if (option.disabled) {\n            return false;\n        }\n\n        return searchForString(option.text, query, 'startsWith');\n    });\n\n    return index > -1 ? index + firstIndex : -1;\n};\n\nexport const findNextIndexByValue = (data: ScrollableListItem[], query: string, activeIndex: number | undefined): number => {\n    const firstIndex = activeIndex === undefined ? 0 : activeIndex + 1;\n    let index = getIndexInRangeByValue(data, query, firstIndex);\n\n    if (index === -1) {\n        index = getIndexInRangeByValue(data, query, 0, activeIndex);\n    }\n\n    return index;\n};\n\nexport const getActiveDescendant = (data: ScrollableListItem[], currentIndex: number | undefined, id: string): any => {\n    return currentIndex !== undefined && data[currentIndex] ? getId(id, data[currentIndex].value) : undefined;\n};\n\nexport const useFlattenedData = (data: ScrollableListItem[]): ScrollableListItem[] => {\n    return React.useMemo(() => {\n        const items: ScrollableListItem[] = [];\n\n        const flatten = (item: ScrollableListItem, path: number, parentPath?: string, parentDisabled?: boolean) => {\n            const currentPath = parentPath ? `${parentPath}.${path}` : `${path}`;\n            const isItemDisabled = parentDisabled || item.disabled;\n\n            items.push({\n                ...item,\n                disabled: isItemDisabled,\n                path: currentPath,\n                hasChildren: !!item.children,\n            });\n\n            if (item.children) {\n                item.children.forEach((childItem: ScrollableListItem, childPath: number) =>\n                    flatten(childItem, childPath, currentPath, isItemDisabled)\n                );\n            }\n        };\n\n        data.forEach((item, index) => {\n            flatten(item, index);\n        });\n\n        return items;\n    }, [data]);\n};\n\nexport const sanitizeItem = (item: ScrollableListItem | undefined) => {\n    if (item) {\n        const { hasChildren: _1, path: _2, ...rest } = item;\n        return rest;\n    }\n\n    return undefined;\n};\n\nexport const getOptionParents = (data: ScrollableListItem[], path?: string) => {\n    const indexes = path?.split('.') ?? [];\n\n    if (indexes.length > 1) {\n        // we don't want to map the current item\n        indexes.pop();\n        // we need to rebuild the path as we map\n        let lastPath: string;\n\n        return indexes.map(i => {\n            lastPath = lastPath ? [lastPath, i].join('.') : i;\n            return sanitizeItem(data.find((i: ScrollableListItem) => i.path === lastPath));\n        });\n    }\n\n    return null;\n};\n\nexport const filterData = (data: ScrollableListItem[], value: ScrollableListItemValue = ''): ScrollableListItem[] => {\n    if (value === '' || value === null) {\n        return data;\n    }\n\n    const filteredOptionValues = new Set();\n    const shouldFilterOption = (option: ScrollableListItem): boolean => {\n        if (option.disabled) {\n            return false;\n        }\n\n        return searchForString(option.text, String(value));\n    };\n\n    data.forEach(option => {\n        if (shouldFilterOption(option)) {\n            const parents = getOptionParents(data, option.path);\n\n            filteredOptionValues.add(option.value);\n\n            if (parents !== null) {\n                parents.forEach(option => filteredOptionValues.add(option?.value));\n            }\n        }\n    });\n\n    return data.filter(({ value }) => filteredOptionValues.has(value));\n};\n"],"names":["setInputValueByRefBase","React","i","option","value"],"mappings":"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"}

package/dist/components/Menu/Context.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Context.cjs","sources":["../../../src/components/Menu/Context.tsx"],"sourcesContent":["import * as React from 'react';\n\ntype DialogState = {\n    open: boolean;\n    render: (() => React.ReactElement) | null;\n};\n\nexport const MenuContext = React.createContext<\n    | {\n          indented: boolean;\n          registerIndentation: () => void;\n          minWidth?: number;\n          setMinWidth: (width: number) => void;\n          open: () => void;\n          close: () => void;\n          // Dialog state management\n          dialogState: DialogState;\n          openDialog: (render: () => React.ReactElement) => void;\n          closeDialog: () => void;\n          // Trigger ref for focus management\n          triggerRef: React.RefObject<HTMLButtonElement> | null;\n      }\n    | undefined\n>(undefined);\n\nexport const useCurrentMenu = () => {\n    return React.useContext(MenuContext);\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;AAOa,MAAA,cAAcA,iBAAM,cAgB/B,MAAS;AAEJ,MAAM,iBAAiB,MAAM;AACzB,SAAAA,iBAAM,WAAW,WAAW;AACvC;;;"}
+{"version":3,"file":"Context.cjs","sources":["../../../src/components/Menu/Context.tsx"],"sourcesContent":["import * as React from 'react';\n\ntype DialogState = {\n    open: boolean;\n    render: (() => React.ReactElement) | null;\n};\n\nexport const MenuContext = React.createContext<\n    | {\n          indented: boolean;\n          registerIndentation: () => void;\n          minWidth?: number;\n          setMinWidth: (width: number) => void;\n          open: () => void;\n          close: () => void;\n          // Dialog state management\n          dialogState: DialogState;\n          openDialog: (render: () => React.ReactElement) => void;\n          closeDialog: () => void;\n          // Trigger ref for focus management\n          triggerRef: React.RefObject<HTMLButtonElement | null> | null;\n      }\n    | undefined\n>(undefined);\n\nexport const useCurrentMenu = () => {\n    return React.useContext(MenuContext);\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;AAOO,MAAM,cAAcA,iBAAM,cAgB/B,MAAS;AAEJ,MAAM,iBAAiB,MAAM;AAChC,SAAOA,iBAAM,WAAW,WAAW;AACvC;;;"}

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

@@ -13,7 +13,7 @@ export declare const MenuContext: React.Context<{
     dialogState: DialogState;
     openDialog: (render: () => React.ReactElement) => void;
     closeDialog: () => void;
-    triggerRef: React.RefObject<HTMLButtonElement> | null;
+    triggerRef: React.RefObject<HTMLButtonElement | null> | null;
 } | undefined>;
 export declare const useCurrentMenu: () => {
     indented: boolean;
@@ -25,6 +25,6 @@ export declare const useCurrentMenu: () => {
     dialogState: DialogState;
     openDialog: (render: () => React.ReactElement) => void;
     closeDialog: () => void;
-    triggerRef: React.RefObject<HTMLButtonElement> | null;
+    triggerRef: React.RefObject<HTMLButtonElement | null> | null;
 } | undefined;
 export {};

package/dist/components/Menu/Context.js.map

@@ -1 +1 @@
-{"version":3,"file":"Context.js","sources":["../../../src/components/Menu/Context.tsx"],"sourcesContent":["import * as React from 'react';\n\ntype DialogState = {\n    open: boolean;\n    render: (() => React.ReactElement) | null;\n};\n\nexport const MenuContext = React.createContext<\n    | {\n          indented: boolean;\n          registerIndentation: () => void;\n          minWidth?: number;\n          setMinWidth: (width: number) => void;\n          open: () => void;\n          close: () => void;\n          // Dialog state management\n          dialogState: DialogState;\n          openDialog: (render: () => React.ReactElement) => void;\n          closeDialog: () => void;\n          // Trigger ref for focus management\n          triggerRef: React.RefObject<HTMLButtonElement> | null;\n      }\n    | undefined\n>(undefined);\n\nexport const useCurrentMenu = () => {\n    return React.useContext(MenuContext);\n};\n"],"names":[],"mappings":";AAOa,MAAA,cAAc,MAAM,cAgB/B,MAAS;AAEJ,MAAM,iBAAiB,MAAM;AACzB,SAAA,MAAM,WAAW,WAAW;AACvC;"}
+{"version":3,"file":"Context.js","sources":["../../../src/components/Menu/Context.tsx"],"sourcesContent":["import * as React from 'react';\n\ntype DialogState = {\n    open: boolean;\n    render: (() => React.ReactElement) | null;\n};\n\nexport const MenuContext = React.createContext<\n    | {\n          indented: boolean;\n          registerIndentation: () => void;\n          minWidth?: number;\n          setMinWidth: (width: number) => void;\n          open: () => void;\n          close: () => void;\n          // Dialog state management\n          dialogState: DialogState;\n          openDialog: (render: () => React.ReactElement) => void;\n          closeDialog: () => void;\n          // Trigger ref for focus management\n          triggerRef: React.RefObject<HTMLButtonElement | null> | null;\n      }\n    | undefined\n>(undefined);\n\nexport const useCurrentMenu = () => {\n    return React.useContext(MenuContext);\n};\n"],"names":[],"mappings":";AAOO,MAAM,cAAc,MAAM,cAgB/B,MAAS;AAEJ,MAAM,iBAAiB,MAAM;AAChC,SAAO,MAAM,WAAW,WAAW;AACvC;"}

package/dist/components/Menu/Menu.cjs

@@ -47,9 +47,8 @@ const Menu = React__namespace.forwardRef(function Menu2(externalProps, _ref) {
   });
   const triggerRef = React__namespace.useRef(null);
   const closeDialog = React__namespace.useCallback(() => {
-    var _a;
     setDialogState({ open: false, render: null });
-    (_a = triggerRef.current) == null ? void 0 : _a.focus();
+    triggerRef.current?.focus();
   }, []);
   const context = React__namespace.useMemo(
     () => ({
@@ -73,7 +72,7 @@ const Menu = React__namespace.forwardRef(function Menu2(externalProps, _ref) {
   );
   const handleOpenChange = (open2, eventDetails) => {
     const event = eventDetails.event;
-    const triggerElement = eventDetails.trigger ?? (event == null ? void 0 : event.currentTarget);
+    const triggerElement = eventDetails.trigger ?? event?.currentTarget;
     const isTableHeaderOrCellMenu = dom.isElementInsideTable3OrReport(triggerElement);
     if (open2 && (event.key === "ArrowUp" || event.key === "ArrowDown") && isTableHeaderOrCellMenu) {
       eventDetails.cancel();

package/dist/components/Menu/Menu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.cjs","sources":["../../../src/components/Menu/Menu.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Menu as MenuPrimitive } from '@base-ui/react/menu';\nimport { MenuContext } from './Context';\nimport { Content, MenuContentProps } from './components/Content';\nimport { Item, MenuItemProps } from './components/Item';\nimport { Link, MenuLinkItemProps } from './components/Link';\nimport { Trigger, MenuTriggerProps } from './components/Trigger';\nimport { Checkbox, MenuCheckboxItemProps } from './components/Checkbox';\nimport { ForwardedMenuRadioGroupWithStatics, RadioGroup } from './components/RadioGroup';\nimport { Separator, MenuSeparatorProps } from './components/Separator';\nimport { Group, MenuGroupProps } from './components/Group';\nimport { Header, MenuHeaderProps } from './components/Header';\nimport { SubMenu, MenuSubMenuProps } from './components/SubMenu';\nimport { useControlled } from '../../hooks/useControlled';\nimport { isElementInsideTable3OrReport } from '../../utils/dom';\n\nexport type MenuProps = {\n    children: React.ReactNode;\n    /** Set whether the menu is open by default or not  */\n    defaultOpen?: boolean;\n    /** Called when the menu opens or closes, must be used in conjunction with open  */\n    onChange?: (open: boolean) => void;\n    /** Control the open state of the menu from outside the component  */\n    open?: boolean;\n    /** ID of the trigger the menu is associated with (controlled mode) */\n    triggerId?: string | null;\n    /** A trigger to be used for the menu, should not be set if `children` already contains a trigger */\n    trigger?: JSX.Element;\n};\nexport type ForwardedMenuWithStatics = React.ForwardRefExoticComponent<MenuProps & React.RefAttributes<HTMLElement>> & {\n    Trigger: React.ForwardRefExoticComponent<MenuTriggerProps>;\n    Content: React.ForwardRefExoticComponent<MenuContentProps>;\n    Item: React.ForwardRefExoticComponent<MenuItemProps>;\n    Link: React.ForwardRefExoticComponent<MenuLinkItemProps>;\n    Checkbox: React.ForwardRefExoticComponent<MenuCheckboxItemProps>;\n    Separator: React.ForwardRefExoticComponent<MenuSeparatorProps>;\n    Group: React.ForwardRefExoticComponent<MenuGroupProps>;\n    Header: React.ForwardRefExoticComponent<MenuHeaderProps>;\n    RadioGroup: ForwardedMenuRadioGroupWithStatics;\n    SubMenu: React.ForwardRefExoticComponent<MenuSubMenuProps>;\n};\n\nexport const Menu = React.forwardRef<HTMLButtonElement, MenuProps>(function Menu(externalProps, _ref) {\n    const { children, defaultOpen, onChange, open: openProp, trigger, ...props } = externalProps;\n    const [indented, setIndented] = React.useState(false);\n    const [minWidth, setMinWidth] = React.useState<number | undefined>(undefined);\n    const [open, setOpen] = useControlled<boolean>({\n        defaultValue: defaultOpen ?? false,\n        onChange,\n        value: openProp,\n    });\n    const [dialogState, setDialogState] = React.useState<{ open: boolean; render: (() => React.ReactElement) | null }>({\n        open: false,\n        render: null,\n    });\n\n    const triggerRef = React.useRef<HTMLButtonElement>(null);\n\n    const closeDialog = React.useCallback(() => {\n        setDialogState({ open: false, render: null });\n        triggerRef.current?.focus();\n    }, []);\n\n    const context = React.useMemo(\n        () => ({\n            indented,\n            registerIndentation: () => setIndented(true),\n            minWidth,\n            setMinWidth: (width: number) => setMinWidth(width),\n            open: () => setOpen(true),\n            close: () => setOpen(false),\n            // Dialog state management - survives menu close\n            dialogState,\n            openDialog: (render: () => React.ReactElement) => {\n                setDialogState({ open: true, render });\n                setOpen(false);\n            },\n            closeDialog,\n            // Trigger ref for focus management after dialog closes\n            triggerRef,\n        }),\n        [indented, minWidth, setOpen, dialogState, closeDialog]\n    );\n\n    const handleOpenChange = (open: boolean, eventDetails: MenuPrimitive.Root.ChangeEventDetails) => {\n        const event = eventDetails.event as KeyboardEvent;\n        const triggerElement = eventDetails.trigger ?? (event?.currentTarget as Element | null);\n        const isTableHeaderOrCellMenu = isElementInsideTable3OrReport(triggerElement);\n\n        // In Table3 header/cell contexts, ArrowUp/ArrowDown should keep driving table row navigation.\n        // Cancel only the menu open transition for these keys so the key event can still bubble to the table.\n        if (open && (event.key === 'ArrowUp' || event.key === 'ArrowDown') && isTableHeaderOrCellMenu) {\n            eventDetails.cancel();\n            return;\n        }\n        setOpen(open);\n    };\n\n    return (\n        <MenuContext.Provider value={context}>\n            <MenuPrimitive.Root {...props} open={open} onOpenChange={handleOpenChange}>\n                {trigger && <Trigger ref={triggerRef}>{trigger}</Trigger>}\n                {children}\n            </MenuPrimitive.Root>\n            {/* Render dialog outside menu tree - state survives menu close */}\n            {dialogState.open && dialogState.render && dialogState.render()}\n        </MenuContext.Provider>\n    );\n}) as ForwardedMenuWithStatics;\nMenu.Trigger = Trigger;\nMenu.Content = Content;\nMenu.Item = Item;\nMenu.Link = Link;\nMenu.Checkbox = Checkbox;\nMenu.Separator = Separator;\nMenu.Group = Group;\nMenu.Header = Header;\nMenu.RadioGroup = RadioGroup;\nMenu.SubMenu = SubMenu;\n\nexport type {\n    MenuItemProps,\n    MenuContentProps,\n    MenuLinkItemProps,\n    MenuTriggerProps,\n    MenuCheckboxItemProps,\n    MenuSeparatorProps,\n    MenuGroupProps,\n    MenuHeaderProps,\n    MenuSubMenuProps,\n};\n"],"names":["React","Menu","useControlled","open","isElementInsideTable3OrReport","MenuContext","MenuPrimitive","Trigger","Content","Item","Link","Checkbox","Separator","Group","Header","RadioGroup","SubMenu"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CO,MAAM,OAAOA,iBAAM,WAAyC,SAASC,MAAK,eAAe,MAAM;AAC5F,QAAA,EAAE,UAAU,aAAa,UAAU,MAAM,UAAU,SAAS,GAAG,MAAA,IAAU;AAC/E,QAAM,CAAC,UAAU,WAAW,IAAID,iBAAM,SAAS,KAAK;AACpD,QAAM,CAAC,UAAU,WAAW,IAAIA,iBAAM,SAA6B,MAAS;AAC5E,QAAM,CAAC,MAAM,OAAO,IAAIE,4BAAuB;AAAA,IAC3C,cAAc,eAAe;AAAA,IAC7B;AAAA,IACA,OAAO;AAAA,EAAA,CACV;AACD,QAAM,CAAC,aAAa,cAAc,IAAIF,iBAAM,SAAuE;AAAA,IAC/G,MAAM;AAAA,IACN,QAAQ;AAAA,EAAA,CACX;AAEK,QAAA,aAAaA,iBAAM,OAA0B,IAAI;AAEjD,QAAA,cAAcA,iBAAM,YAAY,MAAM;;AACxC,mBAAe,EAAE,MAAM,OAAO,QAAQ,MAAM;AAC5C,qBAAW,YAAX,mBAAoB;AAAA,EACxB,GAAG,EAAE;AAEL,QAAM,UAAUA,iBAAM;AAAA,IAClB,OAAO;AAAA,MACH;AAAA,MACA,qBAAqB,MAAM,YAAY,IAAI;AAAA,MAC3C;AAAA,MACA,aAAa,CAAC,UAAkB,YAAY,KAAK;AAAA,MACjD,MAAM,MAAM,QAAQ,IAAI;AAAA,MACxB,OAAO,MAAM,QAAQ,KAAK;AAAA;AAAA,MAE1B;AAAA,MACA,YAAY,CAAC,WAAqC;AAC9C,uBAAe,EAAE,MAAM,MAAM,OAAA,CAAQ;AACrC,gBAAQ,KAAK;AAAA,MACjB;AAAA,MACA;AAAA;AAAA,MAEA;AAAA,IAAA;AAAA,IAEJ,CAAC,UAAU,UAAU,SAAS,aAAa,WAAW;AAAA,EAC1D;AAEM,QAAA,mBAAmB,CAACG,OAAe,iBAAwD;AAC7F,UAAM,QAAQ,aAAa;AACrB,UAAA,iBAAiB,aAAa,YAAY,+BAAO;AACjD,UAAA,0BAA0BC,kCAA8B,cAAc;AAI5E,QAAID,UAAS,MAAM,QAAQ,aAAa,MAAM,QAAQ,gBAAgB,yBAAyB;AAC3F,mBAAa,OAAO;AACpB;AAAA,IAAA;AAEJ,YAAQA,KAAI;AAAA,EAChB;AAEA,SACKH,iCAAA,cAAAK,QAAAA,YAAY,UAAZ,EAAqB,OAAO,QAAA,GACxBL,iCAAA,cAAAM,KAAA,KAAc,MAAd,EAAoB,GAAG,OAAO,MAAY,cAAc,iBAAA,GACpD,WAAWN,iCAAA,cAACO,QAAAA,SAAQ,EAAA,KAAK,WAAa,GAAA,OAAQ,GAC9C,QACL,GAEC,YAAY,QAAQ,YAAY,UAAU,YAAY,QAC3D;AAER,CAAC;AACD,KAAK,UAAUA,QAAA;AACf,KAAK,UAAUC,QAAA;AACf,KAAK,OAAOC,KAAA;AACZ,KAAK,OAAOC,KAAA;AACZ,KAAK,WAAWC,SAAA;AAChB,KAAK,YAAYC,UAAA;AACjB,KAAK,QAAQC,MAAA;AACb,KAAK,SAASC,OAAA;AACd,KAAK,aAAaC,WAAA;AAClB,KAAK,UAAUC,QAAA;;"}
+{"version":3,"file":"Menu.cjs","sources":["../../../src/components/Menu/Menu.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Menu as MenuPrimitive } from '@base-ui/react/menu';\nimport { MenuContext } from './Context';\nimport { Content, MenuContentProps } from './components/Content';\nimport { Item, MenuItemProps } from './components/Item';\nimport { Link, MenuLinkItemProps } from './components/Link';\nimport { Trigger, MenuTriggerProps } from './components/Trigger';\nimport { Checkbox, MenuCheckboxItemProps } from './components/Checkbox';\nimport { ForwardedMenuRadioGroupWithStatics, RadioGroup } from './components/RadioGroup';\nimport { Separator, MenuSeparatorProps } from './components/Separator';\nimport { Group, MenuGroupProps } from './components/Group';\nimport { Header, MenuHeaderProps } from './components/Header';\nimport { SubMenu, MenuSubMenuProps } from './components/SubMenu';\nimport { useControlled } from '../../hooks/useControlled';\nimport { isElementInsideTable3OrReport } from '../../utils/dom';\n\nexport type MenuProps = {\n    children: React.ReactNode;\n    /** Set whether the menu is open by default or not  */\n    defaultOpen?: boolean;\n    /** Called when the menu opens or closes, must be used in conjunction with open  */\n    onChange?: (open: boolean) => void;\n    /** Control the open state of the menu from outside the component  */\n    open?: boolean;\n    /** ID of the trigger the menu is associated with (controlled mode) */\n    triggerId?: string | null;\n    /** A trigger to be used for the menu, should not be set if `children` already contains a trigger */\n    trigger?: React.JSX.Element;\n};\nexport type ForwardedMenuWithStatics = React.ForwardRefExoticComponent<MenuProps & React.RefAttributes<HTMLElement>> & {\n    Trigger: React.ForwardRefExoticComponent<MenuTriggerProps>;\n    Content: React.ForwardRefExoticComponent<MenuContentProps>;\n    Item: React.ForwardRefExoticComponent<MenuItemProps>;\n    Link: React.ForwardRefExoticComponent<MenuLinkItemProps>;\n    Checkbox: React.ForwardRefExoticComponent<MenuCheckboxItemProps>;\n    Separator: React.ForwardRefExoticComponent<MenuSeparatorProps>;\n    Group: React.ForwardRefExoticComponent<MenuGroupProps>;\n    Header: React.ForwardRefExoticComponent<MenuHeaderProps>;\n    RadioGroup: ForwardedMenuRadioGroupWithStatics;\n    SubMenu: React.ForwardRefExoticComponent<MenuSubMenuProps>;\n};\n\nexport const Menu = React.forwardRef<HTMLButtonElement, MenuProps>(function Menu(externalProps, _ref) {\n    const { children, defaultOpen, onChange, open: openProp, trigger, ...props } = externalProps;\n    const [indented, setIndented] = React.useState(false);\n    const [minWidth, setMinWidth] = React.useState<number | undefined>(undefined);\n    const [open, setOpen] = useControlled<boolean>({\n        defaultValue: defaultOpen ?? false,\n        onChange,\n        value: openProp,\n    });\n    const [dialogState, setDialogState] = React.useState<{ open: boolean; render: (() => React.ReactElement) | null }>({\n        open: false,\n        render: null,\n    });\n\n    const triggerRef = React.useRef<HTMLButtonElement>(null);\n\n    const closeDialog = React.useCallback(() => {\n        setDialogState({ open: false, render: null });\n        triggerRef.current?.focus();\n    }, []);\n\n    const context = React.useMemo(\n        () => ({\n            indented,\n            registerIndentation: () => setIndented(true),\n            minWidth,\n            setMinWidth: (width: number) => setMinWidth(width),\n            open: () => setOpen(true),\n            close: () => setOpen(false),\n            // Dialog state management - survives menu close\n            dialogState,\n            openDialog: (render: () => React.ReactElement) => {\n                setDialogState({ open: true, render });\n                setOpen(false);\n            },\n            closeDialog,\n            // Trigger ref for focus management after dialog closes\n            triggerRef,\n        }),\n        [indented, minWidth, setOpen, dialogState, closeDialog]\n    );\n\n    const handleOpenChange = (open: boolean, eventDetails: MenuPrimitive.Root.ChangeEventDetails) => {\n        const event = eventDetails.event as KeyboardEvent;\n        const triggerElement = eventDetails.trigger ?? (event?.currentTarget as Element | null);\n        const isTableHeaderOrCellMenu = isElementInsideTable3OrReport(triggerElement);\n\n        // In Table3 header/cell contexts, ArrowUp/ArrowDown should keep driving table row navigation.\n        // Cancel only the menu open transition for these keys so the key event can still bubble to the table.\n        if (open && (event.key === 'ArrowUp' || event.key === 'ArrowDown') && isTableHeaderOrCellMenu) {\n            eventDetails.cancel();\n            return;\n        }\n        setOpen(open);\n    };\n\n    return (\n        <MenuContext.Provider value={context}>\n            <MenuPrimitive.Root {...props} open={open} onOpenChange={handleOpenChange}>\n                {trigger && <Trigger ref={triggerRef}>{trigger}</Trigger>}\n                {children}\n            </MenuPrimitive.Root>\n            {/* Render dialog outside menu tree - state survives menu close */}\n            {dialogState.open && dialogState.render && dialogState.render()}\n        </MenuContext.Provider>\n    );\n}) as ForwardedMenuWithStatics;\nMenu.Trigger = Trigger;\nMenu.Content = Content;\nMenu.Item = Item;\nMenu.Link = Link;\nMenu.Checkbox = Checkbox;\nMenu.Separator = Separator;\nMenu.Group = Group;\nMenu.Header = Header;\nMenu.RadioGroup = RadioGroup;\nMenu.SubMenu = SubMenu;\n\nexport type {\n    MenuItemProps,\n    MenuContentProps,\n    MenuLinkItemProps,\n    MenuTriggerProps,\n    MenuCheckboxItemProps,\n    MenuSeparatorProps,\n    MenuGroupProps,\n    MenuHeaderProps,\n    MenuSubMenuProps,\n};\n"],"names":["React","Menu","useControlled","open","isElementInsideTable3OrReport","MenuContext","MenuPrimitive","Trigger","Content","Item","Link","Checkbox","Separator","Group","Header","RadioGroup","SubMenu"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CO,MAAM,OAAOA,iBAAM,WAAyC,SAASC,MAAK,eAAe,MAAM;AAClG,QAAM,EAAE,UAAU,aAAa,UAAU,MAAM,UAAU,SAAS,GAAG,MAAA,IAAU;AAC/E,QAAM,CAAC,UAAU,WAAW,IAAID,iBAAM,SAAS,KAAK;AACpD,QAAM,CAAC,UAAU,WAAW,IAAIA,iBAAM,SAA6B,MAAS;AAC5E,QAAM,CAAC,MAAM,OAAO,IAAIE,4BAAuB;AAAA,IAC3C,cAAc,eAAe;AAAA,IAC7B;AAAA,IACA,OAAO;AAAA,EAAA,CACV;AACD,QAAM,CAAC,aAAa,cAAc,IAAIF,iBAAM,SAAuE;AAAA,IAC/G,MAAM;AAAA,IACN,QAAQ;AAAA,EAAA,CACX;AAED,QAAM,aAAaA,iBAAM,OAA0B,IAAI;AAEvD,QAAM,cAAcA,iBAAM,YAAY,MAAM;AACxC,mBAAe,EAAE,MAAM,OAAO,QAAQ,MAAM;AAC5C,eAAW,SAAS,MAAA;AAAA,EACxB,GAAG,CAAA,CAAE;AAEL,QAAM,UAAUA,iBAAM;AAAA,IAClB,OAAO;AAAA,MACH;AAAA,MACA,qBAAqB,MAAM,YAAY,IAAI;AAAA,MAC3C;AAAA,MACA,aAAa,CAAC,UAAkB,YAAY,KAAK;AAAA,MACjD,MAAM,MAAM,QAAQ,IAAI;AAAA,MACxB,OAAO,MAAM,QAAQ,KAAK;AAAA;AAAA,MAE1B;AAAA,MACA,YAAY,CAAC,WAAqC;AAC9C,uBAAe,EAAE,MAAM,MAAM,OAAA,CAAQ;AACrC,gBAAQ,KAAK;AAAA,MACjB;AAAA,MACA;AAAA;AAAA,MAEA;AAAA,IAAA;AAAA,IAEJ,CAAC,UAAU,UAAU,SAAS,aAAa,WAAW;AAAA,EAAA;AAG1D,QAAM,mBAAmB,CAACG,OAAe,iBAAwD;AAC7F,UAAM,QAAQ,aAAa;AAC3B,UAAM,iBAAiB,aAAa,WAAY,OAAO;AACvD,UAAM,0BAA0BC,IAAAA,8BAA8B,cAAc;AAI5E,QAAID,UAAS,MAAM,QAAQ,aAAa,MAAM,QAAQ,gBAAgB,yBAAyB;AAC3F,mBAAa,OAAA;AACb;AAAA,IACJ;AACA,YAAQA,KAAI;AAAA,EAChB;AAEA,SACIH,iCAAA,cAACK,QAAAA,YAAY,UAAZ,EAAqB,OAAO,QAAA,GACzBL,iCAAA,cAACM,KAAAA,KAAc,MAAd,EAAoB,GAAG,OAAO,MAAY,cAAc,iBAAA,GACpD,WAAWN,iCAAA,cAACO,QAAAA,SAAA,EAAQ,KAAK,WAAA,GAAa,OAAQ,GAC9C,QACL,GAEC,YAAY,QAAQ,YAAY,UAAU,YAAY,QAC3D;AAER,CAAC;AACD,KAAK,UAAUA,QAAAA;AACf,KAAK,UAAUC,QAAAA;AACf,KAAK,OAAOC,KAAAA;AACZ,KAAK,OAAOC,KAAAA;AACZ,KAAK,WAAWC,SAAAA;AAChB,KAAK,YAAYC,UAAAA;AACjB,KAAK,QAAQC,MAAAA;AACb,KAAK,SAASC,OAAAA;AACd,KAAK,aAAaC,WAAAA;AAClB,KAAK,UAAUC,QAAAA;;"}

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

@@ -20,7 +20,7 @@ export type MenuProps = {
     /** ID of the trigger the menu is associated with (controlled mode) */
     triggerId?: string | null;
     /** A trigger to be used for the menu, should not be set if `children` already contains a trigger */
-    trigger?: JSX.Element;
+    trigger?: React.JSX.Element;
 };
 export type ForwardedMenuWithStatics = React.ForwardRefExoticComponent<MenuProps & React.RefAttributes<HTMLElement>> & {
     Trigger: React.ForwardRefExoticComponent<MenuTriggerProps>;

package/dist/components/Menu/Menu.js

@@ -28,9 +28,8 @@ const Menu = React.forwardRef(function Menu2(externalProps, _ref) {
   });
   const triggerRef = React.useRef(null);
   const closeDialog = React.useCallback(() => {
-    var _a;
     setDialogState({ open: false, render: null });
-    (_a = triggerRef.current) == null ? void 0 : _a.focus();
+    triggerRef.current?.focus();
   }, []);
   const context = React.useMemo(
     () => ({
@@ -54,7 +53,7 @@ const Menu = React.forwardRef(function Menu2(externalProps, _ref) {
   );
   const handleOpenChange = (open2, eventDetails) => {
     const event = eventDetails.event;
-    const triggerElement = eventDetails.trigger ?? (event == null ? void 0 : event.currentTarget);
+    const triggerElement = eventDetails.trigger ?? event?.currentTarget;
     const isTableHeaderOrCellMenu = isElementInsideTable3OrReport(triggerElement);
     if (open2 && (event.key === "ArrowUp" || event.key === "ArrowDown") && isTableHeaderOrCellMenu) {
       eventDetails.cancel();

package/dist/components/Menu/Menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","sources":["../../../src/components/Menu/Menu.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Menu as MenuPrimitive } from '@base-ui/react/menu';\nimport { MenuContext } from './Context';\nimport { Content, MenuContentProps } from './components/Content';\nimport { Item, MenuItemProps } from './components/Item';\nimport { Link, MenuLinkItemProps } from './components/Link';\nimport { Trigger, MenuTriggerProps } from './components/Trigger';\nimport { Checkbox, MenuCheckboxItemProps } from './components/Checkbox';\nimport { ForwardedMenuRadioGroupWithStatics, RadioGroup } from './components/RadioGroup';\nimport { Separator, MenuSeparatorProps } from './components/Separator';\nimport { Group, MenuGroupProps } from './components/Group';\nimport { Header, MenuHeaderProps } from './components/Header';\nimport { SubMenu, MenuSubMenuProps } from './components/SubMenu';\nimport { useControlled } from '../../hooks/useControlled';\nimport { isElementInsideTable3OrReport } from '../../utils/dom';\n\nexport type MenuProps = {\n    children: React.ReactNode;\n    /** Set whether the menu is open by default or not  */\n    defaultOpen?: boolean;\n    /** Called when the menu opens or closes, must be used in conjunction with open  */\n    onChange?: (open: boolean) => void;\n    /** Control the open state of the menu from outside the component  */\n    open?: boolean;\n    /** ID of the trigger the menu is associated with (controlled mode) */\n    triggerId?: string | null;\n    /** A trigger to be used for the menu, should not be set if `children` already contains a trigger */\n    trigger?: JSX.Element;\n};\nexport type ForwardedMenuWithStatics = React.ForwardRefExoticComponent<MenuProps & React.RefAttributes<HTMLElement>> & {\n    Trigger: React.ForwardRefExoticComponent<MenuTriggerProps>;\n    Content: React.ForwardRefExoticComponent<MenuContentProps>;\n    Item: React.ForwardRefExoticComponent<MenuItemProps>;\n    Link: React.ForwardRefExoticComponent<MenuLinkItemProps>;\n    Checkbox: React.ForwardRefExoticComponent<MenuCheckboxItemProps>;\n    Separator: React.ForwardRefExoticComponent<MenuSeparatorProps>;\n    Group: React.ForwardRefExoticComponent<MenuGroupProps>;\n    Header: React.ForwardRefExoticComponent<MenuHeaderProps>;\n    RadioGroup: ForwardedMenuRadioGroupWithStatics;\n    SubMenu: React.ForwardRefExoticComponent<MenuSubMenuProps>;\n};\n\nexport const Menu = React.forwardRef<HTMLButtonElement, MenuProps>(function Menu(externalProps, _ref) {\n    const { children, defaultOpen, onChange, open: openProp, trigger, ...props } = externalProps;\n    const [indented, setIndented] = React.useState(false);\n    const [minWidth, setMinWidth] = React.useState<number | undefined>(undefined);\n    const [open, setOpen] = useControlled<boolean>({\n        defaultValue: defaultOpen ?? false,\n        onChange,\n        value: openProp,\n    });\n    const [dialogState, setDialogState] = React.useState<{ open: boolean; render: (() => React.ReactElement) | null }>({\n        open: false,\n        render: null,\n    });\n\n    const triggerRef = React.useRef<HTMLButtonElement>(null);\n\n    const closeDialog = React.useCallback(() => {\n        setDialogState({ open: false, render: null });\n        triggerRef.current?.focus();\n    }, []);\n\n    const context = React.useMemo(\n        () => ({\n            indented,\n            registerIndentation: () => setIndented(true),\n            minWidth,\n            setMinWidth: (width: number) => setMinWidth(width),\n            open: () => setOpen(true),\n            close: () => setOpen(false),\n            // Dialog state management - survives menu close\n            dialogState,\n            openDialog: (render: () => React.ReactElement) => {\n                setDialogState({ open: true, render });\n                setOpen(false);\n            },\n            closeDialog,\n            // Trigger ref for focus management after dialog closes\n            triggerRef,\n        }),\n        [indented, minWidth, setOpen, dialogState, closeDialog]\n    );\n\n    const handleOpenChange = (open: boolean, eventDetails: MenuPrimitive.Root.ChangeEventDetails) => {\n        const event = eventDetails.event as KeyboardEvent;\n        const triggerElement = eventDetails.trigger ?? (event?.currentTarget as Element | null);\n        const isTableHeaderOrCellMenu = isElementInsideTable3OrReport(triggerElement);\n\n        // In Table3 header/cell contexts, ArrowUp/ArrowDown should keep driving table row navigation.\n        // Cancel only the menu open transition for these keys so the key event can still bubble to the table.\n        if (open && (event.key === 'ArrowUp' || event.key === 'ArrowDown') && isTableHeaderOrCellMenu) {\n            eventDetails.cancel();\n            return;\n        }\n        setOpen(open);\n    };\n\n    return (\n        <MenuContext.Provider value={context}>\n            <MenuPrimitive.Root {...props} open={open} onOpenChange={handleOpenChange}>\n                {trigger && <Trigger ref={triggerRef}>{trigger}</Trigger>}\n                {children}\n            </MenuPrimitive.Root>\n            {/* Render dialog outside menu tree - state survives menu close */}\n            {dialogState.open && dialogState.render && dialogState.render()}\n        </MenuContext.Provider>\n    );\n}) as ForwardedMenuWithStatics;\nMenu.Trigger = Trigger;\nMenu.Content = Content;\nMenu.Item = Item;\nMenu.Link = Link;\nMenu.Checkbox = Checkbox;\nMenu.Separator = Separator;\nMenu.Group = Group;\nMenu.Header = Header;\nMenu.RadioGroup = RadioGroup;\nMenu.SubMenu = SubMenu;\n\nexport type {\n    MenuItemProps,\n    MenuContentProps,\n    MenuLinkItemProps,\n    MenuTriggerProps,\n    MenuCheckboxItemProps,\n    MenuSeparatorProps,\n    MenuGroupProps,\n    MenuHeaderProps,\n    MenuSubMenuProps,\n};\n"],"names":["Menu","open","MenuPrimitive"],"mappings":";;;;;;;;;;;;;;;AA0CO,MAAM,OAAO,MAAM,WAAyC,SAASA,MAAK,eAAe,MAAM;AAC5F,QAAA,EAAE,UAAU,aAAa,UAAU,MAAM,UAAU,SAAS,GAAG,MAAA,IAAU;AAC/E,QAAM,CAAC,UAAU,WAAW,IAAI,MAAM,SAAS,KAAK;AACpD,QAAM,CAAC,UAAU,WAAW,IAAI,MAAM,SAA6B,MAAS;AAC5E,QAAM,CAAC,MAAM,OAAO,IAAI,cAAuB;AAAA,IAC3C,cAAc,eAAe;AAAA,IAC7B;AAAA,IACA,OAAO;AAAA,EAAA,CACV;AACD,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAAuE;AAAA,IAC/G,MAAM;AAAA,IACN,QAAQ;AAAA,EAAA,CACX;AAEK,QAAA,aAAa,MAAM,OAA0B,IAAI;AAEjD,QAAA,cAAc,MAAM,YAAY,MAAM;;AACxC,mBAAe,EAAE,MAAM,OAAO,QAAQ,MAAM;AAC5C,qBAAW,YAAX,mBAAoB;AAAA,EACxB,GAAG,EAAE;AAEL,QAAM,UAAU,MAAM;AAAA,IAClB,OAAO;AAAA,MACH;AAAA,MACA,qBAAqB,MAAM,YAAY,IAAI;AAAA,MAC3C;AAAA,MACA,aAAa,CAAC,UAAkB,YAAY,KAAK;AAAA,MACjD,MAAM,MAAM,QAAQ,IAAI;AAAA,MACxB,OAAO,MAAM,QAAQ,KAAK;AAAA;AAAA,MAE1B;AAAA,MACA,YAAY,CAAC,WAAqC;AAC9C,uBAAe,EAAE,MAAM,MAAM,OAAA,CAAQ;AACrC,gBAAQ,KAAK;AAAA,MACjB;AAAA,MACA;AAAA;AAAA,MAEA;AAAA,IAAA;AAAA,IAEJ,CAAC,UAAU,UAAU,SAAS,aAAa,WAAW;AAAA,EAC1D;AAEM,QAAA,mBAAmB,CAACC,OAAe,iBAAwD;AAC7F,UAAM,QAAQ,aAAa;AACrB,UAAA,iBAAiB,aAAa,YAAY,+BAAO;AACjD,UAAA,0BAA0B,8BAA8B,cAAc;AAI5E,QAAIA,UAAS,MAAM,QAAQ,aAAa,MAAM,QAAQ,gBAAgB,yBAAyB;AAC3F,mBAAa,OAAO;AACpB;AAAA,IAAA;AAEJ,YAAQA,KAAI;AAAA,EAChB;AAEA,SACK,sBAAA,cAAA,YAAY,UAAZ,EAAqB,OAAO,QAAA,GACxB,sBAAA,cAAAC,OAAc,MAAd,EAAoB,GAAG,OAAO,MAAY,cAAc,iBAAA,GACpD,WAAW,sBAAA,cAAC,SAAQ,EAAA,KAAK,WAAa,GAAA,OAAQ,GAC9C,QACL,GAEC,YAAY,QAAQ,YAAY,UAAU,YAAY,QAC3D;AAER,CAAC;AACD,KAAK,UAAU;AACf,KAAK,UAAU;AACf,KAAK,OAAO;AACZ,KAAK,OAAO;AACZ,KAAK,WAAW;AAChB,KAAK,YAAY;AACjB,KAAK,QAAQ;AACb,KAAK,SAAS;AACd,KAAK,aAAa;AAClB,KAAK,UAAU;"}
+{"version":3,"file":"Menu.js","sources":["../../../src/components/Menu/Menu.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Menu as MenuPrimitive } from '@base-ui/react/menu';\nimport { MenuContext } from './Context';\nimport { Content, MenuContentProps } from './components/Content';\nimport { Item, MenuItemProps } from './components/Item';\nimport { Link, MenuLinkItemProps } from './components/Link';\nimport { Trigger, MenuTriggerProps } from './components/Trigger';\nimport { Checkbox, MenuCheckboxItemProps } from './components/Checkbox';\nimport { ForwardedMenuRadioGroupWithStatics, RadioGroup } from './components/RadioGroup';\nimport { Separator, MenuSeparatorProps } from './components/Separator';\nimport { Group, MenuGroupProps } from './components/Group';\nimport { Header, MenuHeaderProps } from './components/Header';\nimport { SubMenu, MenuSubMenuProps } from './components/SubMenu';\nimport { useControlled } from '../../hooks/useControlled';\nimport { isElementInsideTable3OrReport } from '../../utils/dom';\n\nexport type MenuProps = {\n    children: React.ReactNode;\n    /** Set whether the menu is open by default or not  */\n    defaultOpen?: boolean;\n    /** Called when the menu opens or closes, must be used in conjunction with open  */\n    onChange?: (open: boolean) => void;\n    /** Control the open state of the menu from outside the component  */\n    open?: boolean;\n    /** ID of the trigger the menu is associated with (controlled mode) */\n    triggerId?: string | null;\n    /** A trigger to be used for the menu, should not be set if `children` already contains a trigger */\n    trigger?: React.JSX.Element;\n};\nexport type ForwardedMenuWithStatics = React.ForwardRefExoticComponent<MenuProps & React.RefAttributes<HTMLElement>> & {\n    Trigger: React.ForwardRefExoticComponent<MenuTriggerProps>;\n    Content: React.ForwardRefExoticComponent<MenuContentProps>;\n    Item: React.ForwardRefExoticComponent<MenuItemProps>;\n    Link: React.ForwardRefExoticComponent<MenuLinkItemProps>;\n    Checkbox: React.ForwardRefExoticComponent<MenuCheckboxItemProps>;\n    Separator: React.ForwardRefExoticComponent<MenuSeparatorProps>;\n    Group: React.ForwardRefExoticComponent<MenuGroupProps>;\n    Header: React.ForwardRefExoticComponent<MenuHeaderProps>;\n    RadioGroup: ForwardedMenuRadioGroupWithStatics;\n    SubMenu: React.ForwardRefExoticComponent<MenuSubMenuProps>;\n};\n\nexport const Menu = React.forwardRef<HTMLButtonElement, MenuProps>(function Menu(externalProps, _ref) {\n    const { children, defaultOpen, onChange, open: openProp, trigger, ...props } = externalProps;\n    const [indented, setIndented] = React.useState(false);\n    const [minWidth, setMinWidth] = React.useState<number | undefined>(undefined);\n    const [open, setOpen] = useControlled<boolean>({\n        defaultValue: defaultOpen ?? false,\n        onChange,\n        value: openProp,\n    });\n    const [dialogState, setDialogState] = React.useState<{ open: boolean; render: (() => React.ReactElement) | null }>({\n        open: false,\n        render: null,\n    });\n\n    const triggerRef = React.useRef<HTMLButtonElement>(null);\n\n    const closeDialog = React.useCallback(() => {\n        setDialogState({ open: false, render: null });\n        triggerRef.current?.focus();\n    }, []);\n\n    const context = React.useMemo(\n        () => ({\n            indented,\n            registerIndentation: () => setIndented(true),\n            minWidth,\n            setMinWidth: (width: number) => setMinWidth(width),\n            open: () => setOpen(true),\n            close: () => setOpen(false),\n            // Dialog state management - survives menu close\n            dialogState,\n            openDialog: (render: () => React.ReactElement) => {\n                setDialogState({ open: true, render });\n                setOpen(false);\n            },\n            closeDialog,\n            // Trigger ref for focus management after dialog closes\n            triggerRef,\n        }),\n        [indented, minWidth, setOpen, dialogState, closeDialog]\n    );\n\n    const handleOpenChange = (open: boolean, eventDetails: MenuPrimitive.Root.ChangeEventDetails) => {\n        const event = eventDetails.event as KeyboardEvent;\n        const triggerElement = eventDetails.trigger ?? (event?.currentTarget as Element | null);\n        const isTableHeaderOrCellMenu = isElementInsideTable3OrReport(triggerElement);\n\n        // In Table3 header/cell contexts, ArrowUp/ArrowDown should keep driving table row navigation.\n        // Cancel only the menu open transition for these keys so the key event can still bubble to the table.\n        if (open && (event.key === 'ArrowUp' || event.key === 'ArrowDown') && isTableHeaderOrCellMenu) {\n            eventDetails.cancel();\n            return;\n        }\n        setOpen(open);\n    };\n\n    return (\n        <MenuContext.Provider value={context}>\n            <MenuPrimitive.Root {...props} open={open} onOpenChange={handleOpenChange}>\n                {trigger && <Trigger ref={triggerRef}>{trigger}</Trigger>}\n                {children}\n            </MenuPrimitive.Root>\n            {/* Render dialog outside menu tree - state survives menu close */}\n            {dialogState.open && dialogState.render && dialogState.render()}\n        </MenuContext.Provider>\n    );\n}) as ForwardedMenuWithStatics;\nMenu.Trigger = Trigger;\nMenu.Content = Content;\nMenu.Item = Item;\nMenu.Link = Link;\nMenu.Checkbox = Checkbox;\nMenu.Separator = Separator;\nMenu.Group = Group;\nMenu.Header = Header;\nMenu.RadioGroup = RadioGroup;\nMenu.SubMenu = SubMenu;\n\nexport type {\n    MenuItemProps,\n    MenuContentProps,\n    MenuLinkItemProps,\n    MenuTriggerProps,\n    MenuCheckboxItemProps,\n    MenuSeparatorProps,\n    MenuGroupProps,\n    MenuHeaderProps,\n    MenuSubMenuProps,\n};\n"],"names":["Menu","open","MenuPrimitive"],"mappings":";;;;;;;;;;;;;;;AA0CO,MAAM,OAAO,MAAM,WAAyC,SAASA,MAAK,eAAe,MAAM;AAClG,QAAM,EAAE,UAAU,aAAa,UAAU,MAAM,UAAU,SAAS,GAAG,MAAA,IAAU;AAC/E,QAAM,CAAC,UAAU,WAAW,IAAI,MAAM,SAAS,KAAK;AACpD,QAAM,CAAC,UAAU,WAAW,IAAI,MAAM,SAA6B,MAAS;AAC5E,QAAM,CAAC,MAAM,OAAO,IAAI,cAAuB;AAAA,IAC3C,cAAc,eAAe;AAAA,IAC7B;AAAA,IACA,OAAO;AAAA,EAAA,CACV;AACD,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAAuE;AAAA,IAC/G,MAAM;AAAA,IACN,QAAQ;AAAA,EAAA,CACX;AAED,QAAM,aAAa,MAAM,OAA0B,IAAI;AAEvD,QAAM,cAAc,MAAM,YAAY,MAAM;AACxC,mBAAe,EAAE,MAAM,OAAO,QAAQ,MAAM;AAC5C,eAAW,SAAS,MAAA;AAAA,EACxB,GAAG,CAAA,CAAE;AAEL,QAAM,UAAU,MAAM;AAAA,IAClB,OAAO;AAAA,MACH;AAAA,MACA,qBAAqB,MAAM,YAAY,IAAI;AAAA,MAC3C;AAAA,MACA,aAAa,CAAC,UAAkB,YAAY,KAAK;AAAA,MACjD,MAAM,MAAM,QAAQ,IAAI;AAAA,MACxB,OAAO,MAAM,QAAQ,KAAK;AAAA;AAAA,MAE1B;AAAA,MACA,YAAY,CAAC,WAAqC;AAC9C,uBAAe,EAAE,MAAM,MAAM,OAAA,CAAQ;AACrC,gBAAQ,KAAK;AAAA,MACjB;AAAA,MACA;AAAA;AAAA,MAEA;AAAA,IAAA;AAAA,IAEJ,CAAC,UAAU,UAAU,SAAS,aAAa,WAAW;AAAA,EAAA;AAG1D,QAAM,mBAAmB,CAACC,OAAe,iBAAwD;AAC7F,UAAM,QAAQ,aAAa;AAC3B,UAAM,iBAAiB,aAAa,WAAY,OAAO;AACvD,UAAM,0BAA0B,8BAA8B,cAAc;AAI5E,QAAIA,UAAS,MAAM,QAAQ,aAAa,MAAM,QAAQ,gBAAgB,yBAAyB;AAC3F,mBAAa,OAAA;AACb;AAAA,IACJ;AACA,YAAQA,KAAI;AAAA,EAChB;AAEA,SACI,sBAAA,cAAC,YAAY,UAAZ,EAAqB,OAAO,QAAA,GACzB,sBAAA,cAACC,OAAc,MAAd,EAAoB,GAAG,OAAO,MAAY,cAAc,iBAAA,GACpD,WAAW,sBAAA,cAAC,SAAA,EAAQ,KAAK,WAAA,GAAa,OAAQ,GAC9C,QACL,GAEC,YAAY,QAAQ,YAAY,UAAU,YAAY,QAC3D;AAER,CAAC;AACD,KAAK,UAAU;AACf,KAAK,UAAU;AACf,KAAK,OAAO;AACZ,KAAK,OAAO;AACZ,KAAK,WAAW;AAChB,KAAK,YAAY;AACjB,KAAK,QAAQ;AACb,KAAK,SAAS;AACd,KAAK,aAAa;AAClB,KAAK,UAAU;"}

package/dist/components/Menu/components/Checkbox.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.cjs","sources":["../../../../src/components/Menu/components/Checkbox.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Menu as MenuPrimitive } from '@base-ui/react/menu';\nimport { Icon } from '../../Icon/Icon';\nimport { useItemStyling } from './Item';\n\nexport type MenuCheckboxItemProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> & {\n    /* Whether the checkbox item is disabled */\n    disabled?: boolean;\n    /* The current checked state (controlled) */\n    checked: boolean;\n    /* Handler called when the checked state changes */\n    onChange: (checked: boolean | 'indeterminate') => void;\n};\n\nexport const Checkbox = React.forwardRef<HTMLDivElement, MenuCheckboxItemProps>(function MenuCheckboxItem(props, ref) {\n    const { checked, children, onChange, ...otherProps } = props;\n    const className = useItemStyling({\n        disabled: props.disabled,\n        indented: true,\n        className: props.className,\n    });\n\n    return (\n        <MenuPrimitive.CheckboxItem {...otherProps} checked={checked} className={className} onCheckedChange={onChange} ref={ref}>\n            <MenuPrimitive.CheckboxItemIndicator className=\"absolute left-0 ml-1.5\">\n                <Icon name=\"tick\" className=\"-ml-px !h-4 !w-4\" />\n            </MenuPrimitive.CheckboxItemIndicator>\n            {children}\n        </MenuPrimitive.CheckboxItem>\n    );\n});\n"],"names":["React","useItemStyling","MenuPrimitive","Icon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAcO,MAAM,WAAWA,iBAAM,WAAkD,SAAS,iBAAiB,OAAO,KAAK;AAClH,QAAM,EAAE,SAAS,UAAU,UAAU,GAAG,WAAe,IAAA;AACvD,QAAM,YAAYC,KAAAA,eAAe;AAAA,IAC7B,UAAU,MAAM;AAAA,IAChB,UAAU;AAAA,IACV,WAAW,MAAM;AAAA,EAAA,CACpB;AAGG,SAAAD,iCAAA,cAACE,KAAc,KAAA,cAAd,EAA4B,GAAG,YAAY,SAAkB,WAAsB,iBAAiB,UAAU,IAC3G,GAAAF,iCAAA,cAACE,UAAc,uBAAd,EAAoC,WAAU,yBAAA,GAC1CF,iCAAA,cAAAG,KAAAA,MAAA,EAAK,MAAK,QAAO,WAAU,mBAAA,CAAmB,CACnD,GACC,QACL;AAER,CAAC;;"}
+{"version":3,"file":"Checkbox.cjs","sources":["../../../../src/components/Menu/components/Checkbox.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Menu as MenuPrimitive } from '@base-ui/react/menu';\nimport { Icon } from '../../Icon/Icon';\nimport { useItemStyling } from './Item';\n\nexport type MenuCheckboxItemProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> & {\n    /* Whether the checkbox item is disabled */\n    disabled?: boolean;\n    /* The current checked state (controlled) */\n    checked: boolean;\n    /* Handler called when the checked state changes */\n    onChange: (checked: boolean | 'indeterminate') => void;\n};\n\nexport const Checkbox = React.forwardRef<HTMLDivElement, MenuCheckboxItemProps>(function MenuCheckboxItem(props, ref) {\n    const { checked, children, onChange, ...otherProps } = props;\n    const className = useItemStyling({\n        disabled: props.disabled,\n        indented: true,\n        className: props.className,\n    });\n\n    return (\n        <MenuPrimitive.CheckboxItem {...otherProps} checked={checked} className={className} onCheckedChange={onChange} ref={ref}>\n            <MenuPrimitive.CheckboxItemIndicator className=\"absolute left-0 ml-1.5\">\n                <Icon name=\"tick\" className=\"-ml-px !h-4 !w-4\" />\n            </MenuPrimitive.CheckboxItemIndicator>\n            {children}\n        </MenuPrimitive.CheckboxItem>\n    );\n});\n"],"names":["React","useItemStyling","MenuPrimitive","Icon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAcO,MAAM,WAAWA,iBAAM,WAAkD,SAAS,iBAAiB,OAAO,KAAK;AAClH,QAAM,EAAE,SAAS,UAAU,UAAU,GAAG,eAAe;AACvD,QAAM,YAAYC,KAAAA,eAAe;AAAA,IAC7B,UAAU,MAAM;AAAA,IAChB,UAAU;AAAA,IACV,WAAW,MAAM;AAAA,EAAA,CACpB;AAED,SACID,iCAAA,cAACE,KAAAA,KAAc,cAAd,EAA4B,GAAG,YAAY,SAAkB,WAAsB,iBAAiB,UAAU,IAAA,GAC3GF,iCAAA,cAACE,UAAc,uBAAd,EAAoC,WAAU,yBAAA,GAC3CF,iCAAA,cAACG,KAAAA,MAAA,EAAK,MAAK,QAAO,WAAU,mBAAA,CAAmB,CACnD,GACC,QACL;AAER,CAAC;;"}

package/dist/components/Menu/components/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../../../../src/components/Menu/components/Checkbox.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Menu as MenuPrimitive } from '@base-ui/react/menu';\nimport { Icon } from '../../Icon/Icon';\nimport { useItemStyling } from './Item';\n\nexport type MenuCheckboxItemProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> & {\n    /* Whether the checkbox item is disabled */\n    disabled?: boolean;\n    /* The current checked state (controlled) */\n    checked: boolean;\n    /* Handler called when the checked state changes */\n    onChange: (checked: boolean | 'indeterminate') => void;\n};\n\nexport const Checkbox = React.forwardRef<HTMLDivElement, MenuCheckboxItemProps>(function MenuCheckboxItem(props, ref) {\n    const { checked, children, onChange, ...otherProps } = props;\n    const className = useItemStyling({\n        disabled: props.disabled,\n        indented: true,\n        className: props.className,\n    });\n\n    return (\n        <MenuPrimitive.CheckboxItem {...otherProps} checked={checked} className={className} onCheckedChange={onChange} ref={ref}>\n            <MenuPrimitive.CheckboxItemIndicator className=\"absolute left-0 ml-1.5\">\n                <Icon name=\"tick\" className=\"-ml-px !h-4 !w-4\" />\n            </MenuPrimitive.CheckboxItemIndicator>\n            {children}\n        </MenuPrimitive.CheckboxItem>\n    );\n});\n"],"names":["MenuPrimitive"],"mappings":";;;;AAcO,MAAM,WAAW,MAAM,WAAkD,SAAS,iBAAiB,OAAO,KAAK;AAClH,QAAM,EAAE,SAAS,UAAU,UAAU,GAAG,WAAe,IAAA;AACvD,QAAM,YAAY,eAAe;AAAA,IAC7B,UAAU,MAAM;AAAA,IAChB,UAAU;AAAA,IACV,WAAW,MAAM;AAAA,EAAA,CACpB;AAGG,SAAA,sBAAA,cAACA,KAAc,cAAd,EAA4B,GAAG,YAAY,SAAkB,WAAsB,iBAAiB,UAAU,IAC3G,GAAA,sBAAA,cAACA,KAAc,uBAAd,EAAoC,WAAU,yBAAA,GAC1C,sBAAA,cAAA,MAAA,EAAK,MAAK,QAAO,WAAU,mBAAA,CAAmB,CACnD,GACC,QACL;AAER,CAAC;"}
+{"version":3,"file":"Checkbox.js","sources":["../../../../src/components/Menu/components/Checkbox.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Menu as MenuPrimitive } from '@base-ui/react/menu';\nimport { Icon } from '../../Icon/Icon';\nimport { useItemStyling } from './Item';\n\nexport type MenuCheckboxItemProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> & {\n    /* Whether the checkbox item is disabled */\n    disabled?: boolean;\n    /* The current checked state (controlled) */\n    checked: boolean;\n    /* Handler called when the checked state changes */\n    onChange: (checked: boolean | 'indeterminate') => void;\n};\n\nexport const Checkbox = React.forwardRef<HTMLDivElement, MenuCheckboxItemProps>(function MenuCheckboxItem(props, ref) {\n    const { checked, children, onChange, ...otherProps } = props;\n    const className = useItemStyling({\n        disabled: props.disabled,\n        indented: true,\n        className: props.className,\n    });\n\n    return (\n        <MenuPrimitive.CheckboxItem {...otherProps} checked={checked} className={className} onCheckedChange={onChange} ref={ref}>\n            <MenuPrimitive.CheckboxItemIndicator className=\"absolute left-0 ml-1.5\">\n                <Icon name=\"tick\" className=\"-ml-px !h-4 !w-4\" />\n            </MenuPrimitive.CheckboxItemIndicator>\n            {children}\n        </MenuPrimitive.CheckboxItem>\n    );\n});\n"],"names":["MenuPrimitive"],"mappings":";;;;AAcO,MAAM,WAAW,MAAM,WAAkD,SAAS,iBAAiB,OAAO,KAAK;AAClH,QAAM,EAAE,SAAS,UAAU,UAAU,GAAG,eAAe;AACvD,QAAM,YAAY,eAAe;AAAA,IAC7B,UAAU,MAAM;AAAA,IAChB,UAAU;AAAA,IACV,WAAW,MAAM;AAAA,EAAA,CACpB;AAED,SACI,sBAAA,cAACA,KAAc,cAAd,EAA4B,GAAG,YAAY,SAAkB,WAAsB,iBAAiB,UAAU,IAAA,GAC3G,sBAAA,cAACA,KAAc,uBAAd,EAAoC,WAAU,yBAAA,GAC3C,sBAAA,cAAC,MAAA,EAAK,MAAK,QAAO,WAAU,mBAAA,CAAmB,CACnD,GACC,QACL;AAER,CAAC;"}

package/dist/components/Menu/components/Content.cjs

@@ -27,7 +27,7 @@ const Content = React__namespace.forwardRef(function MenuContent(props, ref) {
   const internalRef = useMergedRef.useMergedRef(ref);
   const menu$1 = Context.useCurrentMenu();
   const { align = "start", children: _1, placement: side, ...otherProps } = props;
-  const className = cn("border border-transparent rounded block outline-none p-1 yt-shadow wcag-white", props.className);
+  const className = cn("block rounded border border-transparent p-1 outline-none wcag-white yt-shadow", props.className);
   const childrenRefs = React__namespace.useRef([]);
   const childrenWithRefs = React__namespace.Children.toArray(props.children).filter((child) => !!child).map((child, index) => {
     childrenRefs.current[index] = React__namespace.createRef();
@@ -41,14 +41,11 @@ const Content = React__namespace.forwardRef(function MenuContent(props, ref) {
           keyboard.createShortcutKeyDownHandler(child.props.shortcut, (event) => {
             event.preventDefault();
             const dialog = document.querySelector('[role="dialog"]');
-            if (dialog && !(dialog == null ? void 0 : dialog.contains(internalRef.current))) {
+            if (dialog && !dialog?.contains(internalRef.current)) {
               return;
             }
-            menu$1 == null ? void 0 : menu$1.open();
-            setTimeout(() => {
-              var _a, _b;
-              return (_b = (_a = childrenRefs.current[index]) == null ? void 0 : _a.current) == null ? void 0 : _b.click();
-            }, 1);
+            menu$1?.open();
+            setTimeout(() => childrenRefs.current[index]?.current?.click(), 1);
           })
         );
       }
@@ -64,7 +61,7 @@ const Content = React__namespace.forwardRef(function MenuContent(props, ref) {
       ...otherProps,
       className,
       "data-taco": "menu",
-      style: { minWidth: menu$1 == null ? void 0 : menu$1.minWidth },
+      style: { minWidth: menu$1?.minWidth },
       ref: internalRef
     },
     childrenWithRefs

package/dist/components/Menu/components/Content.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Content.cjs","sources":["../../../../src/components/Menu/components/Content.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Menu as MenuPrimitive } from '@base-ui/react/menu';\nimport cn from 'clsx';\nimport { Align, Placement } from '../../../types';\nimport { useMergedRef } from '../../../hooks/useMergedRef';\nimport { useCurrentMenu } from '../Context';\nimport { createShortcutKeyDownHandler } from '../../../utils/keyboard';\nimport { MenuItemProps } from './Item';\n\nexport type MenuContentProps = Omit<React.ComponentPropsWithoutRef<typeof MenuPrimitive.Popup>, 'children' | 'side'> & {\n    align?: Align;\n    children: React.ReactNode;\n    /** Set the position of the Menu relative to its trigger. Default value is `bottom` */\n    placement?: Placement;\n};\n\nexport const Content = React.forwardRef(function MenuContent(props: MenuContentProps, ref: React.Ref<HTMLDivElement>) {\n    const internalRef = useMergedRef<any>(ref);\n    const menu = useCurrentMenu();\n    const { align = 'start', children: _1, placement: side, ...otherProps } = props;\n    const className = cn('border border-transparent rounded block outline-none p-1 yt-shadow wcag-white', props.className);\n\n    // attach refs to each child\n    const childrenRefs = React.useRef<React.RefObject<HTMLDivElement>[]>([]);\n    const childrenWithRefs = (React.Children.toArray(props.children) as React.ReactElement<MenuItemProps & { ref: any }>[])\n        .filter(child => !!child) // remove falsey children\n        .map((child, index) => {\n            childrenRefs.current[index] = React.createRef<HTMLDivElement>();\n            return React.cloneElement(child, { ref: childrenRefs.current[index] });\n        });\n\n    // register any shortcuts attached to children\n    React.useEffect(() => {\n        const shortcuts: ((event: KeyboardEvent) => void)[] = [];\n        childrenWithRefs.forEach((child, index) => {\n            if (child.props.shortcut) {\n                shortcuts.push(\n                    createShortcutKeyDownHandler(child.props.shortcut, event => {\n                        event.preventDefault();\n\n                        const dialog = document.querySelector('[role=\"dialog\"]');\n\n                        // Don't trigger the shortcut if it is outside of the dialog\n                        if (dialog && !dialog?.contains(internalRef.current)) {\n                            return;\n                        }\n\n                        menu?.open();\n                        setTimeout(() => childrenRefs.current[index]?.current?.click(), 1);\n                    })\n                );\n            }\n        });\n\n        // Use capture phase to intercept events before Base UI menu items can stop propagation\n        shortcuts.forEach(handler => document.addEventListener('keydown', handler, { capture: true }));\n\n        return () => {\n            shortcuts.forEach(handler => document.removeEventListener('keydown', handler, { capture: true }));\n        };\n    }, []);\n\n    return (\n        <MenuPrimitive.Portal>\n            <MenuPrimitive.Positioner align={align} side={side} sideOffset={3}>\n                <MenuPrimitive.Popup\n                    {...otherProps}\n                    className={className}\n                    data-taco=\"menu\"\n                    style={{ minWidth: menu?.minWidth }}\n                    ref={internalRef}>\n                    {childrenWithRefs}\n                </MenuPrimitive.Popup>\n            </MenuPrimitive.Positioner>\n        </MenuPrimitive.Portal>\n    );\n});\n"],"names":["React","useMergedRef","menu","useCurrentMenu","createShortcutKeyDownHandler","MenuPrimitive"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAgBO,MAAM,UAAUA,iBAAM,WAAW,SAAS,YAAY,OAAyB,KAAgC;AAC5G,QAAA,cAAcC,0BAAkB,GAAG;AACzC,QAAMC,SAAOC,QAAAA,eAAe;AACtB,QAAA,EAAE,QAAQ,SAAS,UAAU,IAAI,WAAW,MAAM,GAAG,WAAA,IAAe;AAC1E,QAAM,YAAY,GAAG,iFAAiF,MAAM,SAAS;AAGrH,QAAM,eAAeH,iBAAM,OAA0C,EAAE;AACvE,QAAM,mBAAoBA,iBAAM,SAAS,QAAQ,MAAM,QAAQ,EAC1D,OAAO,CAAS,UAAA,CAAC,CAAC,KAAK,EACvB,IAAI,CAAC,OAAO,UAAU;AACnB,iBAAa,QAAQ,KAAK,IAAIA,iBAAM,UAA0B;AACvD,WAAAA,iBAAM,aAAa,OAAO,EAAE,KAAK,aAAa,QAAQ,KAAK,GAAG;AAAA,EAAA,CACxE;AAGLA,mBAAM,UAAU,MAAM;AAClB,UAAM,YAAgD,CAAC;AACtC,qBAAA,QAAQ,CAAC,OAAO,UAAU;AACnC,UAAA,MAAM,MAAM,UAAU;AACZ,kBAAA;AAAA,UACNI,SAAAA,6BAA6B,MAAM,MAAM,UAAU,CAAS,UAAA;AACxD,kBAAM,eAAe;AAEf,kBAAA,SAAS,SAAS,cAAc,iBAAiB;AAGvD,gBAAI,UAAU,EAAC,iCAAQ,SAAS,YAAY,WAAU;AAClD;AAAA,YAAA;AAGJF,6CAAM;AACK,uBAAA,MAAA;;AAAM,8CAAa,QAAQ,KAAK,MAA1B,mBAA6B,YAA7B,mBAAsC;AAAA,eAAS,CAAC;AAAA,UACpE,CAAA;AAAA,QACL;AAAA,MAAA;AAAA,IACJ,CACH;AAGS,cAAA,QAAQ,CAAW,YAAA,SAAS,iBAAiB,WAAW,SAAS,EAAE,SAAS,KAAM,CAAA,CAAC;AAE7F,WAAO,MAAM;AACC,gBAAA,QAAQ,CAAW,YAAA,SAAS,oBAAoB,WAAW,SAAS,EAAE,SAAS,KAAM,CAAA,CAAC;AAAA,IACpG;AAAA,EACJ,GAAG,EAAE;AAGD,SAAAF,iCAAA,cAACK,KAAAA,KAAc,QAAd,MACGL,iCAAA,cAACK,KAAc,KAAA,YAAd,EAAyB,OAAc,MAAY,YAAY,EAC5D,GAAAL,iCAAA;AAAA,IAACK,KAAAA,KAAc;AAAA,IAAd;AAAA,MACI,GAAG;AAAA,MACJ;AAAA,MACA,aAAU;AAAA,MACV,OAAO,EAAE,UAAUH,iCAAM,SAAS;AAAA,MAClC,KAAK;AAAA,IAAA;AAAA,IACJ;AAAA,EAAA,CAET,CACJ;AAER,CAAC;;"}
+{"version":3,"file":"Content.cjs","sources":["../../../../src/components/Menu/components/Content.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Menu as MenuPrimitive } from '@base-ui/react/menu';\nimport cn from 'clsx';\nimport { Align, Placement } from '../../../types';\nimport { useMergedRef } from '../../../hooks/useMergedRef';\nimport { useCurrentMenu } from '../Context';\nimport { createShortcutKeyDownHandler } from '../../../utils/keyboard';\nimport { MenuItemProps } from './Item';\n\nexport type MenuContentProps = Omit<React.ComponentPropsWithoutRef<typeof MenuPrimitive.Popup>, 'children' | 'side'> & {\n    align?: Align;\n    children: React.ReactNode;\n    /** Set the position of the Menu relative to its trigger. Default value is `bottom` */\n    placement?: Placement;\n};\n\nexport const Content = React.forwardRef(function MenuContent(props: MenuContentProps, ref: React.Ref<HTMLDivElement>) {\n    const internalRef = useMergedRef<any>(ref);\n    const menu = useCurrentMenu();\n    const { align = 'start', children: _1, placement: side, ...otherProps } = props;\n    const className = cn('block rounded border border-transparent p-1 outline-none wcag-white yt-shadow', props.className);\n\n    // attach refs to each child\n    const childrenRefs = React.useRef<React.RefObject<HTMLDivElement | null>[]>([]);\n    const childrenWithRefs = (React.Children.toArray(props.children) as React.ReactElement<MenuItemProps & { ref: any }>[])\n        .filter(child => !!child) // remove falsey children\n        .map((child, index) => {\n            childrenRefs.current[index] = React.createRef<HTMLDivElement>();\n            return React.cloneElement(child, { ref: childrenRefs.current[index] });\n        });\n\n    // register any shortcuts attached to children\n    React.useEffect(() => {\n        const shortcuts: ((event: KeyboardEvent) => void)[] = [];\n        childrenWithRefs.forEach((child, index) => {\n            if (child.props.shortcut) {\n                shortcuts.push(\n                    createShortcutKeyDownHandler(child.props.shortcut, event => {\n                        event.preventDefault();\n\n                        const dialog = document.querySelector('[role=\"dialog\"]');\n\n                        // Don't trigger the shortcut if it is outside of the dialog\n                        if (dialog && !dialog?.contains(internalRef.current)) {\n                            return;\n                        }\n\n                        menu?.open();\n                        setTimeout(() => childrenRefs.current[index]?.current?.click(), 1);\n                    })\n                );\n            }\n        });\n\n        // Use capture phase to intercept events before Base UI menu items can stop propagation\n        shortcuts.forEach(handler => document.addEventListener('keydown', handler, { capture: true }));\n\n        return () => {\n            shortcuts.forEach(handler => document.removeEventListener('keydown', handler, { capture: true }));\n        };\n    }, []);\n\n    return (\n        <MenuPrimitive.Portal>\n            <MenuPrimitive.Positioner align={align} side={side} sideOffset={3}>\n                <MenuPrimitive.Popup\n                    {...otherProps}\n                    className={className}\n                    data-taco=\"menu\"\n                    style={{ minWidth: menu?.minWidth }}\n                    ref={internalRef}>\n                    {childrenWithRefs}\n                </MenuPrimitive.Popup>\n            </MenuPrimitive.Positioner>\n        </MenuPrimitive.Portal>\n    );\n});\n"],"names":["React","useMergedRef","menu","useCurrentMenu","createShortcutKeyDownHandler","MenuPrimitive"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAgBO,MAAM,UAAUA,iBAAM,WAAW,SAAS,YAAY,OAAyB,KAAgC;AAClH,QAAM,cAAcC,aAAAA,aAAkB,GAAG;AACzC,QAAMC,SAAOC,QAAAA,eAAA;AACb,QAAM,EAAE,QAAQ,SAAS,UAAU,IAAI,WAAW,MAAM,GAAG,WAAA,IAAe;AAC1E,QAAM,YAAY,GAAG,iFAAiF,MAAM,SAAS;AAGrH,QAAM,eAAeH,iBAAM,OAAiD,EAAE;AAC9E,QAAM,mBAAoBA,iBAAM,SAAS,QAAQ,MAAM,QAAQ,EAC1D,OAAO,CAAA,UAAS,CAAC,CAAC,KAAK,EACvB,IAAI,CAAC,OAAO,UAAU;AACnB,iBAAa,QAAQ,KAAK,IAAIA,iBAAM,UAAA;AACpC,WAAOA,iBAAM,aAAa,OAAO,EAAE,KAAK,aAAa,QAAQ,KAAK,GAAG;AAAA,EACzE,CAAC;AAGLA,mBAAM,UAAU,MAAM;AAClB,UAAM,YAAgD,CAAA;AACtD,qBAAiB,QAAQ,CAAC,OAAO,UAAU;AACvC,UAAI,MAAM,MAAM,UAAU;AACtB,kBAAU;AAAA,UACNI,SAAAA,6BAA6B,MAAM,MAAM,UAAU,CAAA,UAAS;AACxD,kBAAM,eAAA;AAEN,kBAAM,SAAS,SAAS,cAAc,iBAAiB;AAGvD,gBAAI,UAAU,CAAC,QAAQ,SAAS,YAAY,OAAO,GAAG;AAClD;AAAA,YACJ;AAEAF,oBAAM,KAAA;AACN,uBAAW,MAAM,aAAa,QAAQ,KAAK,GAAG,SAAS,MAAA,GAAS,CAAC;AAAA,UACrE,CAAC;AAAA,QAAA;AAAA,MAET;AAAA,IACJ,CAAC;AAGD,cAAU,QAAQ,CAAA,YAAW,SAAS,iBAAiB,WAAW,SAAS,EAAE,SAAS,KAAA,CAAM,CAAC;AAE7F,WAAO,MAAM;AACT,gBAAU,QAAQ,CAAA,YAAW,SAAS,oBAAoB,WAAW,SAAS,EAAE,SAAS,KAAA,CAAM,CAAC;AAAA,IACpG;AAAA,EACJ,GAAG,CAAA,CAAE;AAEL,SACIF,iCAAA,cAACK,KAAAA,KAAc,QAAd,MACGL,iCAAA,cAACK,KAAAA,KAAc,YAAd,EAAyB,OAAc,MAAY,YAAY,EAAA,GAC5DL,iCAAA;AAAA,IAACK,KAAAA,KAAc;AAAA,IAAd;AAAA,MACI,GAAG;AAAA,MACJ;AAAA,MACA,aAAU;AAAA,MACV,OAAO,EAAE,UAAUH,QAAM,SAAA;AAAA,MACzB,KAAK;AAAA,IAAA;AAAA,IACJ;AAAA,EAAA,CAET,CACJ;AAER,CAAC;;"}

package/dist/components/Menu/components/Content.js

@@ -8,7 +8,7 @@ const Content = React.forwardRef(function MenuContent(props, ref) {
   const internalRef = useMergedRef(ref);
   const menu = useCurrentMenu();
   const { align = "start", children: _1, placement: side, ...otherProps } = props;
-  const className = cn("border border-transparent rounded block outline-none p-1 yt-shadow wcag-white", props.className);
+  const className = cn("block rounded border border-transparent p-1 outline-none wcag-white yt-shadow", props.className);
   const childrenRefs = React.useRef([]);
   const childrenWithRefs = React.Children.toArray(props.children).filter((child) => !!child).map((child, index) => {
     childrenRefs.current[index] = React.createRef();
@@ -22,14 +22,11 @@ const Content = React.forwardRef(function MenuContent(props, ref) {
           createShortcutKeyDownHandler(child.props.shortcut, (event) => {
             event.preventDefault();
             const dialog = document.querySelector('[role="dialog"]');
-            if (dialog && !(dialog == null ? void 0 : dialog.contains(internalRef.current))) {
+            if (dialog && !dialog?.contains(internalRef.current)) {
               return;
             }
-            menu == null ? void 0 : menu.open();
-            setTimeout(() => {
-              var _a, _b;
-              return (_b = (_a = childrenRefs.current[index]) == null ? void 0 : _a.current) == null ? void 0 : _b.click();
-            }, 1);
+            menu?.open();
+            setTimeout(() => childrenRefs.current[index]?.current?.click(), 1);
           })
         );
       }
@@ -45,7 +42,7 @@ const Content = React.forwardRef(function MenuContent(props, ref) {
       ...otherProps,
       className,
       "data-taco": "menu",
-      style: { minWidth: menu == null ? void 0 : menu.minWidth },
+      style: { minWidth: menu?.minWidth },
       ref: internalRef
     },
     childrenWithRefs

package/dist/components/Menu/components/Content.js.map

@@ -1 +1 @@
-{"version":3,"file":"Content.js","sources":["../../../../src/components/Menu/components/Content.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Menu as MenuPrimitive } from '@base-ui/react/menu';\nimport cn from 'clsx';\nimport { Align, Placement } from '../../../types';\nimport { useMergedRef } from '../../../hooks/useMergedRef';\nimport { useCurrentMenu } from '../Context';\nimport { createShortcutKeyDownHandler } from '../../../utils/keyboard';\nimport { MenuItemProps } from './Item';\n\nexport type MenuContentProps = Omit<React.ComponentPropsWithoutRef<typeof MenuPrimitive.Popup>, 'children' | 'side'> & {\n    align?: Align;\n    children: React.ReactNode;\n    /** Set the position of the Menu relative to its trigger. Default value is `bottom` */\n    placement?: Placement;\n};\n\nexport const Content = React.forwardRef(function MenuContent(props: MenuContentProps, ref: React.Ref<HTMLDivElement>) {\n    const internalRef = useMergedRef<any>(ref);\n    const menu = useCurrentMenu();\n    const { align = 'start', children: _1, placement: side, ...otherProps } = props;\n    const className = cn('border border-transparent rounded block outline-none p-1 yt-shadow wcag-white', props.className);\n\n    // attach refs to each child\n    const childrenRefs = React.useRef<React.RefObject<HTMLDivElement>[]>([]);\n    const childrenWithRefs = (React.Children.toArray(props.children) as React.ReactElement<MenuItemProps & { ref: any }>[])\n        .filter(child => !!child) // remove falsey children\n        .map((child, index) => {\n            childrenRefs.current[index] = React.createRef<HTMLDivElement>();\n            return React.cloneElement(child, { ref: childrenRefs.current[index] });\n        });\n\n    // register any shortcuts attached to children\n    React.useEffect(() => {\n        const shortcuts: ((event: KeyboardEvent) => void)[] = [];\n        childrenWithRefs.forEach((child, index) => {\n            if (child.props.shortcut) {\n                shortcuts.push(\n                    createShortcutKeyDownHandler(child.props.shortcut, event => {\n                        event.preventDefault();\n\n                        const dialog = document.querySelector('[role=\"dialog\"]');\n\n                        // Don't trigger the shortcut if it is outside of the dialog\n                        if (dialog && !dialog?.contains(internalRef.current)) {\n                            return;\n                        }\n\n                        menu?.open();\n                        setTimeout(() => childrenRefs.current[index]?.current?.click(), 1);\n                    })\n                );\n            }\n        });\n\n        // Use capture phase to intercept events before Base UI menu items can stop propagation\n        shortcuts.forEach(handler => document.addEventListener('keydown', handler, { capture: true }));\n\n        return () => {\n            shortcuts.forEach(handler => document.removeEventListener('keydown', handler, { capture: true }));\n        };\n    }, []);\n\n    return (\n        <MenuPrimitive.Portal>\n            <MenuPrimitive.Positioner align={align} side={side} sideOffset={3}>\n                <MenuPrimitive.Popup\n                    {...otherProps}\n                    className={className}\n                    data-taco=\"menu\"\n                    style={{ minWidth: menu?.minWidth }}\n                    ref={internalRef}>\n                    {childrenWithRefs}\n                </MenuPrimitive.Popup>\n            </MenuPrimitive.Positioner>\n        </MenuPrimitive.Portal>\n    );\n});\n"],"names":["MenuPrimitive"],"mappings":";;;;;;AAgBO,MAAM,UAAU,MAAM,WAAW,SAAS,YAAY,OAAyB,KAAgC;AAC5G,QAAA,cAAc,aAAkB,GAAG;AACzC,QAAM,OAAO,eAAe;AACtB,QAAA,EAAE,QAAQ,SAAS,UAAU,IAAI,WAAW,MAAM,GAAG,WAAA,IAAe;AAC1E,QAAM,YAAY,GAAG,iFAAiF,MAAM,SAAS;AAGrH,QAAM,eAAe,MAAM,OAA0C,EAAE;AACvE,QAAM,mBAAoB,MAAM,SAAS,QAAQ,MAAM,QAAQ,EAC1D,OAAO,CAAS,UAAA,CAAC,CAAC,KAAK,EACvB,IAAI,CAAC,OAAO,UAAU;AACnB,iBAAa,QAAQ,KAAK,IAAI,MAAM,UAA0B;AACvD,WAAA,MAAM,aAAa,OAAO,EAAE,KAAK,aAAa,QAAQ,KAAK,GAAG;AAAA,EAAA,CACxE;AAGL,QAAM,UAAU,MAAM;AAClB,UAAM,YAAgD,CAAC;AACtC,qBAAA,QAAQ,CAAC,OAAO,UAAU;AACnC,UAAA,MAAM,MAAM,UAAU;AACZ,kBAAA;AAAA,UACN,6BAA6B,MAAM,MAAM,UAAU,CAAS,UAAA;AACxD,kBAAM,eAAe;AAEf,kBAAA,SAAS,SAAS,cAAc,iBAAiB;AAGvD,gBAAI,UAAU,EAAC,iCAAQ,SAAS,YAAY,WAAU;AAClD;AAAA,YAAA;AAGJ,yCAAM;AACK,uBAAA,MAAA;;AAAM,8CAAa,QAAQ,KAAK,MAA1B,mBAA6B,YAA7B,mBAAsC;AAAA,eAAS,CAAC;AAAA,UACpE,CAAA;AAAA,QACL;AAAA,MAAA;AAAA,IACJ,CACH;AAGS,cAAA,QAAQ,CAAW,YAAA,SAAS,iBAAiB,WAAW,SAAS,EAAE,SAAS,KAAM,CAAA,CAAC;AAE7F,WAAO,MAAM;AACC,gBAAA,QAAQ,CAAW,YAAA,SAAS,oBAAoB,WAAW,SAAS,EAAE,SAAS,KAAM,CAAA,CAAC;AAAA,IACpG;AAAA,EACJ,GAAG,EAAE;AAGD,SAAA,sBAAA,cAACA,KAAc,QAAd,MACG,sBAAA,cAACA,KAAc,YAAd,EAAyB,OAAc,MAAY,YAAY,EAC5D,GAAA,sBAAA;AAAA,IAACA,KAAc;AAAA,IAAd;AAAA,MACI,GAAG;AAAA,MACJ;AAAA,MACA,aAAU;AAAA,MACV,OAAO,EAAE,UAAU,6BAAM,SAAS;AAAA,MAClC,KAAK;AAAA,IAAA;AAAA,IACJ;AAAA,EAAA,CAET,CACJ;AAER,CAAC;"}
+{"version":3,"file":"Content.js","sources":["../../../../src/components/Menu/components/Content.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Menu as MenuPrimitive } from '@base-ui/react/menu';\nimport cn from 'clsx';\nimport { Align, Placement } from '../../../types';\nimport { useMergedRef } from '../../../hooks/useMergedRef';\nimport { useCurrentMenu } from '../Context';\nimport { createShortcutKeyDownHandler } from '../../../utils/keyboard';\nimport { MenuItemProps } from './Item';\n\nexport type MenuContentProps = Omit<React.ComponentPropsWithoutRef<typeof MenuPrimitive.Popup>, 'children' | 'side'> & {\n    align?: Align;\n    children: React.ReactNode;\n    /** Set the position of the Menu relative to its trigger. Default value is `bottom` */\n    placement?: Placement;\n};\n\nexport const Content = React.forwardRef(function MenuContent(props: MenuContentProps, ref: React.Ref<HTMLDivElement>) {\n    const internalRef = useMergedRef<any>(ref);\n    const menu = useCurrentMenu();\n    const { align = 'start', children: _1, placement: side, ...otherProps } = props;\n    const className = cn('block rounded border border-transparent p-1 outline-none wcag-white yt-shadow', props.className);\n\n    // attach refs to each child\n    const childrenRefs = React.useRef<React.RefObject<HTMLDivElement | null>[]>([]);\n    const childrenWithRefs = (React.Children.toArray(props.children) as React.ReactElement<MenuItemProps & { ref: any }>[])\n        .filter(child => !!child) // remove falsey children\n        .map((child, index) => {\n            childrenRefs.current[index] = React.createRef<HTMLDivElement>();\n            return React.cloneElement(child, { ref: childrenRefs.current[index] });\n        });\n\n    // register any shortcuts attached to children\n    React.useEffect(() => {\n        const shortcuts: ((event: KeyboardEvent) => void)[] = [];\n        childrenWithRefs.forEach((child, index) => {\n            if (child.props.shortcut) {\n                shortcuts.push(\n                    createShortcutKeyDownHandler(child.props.shortcut, event => {\n                        event.preventDefault();\n\n                        const dialog = document.querySelector('[role=\"dialog\"]');\n\n                        // Don't trigger the shortcut if it is outside of the dialog\n                        if (dialog && !dialog?.contains(internalRef.current)) {\n                            return;\n                        }\n\n                        menu?.open();\n                        setTimeout(() => childrenRefs.current[index]?.current?.click(), 1);\n                    })\n                );\n            }\n        });\n\n        // Use capture phase to intercept events before Base UI menu items can stop propagation\n        shortcuts.forEach(handler => document.addEventListener('keydown', handler, { capture: true }));\n\n        return () => {\n            shortcuts.forEach(handler => document.removeEventListener('keydown', handler, { capture: true }));\n        };\n    }, []);\n\n    return (\n        <MenuPrimitive.Portal>\n            <MenuPrimitive.Positioner align={align} side={side} sideOffset={3}>\n                <MenuPrimitive.Popup\n                    {...otherProps}\n                    className={className}\n                    data-taco=\"menu\"\n                    style={{ minWidth: menu?.minWidth }}\n                    ref={internalRef}>\n                    {childrenWithRefs}\n                </MenuPrimitive.Popup>\n            </MenuPrimitive.Positioner>\n        </MenuPrimitive.Portal>\n    );\n});\n"],"names":["MenuPrimitive"],"mappings":";;;;;;AAgBO,MAAM,UAAU,MAAM,WAAW,SAAS,YAAY,OAAyB,KAAgC;AAClH,QAAM,cAAc,aAAkB,GAAG;AACzC,QAAM,OAAO,eAAA;AACb,QAAM,EAAE,QAAQ,SAAS,UAAU,IAAI,WAAW,MAAM,GAAG,WAAA,IAAe;AAC1E,QAAM,YAAY,GAAG,iFAAiF,MAAM,SAAS;AAGrH,QAAM,eAAe,MAAM,OAAiD,EAAE;AAC9E,QAAM,mBAAoB,MAAM,SAAS,QAAQ,MAAM,QAAQ,EAC1D,OAAO,CAAA,UAAS,CAAC,CAAC,KAAK,EACvB,IAAI,CAAC,OAAO,UAAU;AACnB,iBAAa,QAAQ,KAAK,IAAI,MAAM,UAAA;AACpC,WAAO,MAAM,aAAa,OAAO,EAAE,KAAK,aAAa,QAAQ,KAAK,GAAG;AAAA,EACzE,CAAC;AAGL,QAAM,UAAU,MAAM;AAClB,UAAM,YAAgD,CAAA;AACtD,qBAAiB,QAAQ,CAAC,OAAO,UAAU;AACvC,UAAI,MAAM,MAAM,UAAU;AACtB,kBAAU;AAAA,UACN,6BAA6B,MAAM,MAAM,UAAU,CAAA,UAAS;AACxD,kBAAM,eAAA;AAEN,kBAAM,SAAS,SAAS,cAAc,iBAAiB;AAGvD,gBAAI,UAAU,CAAC,QAAQ,SAAS,YAAY,OAAO,GAAG;AAClD;AAAA,YACJ;AAEA,kBAAM,KAAA;AACN,uBAAW,MAAM,aAAa,QAAQ,KAAK,GAAG,SAAS,MAAA,GAAS,CAAC;AAAA,UACrE,CAAC;AAAA,QAAA;AAAA,MAET;AAAA,IACJ,CAAC;AAGD,cAAU,QAAQ,CAAA,YAAW,SAAS,iBAAiB,WAAW,SAAS,EAAE,SAAS,KAAA,CAAM,CAAC;AAE7F,WAAO,MAAM;AACT,gBAAU,QAAQ,CAAA,YAAW,SAAS,oBAAoB,WAAW,SAAS,EAAE,SAAS,KAAA,CAAM,CAAC;AAAA,IACpG;AAAA,EACJ,GAAG,CAAA,CAAE;AAEL,SACI,sBAAA,cAACA,KAAc,QAAd,MACG,sBAAA,cAACA,KAAc,YAAd,EAAyB,OAAc,MAAY,YAAY,EAAA,GAC5D,sBAAA;AAAA,IAACA,KAAc;AAAA,IAAd;AAAA,MACI,GAAG;AAAA,MACJ;AAAA,MACA,aAAU;AAAA,MACV,OAAO,EAAE,UAAU,MAAM,SAAA;AAAA,MACzB,KAAK;AAAA,IAAA;AAAA,IACJ;AAAA,EAAA,CAET,CACJ;AAER,CAAC;"}

package/dist/components/Menu/components/Group.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Group.cjs","sources":["../../../../src/components/Menu/components/Group.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Menu as MenuPrimitive } from '@base-ui/react/menu';\n\nexport type MenuGroupProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const Group = React.forwardRef<HTMLDivElement, MenuGroupProps>(function MenuGroup(props, ref) {\n    return <MenuPrimitive.Group {...props} ref={ref} />;\n});\n"],"names":["React","MenuPrimitive"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAKO,MAAM,QAAQA,iBAAM,WAA2C,SAAS,UAAU,OAAO,KAAK;AACjG,wDAAQC,KAAc,KAAA,OAAd,EAAqB,GAAG,OAAO,KAAU;AACrD,CAAC;;"}
+{"version":3,"file":"Group.cjs","sources":["../../../../src/components/Menu/components/Group.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Menu as MenuPrimitive } from '@base-ui/react/menu';\n\nexport type MenuGroupProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const Group = React.forwardRef<HTMLDivElement, MenuGroupProps>(function MenuGroup(props, ref) {\n    return <MenuPrimitive.Group {...props} ref={ref} />;\n});\n"],"names":["React","MenuPrimitive"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAKO,MAAM,QAAQA,iBAAM,WAA2C,SAAS,UAAU,OAAO,KAAK;AACjG,wDAAQC,KAAAA,KAAc,OAAd,EAAqB,GAAG,OAAO,KAAU;AACrD,CAAC;;"}

package/dist/components/Menu/components/Header.cjs

@@ -24,10 +24,10 @@ const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
 const Header = React__namespace.forwardRef(function MenuHeader(props, ref) {
   const menu$1 = Context.useCurrentMenu();
   const className = cn(
-    "flex items-center justify-start h-7 pr-1.5 text-xs text-gray-700",
+    "flex h-7 items-center justify-start pr-1.5 text-xs text-gray-700",
     {
-      "pl-7": menu$1 == null ? void 0 : menu$1.indented,
-      "pl-1.5": !(menu$1 == null ? void 0 : menu$1.indented)
+      "pl-7": menu$1?.indented,
+      "pl-1.5": !menu$1?.indented
     },
     props.className
   );

package/dist/components/Menu/components/Header.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Header.cjs","sources":["../../../../src/components/Menu/components/Header.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Menu as MenuPrimitive } from '@base-ui/react/menu';\nimport cn from 'clsx';\nimport { useCurrentMenu } from '../Context';\n\nexport type MenuHeaderProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const Header = React.forwardRef<HTMLDivElement, MenuHeaderProps>(function MenuHeader(props, ref) {\n    const menu = useCurrentMenu();\n    const className = cn(\n        'flex items-center justify-start h-7 pr-1.5 text-xs text-gray-700',\n        {\n            'pl-7': menu?.indented,\n            'pl-1.5': !menu?.indented,\n        },\n        props.className\n    );\n\n    return <MenuPrimitive.GroupLabel data-taco=\"menu-item-header\" {...props} className={className} ref={ref} />;\n});\n"],"names":["React","menu","useCurrentMenu","MenuPrimitive"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAOO,MAAM,SAASA,iBAAM,WAA4C,SAAS,WAAW,OAAO,KAAK;AACpG,QAAMC,SAAOC,QAAAA,eAAe;AAC5B,QAAM,YAAY;AAAA,IACd;AAAA,IACA;AAAA,MACI,QAAQD,iCAAM;AAAA,MACd,UAAU,EAACA,iCAAM;AAAA,IACrB;AAAA,IACA,MAAM;AAAA,EACV;AAEO,SAAAD,iCAAA,cAACG,UAAc,YAAd,EAAyB,aAAU,oBAAoB,GAAG,OAAO,WAAsB,IAAU,CAAA;AAC7G,CAAC;;"}
+{"version":3,"file":"Header.cjs","sources":["../../../../src/components/Menu/components/Header.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Menu as MenuPrimitive } from '@base-ui/react/menu';\nimport cn from 'clsx';\nimport { useCurrentMenu } from '../Context';\n\nexport type MenuHeaderProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const Header = React.forwardRef<HTMLDivElement, MenuHeaderProps>(function MenuHeader(props, ref) {\n    const menu = useCurrentMenu();\n    const className = cn(\n        'flex h-7 items-center justify-start pr-1.5 text-xs text-gray-700',\n        {\n            'pl-7': menu?.indented,\n            'pl-1.5': !menu?.indented,\n        },\n        props.className\n    );\n\n    return <MenuPrimitive.GroupLabel data-taco=\"menu-item-header\" {...props} className={className} ref={ref} />;\n});\n"],"names":["React","menu","useCurrentMenu","MenuPrimitive"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAOO,MAAM,SAASA,iBAAM,WAA4C,SAAS,WAAW,OAAO,KAAK;AACpG,QAAMC,SAAOC,QAAAA,eAAA;AACb,QAAM,YAAY;AAAA,IACd;AAAA,IACA;AAAA,MACI,QAAQD,QAAM;AAAA,MACd,UAAU,CAACA,QAAM;AAAA,IAAA;AAAA,IAErB,MAAM;AAAA,EAAA;AAGV,SAAOD,iCAAA,cAACG,KAAAA,KAAc,YAAd,EAAyB,aAAU,oBAAoB,GAAG,OAAO,WAAsB,IAAA,CAAU;AAC7G,CAAC;;"}

package/dist/components/Menu/components/Header.js

@@ -5,10 +5,10 @@ import { useCurrentMenu } from "../Context.js";
 const Header = React.forwardRef(function MenuHeader(props, ref) {
   const menu = useCurrentMenu();
   const className = cn(
-    "flex items-center justify-start h-7 pr-1.5 text-xs text-gray-700",
+    "flex h-7 items-center justify-start pr-1.5 text-xs text-gray-700",
     {
-      "pl-7": menu == null ? void 0 : menu.indented,
-      "pl-1.5": !(menu == null ? void 0 : menu.indented)
+      "pl-7": menu?.indented,
+      "pl-1.5": !menu?.indented
     },
     props.className
   );

package/dist/components/Menu/components/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sources":["../../../../src/components/Menu/components/Header.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Menu as MenuPrimitive } from '@base-ui/react/menu';\nimport cn from 'clsx';\nimport { useCurrentMenu } from '../Context';\n\nexport type MenuHeaderProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const Header = React.forwardRef<HTMLDivElement, MenuHeaderProps>(function MenuHeader(props, ref) {\n    const menu = useCurrentMenu();\n    const className = cn(\n        'flex items-center justify-start h-7 pr-1.5 text-xs text-gray-700',\n        {\n            'pl-7': menu?.indented,\n            'pl-1.5': !menu?.indented,\n        },\n        props.className\n    );\n\n    return <MenuPrimitive.GroupLabel data-taco=\"menu-item-header\" {...props} className={className} ref={ref} />;\n});\n"],"names":["MenuPrimitive"],"mappings":";;;;AAOO,MAAM,SAAS,MAAM,WAA4C,SAAS,WAAW,OAAO,KAAK;AACpG,QAAM,OAAO,eAAe;AAC5B,QAAM,YAAY;AAAA,IACd;AAAA,IACA;AAAA,MACI,QAAQ,6BAAM;AAAA,MACd,UAAU,EAAC,6BAAM;AAAA,IACrB;AAAA,IACA,MAAM;AAAA,EACV;AAEO,SAAA,sBAAA,cAACA,KAAc,YAAd,EAAyB,aAAU,oBAAoB,GAAG,OAAO,WAAsB,IAAU,CAAA;AAC7G,CAAC;"}
+{"version":3,"file":"Header.js","sources":["../../../../src/components/Menu/components/Header.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Menu as MenuPrimitive } from '@base-ui/react/menu';\nimport cn from 'clsx';\nimport { useCurrentMenu } from '../Context';\n\nexport type MenuHeaderProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const Header = React.forwardRef<HTMLDivElement, MenuHeaderProps>(function MenuHeader(props, ref) {\n    const menu = useCurrentMenu();\n    const className = cn(\n        'flex h-7 items-center justify-start pr-1.5 text-xs text-gray-700',\n        {\n            'pl-7': menu?.indented,\n            'pl-1.5': !menu?.indented,\n        },\n        props.className\n    );\n\n    return <MenuPrimitive.GroupLabel data-taco=\"menu-item-header\" {...props} className={className} ref={ref} />;\n});\n"],"names":["MenuPrimitive"],"mappings":";;;;AAOO,MAAM,SAAS,MAAM,WAA4C,SAAS,WAAW,OAAO,KAAK;AACpG,QAAM,OAAO,eAAA;AACb,QAAM,YAAY;AAAA,IACd;AAAA,IACA;AAAA,MACI,QAAQ,MAAM;AAAA,MACd,UAAU,CAAC,MAAM;AAAA,IAAA;AAAA,IAErB,MAAM;AAAA,EAAA;AAGV,SAAO,sBAAA,cAACA,KAAc,YAAd,EAAyB,aAAU,oBAAoB,GAAG,OAAO,WAAsB,IAAA,CAAU;AAC7G,CAAC;"}

package/dist/components/Menu/components/Item.cjs

@@ -31,19 +31,19 @@ const useItemStyling = ({
 }) => {
   const menu2 = Context.useCurrentMenu();
   React__namespace.useEffect(() => {
-    if (indented && !(menu2 == null ? void 0 : menu2.indented)) {
-      menu2 == null ? void 0 : menu2.registerIndentation();
+    if (indented && !menu2?.indented) {
+      menu2?.registerIndentation();
     }
   }, [indented]);
   return cn(
-    "flex items-center justify-start h-8 pr-1.5 relative rounded w-full focus:outline-none group",
+    "group relative flex h-8 w-full items-center justify-start rounded pr-1.5 focus:outline-none",
     {
-      "pl-7": menu2 == null ? void 0 : menu2.indented,
-      "pl-1.5": !(menu2 == null ? void 0 : menu2.indented),
+      "pl-7": menu2?.indented,
+      "pl-1.5": !menu2?.indented,
       /* TODO: Why have both hover and data-[highlighted]? */
       /* shadow-none on hover is to prevent the focus style from showing up on hover */
-      "cursor-pointer text-black hover:wcag-gray-100 data-[highlighted]:wcag-gray-100 focus-visible:yt-focus hover:!shadow-none": !disabled,
-      "cursor-not-allowed hover:bg-white text-gray-300": disabled
+      "cursor-pointer text-black hover:!shadow-none hover:wcag-gray-100 focus-visible:yt-focus data-[highlighted]:wcag-gray-100": !disabled,
+      "cursor-not-allowed text-gray-300 hover:bg-white": disabled
     },
     className
   );