@economic/taco 1.1.12 → 1.1.13-alpha.0

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

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

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

@@ -1,7 +1,7 @@
 import { createContext, useContext } from 'react';
 
-const MenuContext = /*#__PURE__*/createContext(undefined);
-const useCurrentMenu = () => {
+var MenuContext = /*#__PURE__*/createContext(undefined);
+var useCurrentMenu = function useCurrentMenu() {
   return useContext(MenuContext);
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"Context.js","sources":["../../../../src/components/Menu/Context.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nexport const MenuContext = React.createContext<\r\n    | {\r\n          indented: boolean;\r\n          registerIndentation: () => void;\r\n          minWidth?: number;\r\n          setMinWidth: (width: number) => void;\r\n          close: () => void;\r\n      }\r\n    | undefined\r\n>(undefined);\r\n\r\nexport const useCurrentMenu = () => {\r\n    return React.useContext(MenuContext);\r\n};\r\n"],"names":["MenuContext","React","undefined","useCurrentMenu"],"mappings":";;MAEaA,WAAW,gBAAGC,aAAA,CASzBC,SATyB;MAWdC,cAAc,GAAG;EAC1B,OAAOF,UAAA,CAAiBD,WAAjB,CAAP;AACH;;;;"}
+{"version":3,"file":"Context.js","sources":["../../../../src/components/Menu/Context.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport const MenuContext = React.createContext<\n    | {\n          indented: boolean;\n          registerIndentation: () => void;\n          minWidth?: number;\n          setMinWidth: (width: number) => void;\n          close: () => void;\n      }\n    | undefined\n>(undefined);\n\nexport const useCurrentMenu = () => {\n    return React.useContext(MenuContext);\n};\n"],"names":["MenuContext","React","undefined","useCurrentMenu"],"mappings":";;IAEaA,WAAW,gBAAGC,aAAA,CASzBC,SATyB;IAWdC,cAAc,GAAG,SAAjBA,cAAiB;EAC1B,OAAOF,UAAA,CAAiBD,WAAjB,CAAP;AACH;;;;"}

package/dist/esm/components/Menu/Menu.js

@@ -1,3 +1,4 @@
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { useState, useMemo, createElement } from 'react';
 import { MenuContext } from './Context.js';
 import { Root } from '@radix-ui/react-dropdown-menu';
@@ -10,22 +11,39 @@ import { RadioGroup } from './components/RadioGroup.js';
 import { Separator } from './components/Separator.js';
 import { Header } from './components/Header.js';
 
-const Menu = externalProps => {
-  const {
-    children,
-    trigger,
-    ...props
-  } = externalProps;
-  const [open, setOpen] = useState(false);
-  const [indented, setIndented] = useState(false);
-  const [minWidth, setMinWidth] = useState(undefined);
-  const context = useMemo(() => ({
-    indented,
-    registerIndentation: () => setIndented(true),
-    minWidth,
-    setMinWidth: width => setMinWidth(width),
-    close: () => setOpen(false)
-  }), [indented, minWidth]);
+var _excluded = ["children", "trigger"];
+var Menu = function Menu(externalProps) {
+  var children = externalProps.children,
+      trigger = externalProps.trigger,
+      props = _objectWithoutPropertiesLoose(externalProps, _excluded);
+
+  var _React$useState = useState(false),
+      open = _React$useState[0],
+      setOpen = _React$useState[1];
+
+  var _React$useState2 = useState(false),
+      indented = _React$useState2[0],
+      setIndented = _React$useState2[1];
+
+  var _React$useState3 = useState(undefined),
+      minWidth = _React$useState3[0],
+      _setMinWidth = _React$useState3[1];
+
+  var context = useMemo(function () {
+    return {
+      indented: indented,
+      registerIndentation: function registerIndentation() {
+        return setIndented(true);
+      },
+      minWidth: minWidth,
+      setMinWidth: function setMinWidth(width) {
+        return _setMinWidth(width);
+      },
+      close: function close() {
+        return setOpen(false);
+      }
+    };
+  }, [indented, minWidth]);
   return createElement(MenuContext.Provider, {
     value: context
   }, createElement(Root, Object.assign({}, props, {

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

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","sources":["../../../../src/components/Menu/Menu.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\r\nimport { MenuContext } from './Context';\r\nimport { Content } from './components/Content';\r\nimport { Item } from './components/Item';\r\nimport { Link } from './components/Link';\r\nimport { Trigger } from './components/Trigger';\r\nimport { Checkbox } from './components/Checkbox';\r\nimport { RadioGroup } from './components/RadioGroup';\r\nimport { Separator } from './components/Separator';\r\nimport { Header } from './components/Header';\r\n\r\nexport type MenuProps = {\r\n    children: React.ReactNode;\r\n    id?: string;\r\n    /** A trigger to be used for the menu, should not be set if `children` already contains a trigger */\r\n    trigger?: JSX.Element;\r\n};\r\n\r\nexport const Menu = (externalProps: MenuProps): JSX.Element => {\r\n    const { children, trigger, ...props } = externalProps;\r\n    const [open, setOpen] = React.useState(false);\r\n    const [indented, setIndented] = React.useState(false);\r\n    const [minWidth, setMinWidth] = React.useState<number | undefined>(undefined);\r\n\r\n    const context = React.useMemo(\r\n        () => ({\r\n            indented,\r\n            registerIndentation: () => setIndented(true),\r\n            minWidth,\r\n            setMinWidth: (width: number) => setMinWidth(width),\r\n            close: () => setOpen(false),\r\n        }),\r\n        [indented, minWidth]\r\n    );\r\n\r\n    return (\r\n        <MenuContext.Provider value={context}>\r\n            <DropdownMenuPrimitive.Root {...props} modal={false} open={open} onOpenChange={setOpen}>\r\n                {trigger && <Trigger>{trigger}</Trigger>}\r\n                {children}\r\n            </DropdownMenuPrimitive.Root>\r\n        </MenuContext.Provider>\r\n    );\r\n};\r\nMenu.Trigger = Trigger;\r\nMenu.Content = Content;\r\nMenu.Item = Item;\r\nMenu.Link = Link;\r\nMenu.Checkbox = Checkbox;\r\nMenu.Separator = Separator;\r\nMenu.Header = Header;\r\nMenu.RadioGroup = RadioGroup;\r\n"],"names":["Menu","externalProps","children","trigger","props","open","setOpen","React","indented","setIndented","minWidth","setMinWidth","undefined","context","registerIndentation","width","close","MenuContext","Provider","value","DropdownMenuPrimitive","modal","onOpenChange","Trigger","Content","Item","Link","Checkbox","Separator","Header","RadioGroup"],"mappings":";;;;;;;;;;;;MAmBaA,IAAI,GAAIC,aAAD;EAChB,MAAM;IAAEC,QAAF;IAAYC,OAAZ;IAAqB,GAAGC;MAAUH,aAAxC;EACA,MAAM,CAACI,IAAD,EAAOC,OAAP,IAAkBC,QAAA,CAAe,KAAf,CAAxB;EACA,MAAM,CAACC,QAAD,EAAWC,WAAX,IAA0BF,QAAA,CAAe,KAAf,CAAhC;EACA,MAAM,CAACG,QAAD,EAAWC,WAAX,IAA0BJ,QAAA,CAAmCK,SAAnC,CAAhC;EAEA,MAAMC,OAAO,GAAGN,OAAA,CACZ,OAAO;IACHC,QADG;IAEHM,mBAAmB,EAAE,MAAML,WAAW,CAAC,IAAD,CAFnC;IAGHC,QAHG;IAIHC,WAAW,EAAGI,KAAD,IAAmBJ,WAAW,CAACI,KAAD,CAJxC;IAKHC,KAAK,EAAE,MAAMV,OAAO,CAAC,KAAD;GALxB,CADY,EAQZ,CAACE,QAAD,EAAWE,QAAX,CARY,CAAhB;EAWA,OACIH,aAAA,CAACU,WAAW,CAACC,QAAb;IAAsBC,KAAK,EAAEN;GAA7B,EACIN,aAAA,CAACa,IAAD,oBAAgChB;IAAOiB,KAAK,EAAE;IAAOhB,IAAI,EAAEA;IAAMiB,YAAY,EAAEhB;IAA/E,EACKH,OAAO,IAAII,aAAA,CAACgB,OAAD,MAAA,EAAUpB,OAAV,CADhB,EAEKD,QAFL,CADJ,CADJ;AAQH;AACDF,IAAI,CAACuB,OAAL,GAAeA,OAAf;AACAvB,IAAI,CAACwB,OAAL,GAAeA,OAAf;AACAxB,IAAI,CAACyB,IAAL,GAAYA,IAAZ;AACAzB,IAAI,CAAC0B,IAAL,GAAYA,IAAZ;AACA1B,IAAI,CAAC2B,QAAL,GAAgBA,QAAhB;AACA3B,IAAI,CAAC4B,SAAL,GAAiBA,SAAjB;AACA5B,IAAI,CAAC6B,MAAL,GAAcA,MAAd;AACA7B,IAAI,CAAC8B,UAAL,GAAkBA,UAAlB;;;;"}
+{"version":3,"file":"Menu.js","sources":["../../../../src/components/Menu/Menu.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\nimport { MenuContext } from './Context';\nimport { Content } from './components/Content';\nimport { Item } from './components/Item';\nimport { Link } from './components/Link';\nimport { Trigger } from './components/Trigger';\nimport { Checkbox } from './components/Checkbox';\nimport { RadioGroup } from './components/RadioGroup';\nimport { Separator } from './components/Separator';\nimport { Header } from './components/Header';\n\nexport type MenuProps = {\n    children: React.ReactNode;\n    id?: string;\n    /** A trigger to be used for the menu, should not be set if `children` already contains a trigger */\n    trigger?: JSX.Element;\n};\n\nexport const Menu = (externalProps: MenuProps): JSX.Element => {\n    const { children, trigger, ...props } = externalProps;\n    const [open, setOpen] = React.useState(false);\n    const [indented, setIndented] = React.useState(false);\n    const [minWidth, setMinWidth] = React.useState<number | undefined>(undefined);\n\n    const context = React.useMemo(\n        () => ({\n            indented,\n            registerIndentation: () => setIndented(true),\n            minWidth,\n            setMinWidth: (width: number) => setMinWidth(width),\n            close: () => setOpen(false),\n        }),\n        [indented, minWidth]\n    );\n\n    return (\n        <MenuContext.Provider value={context}>\n            <DropdownMenuPrimitive.Root {...props} modal={false} open={open} onOpenChange={setOpen}>\n                {trigger && <Trigger>{trigger}</Trigger>}\n                {children}\n            </DropdownMenuPrimitive.Root>\n        </MenuContext.Provider>\n    );\n};\nMenu.Trigger = Trigger;\nMenu.Content = Content;\nMenu.Item = Item;\nMenu.Link = Link;\nMenu.Checkbox = Checkbox;\nMenu.Separator = Separator;\nMenu.Header = Header;\nMenu.RadioGroup = RadioGroup;\n"],"names":["Menu","externalProps","children","trigger","props","React","open","setOpen","indented","setIndented","undefined","minWidth","setMinWidth","context","registerIndentation","width","close","MenuContext","Provider","value","DropdownMenuPrimitive","modal","onOpenChange","Trigger","Content","Item","Link","Checkbox","Separator","Header","RadioGroup"],"mappings":";;;;;;;;;;;;;;IAmBaA,IAAI,GAAG,SAAPA,IAAO,CAACC,aAAD;EAChB,IAAQC,QAAR,GAAwCD,aAAxC,CAAQC,QAAR;MAAkBC,OAAlB,GAAwCF,aAAxC,CAAkBE,OAAlB;MAA8BC,KAA9B,iCAAwCH,aAAxC;;EACA,sBAAwBI,QAAA,CAAe,KAAf,CAAxB;MAAOC,IAAP;MAAaC,OAAb;;EACA,uBAAgCF,QAAA,CAAe,KAAf,CAAhC;MAAOG,QAAP;MAAiBC,WAAjB;;EACA,uBAAgCJ,QAAA,CAAmCK,SAAnC,CAAhC;MAAOC,QAAP;MAAiBC,YAAjB;;EAEA,IAAMC,OAAO,GAAGR,OAAA,CACZ;IAAA,OAAO;MACHG,QAAQ,EAARA,QADG;MAEHM,mBAAmB,EAAE;QAAA,OAAML,WAAW,CAAC,IAAD,CAAjB;OAFlB;MAGHE,QAAQ,EAARA,QAHG;MAIHC,WAAW,EAAE,qBAACG,KAAD;QAAA,OAAmBH,YAAW,CAACG,KAAD,CAA9B;OAJV;MAKHC,KAAK,EAAE;QAAA,OAAMT,OAAO,CAAC,KAAD,CAAb;;KALX;GADY,EAQZ,CAACC,QAAD,EAAWG,QAAX,CARY,CAAhB;EAWA,OACIN,aAAA,CAACY,WAAW,CAACC,QAAb;IAAsBC,KAAK,EAAEN;GAA7B,EACIR,aAAA,CAACe,IAAD,oBAAgChB;IAAOiB,KAAK,EAAE;IAAOf,IAAI,EAAEA;IAAMgB,YAAY,EAAEf;IAA/E,EACKJ,OAAO,IAAIE,aAAA,CAACkB,OAAD,MAAA,EAAUpB,OAAV,CADhB,EAEKD,QAFL,CADJ,CADJ;AAQH;AACDF,IAAI,CAACuB,OAAL,GAAeA,OAAf;AACAvB,IAAI,CAACwB,OAAL,GAAeA,OAAf;AACAxB,IAAI,CAACyB,IAAL,GAAYA,IAAZ;AACAzB,IAAI,CAAC0B,IAAL,GAAYA,IAAZ;AACA1B,IAAI,CAAC2B,QAAL,GAAgBA,QAAhB;AACA3B,IAAI,CAAC4B,SAAL,GAAiBA,SAAjB;AACA5B,IAAI,CAAC6B,MAAL,GAAcA,MAAd;AACA7B,IAAI,CAAC8B,UAAL,GAAkBA,UAAlB;;;;"}

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

@@ -1,16 +1,17 @@
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import { createElement } from 'react';
 import { Icon } from '../../Icon/Icon.js';
 import { CheckboxItem, ItemIndicator } from '@radix-ui/react-dropdown-menu';
 import { useItemStyling } from './Item.js';
 
-const Checkbox = props => {
-  const {
-    checked,
-    children,
-    onChange,
-    ...otherProps
-  } = props;
-  const className = useItemStyling({
+var _excluded = ["checked", "children", "onChange"];
+var Checkbox = function Checkbox(props) {
+  var checked = props.checked,
+      children = props.children,
+      onChange = props.onChange,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+
+  var className = useItemStyling({
     disabled: props.disabled,
     indented: true,
     className: props.className

package/dist/esm/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';\r\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\r\nimport { Icon } from '../../Icon/Icon';\r\nimport { useItemStyling } from './Item';\r\n\r\nexport type MenuCheckboxItemProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> & {\r\n    /* Whether the checkbox item is disabled */\r\n    disabled?: boolean;\r\n    /* The current checked state (controlled) */\r\n    checked: boolean;\r\n    /* Handler called when the checked state changes */\r\n    onChange: (checked: boolean | 'indeterminate') => void;\r\n};\r\n\r\nexport const Checkbox = (props: MenuCheckboxItemProps) => {\r\n    const { checked, children, onChange, ...otherProps } = props;\r\n    const className = useItemStyling({\r\n        disabled: props.disabled,\r\n        indented: true,\r\n        className: props.className,\r\n    });\r\n\r\n    return (\r\n        <DropdownMenuPrimitive.CheckboxItem {...otherProps} className={className} checked={checked} onCheckedChange={onChange}>\r\n            <DropdownMenuPrimitive.ItemIndicator className=\"absolute left-0 ml-1.5\">\r\n                <Icon name=\"tick\" className=\"!h-4 !w-4 -ml-px\" />\r\n            </DropdownMenuPrimitive.ItemIndicator>\r\n            {children}\r\n        </DropdownMenuPrimitive.CheckboxItem>\r\n    );\r\n};\r\n"],"names":["Checkbox","props","checked","children","onChange","otherProps","className","useItemStyling","disabled","indented","React","DropdownMenuPrimitive","onCheckedChange","Icon","name"],"mappings":";;;;;MAcaA,QAAQ,GAAIC,KAAD;EACpB,MAAM;IAAEC,OAAF;IAAWC,QAAX;IAAqBC,QAArB;IAA+B,GAAGC;MAAeJ,KAAvD;EACA,MAAMK,SAAS,GAAGC,cAAc,CAAC;IAC7BC,QAAQ,EAAEP,KAAK,CAACO,QADa;IAE7BC,QAAQ,EAAE,IAFmB;IAG7BH,SAAS,EAAEL,KAAK,CAACK;GAHW,CAAhC;EAMA,OACII,aAAA,CAACC,YAAD,oBAAwCN;IAAYC,SAAS,EAAEA;IAAWJ,OAAO,EAAEA;IAASU,eAAe,EAAER;IAA7G,EACIM,aAAA,CAACC,aAAD;IAAqCL,SAAS,EAAC;GAA/C,EACII,aAAA,CAACG,IAAD;IAAMC,IAAI,EAAC;IAAOR,SAAS,EAAC;GAA5B,CADJ,CADJ,EAIKH,QAJL,CADJ;AAQH;;;;"}
+{"version":3,"file":"Checkbox.js","sources":["../../../../../src/components/Menu/components/Checkbox.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-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 = (props: MenuCheckboxItemProps) => {\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        <DropdownMenuPrimitive.CheckboxItem {...otherProps} className={className} checked={checked} onCheckedChange={onChange}>\n            <DropdownMenuPrimitive.ItemIndicator className=\"absolute left-0 ml-1.5\">\n                <Icon name=\"tick\" className=\"!h-4 !w-4 -ml-px\" />\n            </DropdownMenuPrimitive.ItemIndicator>\n            {children}\n        </DropdownMenuPrimitive.CheckboxItem>\n    );\n};\n"],"names":["Checkbox","props","checked","children","onChange","otherProps","className","useItemStyling","disabled","indented","React","DropdownMenuPrimitive","onCheckedChange","Icon","name"],"mappings":";;;;;;;IAcaA,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD;EACpB,IAAQC,OAAR,GAAuDD,KAAvD,CAAQC,OAAR;MAAiBC,QAAjB,GAAuDF,KAAvD,CAAiBE,QAAjB;MAA2BC,QAA3B,GAAuDH,KAAvD,CAA2BG,QAA3B;MAAwCC,UAAxC,iCAAuDJ,KAAvD;;EACA,IAAMK,SAAS,GAAGC,cAAc,CAAC;IAC7BC,QAAQ,EAAEP,KAAK,CAACO,QADa;IAE7BC,QAAQ,EAAE,IAFmB;IAG7BH,SAAS,EAAEL,KAAK,CAACK;GAHW,CAAhC;EAMA,OACII,aAAA,CAACC,YAAD,oBAAwCN;IAAYC,SAAS,EAAEA;IAAWJ,OAAO,EAAEA;IAASU,eAAe,EAAER;IAA7G,EACIM,aAAA,CAACC,aAAD;IAAqCL,SAAS,EAAC;GAA/C,EACII,aAAA,CAACG,IAAD;IAAMC,IAAI,EAAC;IAAOR,SAAS,EAAC;GAA5B,CADJ,CADJ,EAIKH,QAJL,CADJ;AAQH;;;;"}

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

@@ -1,18 +1,20 @@
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import { forwardRef, createElement } from 'react';
 import cn from 'classnames';
 import { useProxiedRef } from '../../../utils/hooks/useProxiedRef.js';
 import { useCurrentMenu } from '../Context.js';
 import { Content as Content$1 } from '@radix-ui/react-dropdown-menu';
 
-const Content = /*#__PURE__*/forwardRef(function MenuContent(props, ref) {
-  const internalRef = useProxiedRef(ref);
-  const menu = useCurrentMenu();
-  const {
-    children,
-    placement: side,
-    ...otherProps
-  } = props;
-  const className = cn('border rounded block outline-none p-1 wcag-white border-grey yt-shadow', props.className);
+var _excluded = ["children", "placement"];
+var Content = /*#__PURE__*/forwardRef(function MenuContent(props, ref) {
+  var internalRef = useProxiedRef(ref);
+  var menu = useCurrentMenu();
+
+  var children = props.children,
+      side = props.placement,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+
+  var className = cn('border rounded block outline-none p-1 wcag-white border-grey yt-shadow', props.className);
   return createElement(Content$1, Object.assign({}, otherProps, {
     align: "start",
     className: className,

package/dist/esm/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';\r\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\r\nimport cn from 'classnames';\r\nimport { Placement } from '../../../types';\r\nimport { useProxiedRef } from '../../../utils/hooks/useProxiedRef';\r\nimport { useCurrentMenu } from '../Context';\r\n\r\nexport type MenuContentProps = Omit<DropdownMenuPrimitive.DropdownMenuContentProps, 'children' | 'side'> & {\r\n    children: React.ReactNode;\r\n    /** Set the position of the Menu relative to its trigger. Default value is `bottom` */\r\n    placement?: Placement;\r\n};\r\n\r\nexport const Content = React.forwardRef(function MenuContent(props: MenuContentProps, ref: React.Ref<HTMLDivElement>) {\r\n    const internalRef = useProxiedRef<any>(ref);\r\n    const menu = useCurrentMenu();\r\n    const { children, placement: side, ...otherProps } = props;\r\n    const className = cn('border rounded block outline-none p-1 wcag-white border-grey yt-shadow', props.className);\r\n\r\n    return (\r\n        <DropdownMenuPrimitive.Content\r\n            {...otherProps}\r\n            align=\"start\"\r\n            className={className}\r\n            data-taco=\"menu\"\r\n            side={side}\r\n            sideOffset={2}\r\n            style={{ minWidth: menu?.minWidth }}\r\n            ref={internalRef}\r\n        >\r\n            {children}\r\n        </DropdownMenuPrimitive.Content>\r\n    );\r\n});\r\n"],"names":["Content","React","MenuContent","props","ref","internalRef","useProxiedRef","menu","useCurrentMenu","children","placement","side","otherProps","className","cn","DropdownMenuPrimitive","align","sideOffset","style","minWidth"],"mappings":";;;;;;MAaaA,OAAO,gBAAGC,UAAA,CAAiB,SAASC,WAAT,CAAqBC,KAArB,EAA8CC,GAA9C;EACpC,MAAMC,WAAW,GAAGC,aAAa,CAAMF,GAAN,CAAjC;EACA,MAAMG,IAAI,GAAGC,cAAc,EAA3B;EACA,MAAM;IAAEC,QAAF;IAAYC,SAAS,EAAEC,IAAvB;IAA6B,GAAGC;MAAeT,KAArD;EACA,MAAMU,SAAS,GAAGC,EAAE,CAAC,wEAAD,EAA2EX,KAAK,CAACU,SAAjF,CAApB;EAEA,OACIZ,aAAA,CAACc,SAAD,oBACQH;IACJI,KAAK,EAAC;IACNH,SAAS,EAAEA;iBACD;IACVF,IAAI,EAAEA;IACNM,UAAU,EAAE;IACZC,KAAK,EAAE;MAAEC,QAAQ,EAAEZ,IAAF,aAAEA,IAAF,uBAAEA,IAAI,CAAEY;;IACzBf,GAAG,EAAEC;IART,EAUKI,QAVL,CADJ;AAcH,CApBsB;;;;"}
+{"version":3,"file":"Content.js","sources":["../../../../../src/components/Menu/components/Content.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\nimport cn from 'classnames';\nimport { Placement } from '../../../types';\nimport { useProxiedRef } from '../../../utils/hooks/useProxiedRef';\nimport { useCurrentMenu } from '../Context';\n\nexport type MenuContentProps = Omit<DropdownMenuPrimitive.DropdownMenuContentProps, 'children' | 'side'> & {\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 = useProxiedRef<any>(ref);\n    const menu = useCurrentMenu();\n    const { children, placement: side, ...otherProps } = props;\n    const className = cn('border rounded block outline-none p-1 wcag-white border-grey yt-shadow', props.className);\n\n    return (\n        <DropdownMenuPrimitive.Content\n            {...otherProps}\n            align=\"start\"\n            className={className}\n            data-taco=\"menu\"\n            side={side}\n            sideOffset={2}\n            style={{ minWidth: menu?.minWidth }}\n            ref={internalRef}\n        >\n            {children}\n        </DropdownMenuPrimitive.Content>\n    );\n});\n"],"names":["Content","React","MenuContent","props","ref","internalRef","useProxiedRef","menu","useCurrentMenu","children","side","placement","otherProps","className","cn","DropdownMenuPrimitive","align","sideOffset","style","minWidth"],"mappings":";;;;;;;;IAaaA,OAAO,gBAAGC,UAAA,CAAiB,SAASC,WAAT,CAAqBC,KAArB,EAA8CC,GAA9C;EACpC,IAAMC,WAAW,GAAGC,aAAa,CAAMF,GAAN,CAAjC;EACA,IAAMG,IAAI,GAAGC,cAAc,EAA3B;;EACA,IAAQC,QAAR,GAAqDN,KAArD,CAAQM,QAAR;MAA6BC,IAA7B,GAAqDP,KAArD,CAAkBQ,SAAlB;MAAsCC,UAAtC,iCAAqDT,KAArD;;EACA,IAAMU,SAAS,GAAGC,EAAE,CAAC,wEAAD,EAA2EX,KAAK,CAACU,SAAjF,CAApB;EAEA,OACIZ,aAAA,CAACc,SAAD,oBACQH;IACJI,KAAK,EAAC;IACNH,SAAS,EAAEA;iBACD;IACVH,IAAI,EAAEA;IACNO,UAAU,EAAE;IACZC,KAAK,EAAE;MAAEC,QAAQ,EAAEZ,IAAF,aAAEA,IAAF,uBAAEA,IAAI,CAAEY;;IACzBf,GAAG,EAAEC;IART,EAUKI,QAVL,CADJ;AAcH,CApBsB;;;;"}

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

@@ -3,9 +3,9 @@ import cn from 'classnames';
 import { useCurrentMenu } from '../Context.js';
 import { Label } from '@radix-ui/react-dropdown-menu';
 
-const Header = props => {
-  const menu = useCurrentMenu();
-  const className = cn('flex items-center justify-start h-7 pr-1.5 text-xs text-grey-darkest', {
+var Header = function Header(props) {
+  var menu = useCurrentMenu();
+  var className = cn('flex items-center justify-start h-7 pr-1.5 text-xs text-grey-darkest', {
     'pl-7': menu === null || menu === void 0 ? void 0 : menu.indented,
     'pl-1.5': !(menu !== null && menu !== void 0 && menu.indented)
   }, props.className);

package/dist/esm/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';\r\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\r\nimport cn from 'classnames';\r\nimport { useCurrentMenu } from '../Context';\r\n\r\nexport type MenuHeaderProps = React.HTMLAttributes<HTMLDivElement>;\r\n\r\nexport const Header = (props: MenuHeaderProps) => {\r\n    const menu = useCurrentMenu();\r\n    const className = cn(\r\n        'flex items-center justify-start h-7 pr-1.5 text-xs text-grey-darkest',\r\n        {\r\n            'pl-7': menu?.indented,\r\n            'pl-1.5': !menu?.indented,\r\n        },\r\n        props.className\r\n    );\r\n\r\n    return <DropdownMenuPrimitive.Label {...props} className={className} />;\r\n};\r\n"],"names":["Header","props","menu","useCurrentMenu","className","cn","indented","React","DropdownMenuPrimitive"],"mappings":";;;;;MAOaA,MAAM,GAAIC,KAAD;EAClB,MAAMC,IAAI,GAAGC,cAAc,EAA3B;EACA,MAAMC,SAAS,GAAGC,EAAE,CAChB,sEADgB,EAEhB;IACI,QAAQH,IAAR,aAAQA,IAAR,uBAAQA,IAAI,CAAEI,QADlB;IAEI,UAAU,EAACJ,IAAD,aAACA,IAAD,eAACA,IAAI,CAAEI,QAAP;GAJE,EAMhBL,KAAK,CAACG,SANU,CAApB;EASA,OAAOG,aAAA,CAACC,KAAD,oBAAiCP;IAAOG,SAAS,EAAEA;IAAnD,CAAP;AACH;;;;"}
+{"version":3,"file":"Header.js","sources":["../../../../../src/components/Menu/components/Header.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\nimport cn from 'classnames';\nimport { useCurrentMenu } from '../Context';\n\nexport type MenuHeaderProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const Header = (props: MenuHeaderProps) => {\n    const menu = useCurrentMenu();\n    const className = cn(\n        'flex items-center justify-start h-7 pr-1.5 text-xs text-grey-darkest',\n        {\n            'pl-7': menu?.indented,\n            'pl-1.5': !menu?.indented,\n        },\n        props.className\n    );\n\n    return <DropdownMenuPrimitive.Label {...props} className={className} />;\n};\n"],"names":["Header","props","menu","useCurrentMenu","className","cn","indented","React","DropdownMenuPrimitive"],"mappings":";;;;;IAOaA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAClB,IAAMC,IAAI,GAAGC,cAAc,EAA3B;EACA,IAAMC,SAAS,GAAGC,EAAE,CAChB,sEADgB,EAEhB;IACI,QAAQH,IAAR,aAAQA,IAAR,uBAAQA,IAAI,CAAEI,QADlB;IAEI,UAAU,EAACJ,IAAD,aAACA,IAAD,eAACA,IAAI,CAAEI,QAAP;GAJE,EAMhBL,KAAK,CAACG,SANU,CAApB;EASA,OAAOG,aAAA,CAACC,KAAD,oBAAiCP;IAAOG,SAAS,EAAEA;IAAnD,CAAP;AACH;;;;"}

package/dist/esm/components/Menu/components/Item.js

@@ -1,24 +1,26 @@
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import { forwardRef, createElement, useEffect } from 'react';
 import cn from 'classnames';
 import { Icon as Icon$1 } from '../../Icon/Icon.js';
 import { useCurrentMenu } from '../Context.js';
 import { Item as Item$1 } from '@radix-ui/react-dropdown-menu';
 
-const Icon = ({
-  name
-}) => createElement("span", {
-  className: "absolute left-0 ml-1"
-}, createElement(Icon$1, {
-  className: "-ml-px -mt-px !h-5 !w-5",
-  name: name
-}));
-const useItemStyling = ({
-  disabled,
-  indented,
-  className
-}) => {
-  const menu = useCurrentMenu();
-  useEffect(() => {
+var _excluded = ["dialog", "icon", "onClick", "shortcut"];
+var Icon = function Icon(_ref) {
+  var name = _ref.name;
+  return createElement("span", {
+    className: "absolute left-0 ml-1"
+  }, createElement(Icon$1, {
+    className: "-ml-px -mt-px !h-5 !w-5",
+    name: name
+  }));
+};
+var useItemStyling = function useItemStyling(_ref2) {
+  var disabled = _ref2.disabled,
+      indented = _ref2.indented,
+      className = _ref2.className;
+  var menu = useCurrentMenu();
+  useEffect(function () {
     if (indented && !(menu !== null && menu !== void 0 && menu.indented)) {
       menu === null || menu === void 0 ? void 0 : menu.registerIndentation();
     }
@@ -30,37 +32,36 @@ const useItemStyling = ({
     'cursor-not-allowed': disabled
   }, className);
 };
-const Shortcut = props => {
+var Shortcut = function Shortcut(props) {
   return createElement("span", Object.assign({}, props, {
     className: "text-grey-darkest ml-auto pl-3"
   }));
 };
-const Item = /*#__PURE__*/forwardRef(function MenuItem(props, ref) {
+var Item = /*#__PURE__*/forwardRef(function MenuItem(props, ref) {
   var _props$disabled;
 
-  const {
-    dialog,
-    icon,
-    onClick,
-    shortcut,
-    ...otherProps
-  } = props;
-  const className = useItemStyling({
+  var dialog = props.dialog,
+      icon = props.icon,
+      onClick = props.onClick,
+      shortcut = props.shortcut,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+
+  var className = useItemStyling({
     disabled: props.disabled,
     indented: !!icon,
     className: props.className
   });
-  const disabled = (_props$disabled = props.disabled) !== null && _props$disabled !== void 0 ? _props$disabled : props['aria-disabled'];
-  let handleClick; // radix has a bug that does not disable clicks when disabled is set on items
+  var disabled = (_props$disabled = props.disabled) !== null && _props$disabled !== void 0 ? _props$disabled : props['aria-disabled'];
+  var handleClick; // radix has a bug that does not disable clicks when disabled is set on items
 
   if (disabled) {
-    handleClick = event => {
+    handleClick = function handleClick(event) {
       event.preventDefault();
       event.stopPropagation();
     };
   }
 
-  const handleSelect = event => {
+  var handleSelect = function handleSelect(event) {
     if (onClick) {
       onClick(event);
     }
@@ -70,7 +71,7 @@ const Item = /*#__PURE__*/forwardRef(function MenuItem(props, ref) {
     }
   };
 
-  let button = createElement(Item$1, Object.assign({}, otherProps, {
+  var button = createElement(Item$1, Object.assign({}, otherProps, {
     className: className,
     onClick: handleClick,
     onSelect: handleSelect,

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

@@ -1 +1 @@
-{"version":3,"file":"Item.js","sources":["../../../../../src/components/Menu/components/Item.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\r\nimport cn from 'classnames';\r\nimport { IconName } from '../../Icon/Icon';\r\nimport { Icon as IconPrimitive } from '../../Icon/Icon';\r\nimport { useCurrentMenu } from '../Context';\r\nimport { DialogProps } from '../../Dialog/Dialog';\r\n\r\nexport const Icon = ({ name }) => (\r\n    <span className=\"absolute left-0 ml-1\">\r\n        <IconPrimitive className=\"-ml-px -mt-px !h-5 !w-5\" name={name} />\r\n    </span>\r\n);\r\n\r\nexport const useItemStyling = ({ disabled, indented, className }) => {\r\n    const menu = useCurrentMenu();\r\n\r\n    React.useEffect(() => {\r\n        if (indented && !menu?.indented) {\r\n            menu?.registerIndentation();\r\n        }\r\n    }, [indented]);\r\n\r\n    return cn(\r\n        'flex items-center justify-start h-8 pr-1.5 relative rounded w-full focus:outline-none group',\r\n        'text-black aria-disabled:text-grey hover:bg-grey-light hover:text-black',\r\n        {\r\n            'pl-7': menu?.indented,\r\n            'pl-1.5': !menu?.indented,\r\n            'cursor-pointer': !disabled,\r\n            'cursor-not-allowed': disabled,\r\n        },\r\n        className\r\n    );\r\n};\r\n\r\nexport const Shortcut = props => {\r\n    return <span {...props} className=\"text-grey-darkest ml-auto pl-3\" />;\r\n};\r\n\r\nexport type MenuItemProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> & {\r\n    dialog?: (props: Partial<DialogProps>) => JSX.Element;\r\n    disabled?: boolean;\r\n    icon?: IconName;\r\n    onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\r\n    shortcut?: string;\r\n};\r\n\r\nexport const Item = React.forwardRef(function MenuItem(props: MenuItemProps, ref: React.Ref<HTMLDivElement>) {\r\n    const { dialog, icon, onClick, shortcut, ...otherProps } = props;\r\n    const className = useItemStyling({\r\n        disabled: props.disabled,\r\n        indented: !!icon,\r\n        className: props.className,\r\n    });\r\n\r\n    const disabled = props.disabled ?? props['aria-disabled'];\r\n\r\n    let handleClick;\r\n\r\n    // radix has a bug that does not disable clicks when disabled is set on items\r\n    if (disabled) {\r\n        handleClick = event => {\r\n            event.preventDefault();\r\n            event.stopPropagation();\r\n        };\r\n    }\r\n\r\n    const handleSelect = event => {\r\n        if (onClick) {\r\n            onClick(event);\r\n        }\r\n\r\n        if (props['aria-haspopup'] || typeof dialog === 'function') {\r\n            event.preventDefault();\r\n        }\r\n    };\r\n\r\n    let button = (\r\n        <DropdownMenuPrimitive.Item {...otherProps} className={className} onClick={handleClick} onSelect={handleSelect} ref={ref}>\r\n            {icon && <Icon name={icon} />}\r\n            {props.children}\r\n            {shortcut && <Shortcut>{shortcut}</Shortcut>}\r\n        </DropdownMenuPrimitive.Item>\r\n    );\r\n\r\n    if (typeof dialog === 'function') {\r\n        button = dialog({ trigger: button });\r\n    }\r\n\r\n    return button;\r\n});\r\n"],"names":["Icon","name","React","className","IconPrimitive","useItemStyling","disabled","indented","menu","useCurrentMenu","registerIndentation","cn","Shortcut","props","Item","MenuItem","ref","dialog","icon","onClick","shortcut","otherProps","handleClick","event","preventDefault","stopPropagation","handleSelect","button","DropdownMenuPrimitive","onSelect","children","trigger"],"mappings":";;;;;;MAQaA,IAAI,GAAG,CAAC;EAAEC;AAAF,CAAD,KAChBC,aAAA,OAAA;EAAMC,SAAS,EAAC;CAAhB,EACID,aAAA,CAACE,MAAD;EAAeD,SAAS,EAAC;EAA0BF,IAAI,EAAEA;CAAzD,CADJ;MAKSI,cAAc,GAAG,CAAC;EAAEC,QAAF;EAAYC,QAAZ;EAAsBJ;AAAtB,CAAD;EAC1B,MAAMK,IAAI,GAAGC,cAAc,EAA3B;EAEAP,SAAA,CAAgB;IACZ,IAAIK,QAAQ,IAAI,EAACC,IAAD,aAACA,IAAD,eAACA,IAAI,CAAED,QAAP,CAAhB,EAAiC;MAC7BC,IAAI,SAAJ,IAAAA,IAAI,WAAJ,YAAAA,IAAI,CAAEE,mBAAN;;GAFR,EAIG,CAACH,QAAD,CAJH;EAMA,OAAOI,EAAE,CACL,6FADK,EAEL,yEAFK,EAGL;IACI,QAAQH,IAAR,aAAQA,IAAR,uBAAQA,IAAI,CAAED,QADlB;IAEI,UAAU,EAACC,IAAD,aAACA,IAAD,eAACA,IAAI,CAAED,QAAP,CAFd;IAGI,kBAAkB,CAACD,QAHvB;IAII,sBAAsBA;GAPrB,EASLH,SATK,CAAT;AAWH;MAEYS,QAAQ,GAAGC,KAAK;EACzB,OAAOX,aAAA,OAAA,oBAAUW;IAAOV,SAAS,EAAC;IAA3B,CAAP;AACH;MAUYW,IAAI,gBAAGZ,UAAA,CAAiB,SAASa,QAAT,CAAkBF,KAAlB,EAAwCG,GAAxC;;;EACjC,MAAM;IAAEC,MAAF;IAAUC,IAAV;IAAgBC,OAAhB;IAAyBC,QAAzB;IAAmC,GAAGC;MAAeR,KAA3D;EACA,MAAMV,SAAS,GAAGE,cAAc,CAAC;IAC7BC,QAAQ,EAAEO,KAAK,CAACP,QADa;IAE7BC,QAAQ,EAAE,CAAC,CAACW,IAFiB;IAG7Bf,SAAS,EAAEU,KAAK,CAACV;GAHW,CAAhC;EAMA,MAAMG,QAAQ,sBAAGO,KAAK,CAACP,QAAT,6DAAqBO,KAAK,CAAC,eAAD,CAAxC;EAEA,IAAIS,WAAJ;;EAGA,IAAIhB,QAAJ,EAAc;IACVgB,WAAW,GAAGC,KAAK;MACfA,KAAK,CAACC,cAAN;MACAD,KAAK,CAACE,eAAN;KAFJ;;;EAMJ,MAAMC,YAAY,GAAGH,KAAK;IACtB,IAAIJ,OAAJ,EAAa;MACTA,OAAO,CAACI,KAAD,CAAP;;;IAGJ,IAAIV,KAAK,CAAC,eAAD,CAAL,IAA0B,OAAOI,MAAP,KAAkB,UAAhD,EAA4D;MACxDM,KAAK,CAACC,cAAN;;GANR;;EAUA,IAAIG,MAAM,GACNzB,aAAA,CAAC0B,MAAD,oBAAgCP;IAAYlB,SAAS,EAAEA;IAAWgB,OAAO,EAAEG;IAAaO,QAAQ,EAAEH;IAAcV,GAAG,EAAEA;IAArH,EACKE,IAAI,IAAIhB,aAAA,CAACF,IAAD;IAAMC,IAAI,EAAEiB;GAAZ,CADb,EAEKL,KAAK,CAACiB,QAFX,EAGKV,QAAQ,IAAIlB,aAAA,CAACU,QAAD,MAAA,EAAWQ,QAAX,CAHjB,CADJ;;EAQA,IAAI,OAAOH,MAAP,KAAkB,UAAtB,EAAkC;IAC9BU,MAAM,GAAGV,MAAM,CAAC;MAAEc,OAAO,EAAEJ;KAAZ,CAAf;;;EAGJ,OAAOA,MAAP;AACH,CA3CmB;;;;"}
+{"version":3,"file":"Item.js","sources":["../../../../../src/components/Menu/components/Item.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\nimport cn from 'classnames';\nimport { IconName } from '../../Icon/Icon';\nimport { Icon as IconPrimitive } from '../../Icon/Icon';\nimport { useCurrentMenu } from '../Context';\nimport { DialogProps } from '../../Dialog/Dialog';\n\nexport const Icon = ({ name }) => (\n    <span className=\"absolute left-0 ml-1\">\n        <IconPrimitive className=\"-ml-px -mt-px !h-5 !w-5\" name={name} />\n    </span>\n);\n\nexport const useItemStyling = ({ disabled, indented, className }) => {\n    const menu = useCurrentMenu();\n\n    React.useEffect(() => {\n        if (indented && !menu?.indented) {\n            menu?.registerIndentation();\n        }\n    }, [indented]);\n\n    return cn(\n        'flex items-center justify-start h-8 pr-1.5 relative rounded w-full focus:outline-none group',\n        'text-black aria-disabled:text-grey hover:bg-grey-light hover:text-black',\n        {\n            'pl-7': menu?.indented,\n            'pl-1.5': !menu?.indented,\n            'cursor-pointer': !disabled,\n            'cursor-not-allowed': disabled,\n        },\n        className\n    );\n};\n\nexport const Shortcut = props => {\n    return <span {...props} className=\"text-grey-darkest ml-auto pl-3\" />;\n};\n\nexport type MenuItemProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> & {\n    dialog?: (props: Partial<DialogProps>) => JSX.Element;\n    disabled?: boolean;\n    icon?: IconName;\n    onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n    shortcut?: string;\n};\n\nexport const Item = React.forwardRef(function MenuItem(props: MenuItemProps, ref: React.Ref<HTMLDivElement>) {\n    const { dialog, icon, onClick, shortcut, ...otherProps } = props;\n    const className = useItemStyling({\n        disabled: props.disabled,\n        indented: !!icon,\n        className: props.className,\n    });\n\n    const disabled = props.disabled ?? props['aria-disabled'];\n\n    let handleClick;\n\n    // radix has a bug that does not disable clicks when disabled is set on items\n    if (disabled) {\n        handleClick = event => {\n            event.preventDefault();\n            event.stopPropagation();\n        };\n    }\n\n    const handleSelect = event => {\n        if (onClick) {\n            onClick(event);\n        }\n\n        if (props['aria-haspopup'] || typeof dialog === 'function') {\n            event.preventDefault();\n        }\n    };\n\n    let button = (\n        <DropdownMenuPrimitive.Item {...otherProps} className={className} onClick={handleClick} onSelect={handleSelect} ref={ref}>\n            {icon && <Icon name={icon} />}\n            {props.children}\n            {shortcut && <Shortcut>{shortcut}</Shortcut>}\n        </DropdownMenuPrimitive.Item>\n    );\n\n    if (typeof dialog === 'function') {\n        button = dialog({ trigger: button });\n    }\n\n    return button;\n});\n"],"names":["Icon","name","React","className","IconPrimitive","useItemStyling","disabled","indented","menu","useCurrentMenu","registerIndentation","cn","Shortcut","props","Item","MenuItem","ref","dialog","icon","onClick","shortcut","otherProps","handleClick","event","preventDefault","stopPropagation","handleSelect","button","DropdownMenuPrimitive","onSelect","children","trigger"],"mappings":";;;;;;;;IAQaA,IAAI,GAAG,SAAPA,IAAO;EAAA,IAAGC,IAAH,QAAGA,IAAH;EAAA,OAChBC,aAAA,OAAA;IAAMC,SAAS,EAAC;GAAhB,EACID,aAAA,CAACE,MAAD;IAAeD,SAAS,EAAC;IAA0BF,IAAI,EAAEA;GAAzD,CADJ,CADgB;AAAA;IAMPI,cAAc,GAAG,SAAjBA,cAAiB;MAAGC,iBAAAA;MAAUC,iBAAAA;MAAUJ,kBAAAA;EACjD,IAAMK,IAAI,GAAGC,cAAc,EAA3B;EAEAP,SAAA,CAAgB;IACZ,IAAIK,QAAQ,IAAI,EAACC,IAAD,aAACA,IAAD,eAACA,IAAI,CAAED,QAAP,CAAhB,EAAiC;MAC7BC,IAAI,SAAJ,IAAAA,IAAI,WAAJ,YAAAA,IAAI,CAAEE,mBAAN;;GAFR,EAIG,CAACH,QAAD,CAJH;EAMA,OAAOI,EAAE,CACL,6FADK,EAEL,yEAFK,EAGL;IACI,QAAQH,IAAR,aAAQA,IAAR,uBAAQA,IAAI,CAAED,QADlB;IAEI,UAAU,EAACC,IAAD,aAACA,IAAD,eAACA,IAAI,CAAED,QAAP,CAFd;IAGI,kBAAkB,CAACD,QAHvB;IAII,sBAAsBA;GAPrB,EASLH,SATK,CAAT;AAWH;IAEYS,QAAQ,GAAG,SAAXA,QAAW,CAAAC,KAAK;EACzB,OAAOX,aAAA,OAAA,oBAAUW;IAAOV,SAAS,EAAC;IAA3B,CAAP;AACH;IAUYW,IAAI,gBAAGZ,UAAA,CAAiB,SAASa,QAAT,CAAkBF,KAAlB,EAAwCG,GAAxC;;;EACjC,IAAQC,MAAR,GAA2DJ,KAA3D,CAAQI,MAAR;MAAgBC,IAAhB,GAA2DL,KAA3D,CAAgBK,IAAhB;MAAsBC,OAAtB,GAA2DN,KAA3D,CAAsBM,OAAtB;MAA+BC,QAA/B,GAA2DP,KAA3D,CAA+BO,QAA/B;MAA4CC,UAA5C,iCAA2DR,KAA3D;;EACA,IAAMV,SAAS,GAAGE,cAAc,CAAC;IAC7BC,QAAQ,EAAEO,KAAK,CAACP,QADa;IAE7BC,QAAQ,EAAE,CAAC,CAACW,IAFiB;IAG7Bf,SAAS,EAAEU,KAAK,CAACV;GAHW,CAAhC;EAMA,IAAMG,QAAQ,sBAAGO,KAAK,CAACP,QAAT,6DAAqBO,KAAK,CAAC,eAAD,CAAxC;EAEA,IAAIS,WAAJ;;EAGA,IAAIhB,QAAJ,EAAc;IACVgB,WAAW,GAAG,qBAAAC,KAAK;MACfA,KAAK,CAACC,cAAN;MACAD,KAAK,CAACE,eAAN;KAFJ;;;EAMJ,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAAAH,KAAK;IACtB,IAAIJ,OAAJ,EAAa;MACTA,OAAO,CAACI,KAAD,CAAP;;;IAGJ,IAAIV,KAAK,CAAC,eAAD,CAAL,IAA0B,OAAOI,MAAP,KAAkB,UAAhD,EAA4D;MACxDM,KAAK,CAACC,cAAN;;GANR;;EAUA,IAAIG,MAAM,GACNzB,aAAA,CAAC0B,MAAD,oBAAgCP;IAAYlB,SAAS,EAAEA;IAAWgB,OAAO,EAAEG;IAAaO,QAAQ,EAAEH;IAAcV,GAAG,EAAEA;IAArH,EACKE,IAAI,IAAIhB,aAAA,CAACF,IAAD;IAAMC,IAAI,EAAEiB;GAAZ,CADb,EAEKL,KAAK,CAACiB,QAFX,EAGKV,QAAQ,IAAIlB,aAAA,CAACU,QAAD,MAAA,EAAWQ,QAAX,CAHjB,CADJ;;EAQA,IAAI,OAAOH,MAAP,KAAkB,UAAtB,EAAkC;IAC9BU,MAAM,GAAGV,MAAM,CAAC;MAAEc,OAAO,EAAEJ;KAAZ,CAAf;;;EAGJ,OAAOA,MAAP;AACH,CA3CmB;;;;"}

package/dist/esm/components/Menu/components/Link.js

@@ -1,23 +1,24 @@
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import { forwardRef, createElement } from 'react';
 import { useCurrentMenu } from '../Context.js';
 import { Item } from '@radix-ui/react-dropdown-menu';
 import { useItemStyling, Icon } from './Item.js';
 
-const Link = /*#__PURE__*/forwardRef(function MenuLink(props, ref) {
-  const {
-    href,
-    icon,
-    onClick,
-    ...otherProps
-  } = props;
-  const menu = useCurrentMenu();
-  const className = useItemStyling({
+var _excluded = ["href", "icon", "onClick"];
+var Link = /*#__PURE__*/forwardRef(function MenuLink(props, ref) {
+  var href = props.href,
+      icon = props.icon,
+      onClick = props.onClick,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+
+  var menu = useCurrentMenu();
+  var className = useItemStyling({
     disabled: props.disabled,
     indented: !!icon,
     className: props.className
   });
 
-  const handleClick = event => {
+  var handleClick = function handleClick(event) {
     onClick === null || onClick === void 0 ? void 0 : onClick(event);
     menu === null || menu === void 0 ? void 0 : menu.close();
   };

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

@@ -1 +1 @@
-{"version":3,"file":"Link.js","sources":["../../../../../src/components/Menu/components/Link.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\r\nimport { IconName } from '../../Icon/Icon';\r\nimport { Icon, useItemStyling } from './Item';\r\nimport { useCurrentMenu } from '../Context';\r\n\r\nexport type MenuLinkItemProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> & {\r\n    disabled?: boolean;\r\n    icon?: IconName;\r\n    href: string;\r\n    onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\r\n};\r\n\r\nexport const Link = React.forwardRef(function MenuLink(props: MenuLinkItemProps, ref: React.Ref<HTMLDivElement>) {\r\n    const { href, icon, onClick, ...otherProps } = props;\r\n    const menu = useCurrentMenu();\r\n\r\n    const className = useItemStyling({\r\n        disabled: props.disabled,\r\n        indented: !!icon,\r\n        className: props.className,\r\n    });\r\n\r\n    const handleClick: React.MouseEventHandler<HTMLDivElement> = event => {\r\n        onClick?.(event);\r\n        menu?.close();\r\n    };\r\n\r\n    return (\r\n        <DropdownMenuPrimitive.Item {...otherProps} asChild className={className} ref={ref} onClick={handleClick}>\r\n            <a href={href} target=\"_blank\">\r\n                {icon && <Icon name={icon} />}\r\n                {props.children}\r\n            </a>\r\n        </DropdownMenuPrimitive.Item>\r\n    );\r\n});\r\n"],"names":["Link","React","MenuLink","props","ref","href","icon","onClick","otherProps","menu","useCurrentMenu","className","useItemStyling","disabled","indented","handleClick","event","close","DropdownMenuPrimitive","asChild","target","Icon","name","children"],"mappings":";;;;;MAaaA,IAAI,gBAAGC,UAAA,CAAiB,SAASC,QAAT,CAAkBC,KAAlB,EAA4CC,GAA5C;EACjC,MAAM;IAAEC,IAAF;IAAQC,IAAR;IAAcC,OAAd;IAAuB,GAAGC;MAAeL,KAA/C;EACA,MAAMM,IAAI,GAAGC,cAAc,EAA3B;EAEA,MAAMC,SAAS,GAAGC,cAAc,CAAC;IAC7BC,QAAQ,EAAEV,KAAK,CAACU,QADa;IAE7BC,QAAQ,EAAE,CAAC,CAACR,IAFiB;IAG7BK,SAAS,EAAER,KAAK,CAACQ;GAHW,CAAhC;;EAMA,MAAMI,WAAW,GAA4CC,KAAK;IAC9DT,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAGS,KAAH,CAAP;IACAP,IAAI,SAAJ,IAAAA,IAAI,WAAJ,YAAAA,IAAI,CAAEQ,KAAN;GAFJ;;EAKA,OACIhB,aAAA,CAACiB,IAAD,oBAAgCV;IAAYW,OAAO;IAACR,SAAS,EAAEA;IAAWP,GAAG,EAAEA;IAAKG,OAAO,EAAEQ;IAA7F,EACId,aAAA,IAAA;IAAGI,IAAI,EAAEA;IAAMe,MAAM,EAAC;GAAtB,EACKd,IAAI,IAAIL,aAAA,CAACoB,IAAD;IAAMC,IAAI,EAAEhB;GAAZ,CADb,EAEKH,KAAK,CAACoB,QAFX,CADJ,CADJ;AAQH,CAvBmB;;;;"}
+{"version":3,"file":"Link.js","sources":["../../../../../src/components/Menu/components/Link.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\nimport { IconName } from '../../Icon/Icon';\nimport { Icon, useItemStyling } from './Item';\nimport { useCurrentMenu } from '../Context';\n\nexport type MenuLinkItemProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> & {\n    disabled?: boolean;\n    icon?: IconName;\n    href: string;\n    onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n};\n\nexport const Link = React.forwardRef(function MenuLink(props: MenuLinkItemProps, ref: React.Ref<HTMLDivElement>) {\n    const { href, icon, onClick, ...otherProps } = props;\n    const menu = useCurrentMenu();\n\n    const className = useItemStyling({\n        disabled: props.disabled,\n        indented: !!icon,\n        className: props.className,\n    });\n\n    const handleClick: React.MouseEventHandler<HTMLDivElement> = event => {\n        onClick?.(event);\n        menu?.close();\n    };\n\n    return (\n        <DropdownMenuPrimitive.Item {...otherProps} asChild className={className} ref={ref} onClick={handleClick}>\n            <a href={href} target=\"_blank\">\n                {icon && <Icon name={icon} />}\n                {props.children}\n            </a>\n        </DropdownMenuPrimitive.Item>\n    );\n});\n"],"names":["Link","React","MenuLink","props","ref","href","icon","onClick","otherProps","menu","useCurrentMenu","className","useItemStyling","disabled","indented","handleClick","event","close","DropdownMenuPrimitive","asChild","target","Icon","name","children"],"mappings":";;;;;;;IAaaA,IAAI,gBAAGC,UAAA,CAAiB,SAASC,QAAT,CAAkBC,KAAlB,EAA4CC,GAA5C;EACjC,IAAQC,IAAR,GAA+CF,KAA/C,CAAQE,IAAR;MAAcC,IAAd,GAA+CH,KAA/C,CAAcG,IAAd;MAAoBC,OAApB,GAA+CJ,KAA/C,CAAoBI,OAApB;MAAgCC,UAAhC,iCAA+CL,KAA/C;;EACA,IAAMM,IAAI,GAAGC,cAAc,EAA3B;EAEA,IAAMC,SAAS,GAAGC,cAAc,CAAC;IAC7BC,QAAQ,EAAEV,KAAK,CAACU,QADa;IAE7BC,QAAQ,EAAE,CAAC,CAACR,IAFiB;IAG7BK,SAAS,EAAER,KAAK,CAACQ;GAHW,CAAhC;;EAMA,IAAMI,WAAW,GAA4C,SAAvDA,WAAuD,CAAAC,KAAK;IAC9DT,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAGS,KAAH,CAAP;IACAP,IAAI,SAAJ,IAAAA,IAAI,WAAJ,YAAAA,IAAI,CAAEQ,KAAN;GAFJ;;EAKA,OACIhB,aAAA,CAACiB,IAAD,oBAAgCV;IAAYW,OAAO;IAACR,SAAS,EAAEA;IAAWP,GAAG,EAAEA;IAAKG,OAAO,EAAEQ;IAA7F,EACId,aAAA,IAAA;IAAGI,IAAI,EAAEA;IAAMe,MAAM,EAAC;GAAtB,EACKd,IAAI,IAAIL,aAAA,CAACoB,IAAD;IAAMC,IAAI,EAAEhB;GAAZ,CADb,EAEKH,KAAK,CAACoB,QAFX,CADJ,CADJ;AAQH,CAvBmB;;;;"}

package/dist/esm/components/Menu/components/RadioGroup.js

@@ -1,18 +1,20 @@
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import { createElement, useContext, createContext } from 'react';
 import cn from 'classnames';
 import { RadioGroup as RadioGroup$1, RadioItem as RadioItem$1, ItemIndicator } from '@radix-ui/react-dropdown-menu';
 import { useItemStyling } from './Item.js';
 import { useRadioGroup, getRadioGroupItemValueAsString } from '../../RadioGroup/RadioGroup.js';
 
-const RadioItem = props => {
-  const context = useContext(MenuRadioGroupContext);
-  const {
-    children,
-    value,
-    ...otherProps
-  } = props;
-  const disabled = context.disabled || props.disabled;
-  const className = useItemStyling({
+var _excluded = ["children", "value"];
+var RadioItem = function RadioItem(props) {
+  var context = useContext(MenuRadioGroupContext);
+
+  var children = props.children,
+      value = props.value,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+
+  var disabled = context.disabled || props.disabled;
+  var className = useItemStyling({
     disabled: disabled,
     indented: true,
     className: props.className
@@ -27,15 +29,15 @@ const RadioItem = props => {
     className: "flex h-1.5 w-1.5 ml-1 rounded-full bg-current "
   })), children);
 };
-const MenuRadioGroupContext = /*#__PURE__*/createContext({
+var MenuRadioGroupContext = /*#__PURE__*/createContext({
   disabled: false
 });
-const RadioGroup = props => {
-  const {
-    context,
-    props: otherProps
-  } = useRadioGroup(props);
-  const className = cn('flex flex-col', props.className);
+var RadioGroup = function RadioGroup(props) {
+  var _useRadioGroup = useRadioGroup(props),
+      context = _useRadioGroup.context,
+      otherProps = _useRadioGroup.props;
+
+  var className = cn('flex flex-col', props.className);
   return createElement(MenuRadioGroupContext.Provider, {
     value: context
   }, createElement(RadioGroup$1, Object.assign({}, otherProps, {

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

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.js","sources":["../../../../../src/components/Menu/components/RadioGroup.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\r\nimport cn from 'classnames';\r\nimport { getRadioGroupItemValueAsString, RadioGroupItemProps, RadioGroupProps, useRadioGroup } from '../../RadioGroup/RadioGroup';\r\nimport { useItemStyling } from './Item';\r\n\r\nexport type MenuRadioGroupItemProps = RadioGroupItemProps<HTMLDivElement>;\r\n\r\nexport const RadioItem = (props: MenuRadioGroupItemProps) => {\r\n    const context = React.useContext(MenuRadioGroupContext);\r\n    const { children, value, ...otherProps } = props;\r\n    const disabled = context.disabled || props.disabled;\r\n    const className = useItemStyling({\r\n        disabled: disabled,\r\n        indented: true,\r\n        className: props.className,\r\n    });\r\n\r\n    return (\r\n        <DropdownMenuPrimitive.RadioItem\r\n            {...otherProps}\r\n            className={className}\r\n            disabled={disabled}\r\n            value={getRadioGroupItemValueAsString(value)}\r\n        >\r\n            <DropdownMenuPrimitive.ItemIndicator className=\"absolute left-0 ml-1.5\">\r\n                <span className=\"flex h-1.5 w-1.5 ml-1 rounded-full bg-current \" />\r\n            </DropdownMenuPrimitive.ItemIndicator>\r\n            {children}\r\n        </DropdownMenuPrimitive.RadioItem>\r\n    );\r\n};\r\n\r\nconst MenuRadioGroupContext = React.createContext({ disabled: false });\r\n\r\nexport type MenuRadioGroupProps = RadioGroupProps;\r\n\r\nexport const RadioGroup = (props: MenuRadioGroupProps) => {\r\n    const { context, props: otherProps } = useRadioGroup(props);\r\n    const className = cn('flex flex-col', props.className);\r\n\r\n    return (\r\n        <MenuRadioGroupContext.Provider value={context}>\r\n            <DropdownMenuPrimitive.RadioGroup {...otherProps} className={className} />\r\n        </MenuRadioGroupContext.Provider>\r\n    );\r\n};\r\nRadioGroup.Item = RadioItem;\r\n"],"names":["RadioItem","props","context","React","MenuRadioGroupContext","children","value","otherProps","disabled","className","useItemStyling","indented","DropdownMenuPrimitive","getRadioGroupItemValueAsString","RadioGroup","useRadioGroup","cn","Provider","Item"],"mappings":";;;;;;MAQaA,SAAS,GAAIC,KAAD;EACrB,MAAMC,OAAO,GAAGC,UAAA,CAAiBC,qBAAjB,CAAhB;EACA,MAAM;IAAEC,QAAF;IAAYC,KAAZ;IAAmB,GAAGC;MAAeN,KAA3C;EACA,MAAMO,QAAQ,GAAGN,OAAO,CAACM,QAAR,IAAoBP,KAAK,CAACO,QAA3C;EACA,MAAMC,SAAS,GAAGC,cAAc,CAAC;IAC7BF,QAAQ,EAAEA,QADmB;IAE7BG,QAAQ,EAAE,IAFmB;IAG7BF,SAAS,EAAER,KAAK,CAACQ;GAHW,CAAhC;EAMA,OACIN,aAAA,CAACS,WAAD,oBACQL;IACJE,SAAS,EAAEA;IACXD,QAAQ,EAAEA;IACVF,KAAK,EAAEO,8BAA8B,CAACP,KAAD;IAJzC,EAMIH,aAAA,CAACS,aAAD;IAAqCH,SAAS,EAAC;GAA/C,EACIN,aAAA,OAAA;IAAMM,SAAS,EAAC;GAAhB,CADJ,CANJ,EASKJ,QATL,CADJ;AAaH;AAED,MAAMD,qBAAqB,gBAAGD,aAAA,CAAoB;EAAEK,QAAQ,EAAE;AAAZ,CAApB,CAA9B;MAIaM,UAAU,GAAIb,KAAD;EACtB,MAAM;IAAEC,OAAF;IAAWD,KAAK,EAAEM;MAAeQ,aAAa,CAACd,KAAD,CAApD;EACA,MAAMQ,SAAS,GAAGO,EAAE,CAAC,eAAD,EAAkBf,KAAK,CAACQ,SAAxB,CAApB;EAEA,OACIN,aAAA,CAACC,qBAAqB,CAACa,QAAvB;IAAgCX,KAAK,EAAEJ;GAAvC,EACIC,aAAA,CAACS,YAAD,oBAAsCL;IAAYE,SAAS,EAAEA;IAA7D,CADJ,CADJ;AAKH;AACDK,UAAU,CAACI,IAAX,GAAkBlB,SAAlB;;;;"}
+{"version":3,"file":"RadioGroup.js","sources":["../../../../../src/components/Menu/components/RadioGroup.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\nimport cn from 'classnames';\nimport { getRadioGroupItemValueAsString, RadioGroupItemProps, RadioGroupProps, useRadioGroup } from '../../RadioGroup/RadioGroup';\nimport { useItemStyling } from './Item';\n\nexport type MenuRadioGroupItemProps = RadioGroupItemProps<HTMLDivElement>;\n\nexport const RadioItem = (props: MenuRadioGroupItemProps) => {\n    const context = React.useContext(MenuRadioGroupContext);\n    const { children, value, ...otherProps } = props;\n    const disabled = context.disabled || props.disabled;\n    const className = useItemStyling({\n        disabled: disabled,\n        indented: true,\n        className: props.className,\n    });\n\n    return (\n        <DropdownMenuPrimitive.RadioItem\n            {...otherProps}\n            className={className}\n            disabled={disabled}\n            value={getRadioGroupItemValueAsString(value)}\n        >\n            <DropdownMenuPrimitive.ItemIndicator className=\"absolute left-0 ml-1.5\">\n                <span className=\"flex h-1.5 w-1.5 ml-1 rounded-full bg-current \" />\n            </DropdownMenuPrimitive.ItemIndicator>\n            {children}\n        </DropdownMenuPrimitive.RadioItem>\n    );\n};\n\nconst MenuRadioGroupContext = React.createContext({ disabled: false });\n\nexport type MenuRadioGroupProps = RadioGroupProps;\n\nexport const RadioGroup = (props: MenuRadioGroupProps) => {\n    const { context, props: otherProps } = useRadioGroup(props);\n    const className = cn('flex flex-col', props.className);\n\n    return (\n        <MenuRadioGroupContext.Provider value={context}>\n            <DropdownMenuPrimitive.RadioGroup {...otherProps} className={className} />\n        </MenuRadioGroupContext.Provider>\n    );\n};\nRadioGroup.Item = RadioItem;\n"],"names":["RadioItem","props","context","React","MenuRadioGroupContext","children","value","otherProps","disabled","className","useItemStyling","indented","DropdownMenuPrimitive","getRadioGroupItemValueAsString","RadioGroup","useRadioGroup","cn","Provider","Item"],"mappings":";;;;;;;;IAQaA,SAAS,GAAG,SAAZA,SAAY,CAACC,KAAD;EACrB,IAAMC,OAAO,GAAGC,UAAA,CAAiBC,qBAAjB,CAAhB;;EACA,IAAQC,QAAR,GAA2CJ,KAA3C,CAAQI,QAAR;MAAkBC,KAAlB,GAA2CL,KAA3C,CAAkBK,KAAlB;MAA4BC,UAA5B,iCAA2CN,KAA3C;;EACA,IAAMO,QAAQ,GAAGN,OAAO,CAACM,QAAR,IAAoBP,KAAK,CAACO,QAA3C;EACA,IAAMC,SAAS,GAAGC,cAAc,CAAC;IAC7BF,QAAQ,EAAEA,QADmB;IAE7BG,QAAQ,EAAE,IAFmB;IAG7BF,SAAS,EAAER,KAAK,CAACQ;GAHW,CAAhC;EAMA,OACIN,aAAA,CAACS,WAAD,oBACQL;IACJE,SAAS,EAAEA;IACXD,QAAQ,EAAEA;IACVF,KAAK,EAAEO,8BAA8B,CAACP,KAAD;IAJzC,EAMIH,aAAA,CAACS,aAAD;IAAqCH,SAAS,EAAC;GAA/C,EACIN,aAAA,OAAA;IAAMM,SAAS,EAAC;GAAhB,CADJ,CANJ,EASKJ,QATL,CADJ;AAaH;AAED,IAAMD,qBAAqB,gBAAGD,aAAA,CAAoB;EAAEK,QAAQ,EAAE;AAAZ,CAApB,CAA9B;IAIaM,UAAU,GAAG,SAAbA,UAAa,CAACb,KAAD;EACtB,qBAAuCc,aAAa,CAACd,KAAD,CAApD;MAAQC,OAAR,kBAAQA,OAAR;MAAwBK,UAAxB,kBAAiBN,KAAjB;;EACA,IAAMQ,SAAS,GAAGO,EAAE,CAAC,eAAD,EAAkBf,KAAK,CAACQ,SAAxB,CAApB;EAEA,OACIN,aAAA,CAACC,qBAAqB,CAACa,QAAvB;IAAgCX,KAAK,EAAEJ;GAAvC,EACIC,aAAA,CAACS,YAAD,oBAAsCL;IAAYE,SAAS,EAAEA;IAA7D,CADJ,CADJ;AAKH;AACDK,UAAU,CAACI,IAAX,GAAkBlB,SAAlB;;;;"}

package/dist/esm/components/Menu/components/Separator.js

@@ -1,7 +1,7 @@
 import { createElement } from 'react';
 import { Separator as Separator$1 } from '@radix-ui/react-dropdown-menu';
 
-const Separator = () => {
+var Separator = function Separator() {
   return createElement(Separator$1, {
     className: "bg-grey-dark my-1 h-px"
   });

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

@@ -1 +1 @@
-{"version":3,"file":"Separator.js","sources":["../../../../../src/components/Menu/components/Separator.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\r\n\r\nexport const Separator = () => {\r\n    return <DropdownMenuPrimitive.Separator className=\"bg-grey-dark my-1 h-px\" />;\r\n};\r\n"],"names":["Separator","React","DropdownMenuPrimitive","className"],"mappings":";;;MAGaA,SAAS,GAAG;EACrB,OAAOC,aAAA,CAACC,WAAD;IAAiCC,SAAS,EAAC;GAA3C,CAAP;AACH;;;;"}
+{"version":3,"file":"Separator.js","sources":["../../../../../src/components/Menu/components/Separator.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\n\nexport const Separator = () => {\n    return <DropdownMenuPrimitive.Separator className=\"bg-grey-dark my-1 h-px\" />;\n};\n"],"names":["Separator","React","DropdownMenuPrimitive","className"],"mappings":";;;IAGaA,SAAS,GAAG,SAAZA,SAAY;EACrB,OAAOC,aAAA,CAACC,WAAD;IAAiCC,SAAS,EAAC;GAA3C,CAAP;AACH;;;;"}

package/dist/esm/components/Menu/components/Trigger.js

@@ -3,10 +3,10 @@ import { useProxiedRef } from '../../../utils/hooks/useProxiedRef.js';
 import { useCurrentMenu } from '../Context.js';
 import { Trigger as Trigger$1 } from '@radix-ui/react-dropdown-menu';
 
-const Trigger = /*#__PURE__*/forwardRef(function MenuTrigger(props, ref) {
-  const menu = useCurrentMenu();
-  const internalRef = useProxiedRef(ref);
-  useEffect(() => {
+var Trigger = /*#__PURE__*/forwardRef(function MenuTrigger(props, ref) {
+  var menu = useCurrentMenu();
+  var internalRef = useProxiedRef(ref);
+  useEffect(function () {
     if (internalRef.current) {
       menu === null || menu === void 0 ? void 0 : menu.setMinWidth(internalRef.current.getBoundingClientRect().width);
     }

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

@@ -1 +1 @@
-{"version":3,"file":"Trigger.js","sources":["../../../../../src/components/Menu/components/Trigger.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\r\nimport { useProxiedRef } from '../../../utils/hooks/useProxiedRef';\r\nimport { useCurrentMenu } from '../Context';\r\n\r\nexport type MenuTriggerProps = Omit<React.HTMLAttributes<HTMLButtonElement>, 'children'> & {\r\n    children: React.ReactElement;\r\n};\r\n\r\nexport const Trigger = React.forwardRef(function MenuTrigger(props: MenuTriggerProps, ref: React.Ref<HTMLButtonElement>) {\r\n    const menu = useCurrentMenu();\r\n    const internalRef = useProxiedRef<HTMLButtonElement>(ref);\r\n\r\n    React.useEffect(() => {\r\n        if (internalRef.current) {\r\n            menu?.setMinWidth(internalRef.current.getBoundingClientRect().width);\r\n        }\r\n    }, [internalRef]);\r\n\r\n    return <DropdownMenuPrimitive.Trigger {...props} asChild ref={internalRef} />;\r\n});\r\n"],"names":["Trigger","React","MenuTrigger","props","ref","menu","useCurrentMenu","internalRef","useProxiedRef","current","setMinWidth","getBoundingClientRect","width","DropdownMenuPrimitive","asChild"],"mappings":";;;;;MASaA,OAAO,gBAAGC,UAAA,CAAiB,SAASC,WAAT,CAAqBC,KAArB,EAA8CC,GAA9C;EACpC,MAAMC,IAAI,GAAGC,cAAc,EAA3B;EACA,MAAMC,WAAW,GAAGC,aAAa,CAAoBJ,GAApB,CAAjC;EAEAH,SAAA,CAAgB;IACZ,IAAIM,WAAW,CAACE,OAAhB,EAAyB;MACrBJ,IAAI,SAAJ,IAAAA,IAAI,WAAJ,YAAAA,IAAI,CAAEK,WAAN,CAAkBH,WAAW,CAACE,OAAZ,CAAoBE,qBAApB,GAA4CC,KAA9D;;GAFR,EAIG,CAACL,WAAD,CAJH;EAMA,OAAON,aAAA,CAACY,SAAD,oBAAmCV;IAAOW,OAAO;IAACV,GAAG,EAAEG;IAAvD,CAAP;AACH,CAXsB;;;;"}
+{"version":3,"file":"Trigger.js","sources":["../../../../../src/components/Menu/components/Trigger.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\nimport { useProxiedRef } from '../../../utils/hooks/useProxiedRef';\nimport { useCurrentMenu } from '../Context';\n\nexport type MenuTriggerProps = Omit<React.HTMLAttributes<HTMLButtonElement>, 'children'> & {\n    children: React.ReactElement;\n};\n\nexport const Trigger = React.forwardRef(function MenuTrigger(props: MenuTriggerProps, ref: React.Ref<HTMLButtonElement>) {\n    const menu = useCurrentMenu();\n    const internalRef = useProxiedRef<HTMLButtonElement>(ref);\n\n    React.useEffect(() => {\n        if (internalRef.current) {\n            menu?.setMinWidth(internalRef.current.getBoundingClientRect().width);\n        }\n    }, [internalRef]);\n\n    return <DropdownMenuPrimitive.Trigger {...props} asChild ref={internalRef} />;\n});\n"],"names":["Trigger","React","MenuTrigger","props","ref","menu","useCurrentMenu","internalRef","useProxiedRef","current","setMinWidth","getBoundingClientRect","width","DropdownMenuPrimitive","asChild"],"mappings":";;;;;IASaA,OAAO,gBAAGC,UAAA,CAAiB,SAASC,WAAT,CAAqBC,KAArB,EAA8CC,GAA9C;EACpC,IAAMC,IAAI,GAAGC,cAAc,EAA3B;EACA,IAAMC,WAAW,GAAGC,aAAa,CAAoBJ,GAApB,CAAjC;EAEAH,SAAA,CAAgB;IACZ,IAAIM,WAAW,CAACE,OAAhB,EAAyB;MACrBJ,IAAI,SAAJ,IAAAA,IAAI,WAAJ,YAAAA,IAAI,CAAEK,WAAN,CAAkBH,WAAW,CAACE,OAAZ,CAAoBE,qBAApB,GAA4CC,KAA9D;;GAFR,EAIG,CAACL,WAAD,CAJH;EAMA,OAAON,aAAA,CAACY,SAAD,oBAAmCV;IAAOW,OAAO;IAACV,GAAG,EAAEG;IAAvD,CAAP;AACH,CAXsB;;;;"}