npm - @economic/taco - Versions diffs - 10.0.1-improve-publish-scripts.0 → 10.0.1-react-19.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1711) hide show

package/dist/components/Menu/components/Item.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Item.cjs","sources":["../../../../src/components/Menu/components/Item.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Menu as MenuPrimitive } from '@base-ui/react/menu';\nimport cn from 'clsx';\nimport { IconName } from '../../Icon/Icon';\nimport { Icon as IconPrimitive } from '../../Icon/Icon';\nimport { useCurrentMenu } from '../Context';\nimport { DialogProps } from '../../Dialog/Dialog';\nimport { Shortcut } from '../../Shortcut/Shortcut';\nimport { KeyDownHandlerOptions } from '../../../utils/keyboard';\n\nexport const Icon = ({ name }: { name: IconName }) => (\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 = ({\n disabled,\n indented,\n className,\n}: {\n disabled?: boolean;\n indented: boolean;\n className?: string;\n}) => {\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 {\n 'pl-7': menu?.indented,\n 'pl-1.5': !menu?.indented,\n /* TODO: Why have both hover and data-[highlighted]? /\n / shadow-none on hover is to prevent the focus style from showing up on hover */\n 'cursor-pointer text-black hover:wcag-gray-100 data-[highlighted]:wcag-gray-100 ~~focus-visible:yt-focus hover:!shadow-none~~':\n !disabled,\n 'cursor-not-allowed hover:bg-white ~~text-gray-300~~': disabled,\n },\n className\n );\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 \| KeyDownHandlerOptions;\n subMenu?: any;\n};\n\nexport const Item = React.forwardRef(function MenuItem(props: MenuItemProps, ref: React.Ref<HTMLDivElement>) {\n const { dialog, icon, onClick, shortcut, subMenu, ...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 disabled = !!props.disabled \|\| props['aria-disabled'] === true \|\| props['aria-disabled'] === 'true';\n\n const handleClick = (event: React.MouseEvent<HTMLDivElement>) => {\n if (disabled) {\n event.preventDefault();\n return;\n }\n\n event.stopPropagation();\n\n // For dialog items, use menu context to manage state (survives menu close)\n if (dialog && menu) {\n menu.openDialog(() =>\n dialog({\n open: true,\n onChange: (open: boolean) => {\n if (!open) menu.closeDialog();\n },\n onClose: () => menu.closeDialog(),\n })\n );\n return;\n }\n\n // Call onClick handler\n if (onClick) {\n onClick(event);\n }\n };\n\n if (subMenu) {\n return (\n <MenuPrimitive.SubmenuRoot>\n <MenuPrimitive.SubmenuTrigger {...otherProps} className={className} ref={ref}>\n {icon ? <Icon name={icon} /> : null}\n {props.children}\n <IconPrimitive className=\"-mr-1.5 ml-auto !h-5 !w-5\" name=\"chevron-right\" />\n </MenuPrimitive.SubmenuTrigger>\n {subMenu()}\n </MenuPrimitive.SubmenuRoot>\n );\n }\n\n const menuItem = (\n <MenuPrimitive.Item\n {...otherProps}\n // Need to set aria-haspopup=\"dialog\" otherwise there is no way to know item opens the dialo (in e2e tests), and we need to know this to be able to test this scenario in e2e tests.\n {...(dialog ? { 'aria-haspopup': 'dialog' } : {})}\n className={className}\n onClick={handleClick}\n ref={ref}\n disabled={disabled}>\n {icon ? <Icon name={icon} /> : null}\n {props.children}\n {shortcut ? (\n <span className=\"ml-auto pl-5\">\n <Shortcut keys={shortcut} className=\"text-gray-700\" />\n </span>\n ) : null}\n </MenuPrimitive.Item>\n );\n\n return menuItem;\n});\n"],"names":["React","IconPrimitive","menu","useCurrentMenu","MenuPrimitive","Shortcut"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAUO,MAAM,OAAO,CAAC,EAAE,~~WAClBA~~,iCAAA,~~cAAA~~,QAAA,EAAK,WAAU,uBAAA,~~GACXA~~,iCAAA,~~cAAAC~~,~~OAAA~~,MAAA,EAAc,WAAU,2BAA0B,MAAY,CACnE;AAGG,MAAM,iBAAiB,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AACJ,MAIM;AACF,QAAMC,QAAOC,QAAAA,~~eAAe~~;~~AAE5BH~~,mBAAM,UAAU,MAAM;~~AACd~~,~~QAAA~~,YAAY,~~EAACE~~,~~SAAA~~,~~gBAAAA,MAAM,WAAU~~;AAC7B,MAAAA,~~SAAA~~,~~gBAAAA,MAAM~~;AAAA,~~IAAoB~~;AAAA,~~EAC9B~~,~~GACD~~,CAAC,QAAQ,CAAC;~~AAEN~~,~~SAAA~~;AAAA,IACH;AAAA,IACA;AAAA,MACI,QAAQA,~~SAAA,gBAAAA,MAAM~~;AAAA,MACd,UAAU,~~EAACA~~,~~SAAA,gBAAAA,MAAM~~;AAAA;AAAA;AAAA,MAGjB,4HACI,CAAC;AAAA,MACL,mDAAmD;AAAA,~~IACvD~~;AAAA,~~IACA~~;AAAA,~~EACJ~~;~~AACJ~~;AAWO,MAAM,OAAOF,iBAAM,WAAW,SAAS,SAAS,OAAsB,KAAgC;~~AACnG~~,~~QAAA~~,EAAE,QAAQ,MAAM,SAAS,UAAU,SAAS,GAAG,eAAe;AACpE,QAAME,SAAOC,QAAAA,~~eAAe~~;~~AAE5B~~,QAAM,YAAY,eAAe;AAAA,IAC7B,UAAU,MAAM;AAAA,IAChB,UAAU,CAAC,CAAC;AAAA,IACZ,WAAW,MAAM;AAAA,EAAA,CACpB;~~AAEK~~,~~QAAA~~,WAAW,CAAC,CAAC,MAAM,YAAY,MAAM,eAAe,MAAM,QAAQ,MAAM,eAAe,MAAM;~~AAE7F~~,~~QAAA~~,cAAc,CAAC,UAA4C;AAC7D,QAAI,UAAU;AACV,YAAM,~~eAAe~~;~~AACrB~~;AAAA,~~IAAA~~;~~AAGJ~~,UAAM,~~gBAAgB~~;~~AAGtB~~,QAAI,UAAUD,QAAM;~~AACXA~~,~~aAAA~~;AAAA,QAAW,MACZ,OAAO;AAAA,UACH,MAAM;AAAA,UACN,UAAU,CAAC,SAAkB;~~AACrB~~,~~gBAAA~~,CAAC,KAAMA,QAAK,~~YAAY~~;AAAA,~~UAChC~~;AAAA,UACA,SAAS,MAAMA,OAAK,~~YAAY~~;AAAA,~~QACnC~~,~~CAAA~~;AAAA,~~MACL~~;~~AACA~~;AAAA,~~IAAA~~;~~AAIJ~~,QAAI,SAAS;AACT,cAAQ,KAAK;AAAA,~~IAAA~~;AAAA,~~EAErB~~;AAEA,MAAI,SAAS;AACT,~~WACKF~~,iCAAA,~~cAAAI~~,~~KAAA~~,KAAc,aAAd,~~MACIJ~~,iCAAA,~~cAAAI~~,KAAAA,KAAc,gBAAd,EAA8B,GAAG,YAAY,WAAsB,IAAA,GAC/D,~~OAAQJ~~,iCAAA,~~cAAA~~,MAAA,EAAK,MAAM,MAAM,IAAK,MAC9B,MAAM,~~UACNA~~,iCAAA,~~cAAAC~~,OAAAA,MAAA,EAAc,WAAU,6BAA4B,MAAK,iBAAgB,CAC9E,GACC,SACL;AAAA,~~EAAA~~;~~AAIR~~,QAAM,WACFD,iCAAA;AAAA,IAACI,KAAAA,KAAc;AAAA,IAAd;AAAA,MACI,GAAG;AAAA,MAEH,GAAI,SAAS,EAAE,iBAAiB,~~aAAa~~,~~CAAC~~;AAAA,~~MAC/C~~;AAAA,MACA,SAAS;AAAA,MACT;AAAA,MACA;AAAA,IAAA;AAAA,IACC,OAAOJ,iCAAA,cAAC,~~MAAK~~,~~EAAA~~,MAAM,~~KAAM~~,~~CAAA,~~IAAK;AAAA,IAC9B,MAAM;AAAA,IACN,WACGA,iCAAA,cAAC,~~QAAK~~,~~EAAA~~,WAAU,kBACZA,iCAAA,cAACK,SAAAA,~~UAAS~~,~~EAAA~~,MAAM,UAAU,WAAU,~~gBAAgB~~,~~CAAA~~,CACxD,IACA;AAAA,~~EACR~~;~~AAGG~~,~~SAAA~~;AACX,CAAC;;;;"}
1	+ {"version":3,"file":"Item.cjs","sources":["../../../../src/components/Menu/components/Item.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Menu as MenuPrimitive } from '@base-ui/react/menu';\nimport cn from 'clsx';\nimport { IconName } from '../../Icon/Icon';\nimport { Icon as IconPrimitive } from '../../Icon/Icon';\nimport { useCurrentMenu } from '../Context';\nimport { DialogProps } from '../../Dialog/Dialog';\nimport { Shortcut } from '../../Shortcut/Shortcut';\nimport { KeyDownHandlerOptions } from '../../../utils/keyboard';\n\nexport const Icon = ({ name }: { name: IconName }) => (\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 = ({\n disabled,\n indented,\n className,\n}: {\n disabled?: boolean;\n indented: boolean;\n className?: string;\n}) => {\n const menu = useCurrentMenu();\n\n React.useEffect(() => {\n if (indented && !menu?.indented) {\n menu?.registerIndentation();\n }\n }, [indented]);\n\n return cn(\n 'group relative flex h-8 w-full items-center justify-start rounded pr-1.5 focus:outline-none',\n {\n 'pl-7': menu?.indented,\n 'pl-1.5': !menu?.indented,\n /* TODO: Why have both hover and data-[highlighted]? /\n / shadow-none on hover is to prevent the focus style from showing up on hover */\n 'cursor-pointer text-black hover:!shadow-none hover:wcag-gray-100 focus-visible:yt-focus data-[highlighted]:wcag-gray-100':\n !disabled,\n 'cursor-not-allowed text-gray-300 hover:bg-white': disabled,\n },\n className\n );\n};\n\nexport type MenuItemProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> & {\n dialog?: (props: Partial<DialogProps>) => React.JSX.Element;\n disabled?: boolean;\n icon?: IconName;\n onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n shortcut?: string \| KeyDownHandlerOptions;\n subMenu?: any;\n};\n\nexport const Item = React.forwardRef(function MenuItem(props: MenuItemProps, ref: React.Ref<HTMLDivElement>) {\n const { dialog, icon, onClick, shortcut, subMenu, ...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 disabled = !!props.disabled \|\| props['aria-disabled'] === true \|\| props['aria-disabled'] === 'true';\n\n const handleClick = (event: React.MouseEvent<HTMLDivElement>) => {\n if (disabled) {\n event.preventDefault();\n return;\n }\n\n event.stopPropagation();\n\n // For dialog items, use menu context to manage state (survives menu close)\n if (dialog && menu) {\n menu.openDialog(() =>\n dialog({\n open: true,\n onChange: (open: boolean) => {\n if (!open) menu.closeDialog();\n },\n onClose: () => menu.closeDialog(),\n })\n );\n return;\n }\n\n // Call onClick handler\n if (onClick) {\n onClick(event);\n }\n };\n\n if (subMenu) {\n return (\n <MenuPrimitive.SubmenuRoot>\n <MenuPrimitive.SubmenuTrigger {...otherProps} className={className} ref={ref}>\n {icon ? <Icon name={icon} /> : null}\n {props.children}\n <IconPrimitive className=\"-mr-1.5 ml-auto !h-5 !w-5\" name=\"chevron-right\" />\n </MenuPrimitive.SubmenuTrigger>\n {subMenu()}\n </MenuPrimitive.SubmenuRoot>\n );\n }\n\n const menuItem = (\n <MenuPrimitive.Item\n {...otherProps}\n // Need to set aria-haspopup=\"dialog\" otherwise there is no way to know item opens the dialo (in e2e tests), and we need to know this to be able to test this scenario in e2e tests.\n {...(dialog ? { 'aria-haspopup': 'dialog' } : {})}\n className={className}\n onClick={handleClick}\n ref={ref}\n disabled={disabled}>\n {icon ? <Icon name={icon} /> : null}\n {props.children}\n {shortcut ? (\n <span className=\"ml-auto pl-5\">\n <Shortcut keys={shortcut} className=\"text-gray-700\" />\n </span>\n ) : null}\n </MenuPrimitive.Item>\n );\n\n return menuItem;\n});\n"],"names":["React","IconPrimitive","menu","useCurrentMenu","MenuPrimitive","Shortcut"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAUO,MAAM,OAAO,CAAC,EAAE,KAAA,MACnBA,iCAAA,cAAC,QAAA,EAAK,WAAU,uBAAA,GACZA,iCAAA,cAACC,OAAAA,MAAA,EAAc,WAAU,2BAA0B,MAAY,CACnE;AAGG,MAAM,iBAAiB,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AACJ,MAIM;AACF,QAAMC,QAAOC,QAAAA,eAAA;AAEbH,mBAAM,UAAU,MAAM;AAClB,QAAI,YAAY,CAACE,OAAM,UAAU;AAC7B,MAAAA,OAAM,oBAAA;AAAA,IACV;AAAA,EACJ,GAAG,CAAC,QAAQ,CAAC;AAEb,SAAO;AAAA,IACH;AAAA,IACA;AAAA,MACI,QAAQA,OAAM;AAAA,MACd,UAAU,CAACA,OAAM;AAAA;AAAA;AAAA,MAGjB,4HACI,CAAC;AAAA,MACL,mDAAmD;AAAA,IAAA;AAAA,IAEvD;AAAA,EAAA;AAER;AAWO,MAAM,OAAOF,iBAAM,WAAW,SAAS,SAAS,OAAsB,KAAgC;AACzG,QAAM,EAAE,QAAQ,MAAM,SAAS,UAAU,SAAS,GAAG,eAAe;AACpE,QAAME,SAAOC,QAAAA,eAAA;AAEb,QAAM,YAAY,eAAe;AAAA,IAC7B,UAAU,MAAM;AAAA,IAChB,UAAU,CAAC,CAAC;AAAA,IACZ,WAAW,MAAM;AAAA,EAAA,CACpB;AAED,QAAM,WAAW,CAAC,CAAC,MAAM,YAAY,MAAM,eAAe,MAAM,QAAQ,MAAM,eAAe,MAAM;AAEnG,QAAM,cAAc,CAAC,UAA4C;AAC7D,QAAI,UAAU;AACV,YAAM,eAAA;AACN;AAAA,IACJ;AAEA,UAAM,gBAAA;AAGN,QAAI,UAAUD,QAAM;AAChBA,aAAK;AAAA,QAAW,MACZ,OAAO;AAAA,UACH,MAAM;AAAA,UACN,UAAU,CAAC,SAAkB;AACzB,gBAAI,CAAC,KAAMA,QAAK,YAAA;AAAA,UACpB;AAAA,UACA,SAAS,MAAMA,OAAK,YAAA;AAAA,QAAY,CACnC;AAAA,MAAA;AAEL;AAAA,IACJ;AAGA,QAAI,SAAS;AACT,cAAQ,KAAK;AAAA,IACjB;AAAA,EACJ;AAEA,MAAI,SAAS;AACT,WACIF,iCAAA,cAACI,KAAAA,KAAc,aAAd,MACGJ,iCAAA,cAACI,KAAAA,KAAc,gBAAd,EAA8B,GAAG,YAAY,WAAsB,IAAA,GAC/D,OAAOJ,iCAAA,cAAC,MAAA,EAAK,MAAM,MAAM,IAAK,MAC9B,MAAM,UACPA,iCAAA,cAACC,OAAAA,MAAA,EAAc,WAAU,6BAA4B,MAAK,iBAAgB,CAC9E,GACC,SACL;AAAA,EAER;AAEA,QAAM,WACFD,iCAAA;AAAA,IAACI,KAAAA,KAAc;AAAA,IAAd;AAAA,MACI,GAAG;AAAA,MAEH,GAAI,SAAS,EAAE,iBAAiB,SAAA,IAAa,CAAA;AAAA,MAC9C;AAAA,MACA,SAAS;AAAA,MACT;AAAA,MACA;AAAA,IAAA;AAAA,IACC,OAAOJ,iCAAA,cAAC,MAAA,EAAK,MAAM,MAAM,IAAK;AAAA,IAC9B,MAAM;AAAA,IACN,WACGA,iCAAA,cAAC,QAAA,EAAK,WAAU,kBACZA,iCAAA,cAACK,SAAAA,UAAA,EAAS,MAAM,UAAU,WAAU,gBAAA,CAAgB,CACxD,IACA;AAAA,EAAA;AAIZ,SAAO;AACX,CAAC;;;;"}

package/dist/components/Menu/components/Item.d.ts CHANGED Viewed

@@ -11,7 +11,7 @@ export declare const useItemStyling: ({ disabled, indented, className, }: {
     className?: string;
 }) => string;
 export type MenuItemProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> & {
-    dialog?: (props: Partial<DialogProps>) => JSX.Element;
+    dialog?: (props: Partial<DialogProps>) => React.JSX.Element;
     disabled?: boolean;
     icon?: IconName;
     onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
@@ -19,7 +19,7 @@ export type MenuItemProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect
     subMenu?: any;
 };
 export declare const Item: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, "onSelect"> & {
-    dialog?: (props: Partial<DialogProps>) => JSX.Element;
+    dialog?: (props: Partial<DialogProps>) => React.JSX.Element;
     disabled?: boolean;
     icon?: IconName;
     onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;

package/dist/components/Menu/components/Item.js CHANGED Viewed

@@ -12,19 +12,19 @@ const useItemStyling = ({
 }) => {
   const menu = useCurrentMenu();
   React.useEffect(() => {
-    if (indented && !(menu == null ? void 0 : menu.indented)) {
-      menu == null ? void 0 : menu.registerIndentation();
+    if (indented && !menu?.indented) {
+      menu?.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": menu == null ? void 0 : menu.indented,
-      "pl-1.5": !(menu == null ? void 0 : menu.indented),
+      "pl-7": menu?.indented,
+      "pl-1.5": !menu?.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
   );

package/dist/components/Menu/components/Item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Item.js","sources":["../../../../src/components/Menu/components/Item.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Menu as MenuPrimitive } from '@base-ui/react/menu';\nimport cn from 'clsx';\nimport { IconName } from '../../Icon/Icon';\nimport { Icon as IconPrimitive } from '../../Icon/Icon';\nimport { useCurrentMenu } from '../Context';\nimport { DialogProps } from '../../Dialog/Dialog';\nimport { Shortcut } from '../../Shortcut/Shortcut';\nimport { KeyDownHandlerOptions } from '../../../utils/keyboard';\n\nexport const Icon = ({ name }: { name: IconName }) => (\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 = ({\n disabled,\n indented,\n className,\n}: {\n disabled?: boolean;\n indented: boolean;\n className?: string;\n}) => {\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 {\n 'pl-7': menu?.indented,\n 'pl-1.5': !menu?.indented,\n /* TODO: Why have both hover and data-[highlighted]? /\n / shadow-none on hover is to prevent the focus style from showing up on hover */\n 'cursor-pointer text-black hover:wcag-gray-100 data-[highlighted]:wcag-gray-100 ~~focus-visible:yt-focus hover:!shadow-none~~':\n !disabled,\n 'cursor-not-allowed hover:bg-white ~~text-gray-300~~': disabled,\n },\n className\n );\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 \| KeyDownHandlerOptions;\n subMenu?: any;\n};\n\nexport const Item = React.forwardRef(function MenuItem(props: MenuItemProps, ref: React.Ref<HTMLDivElement>) {\n const { dialog, icon, onClick, shortcut, subMenu, ...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 disabled = !!props.disabled \|\| props['aria-disabled'] === true \|\| props['aria-disabled'] === 'true';\n\n const handleClick = (event: React.MouseEvent<HTMLDivElement>) => {\n if (disabled) {\n event.preventDefault();\n return;\n }\n\n event.stopPropagation();\n\n // For dialog items, use menu context to manage state (survives menu close)\n if (dialog && menu) {\n menu.openDialog(() =>\n dialog({\n open: true,\n onChange: (open: boolean) => {\n if (!open) menu.closeDialog();\n },\n onClose: () => menu.closeDialog(),\n })\n );\n return;\n }\n\n // Call onClick handler\n if (onClick) {\n onClick(event);\n }\n };\n\n if (subMenu) {\n return (\n <MenuPrimitive.SubmenuRoot>\n <MenuPrimitive.SubmenuTrigger {...otherProps} className={className} ref={ref}>\n {icon ? <Icon name={icon} /> : null}\n {props.children}\n <IconPrimitive className=\"-mr-1.5 ml-auto !h-5 !w-5\" name=\"chevron-right\" />\n </MenuPrimitive.SubmenuTrigger>\n {subMenu()}\n </MenuPrimitive.SubmenuRoot>\n );\n }\n\n const menuItem = (\n <MenuPrimitive.Item\n {...otherProps}\n // Need to set aria-haspopup=\"dialog\" otherwise there is no way to know item opens the dialo (in e2e tests), and we need to know this to be able to test this scenario in e2e tests.\n {...(dialog ? { 'aria-haspopup': 'dialog' } : {})}\n className={className}\n onClick={handleClick}\n ref={ref}\n disabled={disabled}>\n {icon ? <Icon name={icon} /> : null}\n {props.children}\n {shortcut ? (\n <span className=\"ml-auto pl-5\">\n <Shortcut keys={shortcut} className=\"text-gray-700\" />\n </span>\n ) : null}\n </MenuPrimitive.Item>\n );\n\n return menuItem;\n});\n"],"names":["IconPrimitive","MenuPrimitive"],"mappings":";;;;;;AAUO,MAAM,OAAO,CAAC,EAAE,~~WAClB~~,sBAAA,~~cAAA~~,QAAA,EAAK,WAAU,uBAAA,~~GACX~~,sBAAA,~~cAAAA~~,QAAA,EAAc,WAAU,2BAA0B,MAAY,CACnE;AAGG,MAAM,iBAAiB,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AACJ,MAIM;AACF,QAAM,OAAO,~~eAAe~~;~~AAE5B~~,QAAM,UAAU,MAAM;~~AACd~~,~~QAAA~~,YAAY,~~EAAC~~,~~6BAAM~~,~~WAAU~~;AAC7B,~~mCAAM~~;AAAA,~~IAAoB~~;AAAA,~~EAC9B~~,~~GACD~~,CAAC,QAAQ,CAAC;~~AAEN~~,~~SAAA~~;AAAA,IACH;AAAA,IACA;AAAA,MACI,QAAQ,~~6BAAM~~;AAAA,MACd,UAAU,~~EAAC~~,~~6BAAM~~;AAAA;AAAA;AAAA,MAGjB,4HACI,CAAC;AAAA,MACL,mDAAmD;AAAA,~~IACvD~~;AAAA,~~IACA~~;AAAA,~~EACJ~~;~~AACJ~~;AAWO,MAAM,OAAO,MAAM,WAAW,SAAS,SAAS,OAAsB,KAAgC;~~AACnG~~,~~QAAA~~,EAAE,QAAQ,MAAM,SAAS,UAAU,SAAS,GAAG,eAAe;AACpE,QAAM,OAAO,~~eAAe~~;~~AAE5B~~,QAAM,YAAY,eAAe;AAAA,IAC7B,UAAU,MAAM;AAAA,IAChB,UAAU,CAAC,CAAC;AAAA,IACZ,WAAW,MAAM;AAAA,EAAA,CACpB;~~AAEK~~,~~QAAA~~,WAAW,CAAC,CAAC,MAAM,YAAY,MAAM,eAAe,MAAM,QAAQ,MAAM,eAAe,MAAM;~~AAE7F~~,~~QAAA~~,cAAc,CAAC,UAA4C;AAC7D,QAAI,UAAU;AACV,YAAM,~~eAAe~~;~~AACrB~~;AAAA,~~IAAA~~;~~AAGJ~~,UAAM,~~gBAAgB~~;~~AAGtB~~,QAAI,UAAU,MAAM;~~AACX~~,~~WAAA~~;AAAA,QAAW,MACZ,OAAO;AAAA,UACH,MAAM;AAAA,UACN,UAAU,CAAC,SAAkB;~~AACrB~~,~~gBAAA~~,CAAC,KAAM,MAAK,~~YAAY~~;AAAA,~~UAChC~~;AAAA,UACA,SAAS,MAAM,KAAK,~~YAAY~~;AAAA,~~QACnC~~,~~CAAA~~;AAAA,~~MACL~~;~~AACA~~;AAAA,~~IAAA~~;~~AAIJ~~,QAAI,SAAS;AACT,cAAQ,KAAK;AAAA,~~IAAA~~;AAAA,~~EAErB~~;AAEA,MAAI,SAAS;AACT,~~WACK~~,sBAAA,~~cAAAC~~,KAAc,aAAd,~~MACI~~,sBAAA,~~cAAAA~~,KAAc,gBAAd,EAA8B,GAAG,YAAY,WAAsB,IAAA,GAC/D,~~OAAQ~~,sBAAA,~~cAAA~~,MAAA,EAAK,MAAM,MAAM,IAAK,MAC9B,MAAM,~~UACN~~,sBAAA,~~cAAAD~~,QAAA,EAAc,WAAU,6BAA4B,MAAK,iBAAgB,CAC9E,GACC,SACL;AAAA,~~EAAA~~;~~AAIR~~,QAAM,WACF,sBAAA;AAAA,IAACC,KAAc;AAAA,IAAd;AAAA,MACI,GAAG;AAAA,MAEH,GAAI,SAAS,EAAE,iBAAiB,~~aAAa~~,~~CAAC~~;AAAA,~~MAC/C~~;AAAA,MACA,SAAS;AAAA,MACT;AAAA,MACA;AAAA,IAAA;AAAA,IACC,OAAO,sBAAA,cAAC,~~MAAK~~,~~EAAA~~,MAAM,~~KAAM~~,~~CAAA,~~IAAK;AAAA,IAC9B,MAAM;AAAA,IACN,WACG,sBAAA,cAAC,~~QAAK~~,~~EAAA~~,WAAU,kBACZ,sBAAA,cAAC,~~UAAS~~,~~EAAA~~,MAAM,UAAU,WAAU,~~gBAAgB~~,~~CAAA~~,CACxD,IACA;AAAA,~~EACR~~;~~AAGG~~,~~SAAA~~;AACX,CAAC;"}
1	+ {"version":3,"file":"Item.js","sources":["../../../../src/components/Menu/components/Item.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Menu as MenuPrimitive } from '@base-ui/react/menu';\nimport cn from 'clsx';\nimport { IconName } from '../../Icon/Icon';\nimport { Icon as IconPrimitive } from '../../Icon/Icon';\nimport { useCurrentMenu } from '../Context';\nimport { DialogProps } from '../../Dialog/Dialog';\nimport { Shortcut } from '../../Shortcut/Shortcut';\nimport { KeyDownHandlerOptions } from '../../../utils/keyboard';\n\nexport const Icon = ({ name }: { name: IconName }) => (\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 = ({\n disabled,\n indented,\n className,\n}: {\n disabled?: boolean;\n indented: boolean;\n className?: string;\n}) => {\n const menu = useCurrentMenu();\n\n React.useEffect(() => {\n if (indented && !menu?.indented) {\n menu?.registerIndentation();\n }\n }, [indented]);\n\n return cn(\n 'group relative flex h-8 w-full items-center justify-start rounded pr-1.5 focus:outline-none',\n {\n 'pl-7': menu?.indented,\n 'pl-1.5': !menu?.indented,\n /* TODO: Why have both hover and data-[highlighted]? /\n / shadow-none on hover is to prevent the focus style from showing up on hover */\n 'cursor-pointer text-black hover:!shadow-none hover:wcag-gray-100 focus-visible:yt-focus data-[highlighted]:wcag-gray-100':\n !disabled,\n 'cursor-not-allowed text-gray-300 hover:bg-white': disabled,\n },\n className\n );\n};\n\nexport type MenuItemProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> & {\n dialog?: (props: Partial<DialogProps>) => React.JSX.Element;\n disabled?: boolean;\n icon?: IconName;\n onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n shortcut?: string \| KeyDownHandlerOptions;\n subMenu?: any;\n};\n\nexport const Item = React.forwardRef(function MenuItem(props: MenuItemProps, ref: React.Ref<HTMLDivElement>) {\n const { dialog, icon, onClick, shortcut, subMenu, ...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 disabled = !!props.disabled \|\| props['aria-disabled'] === true \|\| props['aria-disabled'] === 'true';\n\n const handleClick = (event: React.MouseEvent<HTMLDivElement>) => {\n if (disabled) {\n event.preventDefault();\n return;\n }\n\n event.stopPropagation();\n\n // For dialog items, use menu context to manage state (survives menu close)\n if (dialog && menu) {\n menu.openDialog(() =>\n dialog({\n open: true,\n onChange: (open: boolean) => {\n if (!open) menu.closeDialog();\n },\n onClose: () => menu.closeDialog(),\n })\n );\n return;\n }\n\n // Call onClick handler\n if (onClick) {\n onClick(event);\n }\n };\n\n if (subMenu) {\n return (\n <MenuPrimitive.SubmenuRoot>\n <MenuPrimitive.SubmenuTrigger {...otherProps} className={className} ref={ref}>\n {icon ? <Icon name={icon} /> : null}\n {props.children}\n <IconPrimitive className=\"-mr-1.5 ml-auto !h-5 !w-5\" name=\"chevron-right\" />\n </MenuPrimitive.SubmenuTrigger>\n {subMenu()}\n </MenuPrimitive.SubmenuRoot>\n );\n }\n\n const menuItem = (\n <MenuPrimitive.Item\n {...otherProps}\n // Need to set aria-haspopup=\"dialog\" otherwise there is no way to know item opens the dialo (in e2e tests), and we need to know this to be able to test this scenario in e2e tests.\n {...(dialog ? { 'aria-haspopup': 'dialog' } : {})}\n className={className}\n onClick={handleClick}\n ref={ref}\n disabled={disabled}>\n {icon ? <Icon name={icon} /> : null}\n {props.children}\n {shortcut ? (\n <span className=\"ml-auto pl-5\">\n <Shortcut keys={shortcut} className=\"text-gray-700\" />\n </span>\n ) : null}\n </MenuPrimitive.Item>\n );\n\n return menuItem;\n});\n"],"names":["IconPrimitive","MenuPrimitive"],"mappings":";;;;;;AAUO,MAAM,OAAO,CAAC,EAAE,KAAA,MACnB,sBAAA,cAAC,QAAA,EAAK,WAAU,uBAAA,GACZ,sBAAA,cAACA,QAAA,EAAc,WAAU,2BAA0B,MAAY,CACnE;AAGG,MAAM,iBAAiB,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AACJ,MAIM;AACF,QAAM,OAAO,eAAA;AAEb,QAAM,UAAU,MAAM;AAClB,QAAI,YAAY,CAAC,MAAM,UAAU;AAC7B,YAAM,oBAAA;AAAA,IACV;AAAA,EACJ,GAAG,CAAC,QAAQ,CAAC;AAEb,SAAO;AAAA,IACH;AAAA,IACA;AAAA,MACI,QAAQ,MAAM;AAAA,MACd,UAAU,CAAC,MAAM;AAAA;AAAA;AAAA,MAGjB,4HACI,CAAC;AAAA,MACL,mDAAmD;AAAA,IAAA;AAAA,IAEvD;AAAA,EAAA;AAER;AAWO,MAAM,OAAO,MAAM,WAAW,SAAS,SAAS,OAAsB,KAAgC;AACzG,QAAM,EAAE,QAAQ,MAAM,SAAS,UAAU,SAAS,GAAG,eAAe;AACpE,QAAM,OAAO,eAAA;AAEb,QAAM,YAAY,eAAe;AAAA,IAC7B,UAAU,MAAM;AAAA,IAChB,UAAU,CAAC,CAAC;AAAA,IACZ,WAAW,MAAM;AAAA,EAAA,CACpB;AAED,QAAM,WAAW,CAAC,CAAC,MAAM,YAAY,MAAM,eAAe,MAAM,QAAQ,MAAM,eAAe,MAAM;AAEnG,QAAM,cAAc,CAAC,UAA4C;AAC7D,QAAI,UAAU;AACV,YAAM,eAAA;AACN;AAAA,IACJ;AAEA,UAAM,gBAAA;AAGN,QAAI,UAAU,MAAM;AAChB,WAAK;AAAA,QAAW,MACZ,OAAO;AAAA,UACH,MAAM;AAAA,UACN,UAAU,CAAC,SAAkB;AACzB,gBAAI,CAAC,KAAM,MAAK,YAAA;AAAA,UACpB;AAAA,UACA,SAAS,MAAM,KAAK,YAAA;AAAA,QAAY,CACnC;AAAA,MAAA;AAEL;AAAA,IACJ;AAGA,QAAI,SAAS;AACT,cAAQ,KAAK;AAAA,IACjB;AAAA,EACJ;AAEA,MAAI,SAAS;AACT,WACI,sBAAA,cAACC,KAAc,aAAd,MACG,sBAAA,cAACA,KAAc,gBAAd,EAA8B,GAAG,YAAY,WAAsB,IAAA,GAC/D,OAAO,sBAAA,cAAC,MAAA,EAAK,MAAM,MAAM,IAAK,MAC9B,MAAM,UACP,sBAAA,cAACD,QAAA,EAAc,WAAU,6BAA4B,MAAK,iBAAgB,CAC9E,GACC,SACL;AAAA,EAER;AAEA,QAAM,WACF,sBAAA;AAAA,IAACC,KAAc;AAAA,IAAd;AAAA,MACI,GAAG;AAAA,MAEH,GAAI,SAAS,EAAE,iBAAiB,SAAA,IAAa,CAAA;AAAA,MAC9C;AAAA,MACA,SAAS;AAAA,MACT;AAAA,MACA;AAAA,IAAA;AAAA,IACC,OAAO,sBAAA,cAAC,MAAA,EAAK,MAAM,MAAM,IAAK;AAAA,IAC9B,MAAM;AAAA,IACN,WACG,sBAAA,cAAC,QAAA,EAAK,WAAU,kBACZ,sBAAA,cAAC,UAAA,EAAS,MAAM,UAAU,WAAU,gBAAA,CAAgB,CACxD,IACA;AAAA,EAAA;AAIZ,SAAO;AACX,CAAC;"}

package/dist/components/Menu/components/Link.cjs CHANGED Viewed

@@ -30,8 +30,8 @@ const Link = React__namespace.forwardRef(function MenuLink(props, ref) {
     className: props.className
   });
   const handleClick = (event) => {
-    onClick == null ? void 0 : onClick(event);
-    menu$1 == null ? void 0 : menu$1.close();
+    onClick?.(event);
+    menu$1?.close();
   };
   return /* @__PURE__ */ React__namespace.createElement(
     menu.Menu.Item,

package/dist/components/Menu/components/Link.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Link.cjs","sources":["../../../../src/components/Menu/components/Link.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Menu as MenuPrimitive } from '@base-ui/react/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, children, ...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 <MenuPrimitive.Item\n {...otherProps}\n className={className}\n ref={ref}\n onClick={handleClick}\n render={<a href={href} target=\"_blank\" rel=\"noopener noreferrer\" />}>\n {icon && <Icon name={icon} />}\n {children}\n </MenuPrimitive.Item>\n );\n});\n"],"names":["React","menu","useCurrentMenu","useItemStyling","MenuPrimitive","Icon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAaO,MAAM,OAAOA,iBAAM,WAAW,SAAS,SAAS,OAA0B,KAAgC;AAC7G,QAAM,EAAE,MAAM,MAAM,SAAS,UAAU,GAAG,eAAe;AACzD,QAAMC,SAAOC,QAAAA,~~eAAe~~;~~AAE5B~~,QAAM,YAAYC,KAAAA,eAAe;AAAA,IAC7B,UAAU,MAAM;AAAA,IAChB,UAAU,CAAC,CAAC;AAAA,IACZ,WAAW,MAAM;AAAA,EAAA,CACpB;AAED,QAAM,cAAuD,~~CAAS~~,~~UAAA~~;AAClE,~~uCAAU~~;~~AACVF~~,~~qCAAM~~;AAAA,EACV;~~AAGI~~,~~SAAAD~~,iCAAA;AAAA,IAACI,KAAAA,KAAc;AAAA,IAAd;AAAA,MACI,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA,SAAS;AAAA,MACT,~~QAASJ~~,iCAAA,~~cAAA~~,KAAA,EAAE,MAAY,QAAO,UAAS,KAAI,~~sBAAsB~~,~~CAAA~~;AAAA,IAAA;AAAA,IAChE,QAAQA,iCAAA,cAACK,~~KAAK~~,MAAA,~~EAAA~~,MAAM,MAAM;AAAA,IAC1B;AAAA,~~EACL~~;~~AAER~~,CAAC;;"}
1	+ {"version":3,"file":"Link.cjs","sources":["../../../../src/components/Menu/components/Link.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Menu as MenuPrimitive } from '@base-ui/react/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, children, ...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 <MenuPrimitive.Item\n {...otherProps}\n className={className}\n ref={ref}\n onClick={handleClick}\n render={<a href={href} target=\"_blank\" rel=\"noopener noreferrer\" />}>\n {icon && <Icon name={icon} />}\n {children}\n </MenuPrimitive.Item>\n );\n});\n"],"names":["React","menu","useCurrentMenu","useItemStyling","MenuPrimitive","Icon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAaO,MAAM,OAAOA,iBAAM,WAAW,SAAS,SAAS,OAA0B,KAAgC;AAC7G,QAAM,EAAE,MAAM,MAAM,SAAS,UAAU,GAAG,eAAe;AACzD,QAAMC,SAAOC,QAAAA,eAAA;AAEb,QAAM,YAAYC,KAAAA,eAAe;AAAA,IAC7B,UAAU,MAAM;AAAA,IAChB,UAAU,CAAC,CAAC;AAAA,IACZ,WAAW,MAAM;AAAA,EAAA,CACpB;AAED,QAAM,cAAuD,CAAA,UAAS;AAClE,cAAU,KAAK;AACfF,YAAM,MAAA;AAAA,EACV;AAEA,SACID,iCAAA;AAAA,IAACI,KAAAA,KAAc;AAAA,IAAd;AAAA,MACI,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA,SAAS;AAAA,MACT,QAAQJ,iCAAA,cAAC,KAAA,EAAE,MAAY,QAAO,UAAS,KAAI,sBAAA,CAAsB;AAAA,IAAA;AAAA,IAChE,QAAQA,iCAAA,cAACK,KAAAA,MAAA,EAAK,MAAM,MAAM;AAAA,IAC1B;AAAA,EAAA;AAGb,CAAC;;"}

package/dist/components/Menu/components/Link.js CHANGED Viewed

@@ -11,8 +11,8 @@ const Link = React.forwardRef(function MenuLink(props, ref) {
     className: props.className
   });
   const handleClick = (event) => {
-    onClick == null ? void 0 : onClick(event);
-    menu == null ? void 0 : menu.close();
+    onClick?.(event);
+    menu?.close();
   };
   return /* @__PURE__ */ React.createElement(
     Menu.Item,

package/dist/components/Menu/components/Link.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Link.js","sources":["../../../../src/components/Menu/components/Link.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Menu as MenuPrimitive } from '@base-ui/react/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, children, ...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 <MenuPrimitive.Item\n {...otherProps}\n className={className}\n ref={ref}\n onClick={handleClick}\n render={<a href={href} target=\"_blank\" rel=\"noopener noreferrer\" />}>\n {icon && <Icon name={icon} />}\n {children}\n </MenuPrimitive.Item>\n );\n});\n"],"names":["MenuPrimitive"],"mappings":";;;;AAaO,MAAM,OAAO,MAAM,WAAW,SAAS,SAAS,OAA0B,KAAgC;AAC7G,QAAM,EAAE,MAAM,MAAM,SAAS,UAAU,GAAG,eAAe;AACzD,QAAM,OAAO,~~eAAe~~;~~AAE5B~~,QAAM,YAAY,eAAe;AAAA,IAC7B,UAAU,MAAM;AAAA,IAChB,UAAU,CAAC,CAAC;AAAA,IACZ,WAAW,MAAM;AAAA,EAAA,CACpB;AAED,QAAM,cAAuD,~~CAAS~~,~~UAAA~~;AAClE,~~uCAAU~~;~~AACV~~,~~iCAAM~~;AAAA,EACV;~~AAGI~~,~~SAAA~~,sBAAA;AAAA,IAACA,KAAc;AAAA,IAAd;AAAA,MACI,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA,SAAS;AAAA,MACT,~~QAAS~~,sBAAA,~~cAAA~~,KAAA,EAAE,MAAY,QAAO,UAAS,KAAI,~~sBAAsB~~,~~CAAA~~;AAAA,IAAA;AAAA,IAChE,QAAQ,sBAAA,cAAC,~~MAAK~~,~~EAAA~~,MAAM,MAAM;AAAA,IAC1B;AAAA,~~EACL~~;~~AAER~~,CAAC;"}
1	+ {"version":3,"file":"Link.js","sources":["../../../../src/components/Menu/components/Link.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Menu as MenuPrimitive } from '@base-ui/react/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, children, ...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 <MenuPrimitive.Item\n {...otherProps}\n className={className}\n ref={ref}\n onClick={handleClick}\n render={<a href={href} target=\"_blank\" rel=\"noopener noreferrer\" />}>\n {icon && <Icon name={icon} />}\n {children}\n </MenuPrimitive.Item>\n );\n});\n"],"names":["MenuPrimitive"],"mappings":";;;;AAaO,MAAM,OAAO,MAAM,WAAW,SAAS,SAAS,OAA0B,KAAgC;AAC7G,QAAM,EAAE,MAAM,MAAM,SAAS,UAAU,GAAG,eAAe;AACzD,QAAM,OAAO,eAAA;AAEb,QAAM,YAAY,eAAe;AAAA,IAC7B,UAAU,MAAM;AAAA,IAChB,UAAU,CAAC,CAAC;AAAA,IACZ,WAAW,MAAM;AAAA,EAAA,CACpB;AAED,QAAM,cAAuD,CAAA,UAAS;AAClE,cAAU,KAAK;AACf,UAAM,MAAA;AAAA,EACV;AAEA,SACI,sBAAA;AAAA,IAACA,KAAc;AAAA,IAAd;AAAA,MACI,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA,SAAS;AAAA,MACT,QAAQ,sBAAA,cAAC,KAAA,EAAE,MAAY,QAAO,UAAS,KAAI,sBAAA,CAAsB;AAAA,IAAA;AAAA,IAChE,QAAQ,sBAAA,cAAC,MAAA,EAAK,MAAM,MAAM;AAAA,IAC1B;AAAA,EAAA;AAGb,CAAC;"}

package/dist/components/Menu/components/RadioGroup.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RadioGroup.cjs","sources":["../../../../src/components/Menu/components/RadioGroup.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Menu as MenuPrimitive } from '@base-ui/react/menu';\nimport { useItemStyling } from './Item';\nimport { RadioGroupItemValue } from '../../RadioGroup/RadioGroup';\nimport { getRadioItemByValue } from '../../RadioGroup/util';\n\ntype MenuRadioGroupContextType = {\n disabled?: boolean;\n value?: string;\n onChange?: (value: string) => void;\n};\n\n// Context for the radio group used to pass the disabled state to the radio group items\n// This is needed because context from RadioGroup component context was removed after migration to react-aria\n// TODO: remove this context once this component will be migrated to react-aria\nconst MenuRadioGroupContext = React.createContext<MenuRadioGroupContextType>({});\n\n// item\nexport type MenuRadioGroupItemProps<T = HTMLDivElement> = Omit<React.HTMLAttributes<T>, 'children' \| 'onSelect'> & {\n /** Label for the radio group item /\n children: React.ReactNode;\n / Whether the radio group item is disabled /\n disabled?: boolean;\n /* Value of the radio button /\n value: RadioGroupItemValue;\n};\n\nexport const RadioItem = (props: MenuRadioGroupItemProps) => {\n const { children, disabled, value, ...otherProps } = props;\n const context = React.useContext(MenuRadioGroupContext);\n const isDisabled = context.disabled \|\| disabled;\n\n const className = useItemStyling({\n disabled: isDisabled,\n indented: true,\n className: props.className,\n });\n\n return (\n <MenuPrimitive.RadioItem {...otherProps} className={className} disabled={isDisabled} value={String(value ?? '')}>\n <MenuPrimitive.RadioItemIndicator className=\"absolute left-0 ml-1.5\">\n <span className=\"ml-1 flex h-1.5 w-1.5 rounded-full bg-current\" />\n </MenuPrimitive.RadioItemIndicator>\n {children}\n </MenuPrimitive.RadioItem>\n );\n};\n\n// group\nexport type MenuRadioGroupProps = React.HTMLAttributes<HTMLDivElement> & {\n disabled?: boolean;\n /* Handler called when the value changes /\n onChange: (value: RadioGroupItemValue) => void;\n /* The current value (controlled) */\n value?: RadioGroupItemValue;\n};\n\nexport type ForwardedMenuRadioGroupWithStatics = React.ForwardRefExoticComponent<\n MenuRadioGroupProps & React.RefAttributes<HTMLElement>\n> & {\n Item: React.FunctionComponent<MenuRadioGroupItemProps>;\n};\n\nexport const RadioGroup = React.forwardRef<HTMLDivElement, MenuRadioGroupProps>(function MenuRadioItem(props, ref) {\n const values = React.useMemo<RadioGroupItemValue[]>(() => {\n const radioGroupItemValues: RadioGroupItemValue[] = [];\n\n React.Children.forEach(props.children, child => {\n if (React.isValidElement(child)) {\n radioGroupItemValues.push(child.props.value);\n }\n });\n\n return radioGroupItemValues;\n }, [props.children]);\n\n const handleChange = (value: string) => props.onChange(getRadioItemByValue(values, value));\n const value = String(props.value ?? '');\n\n return (\n <MenuRadioGroupContext.Provider value={{ disabled: props.disabled, value, onChange: handleChange }}>\n <MenuPrimitive.RadioGroup {...props} className=\"flex flex-col\" value={value} onValueChange={handleChange} ref={ref} />\n </MenuRadioGroupContext.Provider>\n );\n}) as ForwardedMenuRadioGroupWithStatics;\n\nRadioGroup.Item = RadioItem;\n"],"names":["React","useItemStyling","MenuPrimitive","value","getRadioItemByValue"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAeA,MAAM,wBAAwBA,iBAAM,cAAyC,EAAE;~~AAYlE~~,~~MAAA~~,YAAY,CAAC,UAAmC;AACzD,QAAM,EAAE,UAAU,UAAU,OAAO,GAAG,~~WAAe,IAAA~~;~~AAC/C~~,~~QAAA~~,UAAUA,iBAAM,WAAW,qBAAqB;~~AAChD~~,~~QAAA~~,aAAa,QAAQ,YAAY;AAEvC,QAAM,YAAYC,KAAAA,eAAe;AAAA,IAC7B,UAAU;AAAA,IACV,UAAU;AAAA,IACV,WAAW,MAAM;AAAA,EAAA,CACpB;~~AAGG~~,~~SAAAD~~,iCAAA,cAACE,KAAc,~~KAAA,~~WAAd,EAAyB,GAAG,YAAY,WAAsB,UAAU,YAAY,OAAO,OAAO,SAAS,EAAE,~~KACzGF~~,iCAAA,~~cAAAE~~,KAAAA,KAAc,oBAAd,EAAiC,WAAU,yBAAA,~~GACvCF~~,iCAAA,~~cAAA~~,QAAA,EAAK,WAAU,gDAAA,CAAgD,CACpE,GACC,QACL;AAER;AAiBO,MAAM,aAAaA,iBAAM,WAAgD,SAAS,cAAc,OAAO,KAAK;~~AACzG~~,~~QAAA~~,SAASA,iBAAM,QAA+B,MAAM;AACtD,UAAM,uBAA8C,~~CAAC~~;~~AAErDA~~,qBAAM,SAAS,QAAQ,MAAM,UAAU,~~CAAS~~,~~UAAA~~;~~AACxC~~,~~UAAAA~~,iBAAM,~~eAAe~~,KAAK,GAAG;~~AACR~~,~~6BAAA~~,KAAK,MAAM,MAAM,KAAK;AAAA,~~MAAA~~;AAAA,~~IAC/C~~,~~CACH~~;~~AAEM~~,~~WAAA~~;AAAA,~~EAAA~~,~~GACR~~,CAAC,MAAM,QAAQ,CAAC;~~AAEb~~,~~QAAA~~,eAAe,CAACG,WAAkB,MAAM,SAASC,yBAAoB,QAAQD,MAAK,CAAC;AACzF,QAAM,QAAQ,OAAO,MAAM,SAAS,EAAE;~~AAGlC~~,~~SAAAH~~,iCAAA,cAAC,sBAAsB,UAAtB,EAA+B,OAAO,EAAE,UAAU,MAAM,UAAU,OAAO,UAAU,~~kBAC/EA~~,iCAAA,~~cAAAE~~,~~KAAA~~,KAAc,YAAd,EAA0B,GAAG,OAAO,WAAU,iBAAgB,OAAc,eAAe,cAAc,~~IAAU~~,~~CAAA~~,CACxH;AAER,CAAC;AAED,WAAW,OAAO;;;"}
1	+ {"version":3,"file":"RadioGroup.cjs","sources":["../../../../src/components/Menu/components/RadioGroup.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Menu as MenuPrimitive } from '@base-ui/react/menu';\nimport { useItemStyling } from './Item';\nimport { RadioGroupItemValue } from '../../RadioGroup/RadioGroup';\nimport { getRadioItemByValue } from '../../RadioGroup/util';\n\ntype MenuRadioGroupContextType = {\n disabled?: boolean;\n value?: string;\n onChange?: (value: string) => void;\n};\n\n// Context for the radio group used to pass the disabled state to the radio group items\n// This is needed because context from RadioGroup component context was removed after migration to react-aria\n// TODO: remove this context once this component will be migrated to react-aria\nconst MenuRadioGroupContext = React.createContext<MenuRadioGroupContextType>({});\n\n// item\nexport type MenuRadioGroupItemProps<T = HTMLDivElement> = Omit<React.HTMLAttributes<T>, 'children' \| 'onSelect'> & {\n /** Label for the radio group item /\n children: React.ReactNode;\n / Whether the radio group item is disabled /\n disabled?: boolean;\n /* Value of the radio button /\n value: RadioGroupItemValue;\n};\n\nexport const RadioItem = (props: MenuRadioGroupItemProps) => {\n const { children, disabled, value, ...otherProps } = props;\n const context = React.useContext(MenuRadioGroupContext);\n const isDisabled = context.disabled \|\| disabled;\n\n const className = useItemStyling({\n disabled: isDisabled,\n indented: true,\n className: props.className,\n });\n\n return (\n <MenuPrimitive.RadioItem {...otherProps} className={className} disabled={isDisabled} value={String(value ?? '')}>\n <MenuPrimitive.RadioItemIndicator className=\"absolute left-0 ml-1.5\">\n <span className=\"ml-1 flex h-1.5 w-1.5 rounded-full bg-current\" />\n </MenuPrimitive.RadioItemIndicator>\n {children}\n </MenuPrimitive.RadioItem>\n );\n};\n\n// group\nexport type MenuRadioGroupProps = React.HTMLAttributes<HTMLDivElement> & {\n disabled?: boolean;\n /* Handler called when the value changes /\n onChange: (value: RadioGroupItemValue) => void;\n /* The current value (controlled) */\n value?: RadioGroupItemValue;\n};\n\nexport type ForwardedMenuRadioGroupWithStatics = React.ForwardRefExoticComponent<\n MenuRadioGroupProps & React.RefAttributes<HTMLElement>\n> & {\n Item: React.FunctionComponent<MenuRadioGroupItemProps>;\n};\n\nexport const RadioGroup = React.forwardRef<HTMLDivElement, MenuRadioGroupProps>(function MenuRadioItem(props, ref) {\n const values = React.useMemo<RadioGroupItemValue[]>(() => {\n const radioGroupItemValues: RadioGroupItemValue[] = [];\n\n React.Children.forEach(props.children, child => {\n if (React.isValidElement<{ value: RadioGroupItemValue }>(child)) {\n radioGroupItemValues.push(child.props.value);\n }\n });\n\n return radioGroupItemValues;\n }, [props.children]);\n\n const handleChange = (value: string) => props.onChange(getRadioItemByValue(values, value));\n const value = String(props.value ?? '');\n\n return (\n <MenuRadioGroupContext.Provider value={{ disabled: props.disabled, value, onChange: handleChange }}>\n <MenuPrimitive.RadioGroup {...props} className=\"flex flex-col\" value={value} onValueChange={handleChange} ref={ref} />\n </MenuRadioGroupContext.Provider>\n );\n}) as ForwardedMenuRadioGroupWithStatics;\n\nRadioGroup.Item = RadioItem;\n"],"names":["React","useItemStyling","MenuPrimitive","value","getRadioItemByValue"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAeA,MAAM,wBAAwBA,iBAAM,cAAyC,EAAE;AAYxE,MAAM,YAAY,CAAC,UAAmC;AACzD,QAAM,EAAE,UAAU,UAAU,OAAO,GAAG,eAAe;AACrD,QAAM,UAAUA,iBAAM,WAAW,qBAAqB;AACtD,QAAM,aAAa,QAAQ,YAAY;AAEvC,QAAM,YAAYC,KAAAA,eAAe;AAAA,IAC7B,UAAU;AAAA,IACV,UAAU;AAAA,IACV,WAAW,MAAM;AAAA,EAAA,CACpB;AAED,SACID,iCAAA,cAACE,KAAAA,KAAc,WAAd,EAAyB,GAAG,YAAY,WAAsB,UAAU,YAAY,OAAO,OAAO,SAAS,EAAE,KAC1GF,iCAAA,cAACE,KAAAA,KAAc,oBAAd,EAAiC,WAAU,yBAAA,GACxCF,iCAAA,cAAC,QAAA,EAAK,WAAU,gDAAA,CAAgD,CACpE,GACC,QACL;AAER;AAiBO,MAAM,aAAaA,iBAAM,WAAgD,SAAS,cAAc,OAAO,KAAK;AAC/G,QAAM,SAASA,iBAAM,QAA+B,MAAM;AACtD,UAAM,uBAA8C,CAAA;AAEpDA,qBAAM,SAAS,QAAQ,MAAM,UAAU,CAAA,UAAS;AAC5C,UAAIA,iBAAM,eAA+C,KAAK,GAAG;AAC7D,6BAAqB,KAAK,MAAM,MAAM,KAAK;AAAA,MAC/C;AAAA,IACJ,CAAC;AAED,WAAO;AAAA,EACX,GAAG,CAAC,MAAM,QAAQ,CAAC;AAEnB,QAAM,eAAe,CAACG,WAAkB,MAAM,SAASC,yBAAoB,QAAQD,MAAK,CAAC;AACzF,QAAM,QAAQ,OAAO,MAAM,SAAS,EAAE;AAEtC,SACIH,iCAAA,cAAC,sBAAsB,UAAtB,EAA+B,OAAO,EAAE,UAAU,MAAM,UAAU,OAAO,UAAU,aAAA,KAChFA,iCAAA,cAACE,KAAAA,KAAc,YAAd,EAA0B,GAAG,OAAO,WAAU,iBAAgB,OAAc,eAAe,cAAc,IAAA,CAAU,CACxH;AAER,CAAC;AAED,WAAW,OAAO;;;"}

package/dist/components/Menu/components/RadioGroup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RadioGroup.js","sources":["../../../../src/components/Menu/components/RadioGroup.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Menu as MenuPrimitive } from '@base-ui/react/menu';\nimport { useItemStyling } from './Item';\nimport { RadioGroupItemValue } from '../../RadioGroup/RadioGroup';\nimport { getRadioItemByValue } from '../../RadioGroup/util';\n\ntype MenuRadioGroupContextType = {\n disabled?: boolean;\n value?: string;\n onChange?: (value: string) => void;\n};\n\n// Context for the radio group used to pass the disabled state to the radio group items\n// This is needed because context from RadioGroup component context was removed after migration to react-aria\n// TODO: remove this context once this component will be migrated to react-aria\nconst MenuRadioGroupContext = React.createContext<MenuRadioGroupContextType>({});\n\n// item\nexport type MenuRadioGroupItemProps<T = HTMLDivElement> = Omit<React.HTMLAttributes<T>, 'children' \| 'onSelect'> & {\n /** Label for the radio group item /\n children: React.ReactNode;\n / Whether the radio group item is disabled /\n disabled?: boolean;\n /* Value of the radio button /\n value: RadioGroupItemValue;\n};\n\nexport const RadioItem = (props: MenuRadioGroupItemProps) => {\n const { children, disabled, value, ...otherProps } = props;\n const context = React.useContext(MenuRadioGroupContext);\n const isDisabled = context.disabled \|\| disabled;\n\n const className = useItemStyling({\n disabled: isDisabled,\n indented: true,\n className: props.className,\n });\n\n return (\n <MenuPrimitive.RadioItem {...otherProps} className={className} disabled={isDisabled} value={String(value ?? '')}>\n <MenuPrimitive.RadioItemIndicator className=\"absolute left-0 ml-1.5\">\n <span className=\"ml-1 flex h-1.5 w-1.5 rounded-full bg-current\" />\n </MenuPrimitive.RadioItemIndicator>\n {children}\n </MenuPrimitive.RadioItem>\n );\n};\n\n// group\nexport type MenuRadioGroupProps = React.HTMLAttributes<HTMLDivElement> & {\n disabled?: boolean;\n /* Handler called when the value changes /\n onChange: (value: RadioGroupItemValue) => void;\n /* The current value (controlled) */\n value?: RadioGroupItemValue;\n};\n\nexport type ForwardedMenuRadioGroupWithStatics = React.ForwardRefExoticComponent<\n MenuRadioGroupProps & React.RefAttributes<HTMLElement>\n> & {\n Item: React.FunctionComponent<MenuRadioGroupItemProps>;\n};\n\nexport const RadioGroup = React.forwardRef<HTMLDivElement, MenuRadioGroupProps>(function MenuRadioItem(props, ref) {\n const values = React.useMemo<RadioGroupItemValue[]>(() => {\n const radioGroupItemValues: RadioGroupItemValue[] = [];\n\n React.Children.forEach(props.children, child => {\n if (React.isValidElement(child)) {\n radioGroupItemValues.push(child.props.value);\n }\n });\n\n return radioGroupItemValues;\n }, [props.children]);\n\n const handleChange = (value: string) => props.onChange(getRadioItemByValue(values, value));\n const value = String(props.value ?? '');\n\n return (\n <MenuRadioGroupContext.Provider value={{ disabled: props.disabled, value, onChange: handleChange }}>\n <MenuPrimitive.RadioGroup {...props} className=\"flex flex-col\" value={value} onValueChange={handleChange} ref={ref} />\n </MenuRadioGroupContext.Provider>\n );\n}) as ForwardedMenuRadioGroupWithStatics;\n\nRadioGroup.Item = RadioItem;\n"],"names":["MenuPrimitive","value"],"mappings":";;;;AAeA,MAAM,wBAAwB,MAAM,cAAyC,EAAE;~~AAYlE~~,~~MAAA~~,YAAY,CAAC,UAAmC;AACzD,QAAM,EAAE,UAAU,UAAU,OAAO,GAAG,~~WAAe,IAAA~~;~~AAC/C~~,~~QAAA~~,UAAU,MAAM,WAAW,qBAAqB;~~AAChD~~,~~QAAA~~,aAAa,QAAQ,YAAY;AAEvC,QAAM,YAAY,eAAe;AAAA,IAC7B,UAAU;AAAA,IACV,UAAU;AAAA,IACV,WAAW,MAAM;AAAA,EAAA,CACpB;~~AAGG~~,~~SAAA~~,sBAAA,cAACA,KAAc,WAAd,EAAyB,GAAG,YAAY,WAAsB,UAAU,YAAY,OAAO,OAAO,SAAS,EAAE,~~KACzG~~,sBAAA,~~cAAAA~~,KAAc,oBAAd,EAAiC,WAAU,yBAAA,~~GACvC~~,sBAAA,~~cAAA~~,QAAA,EAAK,WAAU,gDAAA,CAAgD,CACpE,GACC,QACL;AAER;AAiBO,MAAM,aAAa,MAAM,WAAgD,SAAS,cAAc,OAAO,KAAK;~~AACzG~~,~~QAAA~~,SAAS,MAAM,QAA+B,MAAM;AACtD,UAAM,uBAA8C,~~CAAC~~;~~AAErD~~,UAAM,SAAS,QAAQ,MAAM,UAAU,~~CAAS~~,~~UAAA~~;~~AACxC~~,~~UAAA~~,MAAM,~~eAAe~~,KAAK,GAAG;~~AACR~~,~~6BAAA~~,KAAK,MAAM,MAAM,KAAK;AAAA,~~MAAA~~;AAAA,~~IAC/C~~,~~CACH~~;~~AAEM~~,~~WAAA~~;AAAA,~~EAAA~~,~~GACR~~,CAAC,MAAM,QAAQ,CAAC;~~AAEb~~,~~QAAA~~,eAAe,CAACC,WAAkB,MAAM,SAAS,oBAAoB,QAAQA,MAAK,CAAC;AACzF,QAAM,QAAQ,OAAO,MAAM,SAAS,EAAE;~~AAGlC~~,~~SAAA~~,sBAAA,cAAC,sBAAsB,UAAtB,EAA+B,OAAO,EAAE,UAAU,MAAM,UAAU,OAAO,UAAU,~~kBAC/E~~,sBAAA,~~cAAAD~~,KAAc,YAAd,EAA0B,GAAG,OAAO,WAAU,iBAAgB,OAAc,eAAe,cAAc,~~IAAU~~,~~CAAA~~,CACxH;AAER,CAAC;AAED,WAAW,OAAO;"}
1	+ {"version":3,"file":"RadioGroup.js","sources":["../../../../src/components/Menu/components/RadioGroup.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Menu as MenuPrimitive } from '@base-ui/react/menu';\nimport { useItemStyling } from './Item';\nimport { RadioGroupItemValue } from '../../RadioGroup/RadioGroup';\nimport { getRadioItemByValue } from '../../RadioGroup/util';\n\ntype MenuRadioGroupContextType = {\n disabled?: boolean;\n value?: string;\n onChange?: (value: string) => void;\n};\n\n// Context for the radio group used to pass the disabled state to the radio group items\n// This is needed because context from RadioGroup component context was removed after migration to react-aria\n// TODO: remove this context once this component will be migrated to react-aria\nconst MenuRadioGroupContext = React.createContext<MenuRadioGroupContextType>({});\n\n// item\nexport type MenuRadioGroupItemProps<T = HTMLDivElement> = Omit<React.HTMLAttributes<T>, 'children' \| 'onSelect'> & {\n /** Label for the radio group item /\n children: React.ReactNode;\n / Whether the radio group item is disabled /\n disabled?: boolean;\n /* Value of the radio button /\n value: RadioGroupItemValue;\n};\n\nexport const RadioItem = (props: MenuRadioGroupItemProps) => {\n const { children, disabled, value, ...otherProps } = props;\n const context = React.useContext(MenuRadioGroupContext);\n const isDisabled = context.disabled \|\| disabled;\n\n const className = useItemStyling({\n disabled: isDisabled,\n indented: true,\n className: props.className,\n });\n\n return (\n <MenuPrimitive.RadioItem {...otherProps} className={className} disabled={isDisabled} value={String(value ?? '')}>\n <MenuPrimitive.RadioItemIndicator className=\"absolute left-0 ml-1.5\">\n <span className=\"ml-1 flex h-1.5 w-1.5 rounded-full bg-current\" />\n </MenuPrimitive.RadioItemIndicator>\n {children}\n </MenuPrimitive.RadioItem>\n );\n};\n\n// group\nexport type MenuRadioGroupProps = React.HTMLAttributes<HTMLDivElement> & {\n disabled?: boolean;\n /* Handler called when the value changes /\n onChange: (value: RadioGroupItemValue) => void;\n /* The current value (controlled) */\n value?: RadioGroupItemValue;\n};\n\nexport type ForwardedMenuRadioGroupWithStatics = React.ForwardRefExoticComponent<\n MenuRadioGroupProps & React.RefAttributes<HTMLElement>\n> & {\n Item: React.FunctionComponent<MenuRadioGroupItemProps>;\n};\n\nexport const RadioGroup = React.forwardRef<HTMLDivElement, MenuRadioGroupProps>(function MenuRadioItem(props, ref) {\n const values = React.useMemo<RadioGroupItemValue[]>(() => {\n const radioGroupItemValues: RadioGroupItemValue[] = [];\n\n React.Children.forEach(props.children, child => {\n if (React.isValidElement<{ value: RadioGroupItemValue }>(child)) {\n radioGroupItemValues.push(child.props.value);\n }\n });\n\n return radioGroupItemValues;\n }, [props.children]);\n\n const handleChange = (value: string) => props.onChange(getRadioItemByValue(values, value));\n const value = String(props.value ?? '');\n\n return (\n <MenuRadioGroupContext.Provider value={{ disabled: props.disabled, value, onChange: handleChange }}>\n <MenuPrimitive.RadioGroup {...props} className=\"flex flex-col\" value={value} onValueChange={handleChange} ref={ref} />\n </MenuRadioGroupContext.Provider>\n );\n}) as ForwardedMenuRadioGroupWithStatics;\n\nRadioGroup.Item = RadioItem;\n"],"names":["MenuPrimitive","value"],"mappings":";;;;AAeA,MAAM,wBAAwB,MAAM,cAAyC,EAAE;AAYxE,MAAM,YAAY,CAAC,UAAmC;AACzD,QAAM,EAAE,UAAU,UAAU,OAAO,GAAG,eAAe;AACrD,QAAM,UAAU,MAAM,WAAW,qBAAqB;AACtD,QAAM,aAAa,QAAQ,YAAY;AAEvC,QAAM,YAAY,eAAe;AAAA,IAC7B,UAAU;AAAA,IACV,UAAU;AAAA,IACV,WAAW,MAAM;AAAA,EAAA,CACpB;AAED,SACI,sBAAA,cAACA,KAAc,WAAd,EAAyB,GAAG,YAAY,WAAsB,UAAU,YAAY,OAAO,OAAO,SAAS,EAAE,KAC1G,sBAAA,cAACA,KAAc,oBAAd,EAAiC,WAAU,yBAAA,GACxC,sBAAA,cAAC,QAAA,EAAK,WAAU,gDAAA,CAAgD,CACpE,GACC,QACL;AAER;AAiBO,MAAM,aAAa,MAAM,WAAgD,SAAS,cAAc,OAAO,KAAK;AAC/G,QAAM,SAAS,MAAM,QAA+B,MAAM;AACtD,UAAM,uBAA8C,CAAA;AAEpD,UAAM,SAAS,QAAQ,MAAM,UAAU,CAAA,UAAS;AAC5C,UAAI,MAAM,eAA+C,KAAK,GAAG;AAC7D,6BAAqB,KAAK,MAAM,MAAM,KAAK;AAAA,MAC/C;AAAA,IACJ,CAAC;AAED,WAAO;AAAA,EACX,GAAG,CAAC,MAAM,QAAQ,CAAC;AAEnB,QAAM,eAAe,CAACC,WAAkB,MAAM,SAAS,oBAAoB,QAAQA,MAAK,CAAC;AACzF,QAAM,QAAQ,OAAO,MAAM,SAAS,EAAE;AAEtC,SACI,sBAAA,cAAC,sBAAsB,UAAtB,EAA+B,OAAO,EAAE,UAAU,MAAM,UAAU,OAAO,UAAU,aAAA,KAChF,sBAAA,cAACD,KAAc,YAAd,EAA0B,GAAG,OAAO,WAAU,iBAAgB,OAAc,eAAe,cAAc,IAAA,CAAU,CACxH;AAER,CAAC;AAED,WAAW,OAAO;"}

package/dist/components/Menu/components/Separator.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Separator.cjs","sources":["../../../../src/components/Menu/components/Separator.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Menu as MenuPrimitive } from '@base-ui/react/menu';\n\nexport type MenuSeparatorProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const Separator = React.forwardRef(function Separator(props: MenuSeparatorProps, ref: React.Ref<HTMLDivElement>) {\n return <MenuPrimitive.Separator className=\"my-1 h-px bg-gray-300\" {...props} ref={ref} />;\n});\n"],"names":["React","Separator","MenuPrimitive"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAKO,MAAM,YAAYA,iBAAM,WAAW,SAASC,WAAU,OAA2B,KAAgC;~~AAC7G~~,~~SAAAD~~,iCAAA,cAACE,KAAAA,KAAc,WAAd,EAAwB,WAAU,yBAAyB,GAAG,OAAO,KAAU;AAC3F,CAAC;;"}
1	+ {"version":3,"file":"Separator.cjs","sources":["../../../../src/components/Menu/components/Separator.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Menu as MenuPrimitive } from '@base-ui/react/menu';\n\nexport type MenuSeparatorProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const Separator = React.forwardRef(function Separator(props: MenuSeparatorProps, ref: React.Ref<HTMLDivElement>) {\n return <MenuPrimitive.Separator className=\"my-1 h-px bg-gray-300\" {...props} ref={ref} />;\n});\n"],"names":["React","Separator","MenuPrimitive"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAKO,MAAM,YAAYA,iBAAM,WAAW,SAASC,WAAU,OAA2B,KAAgC;AACpH,SAAOD,iCAAA,cAACE,KAAAA,KAAc,WAAd,EAAwB,WAAU,yBAAyB,GAAG,OAAO,KAAU;AAC3F,CAAC;;"}

package/dist/components/Menu/components/Separator.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Separator.js","sources":["../../../../src/components/Menu/components/Separator.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Menu as MenuPrimitive } from '@base-ui/react/menu';\n\nexport type MenuSeparatorProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const Separator = React.forwardRef(function Separator(props: MenuSeparatorProps, ref: React.Ref<HTMLDivElement>) {\n return <MenuPrimitive.Separator className=\"my-1 h-px bg-gray-300\" {...props} ref={ref} />;\n});\n"],"names":["Separator","MenuPrimitive"],"mappings":";;AAKO,MAAM,YAAY,MAAM,WAAW,SAASA,WAAU,OAA2B,KAAgC;~~AAC7G~~,~~SAAA~~,sBAAA,cAACC,KAAc,WAAd,EAAwB,WAAU,yBAAyB,GAAG,OAAO,KAAU;AAC3F,CAAC;"}
1	+ {"version":3,"file":"Separator.js","sources":["../../../../src/components/Menu/components/Separator.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Menu as MenuPrimitive } from '@base-ui/react/menu';\n\nexport type MenuSeparatorProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const Separator = React.forwardRef(function Separator(props: MenuSeparatorProps, ref: React.Ref<HTMLDivElement>) {\n return <MenuPrimitive.Separator className=\"my-1 h-px bg-gray-300\" {...props} ref={ref} />;\n});\n"],"names":["Separator","MenuPrimitive"],"mappings":";;AAKO,MAAM,YAAY,MAAM,WAAW,SAASA,WAAU,OAA2B,KAAgC;AACpH,SAAO,sBAAA,cAACC,KAAc,WAAd,EAAwB,WAAU,yBAAyB,GAAG,OAAO,KAAU;AAC3F,CAAC;"}

package/dist/components/Menu/components/SubMenu.cjs CHANGED Viewed

@@ -24,7 +24,7 @@ const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
 const SubMenu = React__namespace.forwardRef(function MenuSubMenu(props, ref) {
   const internalRef = useMergedRef.useMergedRef(ref);
   const { children, ...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);
   return /* @__PURE__ */ React__namespace.createElement(menu.Menu.Portal, null, /* @__PURE__ */ React__namespace.createElement(menu.Menu.Positioner, { sideOffset: 4 }, /* @__PURE__ */ React__namespace.createElement(menu.Menu.Popup, { ...otherProps, className, "data-taco": "menu-submenu", ref: internalRef }, children)));
 });
 exports.SubMenu = SubMenu;

package/dist/components/Menu/components/SubMenu.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SubMenu.cjs","sources":["../../../../src/components/Menu/components/SubMenu.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Menu as MenuPrimitive } from '@base-ui/react/menu';\nimport cn from 'clsx';\nimport { useMergedRef } from '../../../hooks/useMergedRef';\n\nexport type MenuSubMenuProps = Omit<React.ComponentPropsWithoutRef<typeof MenuPrimitive.Popup>, 'children' \| 'side'> & {\n children: React.ReactNode;\n};\n\nexport const SubMenu = React.forwardRef(function MenuSubMenu(props: MenuSubMenuProps, ref: React.Ref<HTMLDivElement>) {\n const internalRef = useMergedRef<any>(ref);\n const { children, ...otherProps } = props;\n const className = cn('border border-transparent ~~rounded~~ ~~block~~ outline-none p-1 yt-shadow ~~wcag-white~~', props.className);\n\n return (\n <MenuPrimitive.Portal>\n <MenuPrimitive.Positioner sideOffset={4}>\n <MenuPrimitive.Popup {...otherProps} className={className} data-taco=\"menu-submenu\" ref={internalRef}>\n {children}\n </MenuPrimitive.Popup>\n </MenuPrimitive.Positioner>\n </MenuPrimitive.Portal>\n );\n});\n"],"names":["React","useMergedRef","MenuPrimitive"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AASO,MAAM,UAAUA,iBAAM,WAAW,SAAS,YAAY,OAAyB,KAAgC;~~AAC5G~~,~~QAAA~~,cAAcC,~~0BAAkB~~,GAAG;AACzC,QAAM,EAAE,UAAU,GAAG,WAAA,IAAe;AACpC,QAAM,YAAY,GAAG,iFAAiF,MAAM,SAAS;~~AAGjH~~,~~SAAAD~~,iCAAA,cAACE,~~UAAc~~,QAAd,qDACIA,KAAAA,KAAc,YAAd,EAAyB,YAAY,~~EAClC~~,~~GAAAF~~,iCAAA,cAACE,KAAAA,KAAc,OAAd,EAAqB,GAAG,YAAY,WAAsB,aAAU,gBAAe,KAAK,eACpF,QACL,CACJ,CACJ;AAER,CAAC;;"}
1	+ {"version":3,"file":"SubMenu.cjs","sources":["../../../../src/components/Menu/components/SubMenu.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Menu as MenuPrimitive } from '@base-ui/react/menu';\nimport cn from 'clsx';\nimport { useMergedRef } from '../../../hooks/useMergedRef';\n\nexport type MenuSubMenuProps = Omit<React.ComponentPropsWithoutRef<typeof MenuPrimitive.Popup>, 'children' \| 'side'> & {\n children: React.ReactNode;\n};\n\nexport const SubMenu = React.forwardRef(function MenuSubMenu(props: MenuSubMenuProps, ref: React.Ref<HTMLDivElement>) {\n const internalRef = useMergedRef<any>(ref);\n const { children, ...otherProps } = props;\n const className = cn('block rounded border border-transparent p-1 outline-none wcag-white yt-shadow', props.className);\n\n return (\n <MenuPrimitive.Portal>\n <MenuPrimitive.Positioner sideOffset={4}>\n <MenuPrimitive.Popup {...otherProps} className={className} data-taco=\"menu-submenu\" ref={internalRef}>\n {children}\n </MenuPrimitive.Popup>\n </MenuPrimitive.Positioner>\n </MenuPrimitive.Portal>\n );\n});\n"],"names":["React","useMergedRef","MenuPrimitive"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AASO,MAAM,UAAUA,iBAAM,WAAW,SAAS,YAAY,OAAyB,KAAgC;AAClH,QAAM,cAAcC,aAAAA,aAAkB,GAAG;AACzC,QAAM,EAAE,UAAU,GAAG,WAAA,IAAe;AACpC,QAAM,YAAY,GAAG,iFAAiF,MAAM,SAAS;AAErH,SACID,iCAAA,cAACE,KAAAA,KAAc,QAAd,qDACIA,KAAAA,KAAc,YAAd,EAAyB,YAAY,EAAA,GAClCF,iCAAA,cAACE,KAAAA,KAAc,OAAd,EAAqB,GAAG,YAAY,WAAsB,aAAU,gBAAe,KAAK,eACpF,QACL,CACJ,CACJ;AAER,CAAC;;"}

package/dist/components/Menu/components/SubMenu.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { useMergedRef } from "../../../hooks/useMergedRef.js";
 const SubMenu = React.forwardRef(function MenuSubMenu(props, ref) {
   const internalRef = useMergedRef(ref);
   const { children, ...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);
   return /* @__PURE__ */ React.createElement(Menu.Portal, null, /* @__PURE__ */ React.createElement(Menu.Positioner, { sideOffset: 4 }, /* @__PURE__ */ React.createElement(Menu.Popup, { ...otherProps, className, "data-taco": "menu-submenu", ref: internalRef }, children)));
 });
 export {

package/dist/components/Menu/components/SubMenu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SubMenu.js","sources":["../../../../src/components/Menu/components/SubMenu.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Menu as MenuPrimitive } from '@base-ui/react/menu';\nimport cn from 'clsx';\nimport { useMergedRef } from '../../../hooks/useMergedRef';\n\nexport type MenuSubMenuProps = Omit<React.ComponentPropsWithoutRef<typeof MenuPrimitive.Popup>, 'children' \| 'side'> & {\n children: React.ReactNode;\n};\n\nexport const SubMenu = React.forwardRef(function MenuSubMenu(props: MenuSubMenuProps, ref: React.Ref<HTMLDivElement>) {\n const internalRef = useMergedRef<any>(ref);\n const { children, ...otherProps } = props;\n const className = cn('border border-transparent ~~rounded~~ ~~block~~ outline-none p-1 yt-shadow ~~wcag-white~~', props.className);\n\n return (\n <MenuPrimitive.Portal>\n <MenuPrimitive.Positioner sideOffset={4}>\n <MenuPrimitive.Popup {...otherProps} className={className} data-taco=\"menu-submenu\" ref={internalRef}>\n {children}\n </MenuPrimitive.Popup>\n </MenuPrimitive.Positioner>\n </MenuPrimitive.Portal>\n );\n});\n"],"names":["MenuPrimitive"],"mappings":";;;;AASO,MAAM,UAAU,MAAM,WAAW,SAAS,YAAY,OAAyB,KAAgC;~~AAC5G~~,~~QAAA~~,cAAc,aAAkB,GAAG;AACzC,QAAM,EAAE,UAAU,GAAG,WAAA,IAAe;AACpC,QAAM,YAAY,GAAG,iFAAiF,MAAM,SAAS;~~AAGjH~~,~~SAAA~~,sBAAA,cAACA,KAAc,QAAd,0CACIA,KAAc,YAAd,EAAyB,YAAY,~~EAClC~~,~~GAAA~~,sBAAA,cAACA,KAAc,OAAd,EAAqB,GAAG,YAAY,WAAsB,aAAU,gBAAe,KAAK,eACpF,QACL,CACJ,CACJ;AAER,CAAC;"}
1	+ {"version":3,"file":"SubMenu.js","sources":["../../../../src/components/Menu/components/SubMenu.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Menu as MenuPrimitive } from '@base-ui/react/menu';\nimport cn from 'clsx';\nimport { useMergedRef } from '../../../hooks/useMergedRef';\n\nexport type MenuSubMenuProps = Omit<React.ComponentPropsWithoutRef<typeof MenuPrimitive.Popup>, 'children' \| 'side'> & {\n children: React.ReactNode;\n};\n\nexport const SubMenu = React.forwardRef(function MenuSubMenu(props: MenuSubMenuProps, ref: React.Ref<HTMLDivElement>) {\n const internalRef = useMergedRef<any>(ref);\n const { children, ...otherProps } = props;\n const className = cn('block rounded border border-transparent p-1 outline-none wcag-white yt-shadow', props.className);\n\n return (\n <MenuPrimitive.Portal>\n <MenuPrimitive.Positioner sideOffset={4}>\n <MenuPrimitive.Popup {...otherProps} className={className} data-taco=\"menu-submenu\" ref={internalRef}>\n {children}\n </MenuPrimitive.Popup>\n </MenuPrimitive.Positioner>\n </MenuPrimitive.Portal>\n );\n});\n"],"names":["MenuPrimitive"],"mappings":";;;;AASO,MAAM,UAAU,MAAM,WAAW,SAAS,YAAY,OAAyB,KAAgC;AAClH,QAAM,cAAc,aAAkB,GAAG;AACzC,QAAM,EAAE,UAAU,GAAG,WAAA,IAAe;AACpC,QAAM,YAAY,GAAG,iFAAiF,MAAM,SAAS;AAErH,SACI,sBAAA,cAACA,KAAc,QAAd,0CACIA,KAAc,YAAd,EAAyB,YAAY,EAAA,GAClC,sBAAA,cAACA,KAAc,OAAd,EAAqB,GAAG,YAAY,WAAsB,aAAU,gBAAe,KAAK,eACpF,QACL,CACJ,CACJ;AAER,CAAC;"}

package/dist/components/Menu/components/Trigger.cjs CHANGED Viewed

@@ -30,20 +30,19 @@ const Trigger = React__namespace.forwardRef(function MenuTrigger(props, ref) {
   const mergedRef = mergeRefs.mergeRefs([
     ref,
     internalRef,
-    menu$1 == null ? void 0 : menu$1.triggerRef
+    menu$1?.triggerRef
   ]);
   const handleKeyDown = (event) => {
-    var _a;
     if ((event.key === "ArrowDown" || event.key === "ArrowUp") && dom.isElementInsideTable3OrReport(event.currentTarget)) {
       event.preventDefault();
-      (_a = event.currentTarget.parentNode) == null ? void 0 : _a.dispatchEvent(
+      event.currentTarget.parentNode?.dispatchEvent(
         input.createCustomKeyboardEvent(event)
       );
     }
   };
   React__namespace.useEffect(() => {
     if (internalRef.current) {
-      menu$1 == null ? void 0 : menu$1.setMinWidth(internalRef.current.getBoundingClientRect().width);
+      menu$1?.setMinWidth(internalRef.current.getBoundingClientRect().width);
     }
   }, [internalRef]);
   return /* @__PURE__ */ React__namespace.createElement(menu.Menu.Trigger, { ...otherProps, ref: mergedRef, onKeyDown: handleKeyDown, render: children });

package/dist/components/Menu/components/Trigger.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Trigger.cjs","sources":["../../../../src/components/Menu/components/Trigger.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Menu as MenuPrimitive } from '@base-ui/react/menu';\nimport { useCurrentMenu } from '../Context';\nimport { createCustomKeyboardEvent } from '../../../utils/input';\nimport { isElementInsideTable3OrReport } from '../../../utils/dom';\nimport { mergeRefs } from '../../../utils/mergeRefs';\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 { children, ...otherProps } = props;\n const menu = useCurrentMenu();\n const internalRef = React.useRef<HTMLButtonElement \| null>(null);\n const mergedRef = mergeRefs<HTMLButtonElement>([\n ref,\n internalRef,\n menu?.triggerRef as React.MutableRefObject<HTMLButtonElement>,\n ]);\n\n const handleKeyDown = (event: React.KeyboardEvent) => {\n if ((event.key === 'ArrowDown' \|\| event.key === 'ArrowUp') && isElementInsideTable3OrReport(event.currentTarget)) {\n event.preventDefault();\n event.currentTarget.parentNode?.dispatchEvent(\n createCustomKeyboardEvent(event as React.KeyboardEvent<HTMLInputElement>)\n );\n }\n };\n\n React.useEffect(() => {\n if (internalRef.current) {\n menu?.setMinWidth(internalRef.current.getBoundingClientRect().width);\n }\n }, [internalRef]);\n\n return <MenuPrimitive.Trigger {...otherProps} ref={mergedRef} onKeyDown={handleKeyDown} render={children} />;\n});\n"],"names":["React","menu","useCurrentMenu","mergeRefs","isElementInsideTable3OrReport","createCustomKeyboardEvent","MenuPrimitive"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAWO,MAAM,UAAUA,iBAAM,WAAW,SAAS,YAAY,OAAyB,KAAmC;AACrH,QAAM,EAAE,UAAU,GAAG,WAAA,IAAe;AACpC,QAAMC,SAAOC,QAAAA,~~eAAe~~;~~AACtB~~,~~QAAA~~,cAAcF,iBAAM,OAAiC,IAAI;AAC/D,QAAM,YAAYG,UAAAA,UAA6B;AAAA,IAC3C;AAAA,IACA;AAAA,IACAF,~~iCAAM~~;AAAA,EAAA,CACT;~~AAEK~~,~~QAAA~~,gBAAgB,CAAC,UAA+B~~;;AAC7C~~,~~SAAA~~,MAAM,QAAQ,eAAe,MAAM,QAAQ,cAAcG,~~IAAA~~,8BAA8B,MAAM,aAAa,GAAG;AAC9G,YAAM,~~eAAe~~;~~AACrB~~,~~kBAAM~~,cAAc,~~eAApB,mBAAgC~~;AAAA,QAC5BC,MAAAA,0BAA0B,KAA8C;AAAA;AAAA,~~IAC5E~~;AAAA,~~EAER~~;AAEAL,mBAAM,UAAU,MAAM;AAClB,QAAI,YAAY,SAAS;AACrBC,~~uCAAM~~,YAAY,YAAY,QAAQ,sBAAA,EAAwB;AAAA,~~IAAK~~;AAAA,~~EACvE~~,~~GACD~~,CAAC,WAAW,CAAC;~~AAET~~,~~SAAAD~~,iCAAA,cAACM,UAAc,SAAd,EAAuB,GAAG,YAAY,KAAK,WAAW,WAAW,eAAe,QAAQ,~~SAAU~~,~~CAAA~~;AAC9G,CAAC;;"}
1	+ {"version":3,"file":"Trigger.cjs","sources":["../../../../src/components/Menu/components/Trigger.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Menu as MenuPrimitive } from '@base-ui/react/menu';\nimport { useCurrentMenu } from '../Context';\nimport { createCustomKeyboardEvent } from '../../../utils/input';\nimport { isElementInsideTable3OrReport } from '../../../utils/dom';\nimport { mergeRefs } from '../../../utils/mergeRefs';\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 { children, ...otherProps } = props;\n const menu = useCurrentMenu();\n const internalRef = React.useRef<HTMLButtonElement \| null>(null);\n const mergedRef = mergeRefs<HTMLButtonElement>([\n ref,\n internalRef,\n menu?.triggerRef as React.MutableRefObject<HTMLButtonElement>,\n ]);\n\n const handleKeyDown = (event: React.KeyboardEvent) => {\n if ((event.key === 'ArrowDown' \|\| event.key === 'ArrowUp') && isElementInsideTable3OrReport(event.currentTarget)) {\n event.preventDefault();\n event.currentTarget.parentNode?.dispatchEvent(\n createCustomKeyboardEvent(event as React.KeyboardEvent<HTMLInputElement>)\n );\n }\n };\n\n React.useEffect(() => {\n if (internalRef.current) {\n menu?.setMinWidth(internalRef.current.getBoundingClientRect().width);\n }\n }, [internalRef]);\n\n return <MenuPrimitive.Trigger {...otherProps} ref={mergedRef} onKeyDown={handleKeyDown} render={children} />;\n});\n"],"names":["React","menu","useCurrentMenu","mergeRefs","isElementInsideTable3OrReport","createCustomKeyboardEvent","MenuPrimitive"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAWO,MAAM,UAAUA,iBAAM,WAAW,SAAS,YAAY,OAAyB,KAAmC;AACrH,QAAM,EAAE,UAAU,GAAG,WAAA,IAAe;AACpC,QAAMC,SAAOC,QAAAA,eAAA;AACb,QAAM,cAAcF,iBAAM,OAAiC,IAAI;AAC/D,QAAM,YAAYG,UAAAA,UAA6B;AAAA,IAC3C;AAAA,IACA;AAAA,IACAF,QAAM;AAAA,EAAA,CACT;AAED,QAAM,gBAAgB,CAAC,UAA+B;AAClD,SAAK,MAAM,QAAQ,eAAe,MAAM,QAAQ,cAAcG,IAAAA,8BAA8B,MAAM,aAAa,GAAG;AAC9G,YAAM,eAAA;AACN,YAAM,cAAc,YAAY;AAAA,QAC5BC,MAAAA,0BAA0B,KAA8C;AAAA,MAAA;AAAA,IAEhF;AAAA,EACJ;AAEAL,mBAAM,UAAU,MAAM;AAClB,QAAI,YAAY,SAAS;AACrBC,cAAM,YAAY,YAAY,QAAQ,sBAAA,EAAwB,KAAK;AAAA,IACvE;AAAA,EACJ,GAAG,CAAC,WAAW,CAAC;AAEhB,SAAOD,iCAAA,cAACM,UAAc,SAAd,EAAuB,GAAG,YAAY,KAAK,WAAW,WAAW,eAAe,QAAQ,SAAA,CAAU;AAC9G,CAAC;;"}

package/dist/components/Menu/components/Trigger.js CHANGED Viewed

@@ -11,20 +11,19 @@ const Trigger = React.forwardRef(function MenuTrigger(props, ref) {
   const mergedRef = mergeRefs([
     ref,
     internalRef,
-    menu == null ? void 0 : menu.triggerRef
+    menu?.triggerRef
   ]);
   const handleKeyDown = (event) => {
-    var _a;
     if ((event.key === "ArrowDown" || event.key === "ArrowUp") && isElementInsideTable3OrReport(event.currentTarget)) {
       event.preventDefault();
-      (_a = event.currentTarget.parentNode) == null ? void 0 : _a.dispatchEvent(
+      event.currentTarget.parentNode?.dispatchEvent(
         createCustomKeyboardEvent(event)
       );
     }
   };
   React.useEffect(() => {
     if (internalRef.current) {
-      menu == null ? void 0 : menu.setMinWidth(internalRef.current.getBoundingClientRect().width);
+      menu?.setMinWidth(internalRef.current.getBoundingClientRect().width);
     }
   }, [internalRef]);
   return /* @__PURE__ */ React.createElement(Menu.Trigger, { ...otherProps, ref: mergedRef, onKeyDown: handleKeyDown, render: children });

package/dist/components/Menu/components/Trigger.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Trigger.js","sources":["../../../../src/components/Menu/components/Trigger.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Menu as MenuPrimitive } from '@base-ui/react/menu';\nimport { useCurrentMenu } from '../Context';\nimport { createCustomKeyboardEvent } from '../../../utils/input';\nimport { isElementInsideTable3OrReport } from '../../../utils/dom';\nimport { mergeRefs } from '../../../utils/mergeRefs';\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 { children, ...otherProps } = props;\n const menu = useCurrentMenu();\n const internalRef = React.useRef<HTMLButtonElement \| null>(null);\n const mergedRef = mergeRefs<HTMLButtonElement>([\n ref,\n internalRef,\n menu?.triggerRef as React.MutableRefObject<HTMLButtonElement>,\n ]);\n\n const handleKeyDown = (event: React.KeyboardEvent) => {\n if ((event.key === 'ArrowDown' \|\| event.key === 'ArrowUp') && isElementInsideTable3OrReport(event.currentTarget)) {\n event.preventDefault();\n event.currentTarget.parentNode?.dispatchEvent(\n createCustomKeyboardEvent(event as React.KeyboardEvent<HTMLInputElement>)\n );\n }\n };\n\n React.useEffect(() => {\n if (internalRef.current) {\n menu?.setMinWidth(internalRef.current.getBoundingClientRect().width);\n }\n }, [internalRef]);\n\n return <MenuPrimitive.Trigger {...otherProps} ref={mergedRef} onKeyDown={handleKeyDown} render={children} />;\n});\n"],"names":["MenuPrimitive"],"mappings":";;;;;;AAWO,MAAM,UAAU,MAAM,WAAW,SAAS,YAAY,OAAyB,KAAmC;AACrH,QAAM,EAAE,UAAU,GAAG,WAAA,IAAe;AACpC,QAAM,OAAO,~~eAAe~~;~~AACtB~~,~~QAAA~~,cAAc,MAAM,OAAiC,IAAI;AAC/D,QAAM,YAAY,UAA6B;AAAA,IAC3C;AAAA,IACA;AAAA,IACA,~~6BAAM~~;AAAA,EAAA,CACT;~~AAEK~~,~~QAAA~~,gBAAgB,CAAC,UAA+B~~;;AAC7C~~,~~SAAA~~,MAAM,QAAQ,eAAe,MAAM,QAAQ,cAAc,8BAA8B,MAAM,aAAa,GAAG;AAC9G,YAAM,~~eAAe~~;~~AACrB~~,~~kBAAM~~,cAAc,~~eAApB,mBAAgC~~;AAAA,QAC5B,0BAA0B,KAA8C;AAAA;AAAA,~~IAC5E~~;AAAA,~~EAER~~;AAEA,QAAM,UAAU,MAAM;AAClB,QAAI,YAAY,SAAS;AACrB,~~mCAAM~~,YAAY,YAAY,QAAQ,sBAAA,EAAwB;AAAA,~~IAAK~~;AAAA,~~EACvE~~,~~GACD~~,CAAC,WAAW,CAAC;~~AAET~~,~~SAAA~~,sBAAA,cAACA,KAAc,SAAd,EAAuB,GAAG,YAAY,KAAK,WAAW,WAAW,eAAe,QAAQ,~~SAAU~~,~~CAAA~~;AAC9G,CAAC;"}
1	+ {"version":3,"file":"Trigger.js","sources":["../../../../src/components/Menu/components/Trigger.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Menu as MenuPrimitive } from '@base-ui/react/menu';\nimport { useCurrentMenu } from '../Context';\nimport { createCustomKeyboardEvent } from '../../../utils/input';\nimport { isElementInsideTable3OrReport } from '../../../utils/dom';\nimport { mergeRefs } from '../../../utils/mergeRefs';\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 { children, ...otherProps } = props;\n const menu = useCurrentMenu();\n const internalRef = React.useRef<HTMLButtonElement \| null>(null);\n const mergedRef = mergeRefs<HTMLButtonElement>([\n ref,\n internalRef,\n menu?.triggerRef as React.MutableRefObject<HTMLButtonElement>,\n ]);\n\n const handleKeyDown = (event: React.KeyboardEvent) => {\n if ((event.key === 'ArrowDown' \|\| event.key === 'ArrowUp') && isElementInsideTable3OrReport(event.currentTarget)) {\n event.preventDefault();\n event.currentTarget.parentNode?.dispatchEvent(\n createCustomKeyboardEvent(event as React.KeyboardEvent<HTMLInputElement>)\n );\n }\n };\n\n React.useEffect(() => {\n if (internalRef.current) {\n menu?.setMinWidth(internalRef.current.getBoundingClientRect().width);\n }\n }, [internalRef]);\n\n return <MenuPrimitive.Trigger {...otherProps} ref={mergedRef} onKeyDown={handleKeyDown} render={children} />;\n});\n"],"names":["MenuPrimitive"],"mappings":";;;;;;AAWO,MAAM,UAAU,MAAM,WAAW,SAAS,YAAY,OAAyB,KAAmC;AACrH,QAAM,EAAE,UAAU,GAAG,WAAA,IAAe;AACpC,QAAM,OAAO,eAAA;AACb,QAAM,cAAc,MAAM,OAAiC,IAAI;AAC/D,QAAM,YAAY,UAA6B;AAAA,IAC3C;AAAA,IACA;AAAA,IACA,MAAM;AAAA,EAAA,CACT;AAED,QAAM,gBAAgB,CAAC,UAA+B;AAClD,SAAK,MAAM,QAAQ,eAAe,MAAM,QAAQ,cAAc,8BAA8B,MAAM,aAAa,GAAG;AAC9G,YAAM,eAAA;AACN,YAAM,cAAc,YAAY;AAAA,QAC5B,0BAA0B,KAA8C;AAAA,MAAA;AAAA,IAEhF;AAAA,EACJ;AAEA,QAAM,UAAU,MAAM;AAClB,QAAI,YAAY,SAAS;AACrB,YAAM,YAAY,YAAY,QAAQ,sBAAA,EAAwB,KAAK;AAAA,IACvE;AAAA,EACJ,GAAG,CAAC,WAAW,CAAC;AAEhB,SAAO,sBAAA,cAACA,KAAc,SAAd,EAAuB,GAAG,YAAY,KAAK,WAAW,WAAW,eAAe,QAAQ,SAAA,CAAU;AAC9G,CAAC;"}

package/dist/components/Navigation2/Navigation2.cjs CHANGED Viewed

@@ -8,7 +8,7 @@ const Section = require("./components/Section.cjs");
 const Content = require("./components/Content.cjs");
 const Navigation2 = React.forwardRef(function Navigation22(props, ref) {
   const { children, ...attributes } = props;
-  const className = cn("m-0 py-2 flex flex-col gap-y-px overflow-auto h-full w-full bg-brand-noon", props.className);
+  const className = cn("m-0 flex h-full w-full flex-col gap-y-px overflow-auto bg-brand-noon py-2", props.className);
   return /* @__PURE__ */ React.createElement("ul", { ...attributes, className, "data-taco": "navigation2", ref, role: "menubar", style: { opacity: 0.999 } }, children);
 });
 Navigation2.Group = Group.Group;

package/dist/components/Navigation2/Navigation2.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Navigation2.cjs","sources":["../../../src/components/Navigation2/Navigation2.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { Group } from './components/Group';\nimport { Link } from './components/Link';\nimport { Section } from './components/Section';\nimport { Content } from './components/Content';\n\nexport type Navigation2Props = React.HTMLAttributes<HTMLUListElement>;\n\nexport const Navigation2 = React.forwardRef<HTMLUListElement, Navigation2Props>(function Navigation2(props, ref) {\n const { children, ...attributes } = props;\n const className = cn('m-0 py-2 ~~flex~~ flex-col gap-y-px overflow-auto ~~h-full w-full~~ bg-brand-noon', props.className);\n\n return (\n <ul {...attributes} className={className} data-taco=\"navigation2\" ref={ref} role=\"menubar\" style={{ opacity: 0.999 }}>\n {children}\n </ul>\n );\n}) as React.ForwardRefExoticComponent<Navigation2Props> & {\n Group: typeof Group;\n Link: typeof Link;\n Section: typeof Section;\n Content: typeof Content;\n};\n\nNavigation2.Group = Group;\nNavigation2.Link = Link;\nNavigation2.Section = Section;\nNavigation2.Content = Content;\n\nexport { getNavigationLinkClasses } from './components/Link';\n\nexport type { Navigation2ContentProps } from './components/Content';\nexport type { Navigation2GroupProps } from './components/Group';\nexport type { Navigation2LinkProps } from './components/Link';\nexport type { Navigation2SectionProps } from './components/Section';\n"],"names":["Navigation2","Group","Link","Section","Content"],"mappings":";;;;;;;;AASO,MAAM,cAAc,MAAM,WAA+C,SAASA,aAAY,OAAO,KAAK;AAC7G,QAAM,EAAE,UAAU,GAAG,WAAA,IAAe;AACpC,QAAM,YAAY,GAAG,6EAA6E,MAAM,SAAS;AAEjH,~~SACK~~,sBAAA,~~cAAA~~,MAAA,EAAI,GAAG,YAAY,WAAsB,aAAU,eAAc,KAAU,MAAK,WAAU,OAAO,EAAE,SAAS,MAAA,KACxG,QACL;AAER,CAAC;AAOD,YAAY,QAAQC,~~MAAA~~;AACpB,YAAY,OAAOC,~~KAAA~~;AACnB,YAAY,UAAUC,~~QAAA~~;AACtB,YAAY,UAAUC,~~QAAA~~;;;"}
1	+ {"version":3,"file":"Navigation2.cjs","sources":["../../../src/components/Navigation2/Navigation2.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { Group } from './components/Group';\nimport { Link } from './components/Link';\nimport { Section } from './components/Section';\nimport { Content } from './components/Content';\n\nexport type Navigation2Props = React.HTMLAttributes<HTMLUListElement>;\n\nexport const Navigation2 = React.forwardRef<HTMLUListElement, Navigation2Props>(function Navigation2(props, ref) {\n const { children, ...attributes } = props;\n const className = cn('m-0 flex h-full w-full flex-col gap-y-px overflow-auto bg-brand-noon py-2', props.className);\n\n return (\n <ul {...attributes} className={className} data-taco=\"navigation2\" ref={ref} role=\"menubar\" style={{ opacity: 0.999 }}>\n {children}\n </ul>\n );\n}) as React.ForwardRefExoticComponent<Navigation2Props> & {\n Group: typeof Group;\n Link: typeof Link;\n Section: typeof Section;\n Content: typeof Content;\n};\n\nNavigation2.Group = Group;\nNavigation2.Link = Link;\nNavigation2.Section = Section;\nNavigation2.Content = Content;\n\nexport { getNavigationLinkClasses } from './components/Link';\n\nexport type { Navigation2ContentProps } from './components/Content';\nexport type { Navigation2GroupProps } from './components/Group';\nexport type { Navigation2LinkProps } from './components/Link';\nexport type { Navigation2SectionProps } from './components/Section';\n"],"names":["Navigation2","Group","Link","Section","Content"],"mappings":";;;;;;;;AASO,MAAM,cAAc,MAAM,WAA+C,SAASA,aAAY,OAAO,KAAK;AAC7G,QAAM,EAAE,UAAU,GAAG,WAAA,IAAe;AACpC,QAAM,YAAY,GAAG,6EAA6E,MAAM,SAAS;AAEjH,SACI,sBAAA,cAAC,MAAA,EAAI,GAAG,YAAY,WAAsB,aAAU,eAAc,KAAU,MAAK,WAAU,OAAO,EAAE,SAAS,MAAA,KACxG,QACL;AAER,CAAC;AAOD,YAAY,QAAQC,MAAAA;AACpB,YAAY,OAAOC,KAAAA;AACnB,YAAY,UAAUC,QAAAA;AACtB,YAAY,UAAUC,QAAAA;;;"}

package/dist/components/Navigation2/Navigation2.js CHANGED Viewed

@@ -7,7 +7,7 @@ import { Section } from "./components/Section.js";
 import { Content } from "./components/Content.js";
 const Navigation2 = React__default.forwardRef(function Navigation22(props, ref) {
   const { children, ...attributes } = props;
-  const className = cn("m-0 py-2 flex flex-col gap-y-px overflow-auto h-full w-full bg-brand-noon", props.className);
+  const className = cn("m-0 flex h-full w-full flex-col gap-y-px overflow-auto bg-brand-noon py-2", props.className);
   return /* @__PURE__ */ React__default.createElement("ul", { ...attributes, className, "data-taco": "navigation2", ref, role: "menubar", style: { opacity: 0.999 } }, children);
 });
 Navigation2.Group = Group;

package/dist/components/Navigation2/Navigation2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Navigation2.js","sources":["../../../src/components/Navigation2/Navigation2.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { Group } from './components/Group';\nimport { Link } from './components/Link';\nimport { Section } from './components/Section';\nimport { Content } from './components/Content';\n\nexport type Navigation2Props = React.HTMLAttributes<HTMLUListElement>;\n\nexport const Navigation2 = React.forwardRef<HTMLUListElement, Navigation2Props>(function Navigation2(props, ref) {\n const { children, ...attributes } = props;\n const className = cn('m-0 py-2 ~~flex~~ flex-col gap-y-px overflow-auto ~~h-full w-full~~ bg-brand-noon', props.className);\n\n return (\n <ul {...attributes} className={className} data-taco=\"navigation2\" ref={ref} role=\"menubar\" style={{ opacity: 0.999 }}>\n {children}\n </ul>\n );\n}) as React.ForwardRefExoticComponent<Navigation2Props> & {\n Group: typeof Group;\n Link: typeof Link;\n Section: typeof Section;\n Content: typeof Content;\n};\n\nNavigation2.Group = Group;\nNavigation2.Link = Link;\nNavigation2.Section = Section;\nNavigation2.Content = Content;\n\nexport { getNavigationLinkClasses } from './components/Link';\n\nexport type { Navigation2ContentProps } from './components/Content';\nexport type { Navigation2GroupProps } from './components/Group';\nexport type { Navigation2LinkProps } from './components/Link';\nexport type { Navigation2SectionProps } from './components/Section';\n"],"names":["React","Navigation2"],"mappings":";;;;;;;AASO,MAAM,cAAcA,eAAM,WAA+C,SAASC,aAAY,OAAO,KAAK;AAC7G,QAAM,EAAE,UAAU,GAAG,WAAA,IAAe;AACpC,QAAM,YAAY,GAAG,6EAA6E,MAAM,SAAS;AAEjH,~~SACKD~~,+BAAA,~~cAAA~~,MAAA,EAAI,GAAG,YAAY,WAAsB,aAAU,eAAc,KAAU,MAAK,WAAU,OAAO,EAAE,SAAS,MAAA,KACxG,QACL;AAER,CAAC;AAOD,YAAY,QAAQ;AACpB,YAAY,OAAO;AACnB,YAAY,UAAU;AACtB,YAAY,UAAU;"}
1	+ {"version":3,"file":"Navigation2.js","sources":["../../../src/components/Navigation2/Navigation2.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { Group } from './components/Group';\nimport { Link } from './components/Link';\nimport { Section } from './components/Section';\nimport { Content } from './components/Content';\n\nexport type Navigation2Props = React.HTMLAttributes<HTMLUListElement>;\n\nexport const Navigation2 = React.forwardRef<HTMLUListElement, Navigation2Props>(function Navigation2(props, ref) {\n const { children, ...attributes } = props;\n const className = cn('m-0 flex h-full w-full flex-col gap-y-px overflow-auto bg-brand-noon py-2', props.className);\n\n return (\n <ul {...attributes} className={className} data-taco=\"navigation2\" ref={ref} role=\"menubar\" style={{ opacity: 0.999 }}>\n {children}\n </ul>\n );\n}) as React.ForwardRefExoticComponent<Navigation2Props> & {\n Group: typeof Group;\n Link: typeof Link;\n Section: typeof Section;\n Content: typeof Content;\n};\n\nNavigation2.Group = Group;\nNavigation2.Link = Link;\nNavigation2.Section = Section;\nNavigation2.Content = Content;\n\nexport { getNavigationLinkClasses } from './components/Link';\n\nexport type { Navigation2ContentProps } from './components/Content';\nexport type { Navigation2GroupProps } from './components/Group';\nexport type { Navigation2LinkProps } from './components/Link';\nexport type { Navigation2SectionProps } from './components/Section';\n"],"names":["React","Navigation2"],"mappings":";;;;;;;AASO,MAAM,cAAcA,eAAM,WAA+C,SAASC,aAAY,OAAO,KAAK;AAC7G,QAAM,EAAE,UAAU,GAAG,WAAA,IAAe;AACpC,QAAM,YAAY,GAAG,6EAA6E,MAAM,SAAS;AAEjH,SACID,+BAAA,cAAC,MAAA,EAAI,GAAG,YAAY,WAAsB,aAAU,eAAc,KAAU,MAAK,WAAU,OAAO,EAAE,SAAS,MAAA,KACxG,QACL;AAER,CAAC;AAOD,YAAY,QAAQ;AACpB,YAAY,OAAO;AACnB,YAAY,UAAU;AACtB,YAAY,UAAU;"}

package/dist/components/Navigation2/components/Content.cjs CHANGED Viewed

@@ -6,7 +6,7 @@ const util = require("./util.cjs");
 const Content = React.forwardRef(function Navigation2(props, ref) {
   const { children, ...attributes } = props;
   const className = cn(
-    "w-full overflow-auto p-3 mt-auto border-gray-100 flex-shrink-0 z-10 [[role=menubar]>&:last-child]:pb-0",
+    "z-10 mt-auto w-full flex-shrink-0 overflow-auto border-gray-100 p-3 [[role=menubar]>&:last-child]:pb-0",
     util.getAdjacentClasses(),
     props.className
   );

package/dist/components/Navigation2/components/Content.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Content.cjs","sources":["../../../../src/components/Navigation2/components/Content.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { getAdjacentClasses } from './util';\n\nexport type Navigation2ContentProps = React.LiHTMLAttributes<HTMLLIElement>;\n\nexport const Content = React.forwardRef<HTMLLIElement, Navigation2ContentProps>(function Navigation2(props, ref) {\n const { children, ...attributes } = props;\n const className = cn(\n 'w-~~full~~ ~~overflow~~-auto p-3 mt-auto border-gray-100 ~~flex~~-~~shrink-0~~ ~~z-10~~ [[role=menubar]>&:last-child]:pb-0',\n getAdjacentClasses(),\n props.className\n );\n\n return (\n <li {...attributes} className={className} data-taco=\"navigation2-content\" ref={ref} role=\"none\">\n {children}\n </li>\n );\n});\n"],"names":["getAdjacentClasses"],"mappings":";;;;;AAMO,MAAM,UAAU,MAAM,WAAmD,SAAS,YAAY,OAAO,KAAK;AAC7G,QAAM,EAAE,UAAU,GAAG,WAAA,IAAe;AACpC,QAAM,YAAY;AAAA,IACd;AAAA,IACAA,~~wBAAmB~~;AAAA,~~IACnB~~,MAAM;AAAA,~~EACV~~;~~AAGI~~,~~SAAA~~,sBAAA,cAAC,~~MAAI~~,~~EAAA~~,GAAG,YAAY,WAAsB,aAAU,uBAAsB,KAAU,MAAK,OAAA,GACpF,QACL;AAER,CAAC;;"}
1	+ {"version":3,"file":"Content.cjs","sources":["../../../../src/components/Navigation2/components/Content.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { getAdjacentClasses } from './util';\n\nexport type Navigation2ContentProps = React.LiHTMLAttributes<HTMLLIElement>;\n\nexport const Content = React.forwardRef<HTMLLIElement, Navigation2ContentProps>(function Navigation2(props, ref) {\n const { children, ...attributes } = props;\n const className = cn(\n 'z-10 mt-auto w-full flex-shrink-0 overflow-auto border-gray-100 p-3 [[role=menubar]>&:last-child]:pb-0',\n getAdjacentClasses(),\n props.className\n );\n\n return (\n <li {...attributes} className={className} data-taco=\"navigation2-content\" ref={ref} role=\"none\">\n {children}\n </li>\n );\n});\n"],"names":["getAdjacentClasses"],"mappings":";;;;;AAMO,MAAM,UAAU,MAAM,WAAmD,SAAS,YAAY,OAAO,KAAK;AAC7G,QAAM,EAAE,UAAU,GAAG,WAAA,IAAe;AACpC,QAAM,YAAY;AAAA,IACd;AAAA,IACAA,wBAAA;AAAA,IACA,MAAM;AAAA,EAAA;AAGV,SACI,sBAAA,cAAC,MAAA,EAAI,GAAG,YAAY,WAAsB,aAAU,uBAAsB,KAAU,MAAK,OAAA,GACpF,QACL;AAER,CAAC;;"}

package/dist/components/Navigation2/components/Content.js CHANGED Viewed

@@ -4,7 +4,7 @@ import { getAdjacentClasses } from "./util.js";
 const Content = React__default.forwardRef(function Navigation2(props, ref) {
   const { children, ...attributes } = props;
   const className = cn(
-    "w-full overflow-auto p-3 mt-auto border-gray-100 flex-shrink-0 z-10 [[role=menubar]>&:last-child]:pb-0",
+    "z-10 mt-auto w-full flex-shrink-0 overflow-auto border-gray-100 p-3 [[role=menubar]>&:last-child]:pb-0",
     getAdjacentClasses(),
     props.className
   );

package/dist/components/Navigation2/components/Content.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Content.js","sources":["../../../../src/components/Navigation2/components/Content.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { getAdjacentClasses } from './util';\n\nexport type Navigation2ContentProps = React.LiHTMLAttributes<HTMLLIElement>;\n\nexport const Content = React.forwardRef<HTMLLIElement, Navigation2ContentProps>(function Navigation2(props, ref) {\n const { children, ...attributes } = props;\n const className = cn(\n 'w-~~full~~ ~~overflow~~-auto p-3 mt-auto border-gray-100 ~~flex~~-~~shrink-0~~ ~~z-10~~ [[role=menubar]>&:last-child]:pb-0',\n getAdjacentClasses(),\n props.className\n );\n\n return (\n <li {...attributes} className={className} data-taco=\"navigation2-content\" ref={ref} role=\"none\">\n {children}\n </li>\n );\n});\n"],"names":["React"],"mappings":";;;AAMO,MAAM,UAAUA,eAAM,WAAmD,SAAS,YAAY,OAAO,KAAK;AAC7G,QAAM,EAAE,UAAU,GAAG,WAAA,IAAe;AACpC,QAAM,YAAY;AAAA,IACd;AAAA,IACA,~~mBAAmB~~;AAAA,~~IACnB~~,MAAM;AAAA,~~EACV~~;~~AAGI~~,~~SAAAA~~,+BAAA,cAAC,~~MAAI~~,~~EAAA~~,GAAG,YAAY,WAAsB,aAAU,uBAAsB,KAAU,MAAK,OAAA,GACpF,QACL;AAER,CAAC;"}
1	+ {"version":3,"file":"Content.js","sources":["../../../../src/components/Navigation2/components/Content.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { getAdjacentClasses } from './util';\n\nexport type Navigation2ContentProps = React.LiHTMLAttributes<HTMLLIElement>;\n\nexport const Content = React.forwardRef<HTMLLIElement, Navigation2ContentProps>(function Navigation2(props, ref) {\n const { children, ...attributes } = props;\n const className = cn(\n 'z-10 mt-auto w-full flex-shrink-0 overflow-auto border-gray-100 p-3 [[role=menubar]>&:last-child]:pb-0',\n getAdjacentClasses(),\n props.className\n );\n\n return (\n <li {...attributes} className={className} data-taco=\"navigation2-content\" ref={ref} role=\"none\">\n {children}\n </li>\n );\n});\n"],"names":["React"],"mappings":";;;AAMO,MAAM,UAAUA,eAAM,WAAmD,SAAS,YAAY,OAAO,KAAK;AAC7G,QAAM,EAAE,UAAU,GAAG,WAAA,IAAe;AACpC,QAAM,YAAY;AAAA,IACd;AAAA,IACA,mBAAA;AAAA,IACA,MAAM;AAAA,EAAA;AAGV,SACIA,+BAAA,cAAC,MAAA,EAAI,GAAG,YAAY,WAAsB,aAAU,uBAAsB,KAAU,MAAK,OAAA,GACpF,QACL;AAER,CAAC;"}

package/dist/components/Navigation2/components/Group.cjs CHANGED Viewed

@@ -7,7 +7,7 @@ const Group = React.forwardRef(function Group2(props, ref) {
   const { children, defaultExpanded = false, heading, onClick, ...attributes } = props;
   const [expanded, setExpanded] = React.useState(defaultExpanded);
   const className = cn(
-    "flex w-full cursor-pointer items-center rounded px-3 font-bold text-left leading-8 hover:bg-black-subtle focus-visible:yt-focus-dark",
+    "flex w-full cursor-pointer items-center rounded px-3 text-left font-bold leading-8 hover:bg-black-subtle focus-visible:yt-focus-dark",
     attributes.className
   );
   const handleClick = (event) => {

package/dist/components/Navigation2/components/Group.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Group.cjs","sources":["../../../../src/components/Navigation2/components/Group.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { Icon } from '../../Icon/Icon';\n\nexport type Navigation2GroupProps = Omit<React.LiHTMLAttributes<HTMLLIElement>, 'onClick'> & {\n defaultExpanded?: boolean;\n heading: string \| JSX.Element;\n onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n};\n\nexport const Group = React.forwardRef<HTMLLIElement, Navigation2GroupProps>(function Group(props, ref) {\n const { children, defaultExpanded = false, heading, onClick, ...attributes } = props;\n const [expanded, setExpanded] = React.useState(defaultExpanded);\n const className = cn(\n 'flex w-full cursor-pointer items-center rounded px-3 font-bold ~~text-left~~ leading-8 hover:bg-black-subtle focus-visible:yt-focus-dark',\n attributes.className\n );\n\n const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n setExpanded(!expanded);\n\n if (onClick) {\n onClick(event);\n }\n };\n\n return (\n <li {...attributes} role=\"none\" className=\"[[role=menubar]>&]:px-3\" ref={ref}>\n <button\n aria-haspopup=\"true\"\n aria-expanded={expanded}\n data-taco=\"navigation2-group\"\n className={className}\n onClick={handleClick}\n role=\"menuitem\">\n <Icon className=\"-ml-2 !h-5 !w-5\" name={expanded ? 'chevron-down-solid' : 'chevron-right-solid'} />\n <span className=\"flex-grow truncate\">{heading}</span>\n </button>\n <ul className={cn('mb-0 flex flex-col gap-y-px pt-px', { hidden: !expanded })} role=\"menu\">\n {children}\n </ul>\n </li>\n );\n});\n"],"names":["Group","Icon"],"mappings":";;;;;AAUO,MAAM,QAAQ,MAAM,WAAiD,SAASA,OAAM,OAAO,KAAK;~~AAC7F~~,~~QAAA~~,EAAE,UAAU,kBAAkB,OAAO,SAAS,SAAS,GAAG,eAAe;AAC/E,QAAM,CAAC,UAAU,WAAW,IAAI,MAAM,SAAS,eAAe;AAC9D,QAAM,YAAY;AAAA,IACd;AAAA,IACA,WAAW;AAAA,~~EACf~~;~~AAEM~~,~~QAAA~~,cAAc,CAAC,UAA+C;AAChE,gBAAY,CAAC,QAAQ;AAErB,QAAI,SAAS;AACT,cAAQ,KAAK;AAAA,~~IAAA~~;AAAA,~~EAErB~~;~~AAGI~~,~~SAAA~~,sBAAA,cAAC,QAAI,GAAG,YAAY,MAAK,QAAO,WAAU,2BAA0B,~~IAChE~~,~~GAAA~~,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,iBAAc;AAAA,MACd,iBAAe;AAAA,MACf,aAAU;AAAA,MACV;AAAA,MACA,SAAS;AAAA,MACT,MAAK;AAAA,IAAA;AAAA,wCACJC,~~KAAK~~,MAAA,~~EAAA~~,WAAU,mBAAkB,MAAM,WAAW,uBAAuB,uBAAuB;AAAA,~~IAChG~~,sBAAA,~~cAAA~~,QAAA,EAAK,WAAU,qBAAA,GAAsB,OAAQ;AAAA,EAAA,GAElD,sBAAA,cAAC,~~MAAG~~,~~EAAA~~,WAAW,GAAG,qCAAqC,EAAE,QAAQ,CAAC,UAAU,GAAG,MAAK,OAAA,GAC/E,QACL,CACJ;AAER,CAAC;;"}
1	+ {"version":3,"file":"Group.cjs","sources":["../../../../src/components/Navigation2/components/Group.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { Icon } from '../../Icon/Icon';\n\nexport type Navigation2GroupProps = Omit<React.LiHTMLAttributes<HTMLLIElement>, 'onClick'> & {\n defaultExpanded?: boolean;\n heading: string \| React.JSX.Element;\n onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n};\n\nexport const Group = React.forwardRef<HTMLLIElement, Navigation2GroupProps>(function Group(props, ref) {\n const { children, defaultExpanded = false, heading, onClick, ...attributes } = props;\n const [expanded, setExpanded] = React.useState(defaultExpanded);\n const className = cn(\n 'flex w-full cursor-pointer items-center rounded px-3 text-left font-bold leading-8 hover:bg-black-subtle focus-visible:yt-focus-dark',\n attributes.className\n );\n\n const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n setExpanded(!expanded);\n\n if (onClick) {\n onClick(event);\n }\n };\n\n return (\n <li {...attributes} role=\"none\" className=\"[[role=menubar]>&]:px-3\" ref={ref}>\n <button\n aria-haspopup=\"true\"\n aria-expanded={expanded}\n data-taco=\"navigation2-group\"\n className={className}\n onClick={handleClick}\n role=\"menuitem\">\n <Icon className=\"-ml-2 !h-5 !w-5\" name={expanded ? 'chevron-down-solid' : 'chevron-right-solid'} />\n <span className=\"flex-grow truncate\">{heading}</span>\n </button>\n <ul className={cn('mb-0 flex flex-col gap-y-px pt-px', { hidden: !expanded })} role=\"menu\">\n {children}\n </ul>\n </li>\n );\n});\n"],"names":["Group","Icon"],"mappings":";;;;;AAUO,MAAM,QAAQ,MAAM,WAAiD,SAASA,OAAM,OAAO,KAAK;AACnG,QAAM,EAAE,UAAU,kBAAkB,OAAO,SAAS,SAAS,GAAG,eAAe;AAC/E,QAAM,CAAC,UAAU,WAAW,IAAI,MAAM,SAAS,eAAe;AAC9D,QAAM,YAAY;AAAA,IACd;AAAA,IACA,WAAW;AAAA,EAAA;AAGf,QAAM,cAAc,CAAC,UAA+C;AAChE,gBAAY,CAAC,QAAQ;AAErB,QAAI,SAAS;AACT,cAAQ,KAAK;AAAA,IACjB;AAAA,EACJ;AAEA,SACI,sBAAA,cAAC,QAAI,GAAG,YAAY,MAAK,QAAO,WAAU,2BAA0B,IAAA,GAChE,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,iBAAc;AAAA,MACd,iBAAe;AAAA,MACf,aAAU;AAAA,MACV;AAAA,MACA,SAAS;AAAA,MACT,MAAK;AAAA,IAAA;AAAA,wCACJC,KAAAA,MAAA,EAAK,WAAU,mBAAkB,MAAM,WAAW,uBAAuB,uBAAuB;AAAA,IACjG,sBAAA,cAAC,QAAA,EAAK,WAAU,qBAAA,GAAsB,OAAQ;AAAA,EAAA,GAElD,sBAAA,cAAC,MAAA,EAAG,WAAW,GAAG,qCAAqC,EAAE,QAAQ,CAAC,UAAU,GAAG,MAAK,OAAA,GAC/E,QACL,CACJ;AAER,CAAC;;"}

package/dist/components/Navigation2/components/Group.d.ts CHANGED Viewed

@@ -1,11 +1,11 @@
 import { default as React } from 'react';
 export type Navigation2GroupProps = Omit<React.LiHTMLAttributes<HTMLLIElement>, 'onClick'> & {
     defaultExpanded?: boolean;
-    heading: string | JSX.Element;
+    heading: string | React.JSX.Element;
     onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
 };
 export declare const Group: React.ForwardRefExoticComponent<Omit<React.LiHTMLAttributes<HTMLLIElement>, "onClick"> & {
     defaultExpanded?: boolean;
-    heading: string | JSX.Element;
+    heading: string | React.JSX.Element;
     onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
 } & React.RefAttributes<HTMLLIElement>>;

package/dist/components/Navigation2/components/Group.js CHANGED Viewed

@@ -5,7 +5,7 @@ const Group = React__default.forwardRef(function Group2(props, ref) {
   const { children, defaultExpanded = false, heading, onClick, ...attributes } = props;
   const [expanded, setExpanded] = React__default.useState(defaultExpanded);
   const className = cn(
-    "flex w-full cursor-pointer items-center rounded px-3 font-bold text-left leading-8 hover:bg-black-subtle focus-visible:yt-focus-dark",
+    "flex w-full cursor-pointer items-center rounded px-3 text-left font-bold leading-8 hover:bg-black-subtle focus-visible:yt-focus-dark",
     attributes.className
   );
   const handleClick = (event) => {

package/dist/components/Navigation2/components/Group.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Group.js","sources":["../../../../src/components/Navigation2/components/Group.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { Icon } from '../../Icon/Icon';\n\nexport type Navigation2GroupProps = Omit<React.LiHTMLAttributes<HTMLLIElement>, 'onClick'> & {\n defaultExpanded?: boolean;\n heading: string \| JSX.Element;\n onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n};\n\nexport const Group = React.forwardRef<HTMLLIElement, Navigation2GroupProps>(function Group(props, ref) {\n const { children, defaultExpanded = false, heading, onClick, ...attributes } = props;\n const [expanded, setExpanded] = React.useState(defaultExpanded);\n const className = cn(\n 'flex w-full cursor-pointer items-center rounded px-3 font-bold ~~text-left~~ leading-8 hover:bg-black-subtle focus-visible:yt-focus-dark',\n attributes.className\n );\n\n const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n setExpanded(!expanded);\n\n if (onClick) {\n onClick(event);\n }\n };\n\n return (\n <li {...attributes} role=\"none\" className=\"[[role=menubar]>&]:px-3\" ref={ref}>\n <button\n aria-haspopup=\"true\"\n aria-expanded={expanded}\n data-taco=\"navigation2-group\"\n className={className}\n onClick={handleClick}\n role=\"menuitem\">\n <Icon className=\"-ml-2 !h-5 !w-5\" name={expanded ? 'chevron-down-solid' : 'chevron-right-solid'} />\n <span className=\"flex-grow truncate\">{heading}</span>\n </button>\n <ul className={cn('mb-0 flex flex-col gap-y-px pt-px', { hidden: !expanded })} role=\"menu\">\n {children}\n </ul>\n </li>\n );\n});\n"],"names":["React","Group"],"mappings":";;;AAUO,MAAM,QAAQA,eAAM,WAAiD,SAASC,OAAM,OAAO,KAAK;~~AAC7F~~,~~QAAA~~,EAAE,UAAU,kBAAkB,OAAO,SAAS,SAAS,GAAG,eAAe;AAC/E,QAAM,CAAC,UAAU,WAAW,IAAID,eAAM,SAAS,eAAe;AAC9D,QAAM,YAAY;AAAA,IACd;AAAA,IACA,WAAW;AAAA,~~EACf~~;~~AAEM~~,~~QAAA~~,cAAc,CAAC,UAA+C;AAChE,gBAAY,CAAC,QAAQ;AAErB,QAAI,SAAS;AACT,cAAQ,KAAK;AAAA,~~IAAA~~;AAAA,~~EAErB~~;~~AAGI~~,~~SAAAA~~,+BAAA,cAAC,QAAI,GAAG,YAAY,MAAK,QAAO,WAAU,2BAA0B,~~IAChE~~,~~GAAAA~~,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,iBAAc;AAAA,MACd,iBAAe;AAAA,MACf,aAAU;AAAA,MACV;AAAA,MACA,SAAS;AAAA,MACT,MAAK;AAAA,IAAA;AAAA,iDACJ,~~MAAK~~,~~EAAA~~,WAAU,mBAAkB,MAAM,WAAW,uBAAuB,uBAAuB;AAAA,~~IAChGA~~,+BAAA,~~cAAA~~,QAAA,EAAK,WAAU,qBAAA,GAAsB,OAAQ;AAAA,EAAA,GAElDA,+BAAA,cAAC,~~MAAG~~,~~EAAA~~,WAAW,GAAG,qCAAqC,EAAE,QAAQ,CAAC,UAAU,GAAG,MAAK,OAAA,GAC/E,QACL,CACJ;AAER,CAAC;"}
1	+ {"version":3,"file":"Group.js","sources":["../../../../src/components/Navigation2/components/Group.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { Icon } from '../../Icon/Icon';\n\nexport type Navigation2GroupProps = Omit<React.LiHTMLAttributes<HTMLLIElement>, 'onClick'> & {\n defaultExpanded?: boolean;\n heading: string \| React.JSX.Element;\n onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n};\n\nexport const Group = React.forwardRef<HTMLLIElement, Navigation2GroupProps>(function Group(props, ref) {\n const { children, defaultExpanded = false, heading, onClick, ...attributes } = props;\n const [expanded, setExpanded] = React.useState(defaultExpanded);\n const className = cn(\n 'flex w-full cursor-pointer items-center rounded px-3 text-left font-bold leading-8 hover:bg-black-subtle focus-visible:yt-focus-dark',\n attributes.className\n );\n\n const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n setExpanded(!expanded);\n\n if (onClick) {\n onClick(event);\n }\n };\n\n return (\n <li {...attributes} role=\"none\" className=\"[[role=menubar]>&]:px-3\" ref={ref}>\n <button\n aria-haspopup=\"true\"\n aria-expanded={expanded}\n data-taco=\"navigation2-group\"\n className={className}\n onClick={handleClick}\n role=\"menuitem\">\n <Icon className=\"-ml-2 !h-5 !w-5\" name={expanded ? 'chevron-down-solid' : 'chevron-right-solid'} />\n <span className=\"flex-grow truncate\">{heading}</span>\n </button>\n <ul className={cn('mb-0 flex flex-col gap-y-px pt-px', { hidden: !expanded })} role=\"menu\">\n {children}\n </ul>\n </li>\n );\n});\n"],"names":["React","Group"],"mappings":";;;AAUO,MAAM,QAAQA,eAAM,WAAiD,SAASC,OAAM,OAAO,KAAK;AACnG,QAAM,EAAE,UAAU,kBAAkB,OAAO,SAAS,SAAS,GAAG,eAAe;AAC/E,QAAM,CAAC,UAAU,WAAW,IAAID,eAAM,SAAS,eAAe;AAC9D,QAAM,YAAY;AAAA,IACd;AAAA,IACA,WAAW;AAAA,EAAA;AAGf,QAAM,cAAc,CAAC,UAA+C;AAChE,gBAAY,CAAC,QAAQ;AAErB,QAAI,SAAS;AACT,cAAQ,KAAK;AAAA,IACjB;AAAA,EACJ;AAEA,SACIA,+BAAA,cAAC,QAAI,GAAG,YAAY,MAAK,QAAO,WAAU,2BAA0B,IAAA,GAChEA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,iBAAc;AAAA,MACd,iBAAe;AAAA,MACf,aAAU;AAAA,MACV;AAAA,MACA,SAAS;AAAA,MACT,MAAK;AAAA,IAAA;AAAA,iDACJ,MAAA,EAAK,WAAU,mBAAkB,MAAM,WAAW,uBAAuB,uBAAuB;AAAA,IACjGA,+BAAA,cAAC,QAAA,EAAK,WAAU,qBAAA,GAAsB,OAAQ;AAAA,EAAA,GAElDA,+BAAA,cAAC,MAAA,EAAG,WAAW,GAAG,qCAAqC,EAAE,QAAQ,CAAC,UAAU,GAAG,MAAK,OAAA,GAC/E,QACL,CACJ;AAER,CAAC;"}

package/dist/components/Navigation2/components/Link.cjs CHANGED Viewed

@@ -8,9 +8,9 @@ const IconButton = require("../../LegacyComponents/IconButton/IconButton.cjs");
 const Badge = require("../../Badge/Badge.cjs");
 const util = require("./util.cjs");
 const getNavigationLinkClasses = (isDraggedOver = false) => cn(
-  "group relative flex w-full items-center rounded leading-8 !text-black px-2 focus-visible:yt-focus-dark",
+  "group relative flex w-full items-center rounded px-2 leading-8 !text-black focus-visible:yt-focus-dark",
   // override styles for links that are children of collapsible menus
-  "font-bold [[role=menu]>li>&]:font-normal [[role=menu]>li>&]:pl-5",
+  "font-bold [[role=menu]>li>&]:pl-5 [[role=menu]>li>&]:font-normal",
   // override styles to adjust icons included in menu links
   '[&_[data-taco="icon"]]:!h-5 [&_[data-taco="icon"]]:!w-5',
   // override styles to adjust badges included in menu links
@@ -24,7 +24,7 @@ const Link = React.forwardRef(function Link2(props, ref) {
   const { active, children, icon, menu, onDrop, total, ...attributes } = props;
   const [isDraggedOver, dropTargetProps] = useDropTarget.useDropTarget(onDrop);
   const className = cn(getNavigationLinkClasses(isDraggedOver), attributes.className);
-  const listClassName = cn("[[role=menubar]>&]:px-3 border-gray-100", util.getAdjacentClasses(), {
+  const listClassName = cn("border-gray-100 [[role=menubar]>&]:px-3", util.getAdjacentClasses(), {
     "[&>*]:pointer-events-none": isDraggedOver
   });
   return /* @__PURE__ */ React.createElement("li", { ...dropTargetProps, className: listClassName, "data-taco": "navigation2-link-item", role: "none" }, /* @__PURE__ */ React.createElement(
@@ -64,7 +64,7 @@ const Link = React.forwardRef(function Link2(props, ref) {
       Badge.Badge,
       {
         className: cn("flex-shrink-0 flex-grow-0 !font-normal", {
-          'group-hover:hidden [[aria-expanded="true"]+&]:hidden ': menu
+          'group-hover:hidden [[aria-expanded="true"]+&]:hidden': menu
         }),
         color: "transparent"
       },