@economic/taco 2.49.0-server.3 → 2.49.0

package/dist/esm/packages/taco/src/components/Navigation/Navigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"Navigation.js","sources":["../../../../../../../src/components/Navigation/Navigation.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { TreeviewProps, Treeview, TreeviewGroupProps, TreeviewItemProps } from '../Treeview/Treeview';\nimport { Icon } from '../Icon/Icon';\nimport { useDropTarget } from '../../utils/hooks/useDropTarget';\nimport { useMergedRef } from '../../hooks/useMergedRef';\nimport './Navigation.css';\n\n// Item\nexport type NavigationItemProps = Omit<TreeviewItemProps, 'prefix'> & {\n    /** Change the style to indicate the link is selected */\n    active?: boolean;\n    /** Handler to be used when dropping a dragged element over the navigation link */\n    onDrop?: React.DragEventHandler;\n    /**\n     * Small amount of information placed next to the text of the link.\n     * This can be any valid react element, for e.g. a `span`.\n     * Should be used to indicate a relevant information of the link,\n     * for e.g. the number of unread notifications\n     */\n    postfix?: React.ReactNode;\n    /**\n     * Small amount of information placed before the text of the link.\n     * This can be any valid react element, for e.g. a `span`.\n     * Should be used to indicate a feedback for user,\n     * for e.g. display some sort of visual informational state or a relevant icon.\n     */\n    prefix?: React.ReactNode;\n    /** Target of the link */\n    target?: string;\n};\n\nconst Item = React.forwardRef(function Item(props: NavigationItemProps, ref: React.Ref<HTMLAnchorElement>) {\n    const { active, children, onDrop, postfix, prefix, role, ...otherProps } = props;\n    const proxyRef = useMergedRef<HTMLAnchorElement>(ref);\n    const [isDraggedOver, dropTargetProps] = useDropTarget(onDrop);\n    const isTreeitem = role === 'treeitem';\n    const className = cn(\n        'yt-navigation__item cursor-pointer',\n        {\n            'w-full mb-px py-1 px-3 flex items-center hover:bg-grey-300': isTreeitem,\n            'bg-white w-full h-10 px-3 flex-shrink-0 flex items-center justify-between cursor-pointer': !isTreeitem,\n            'yt-navigation__item--active': active && !isDraggedOver,\n            'bg-grey-300': isTreeitem && active && !isDraggedOver,\n            'yt-navigation__item--dropping bg-blue-500': isDraggedOver,\n        },\n        props.className\n    );\n\n    const handleClick = (event: React.MouseEvent<HTMLSpanElement>): void => {\n        if (event.target instanceof HTMLAnchorElement || event.target instanceof HTMLButtonElement) {\n            return;\n        }\n\n        if (proxyRef.current) {\n            proxyRef.current.click();\n        }\n    };\n\n    return (\n        <span {...dropTargetProps} className={className} onClick={handleClick} role={role}>\n            {prefix && <span className=\"yt-navigation__item__prefix flex items-center\">{prefix}</span>}\n            <a {...otherProps} className=\"block flex-grow truncate\" ref={proxyRef}>\n                {children}\n            </a>\n            {postfix && <span className=\"yt-navigation__item__postfix ml-1\">{postfix}</span>}\n        </span>\n    );\n});\n\n// Panel\nexport type NavigationPanelProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst Panel = React.forwardRef(function Panel(props: NavigationPanelProps, ref: React.Ref<HTMLDivElement>) {\n    return <div {...props} className={cn('w-full bg-white p-3', props.className)} ref={ref} />;\n});\n\n// Group\nexport type NavigationMenuGroupProps = TreeviewGroupProps;\n\nconst MenuGroup = React.forwardRef(function MenuGroup(props: NavigationMenuGroupProps, ref: React.Ref<HTMLDivElement>) {\n    const className = cn(\n        'flex-shrink-0 space-y-1 outline-none',\n        {\n            'bg-white pb-2': props.fixed,\n        },\n        typeof props.className === 'function' ? props.className(false) : props.className\n    );\n    const title = (expanded: boolean): JSX.Element => {\n        const className = cn('bg-white h-10 pl-3 pr-1 flex items-center justify-between w-full', {\n            'mb-1': expanded,\n            'cursor-pointer hover:text-blue-500': !props.fixed,\n        });\n\n        return (\n            <span className={className}>\n                {typeof props.title === 'function' ? props.title(expanded) : props.title}\n                {!props.fixed && <Icon name={expanded ? 'chevron-up' : 'chevron-down'} />}\n            </span>\n        );\n    };\n\n    return <Treeview.Group {...props} className={className} title={title} ref={ref} />;\n});\n\n// Menu\nexport type NavigationMenuProps = React.PropsWithChildren<TreeviewProps>;\n\nexport type ForwardedNavigationMenuWithStatics = React.ForwardRefExoticComponent<\n    NavigationMenuProps & React.RefAttributes<HTMLDivElement>\n> & {\n    /** Expandable region reprezenting a group of related links */\n    Group: React.ForwardRefExoticComponent<NavigationMenuGroupProps & React.RefAttributes<HTMLDivElement>>;\n};\n\nconst Menu = React.forwardRef(function Menu(props: NavigationMenuProps, ref: React.Ref<HTMLDivElement>) {\n    const scrollableAreas = React.useMemo(() => {\n        const scrollableAreas: React.ReactNode[] = [];\n\n        const children = React.Children.toArray(props.children).filter(\n            child => !!child\n        ) as React.ReactElement<NavigationMenuGroupProps>[];\n\n        children.forEach(child => {\n            if (child.props.fixed) {\n                scrollableAreas.push(child);\n            } else {\n                const x = scrollableAreas[scrollableAreas.length - 1];\n                if (Array.isArray(x)) {\n                    x.push(child);\n                } else {\n                    scrollableAreas.push([child]);\n                }\n            }\n        });\n\n        return scrollableAreas;\n    }, [props.children]);\n\n    return (\n        <Treeview\n            {...props}\n            className={cn('divide-grey-100 flex flex-grow flex-col divide-y-2 overflow-y-auto', props.className)}\n            ref={ref}>\n            {scrollableAreas.map((area, i) =>\n                Array.isArray(area) ? (\n                    <div\n                        className=\"divide-grey-100 flex h-0 flex-auto flex-shrink-0 flex-grow flex-col divide-y-2 overflow-y-auto\"\n                        key={i}>\n                        {area}\n                    </div>\n                ) : (\n                    area\n                )\n            )}\n        </Treeview>\n    );\n}) as ForwardedNavigationMenuWithStatics;\n\nMenu.Group = MenuGroup;\n\n// Navigation\nexport type NavigationProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport type ForwardedNavigationWithStatics = React.ForwardRefExoticComponent<\n    NavigationProps & React.RefAttributes<HTMLDivElement>\n> & {\n    /** Navigation link */\n    Item: React.ForwardRefExoticComponent<NavigationItemProps & React.RefAttributes<HTMLAnchorElement>>;\n    /**\n     * Container for the expandable groups that hold navigation links.\n     * Should be used as a direct child of Navigation component, e.g. `Navigation.Menu`.\n     * Should have the menu groups as a direct child, e.g. `Navigation.Menu.Group`\n     */\n    Menu: ForwardedNavigationMenuWithStatics;\n    /**\n     * Isolated container within the Navigation.\n     * This can be used to create a region in the Navigation that is usually not scrollable, nor expandable,\n     * containing useful information for user and quick actions\n     */\n    Panel: React.ForwardRefExoticComponent<NavigationPanelProps & React.RefAttributes<HTMLDivElement>>;\n};\n\nexport const Navigation = React.forwardRef(function Navigation(props: NavigationProps, ref: React.Ref<HTMLDivElement>) {\n    const { children, ...otherProps } = props;\n    const className = cn('h-full flex flex-col bg-grey-100 divide-y-2 divide-grey-100', props.className);\n\n    return (\n        <div {...otherProps} className={className} data-taco=\"navigation\" ref={ref}>\n            {children}\n        </div>\n    );\n}) as ForwardedNavigationWithStatics;\n\nNavigation.Menu = Menu;\nNavigation.Item = Item;\nNavigation.Panel = Panel;\n"],"names":["Item","React","forwardRef","props","ref","active","children","onDrop","postfix","prefix","role","otherProps","_objectWithoutPropertiesLoose","_excluded","proxyRef","useMergedRef","_useDropTarget","useDropTarget","isDraggedOver","dropTargetProps","isTreeitem","className","cn","handleClick","event","target","HTMLAnchorElement","HTMLButtonElement","current","click","onClick","Panel","MenuGroup","fixed","title","expanded","Icon","name","Treeview","Group","Menu","scrollableAreas","useMemo","Children","toArray","filter","child","forEach","push","x","length","Array","isArray","map","area","i","key","Navigation","_excluded2"],"mappings":"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"}
+{"version":3,"file":"Navigation.js","sources":["../../../../../../../src/components/Navigation/Navigation.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { TreeviewProps, Treeview, TreeviewGroupProps, TreeviewItemProps } from '../Treeview/Treeview';\nimport { Icon } from '../Icon/Icon';\nimport { useDropTarget } from '../../utils/hooks/useDropTarget';\nimport { useMergedRef } from '../../hooks/useMergedRef';\nimport './Navigation.css';\n\n// Item\nexport type NavigationItemProps = Omit<TreeviewItemProps, 'prefix'> & {\n    /** Change the style to indicate the link is selected */\n    active?: boolean;\n    /** Handler to be used when dropping a dragged element over the navigation link */\n    onDrop?: React.DragEventHandler;\n    /**\n     * Small amount of information placed next to the text of the link.\n     * This can be any valid react element, for e.g. a `span`.\n     * Should be used to indicate a relevant information of the link,\n     * for e.g. the number of unread notifications\n     */\n    postfix?: React.ReactNode;\n    /**\n     * Small amount of information placed before the text of the link.\n     * This can be any valid react element, for e.g. a `span`.\n     * Should be used to indicate a feedback for user,\n     * for e.g. display some sort of visual informational state or a relevant icon.\n     */\n    prefix?: React.ReactNode;\n    /** Target of the link */\n    target?: string;\n};\n\nconst Item = React.forwardRef(function Item(props: NavigationItemProps, ref: React.Ref<HTMLAnchorElement>) {\n    const { active, children, onDrop, postfix, prefix, role, ...otherProps } = props;\n    const proxyRef = useMergedRef<HTMLAnchorElement>(ref);\n    const [isDraggedOver, dropTargetProps] = useDropTarget(onDrop);\n    const isTreeitem = role === 'treeitem';\n    const className = cn(\n        'yt-navigation__item cursor-pointer',\n        {\n            'w-full mb-px py-1 px-3 flex items-center hover:bg-grey-300': isTreeitem,\n            'bg-white w-full h-10 px-3 flex-shrink-0 flex items-center justify-between cursor-pointer': !isTreeitem,\n            'yt-navigation__item--active': active && !isDraggedOver,\n            'bg-grey-300': isTreeitem && active && !isDraggedOver,\n            'yt-navigation__item--dropping bg-blue-500': isDraggedOver,\n        },\n        props.className\n    );\n\n    const handleClick = (event: React.MouseEvent<HTMLSpanElement>): void => {\n        if (event.target instanceof HTMLAnchorElement || event.target instanceof HTMLButtonElement) {\n            return;\n        }\n\n        if (proxyRef.current) {\n            proxyRef.current.click();\n        }\n    };\n\n    return (\n        <span {...dropTargetProps} className={className} onClick={handleClick} role={role}>\n            {prefix && <span className=\"yt-navigation__item__prefix flex items-center\">{prefix}</span>}\n            <a {...otherProps} className=\"block flex-grow truncate\" ref={proxyRef}>\n                {children}\n            </a>\n            {postfix && <span className=\"yt-navigation__item__postfix ml-1\">{postfix}</span>}\n        </span>\n    );\n});\n\n// Panel\nexport type NavigationPanelProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst Panel = React.forwardRef(function Panel(props: NavigationPanelProps, ref: React.Ref<HTMLDivElement>) {\n    return <div {...props} className={cn('w-full bg-white p-3', props.className)} ref={ref} />;\n});\n\n// Group\nexport type NavigationMenuGroupProps = TreeviewGroupProps;\n\nconst MenuGroup = React.forwardRef(function MenuGroup(props: NavigationMenuGroupProps, ref: React.Ref<HTMLDivElement>) {\n    const className = cn(\n        'flex-shrink-0 space-y-1 outline-none',\n        {\n            'bg-white pb-2': props.fixed,\n        },\n        typeof props.className === 'function' ? props.className(false) : props.className\n    );\n    const title = (expanded: boolean): JSX.Element => {\n        const className = cn('bg-white h-10 pl-3 pr-1 flex items-center justify-between w-full', {\n            'mb-1': expanded,\n            'cursor-pointer hover:text-blue-500': !props.fixed,\n        });\n\n        return (\n            <span className={className}>\n                {typeof props.title === 'function' ? props.title(expanded) : props.title}\n                {!props.fixed && <Icon name={expanded ? 'chevron-up' : 'chevron-down'} />}\n            </span>\n        );\n    };\n\n    return <Treeview.Group {...props} className={className} title={title} ref={ref} />;\n});\n\n// Menu\nexport type NavigationMenuProps = React.PropsWithChildren<TreeviewProps>;\n\nexport type ForwardedNavigationMenuWithStatics = React.ForwardRefExoticComponent<\n    NavigationMenuProps & React.RefAttributes<HTMLDivElement>\n> & {\n    /** Expandable region reprezenting a group of related links */\n    Group: React.ForwardRefExoticComponent<NavigationMenuGroupProps & React.RefAttributes<HTMLDivElement>>;\n};\n\nconst Menu = React.forwardRef(function Menu(props: NavigationMenuProps, ref: React.Ref<HTMLDivElement>) {\n    const scrollableAreas = React.useMemo(() => {\n        const scrollableAreas: React.ReactNode[] = [];\n\n        const children = React.Children.toArray(props.children).filter(\n            child => !!child\n        ) as React.ReactElement<NavigationMenuGroupProps>[];\n\n        children.forEach(child => {\n            if (child.props.fixed) {\n                scrollableAreas.push(child);\n            } else {\n                const x = scrollableAreas[scrollableAreas.length - 1];\n                if (Array.isArray(x)) {\n                    x.push(child);\n                } else {\n                    scrollableAreas.push([child]);\n                }\n            }\n        });\n\n        return scrollableAreas;\n    }, [props.children]);\n\n    return (\n        <Treeview\n            {...props}\n            className={cn('divide-grey-100 flex flex-grow flex-col divide-y-2 overflow-y-auto', props.className)}\n            ref={ref}>\n            {scrollableAreas.map((area, i) =>\n                Array.isArray(area) ? (\n                    <div\n                        className=\"divide-grey-100 flex h-0 flex-auto flex-shrink-0 flex-grow flex-col divide-y-2 overflow-y-auto\"\n                        key={i}>\n                        {area}\n                    </div>\n                ) : (\n                    area\n                )\n            )}\n        </Treeview>\n    );\n}) as ForwardedNavigationMenuWithStatics;\n\nMenu.Group = MenuGroup;\n\n// Navigation\nexport type NavigationProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport type ForwardedNavigationWithStatics = React.ForwardRefExoticComponent<\n    NavigationProps & React.RefAttributes<HTMLDivElement>\n> & {\n    /** Navigation link */\n    Item: React.ForwardRefExoticComponent<NavigationItemProps & React.RefAttributes<HTMLAnchorElement>>;\n    /**\n     * Container for the expandable groups that hold navigation links.\n     * Should be used as a direct child of Navigation component, e.g. `Navigation.Menu`.\n     * Should have the menu groups as a direct child, e.g. `Navigation.Menu.Group`\n     */\n    Menu: ForwardedNavigationMenuWithStatics;\n    /**\n     * Isolated container within the Navigation.\n     * This can be used to create a region in the Navigation that is usually not scrollable, nor expandable,\n     * containing useful information for user and quick actions\n     */\n    Panel: React.ForwardRefExoticComponent<NavigationPanelProps & React.RefAttributes<HTMLDivElement>>;\n};\n\nexport const Navigation = React.forwardRef(function Navigation(props: NavigationProps, ref: React.Ref<HTMLDivElement>) {\n    const { children, ...otherProps } = props;\n    const className = cn('h-full flex flex-col bg-grey-100 divide-y-2 divide-grey-100', props.className);\n\n    return (\n        <div {...otherProps} className={className} data-taco=\"navigation\" ref={ref}>\n            {children}\n        </div>\n    );\n}) as ForwardedNavigationWithStatics;\n\nNavigation.Menu = Menu;\nNavigation.Item = Item;\nNavigation.Panel = Panel;\n"],"names":["Item","React","forwardRef","props","ref","active","children","onDrop","postfix","prefix","role","otherProps","proxyRef","useMergedRef","isDraggedOver","dropTargetProps","useDropTarget","isTreeitem","className","cn","handleClick","event","target","HTMLAnchorElement","HTMLButtonElement","current","click","onClick","Panel","MenuGroup","fixed","title","expanded","Icon","name","Treeview","Group","Menu","scrollableAreas","useMemo","Children","toArray","filter","child","forEach","push","x","length","Array","isArray","map","area","i","key","Navigation"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Navigation2/Navigation2.js

@@ -1,17 +1,17 @@
 import React__default from 'react';
 import cn from 'clsx';
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { Group } from './components/Group.js';
 import { Link } from './components/Link.js';
 export { getNavigationLinkClasses } from './components/Link.js';
 import { Section } from './components/Section.js';
 import { Content } from './components/Content.js';
 
-var _excluded = ["children"];
-var Navigation2 = /*#__PURE__*/React__default.forwardRef(function Navigation2(props, ref) {
-  var children = props.children,
-    attributes = _objectWithoutPropertiesLoose(props, _excluded);
-  var className = cn('m-0 py-2 flex flex-col gap-y-px overflow-auto h-full w-full bg-grey-50', props.className);
+const Navigation2 = /*#__PURE__*/React__default.forwardRef(function Navigation2(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-grey-50', props.className);
   return /*#__PURE__*/React__default.createElement("ul", Object.assign({}, attributes, {
     className: className,
     "data-taco": "navigation2",

package/dist/esm/packages/taco/src/components/Navigation2/Navigation2.js.map

@@ -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-grey-50', 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","React","forwardRef","props","ref","children","attributes","_objectWithoutPropertiesLoose","_excluded","className","cn","role","style","opacity","Group","Link","Section","Content"],"mappings":";;;;;;;;;;IASaA,WAAW,gBAAGC,cAAK,CAACC,UAAU,CAAqC,SAASF,WAAWA,CAACG,KAAK,EAAEC,GAAG;EAC3G,IAAQC,QAAQ,GAAoBF,KAAK,CAAjCE,QAAQ;IAAKC,UAAU,GAAAC,6BAAA,CAAKJ,KAAK,EAAAK,SAAA;EACzC,IAAMC,SAAS,GAAGC,EAAE,CAAC,wEAAwE,EAAEP,KAAK,CAACM,SAAS,CAAC;EAE/G,oBACIR,qDAAQK,UAAU;IAAEG,SAAS,EAAEA,SAAS;iBAAY,aAAa;IAACL,GAAG,EAAEA,GAAG;IAAEO,IAAI,EAAC,SAAS;IAACC,KAAK,EAAE;MAAEC,OAAO,EAAE;;MACxGR,QAAQ,CACR;AAEb,CAAC;AAODL,WAAW,CAACc,KAAK,GAAGA,KAAK;AACzBd,WAAW,CAACe,IAAI,GAAGA,IAAI;AACvBf,WAAW,CAACgB,OAAO,GAAGA,OAAO;AAC7BhB,WAAW,CAACiB,OAAO,GAAGA,OAAO;;;;"}
+{"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-grey-50', 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","React","forwardRef","props","ref","children","attributes","className","cn","role","style","opacity","Group","Link","Section","Content"],"mappings":";;;;;;;;MASaA,WAAW,gBAAGC,cAAK,CAACC,UAAU,CAAqC,SAASF,WAAWA,CAACG,KAAK,EAAEC,GAAG;EAC3G,MAAM;IAAEC,QAAQ;IAAE,GAAGC;GAAY,GAAGH,KAAK;EACzC,MAAMI,SAAS,GAAGC,EAAE,CAAC,wEAAwE,EAAEL,KAAK,CAACI,SAAS,CAAC;EAE/G,oBACIN,qDAAQK,UAAU;IAAEC,SAAS,EAAEA,SAAS;iBAAY,aAAa;IAACH,GAAG,EAAEA,GAAG;IAAEK,IAAI,EAAC,SAAS;IAACC,KAAK,EAAE;MAAEC,OAAO,EAAE;;MACxGN,QAAQ,CACR;AAEb,CAAC;AAODL,WAAW,CAACY,KAAK,GAAGA,KAAK;AACzBZ,WAAW,CAACa,IAAI,GAAGA,IAAI;AACvBb,WAAW,CAACc,OAAO,GAAGA,OAAO;AAC7Bd,WAAW,CAACe,OAAO,GAAGA,OAAO;;;;"}

package/dist/esm/packages/taco/src/components/Navigation2/components/Content.js

@@ -1,13 +1,13 @@
 import React__default from 'react';
 import cn from 'clsx';
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { getAdjacentClasses } from './util.js';
 
-var _excluded = ["children"];
-var Content = /*#__PURE__*/React__default.forwardRef(function Navigation2(props, ref) {
-  var children = props.children,
-    attributes = _objectWithoutPropertiesLoose(props, _excluded);
-  var className = cn('w-full overflow-auto p-3 mt-auto border-grey-200 flex-shrink-0 z-10 bg-grey-50 [[role=menubar]>&:last-child]:pb-0', getAdjacentClasses(), props.className);
+const Content = /*#__PURE__*/React__default.forwardRef(function Navigation2(props, ref) {
+  const {
+    children,
+    ...attributes
+  } = props;
+  const className = cn('w-full overflow-auto p-3 mt-auto border-grey-200 flex-shrink-0 z-10 bg-grey-50 [[role=menubar]>&:last-child]:pb-0', getAdjacentClasses(), props.className);
   return /*#__PURE__*/React__default.createElement("li", Object.assign({}, attributes, {
     className: className,
     "data-taco": "navigation2-content",

package/dist/esm/packages/taco/src/components/Navigation2/components/Content.js.map

@@ -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-grey-200 flex-shrink-0 z-10 bg-grey-50 [[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":["Content","React","forwardRef","Navigation2","props","ref","children","attributes","_objectWithoutPropertiesLoose","_excluded","className","cn","getAdjacentClasses","role"],"mappings":";;;;;;IAMaA,OAAO,gBAAGC,cAAK,CAACC,UAAU,CAAyC,SAASC,WAAWA,CAACC,KAAK,EAAEC,GAAG;EAC3G,IAAQC,QAAQ,GAAoBF,KAAK,CAAjCE,QAAQ;IAAKC,UAAU,GAAAC,6BAAA,CAAKJ,KAAK,EAAAK,SAAA;EACzC,IAAMC,SAAS,GAAGC,EAAE,CAChB,mHAAmH,EACnHC,kBAAkB,EAAE,EACpBR,KAAK,CAACM,SAAS,CAClB;EAED,oBACIT,qDAAQM,UAAU;IAAEG,SAAS,EAAEA,SAAS;iBAAY,qBAAqB;IAACL,GAAG,EAAEA,GAAG;IAAEQ,IAAI,EAAC;MACpFP,QAAQ,CACR;AAEb,CAAC;;;;"}
+{"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-grey-200 flex-shrink-0 z-10 bg-grey-50 [[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":["Content","React","forwardRef","Navigation2","props","ref","children","attributes","className","cn","getAdjacentClasses","role"],"mappings":";;;;MAMaA,OAAO,gBAAGC,cAAK,CAACC,UAAU,CAAyC,SAASC,WAAWA,CAACC,KAAK,EAAEC,GAAG;EAC3G,MAAM;IAAEC,QAAQ;IAAE,GAAGC;GAAY,GAAGH,KAAK;EACzC,MAAMI,SAAS,GAAGC,EAAE,CAChB,mHAAmH,EACnHC,kBAAkB,EAAE,EACpBN,KAAK,CAACI,SAAS,CAClB;EAED,oBACIP,qDAAQM,UAAU;IAAEC,SAAS,EAAEA,SAAS;iBAAY,qBAAqB;IAACH,GAAG,EAAEA,GAAG;IAAEM,IAAI,EAAC;MACpFL,QAAQ,CACR;AAEb,CAAC;;;;"}

package/dist/esm/packages/taco/src/components/Navigation2/components/Group.js

@@ -1,21 +1,18 @@
 import React__default from 'react';
 import cn from 'clsx';
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { Icon } from '../../Icon/Icon.js';
 
-var _excluded = ["children", "defaultExpanded", "heading", "onClick"];
-var Group = /*#__PURE__*/React__default.forwardRef(function Group(props, ref) {
-  var children = props.children,
-    _props$defaultExpande = props.defaultExpanded,
-    defaultExpanded = _props$defaultExpande === void 0 ? false : _props$defaultExpande,
-    heading = props.heading,
-    onClick = props.onClick,
-    attributes = _objectWithoutPropertiesLoose(props, _excluded);
-  var _React$useState = React__default.useState(defaultExpanded),
-    expanded = _React$useState[0],
-    setExpanded = _React$useState[1];
-  var className = cn('flex w-full cursor-pointer items-center rounded px-3 font-bold text-left leading-8 hover:bg-black/[.06] focus-visible:yt-focus-dark', attributes.className);
-  var handleClick = function handleClick(event) {
+const Group = /*#__PURE__*/React__default.forwardRef(function Group(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/[.06] focus-visible:yt-focus-dark', attributes.className);
+  const handleClick = event => {
     setExpanded(!expanded);
     if (onClick) {
       onClick(event);

package/dist/esm/packages/taco/src/components/Navigation2/components/Group.js.map

@@ -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/[.06] 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","React","forwardRef","props","ref","children","_props$defaultExpande","defaultExpanded","heading","onClick","attributes","_objectWithoutPropertiesLoose","_excluded","_React$useState","useState","expanded","setExpanded","className","cn","handleClick","event","role","Icon","name","hidden"],"mappings":";;;;;;IAUaA,KAAK,gBAAGC,cAAK,CAACC,UAAU,CAAuC,SAASF,KAAKA,CAACG,KAAK,EAAEC,GAAG;EACjG,IAAQC,QAAQ,GAA+DF,KAAK,CAA5EE,QAAQ;IAAAC,qBAAA,GAA+DH,KAAK,CAAlEI,eAAe;IAAfA,eAAe,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA;IAAEE,OAAO,GAA6BL,KAAK,CAAzCK,OAAO;IAAEC,OAAO,GAAoBN,KAAK,CAAhCM,OAAO;IAAKC,UAAU,GAAAC,6BAAA,CAAKR,KAAK,EAAAS,SAAA;EACpF,IAAAC,eAAA,GAAgCZ,cAAK,CAACa,QAAQ,CAACP,eAAe,CAAC;IAAxDQ,QAAQ,GAAAF,eAAA;IAAEG,WAAW,GAAAH,eAAA;EAC5B,IAAMI,SAAS,GAAGC,EAAE,CAChB,qIAAqI,EACrIR,UAAU,CAACO,SAAS,CACvB;EAED,IAAME,WAAW,GAAG,SAAdA,WAAWA,CAAIC,KAA0C;IAC3DJ,WAAW,CAAC,CAACD,QAAQ,CAAC;IAEtB,IAAIN,OAAO,EAAE;MACTA,OAAO,CAACW,KAAK,CAAC;;GAErB;EAED,oBACInB,qDAAQS,UAAU;IAAEW,IAAI,EAAC,MAAM;IAACJ,SAAS,EAAC,yBAAyB;IAACb,GAAG,EAAEA;mBACrEH;qBACkB,MAAM;qBACLc,QAAQ;iBACb,mBAAmB;IAC7BE,SAAS,EAAEA,SAAS;IACpBR,OAAO,EAAEU,WAAW;IACpBE,IAAI,EAAC;kBACLpB,6BAACqB,IAAI;IAACL,SAAS,EAAC,iBAAiB;IAACM,IAAI,EAAER,QAAQ,GAAG,oBAAoB,GAAG;IAAyB,eACnGd;IAAMgB,SAAS,EAAC;KAAsBT,OAAO,CAAQ,CAChD,eACTP;IAAIgB,SAAS,EAAEC,EAAE,CAAC,mCAAmC,EAAE;MAAEM,MAAM,EAAE,CAACT;KAAU,CAAC;IAAEM,IAAI,EAAC;KAC/EhB,QAAQ,CACR,CACJ;AAEb,CAAC;;;;"}
+{"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/[.06] 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","React","forwardRef","props","ref","children","defaultExpanded","heading","onClick","attributes","expanded","setExpanded","useState","className","cn","handleClick","event","role","Icon","name","hidden"],"mappings":";;;;MAUaA,KAAK,gBAAGC,cAAK,CAACC,UAAU,CAAuC,SAASF,KAAKA,CAACG,KAAK,EAAEC,GAAG;EACjG,MAAM;IAAEC,QAAQ;IAAEC,eAAe,GAAG,KAAK;IAAEC,OAAO;IAAEC,OAAO;IAAE,GAAGC;GAAY,GAAGN,KAAK;EACpF,MAAM,CAACO,QAAQ,EAAEC,WAAW,CAAC,GAAGV,cAAK,CAACW,QAAQ,CAACN,eAAe,CAAC;EAC/D,MAAMO,SAAS,GAAGC,EAAE,CAChB,qIAAqI,EACrIL,UAAU,CAACI,SAAS,CACvB;EAED,MAAME,WAAW,GAAIC,KAA0C;IAC3DL,WAAW,CAAC,CAACD,QAAQ,CAAC;IAEtB,IAAIF,OAAO,EAAE;MACTA,OAAO,CAACQ,KAAK,CAAC;;GAErB;EAED,oBACIf,qDAAQQ,UAAU;IAAEQ,IAAI,EAAC,MAAM;IAACJ,SAAS,EAAC,yBAAyB;IAACT,GAAG,EAAEA;mBACrEH;qBACkB,MAAM;qBACLS,QAAQ;iBACb,mBAAmB;IAC7BG,SAAS,EAAEA,SAAS;IACpBL,OAAO,EAAEO,WAAW;IACpBE,IAAI,EAAC;kBACLhB,6BAACiB,IAAI;IAACL,SAAS,EAAC,iBAAiB;IAACM,IAAI,EAAET,QAAQ,GAAG,oBAAoB,GAAG;IAAyB,eACnGT;IAAMY,SAAS,EAAC;KAAsBN,OAAO,CAAQ,CAChD,eACTN;IAAIY,SAAS,EAAEC,EAAE,CAAC,mCAAmC,EAAE;MAAEM,MAAM,EAAE,CAACV;KAAU,CAAC;IAAEO,IAAI,EAAC;KAC/EZ,QAAQ,CACR,CACJ;AAEb,CAAC;;;;"}

package/dist/esm/packages/taco/src/components/Navigation2/components/Link.js

@@ -1,41 +1,34 @@
 import React__default from 'react';
 import cn from 'clsx';
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { Icon } from '../../Icon/Icon.js';
 import { Badge } from '../../Badge/Badge.js';
 import { IconButton } from '../../IconButton/IconButton.js';
 import { useDropTarget } from '../../../utils/hooks/useDropTarget.js';
 import { getAdjacentClasses } from './util.js';
 
-var _excluded = ["active", "children", "icon", "menu", "onDrop", "total"];
-var getNavigationLinkClasses = function getNavigationLinkClasses(isDraggedOver) {
-  if (isDraggedOver === void 0) {
-    isDraggedOver = false;
-  }
-  return cn('group relative flex w-full items-center rounded leading-8 !text-black px-2 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',
-  // 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
-  '[&>span_[data-taco="badge"]]:mr-2.5 [[role=menu]>li>&>span_[data-taco="badge"]]:mr-2', {
-    'hover:bg-black/[.06] aria-current-page:bg-blue-500/[.1]': !isDraggedOver,
-    '!bg-blue-500 !text-white [&>*]:!text-white': isDraggedOver
-  });
-};
-var Link = /*#__PURE__*/React__default.forwardRef(function Link(props, ref) {
-  var active = props.active,
-    children = props.children,
-    icon = props.icon,
-    menu = props.menu,
-    onDrop = props.onDrop,
-    total = props.total,
-    attributes = _objectWithoutPropertiesLoose(props, _excluded);
-  var _useDropTarget = useDropTarget(onDrop),
-    isDraggedOver = _useDropTarget[0],
-    dropTargetProps = _useDropTarget[1];
-  var className = cn(getNavigationLinkClasses(isDraggedOver), attributes.className);
-  var listClassName = cn('[[role=menubar]>&]:px-3 border-grey-200', getAdjacentClasses(), {
+const getNavigationLinkClasses = (isDraggedOver = false) => cn('group relative flex w-full items-center rounded leading-8 !text-black px-2 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',
+// 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
+'[&>span_[data-taco="badge"]]:mr-2.5 [[role=menu]>li>&>span_[data-taco="badge"]]:mr-2', {
+  'hover:bg-black/[.06] aria-current-page:bg-blue-500/[.1]': !isDraggedOver,
+  '!bg-blue-500 !text-white [&>*]:!text-white': isDraggedOver
+});
+const Link = /*#__PURE__*/React__default.forwardRef(function Link(props, ref) {
+  const {
+    active,
+    children,
+    icon,
+    menu,
+    onDrop,
+    total,
+    ...attributes
+  } = props;
+  const [isDraggedOver, dropTargetProps] = useDropTarget(onDrop);
+  const className = cn(getNavigationLinkClasses(isDraggedOver), attributes.className);
+  const listClassName = cn('[[role=menubar]>&]:px-3 border-grey-200', getAdjacentClasses(), {
     '[&>*]:pointer-events-none': isDraggedOver
   });
   return /*#__PURE__*/React__default.createElement("li", Object.assign({}, dropTargetProps, {
@@ -63,7 +56,7 @@ var Link = /*#__PURE__*/React__default.forwardRef(function Link(props, ref) {
       'absolute right-0 !mr-0.5': total !== undefined
     }),
     menu: menu,
-    onClick: function onClick(event) {
+    onClick: event => {
       event.preventDefault();
       event.stopPropagation();
     }

package/dist/esm/packages/taco/src/components/Navigation2/components/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","sources":["../../../../../../../../src/components/Navigation2/components/Link.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { Icon, IconName } from '../../Icon/Icon';\nimport { useDropTarget } from '../../../utils/hooks/useDropTarget';\nimport { IconButton } from '../../IconButton/IconButton';\nimport { Badge } from '../../Badge/Badge';\nimport { MenuProps } from '../../Menu/Menu';\nimport { getAdjacentClasses } from './util';\n\nexport const getNavigationLinkClasses = (isDraggedOver = false) =>\n    cn(\n        'group relative flex w-full items-center rounded leading-8 !text-black px-2 focus-visible:yt-focus-dark',\n        // override styles for links that are children of collapsible menus\n        'font-bold [[role=menu]>li>&]:font-normal [[role=menu]>li>&]:pl-5',\n        // override styles to adjust icons included in menu links\n        '[&_[data-taco=\"icon\"]]:!h-5 [&_[data-taco=\"icon\"]]:!w-5',\n        // override styles to adjust badges included in menu links\n        '[&>span_[data-taco=\"badge\"]]:mr-2.5 [[role=menu]>li>&>span_[data-taco=\"badge\"]]:mr-2',\n        {\n            'hover:bg-black/[.06] aria-current-page:bg-blue-500/[.1]': !isDraggedOver,\n            '!bg-blue-500 !text-white [&>*]:!text-white': isDraggedOver,\n        }\n    );\n\nexport type Navigation2LinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement> & {\n    active?: boolean;\n    icon?: IconName;\n    /** Menu component associated with the button. */\n    menu?: (props: Partial<MenuProps>) => JSX.Element;\n    /** Handler to be used when dropping a dragged element over the Navigation2 link */\n    onDrop?: React.DragEventHandler;\n    /** Total shown inside a Badge component */\n    total?: number;\n};\n\nexport const Link = React.forwardRef<HTMLAnchorElement, Navigation2LinkProps>(function Link(props, ref) {\n    const { active, children, icon, menu, onDrop, total, ...attributes } = props;\n    const [isDraggedOver, dropTargetProps] = useDropTarget(onDrop);\n\n    const className = cn(getNavigationLinkClasses(isDraggedOver), attributes.className);\n\n    const listClassName = cn('[[role=menubar]>&]:px-3 border-grey-200', getAdjacentClasses(), {\n        '[&>*]:pointer-events-none': isDraggedOver,\n    });\n\n    return (\n        <li {...dropTargetProps} className={listClassName} data-taco=\"navigation2-link-item\" role=\"none\">\n            <a\n                {...attributes}\n                aria-current={active ? 'page' : undefined}\n                className={className}\n                data-taco=\"navigation2-link\"\n                ref={ref}\n                role=\"menuitem\"\n                tabIndex={0}>\n                {icon ? <Icon className=\"mr-1.5 [[role=menu]>li>a>&]:-ml-1.5 [[role=menu]>li>a>&]:mr-0.5\" name={icon} /> : null}\n                <span className=\"flex flex-grow items-center truncate\">{children}</span>\n                {menu ? (\n                    <IconButton\n                        appearance=\"discrete\"\n                        icon=\"more\"\n                        aria-label=\"More\"\n                        rounded\n                        className={cn(\n                            '-mr-1.5 hidden flex-shrink-0 flex-grow-0 transition-none group-hover:flex aria-expanded:flex',\n                            {\n                                'absolute right-0 !mr-0.5': total !== undefined,\n                            }\n                        )}\n                        menu={menu}\n                        onClick={event => {\n                            event.preventDefault();\n                            event.stopPropagation();\n                        }}\n                    />\n                ) : null}\n                {total !== undefined ? (\n                    <Badge\n                        className={cn('flex-shrink-0 flex-grow-0 !font-normal', {\n                            'group-hover:hidden [[aria-expanded=\"true\"]+&]:hidden ': menu,\n                        })}\n                        color=\"transparent\">\n                        {total}\n                    </Badge>\n                ) : null}\n            </a>\n        </li>\n    );\n});\n"],"names":["getNavigationLinkClasses","isDraggedOver","cn","Link","React","forwardRef","props","ref","active","children","icon","menu","onDrop","total","attributes","_objectWithoutPropertiesLoose","_excluded","_useDropTarget","useDropTarget","dropTargetProps","className","listClassName","getAdjacentClasses","role","undefined","tabIndex","Icon","name","IconButton","appearance","rounded","onClick","event","preventDefault","stopPropagation","Badge","color"],"mappings":";;;;;;;;;;IASaA,wBAAwB,GAAG,SAA3BA,wBAAwBA,CAAIC,aAAa;EAAA,IAAbA,aAAa;IAAbA,aAAa,GAAG,KAAK;;EAAA,OAC1DC,EAAE,CACE,wGAAwG;;EAExG,kEAAkE;;EAElE,yDAAyD;;EAEzD,sFAAsF,EACtF;IACI,yDAAyD,EAAE,CAACD,aAAa;IACzE,4CAA4C,EAAEA;GACjD,CACJ;AAAA;IAaQE,IAAI,gBAAGC,cAAK,CAACC,UAAU,CAA0C,SAASF,IAAIA,CAACG,KAAK,EAAEC,GAAG;EAClG,IAAQC,MAAM,GAAyDF,KAAK,CAApEE,MAAM;IAAEC,QAAQ,GAA+CH,KAAK,CAA5DG,QAAQ;IAAEC,IAAI,GAAyCJ,KAAK,CAAlDI,IAAI;IAAEC,IAAI,GAAmCL,KAAK,CAA5CK,IAAI;IAAEC,MAAM,GAA2BN,KAAK,CAAtCM,MAAM;IAAEC,KAAK,GAAoBP,KAAK,CAA9BO,KAAK;IAAKC,UAAU,GAAAC,6BAAA,CAAKT,KAAK,EAAAU,SAAA;EAC5E,IAAAC,cAAA,GAAyCC,aAAa,CAACN,MAAM,CAAC;IAAvDX,aAAa,GAAAgB,cAAA;IAAEE,eAAe,GAAAF,cAAA;EAErC,IAAMG,SAAS,GAAGlB,EAAE,CAACF,wBAAwB,CAACC,aAAa,CAAC,EAAEa,UAAU,CAACM,SAAS,CAAC;EAEnF,IAAMC,aAAa,GAAGnB,EAAE,CAAC,yCAAyC,EAAEoB,kBAAkB,EAAE,EAAE;IACtF,2BAA2B,EAAErB;GAChC,CAAC;EAEF,oBACIG,qDAAQe,eAAe;IAAEC,SAAS,EAAEC,aAAa;iBAAY,uBAAuB;IAACE,IAAI,EAAC;mBACtFnB,oDACQU,UAAU;oBACAN,MAAM,GAAG,MAAM,GAAGgB,SAAS;IACzCJ,SAAS,EAAEA,SAAS;iBACV,kBAAkB;IAC5Bb,GAAG,EAAEA,GAAG;IACRgB,IAAI,EAAC,UAAU;IACfE,QAAQ,EAAE;MACTf,IAAI,gBAAGN,6BAACsB,IAAI;IAACN,SAAS,EAAC,iEAAiE;IAACO,IAAI,EAAEjB;IAAQ,GAAG,IAAI,eAC/GN;IAAMgB,SAAS,EAAC;KAAwCX,QAAQ,CAAQ,EACvEE,IAAI,iBACDP,6BAACwB,UAAU;IACPC,UAAU,EAAC,UAAU;IACrBnB,IAAI,EAAC,MAAM;kBACA,MAAM;IACjBoB,OAAO;IACPV,SAAS,EAAElB,EAAE,CACT,8FAA8F,EAC9F;MACI,0BAA0B,EAAEW,KAAK,KAAKW;KACzC,CACJ;IACDb,IAAI,EAAEA,IAAI;IACVoB,OAAO,EAAE,SAAAA,QAAAC,KAAK;MACVA,KAAK,CAACC,cAAc,EAAE;MACtBD,KAAK,CAACE,eAAe,EAAE;;IAE7B,IACF,IAAI,EACPrB,KAAK,KAAKW,SAAS,iBAChBpB,6BAAC+B,KAAK;IACFf,SAAS,EAAElB,EAAE,CAAC,wCAAwC,EAAE;MACpD,uDAAuD,EAAES;KAC5D,CAAC;IACFyB,KAAK,EAAC;KACLvB,KAAK,CACF,IACR,IAAI,CACR,CACH;AAEb,CAAC;;;;"}
+{"version":3,"file":"Link.js","sources":["../../../../../../../../src/components/Navigation2/components/Link.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { Icon, IconName } from '../../Icon/Icon';\nimport { useDropTarget } from '../../../utils/hooks/useDropTarget';\nimport { IconButton } from '../../IconButton/IconButton';\nimport { Badge } from '../../Badge/Badge';\nimport { MenuProps } from '../../Menu/Menu';\nimport { getAdjacentClasses } from './util';\n\nexport const getNavigationLinkClasses = (isDraggedOver = false) =>\n    cn(\n        'group relative flex w-full items-center rounded leading-8 !text-black px-2 focus-visible:yt-focus-dark',\n        // override styles for links that are children of collapsible menus\n        'font-bold [[role=menu]>li>&]:font-normal [[role=menu]>li>&]:pl-5',\n        // override styles to adjust icons included in menu links\n        '[&_[data-taco=\"icon\"]]:!h-5 [&_[data-taco=\"icon\"]]:!w-5',\n        // override styles to adjust badges included in menu links\n        '[&>span_[data-taco=\"badge\"]]:mr-2.5 [[role=menu]>li>&>span_[data-taco=\"badge\"]]:mr-2',\n        {\n            'hover:bg-black/[.06] aria-current-page:bg-blue-500/[.1]': !isDraggedOver,\n            '!bg-blue-500 !text-white [&>*]:!text-white': isDraggedOver,\n        }\n    );\n\nexport type Navigation2LinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement> & {\n    active?: boolean;\n    icon?: IconName;\n    /** Menu component associated with the button. */\n    menu?: (props: Partial<MenuProps>) => JSX.Element;\n    /** Handler to be used when dropping a dragged element over the Navigation2 link */\n    onDrop?: React.DragEventHandler;\n    /** Total shown inside a Badge component */\n    total?: number;\n};\n\nexport const Link = React.forwardRef<HTMLAnchorElement, Navigation2LinkProps>(function Link(props, ref) {\n    const { active, children, icon, menu, onDrop, total, ...attributes } = props;\n    const [isDraggedOver, dropTargetProps] = useDropTarget(onDrop);\n\n    const className = cn(getNavigationLinkClasses(isDraggedOver), attributes.className);\n\n    const listClassName = cn('[[role=menubar]>&]:px-3 border-grey-200', getAdjacentClasses(), {\n        '[&>*]:pointer-events-none': isDraggedOver,\n    });\n\n    return (\n        <li {...dropTargetProps} className={listClassName} data-taco=\"navigation2-link-item\" role=\"none\">\n            <a\n                {...attributes}\n                aria-current={active ? 'page' : undefined}\n                className={className}\n                data-taco=\"navigation2-link\"\n                ref={ref}\n                role=\"menuitem\"\n                tabIndex={0}>\n                {icon ? <Icon className=\"mr-1.5 [[role=menu]>li>a>&]:-ml-1.5 [[role=menu]>li>a>&]:mr-0.5\" name={icon} /> : null}\n                <span className=\"flex flex-grow items-center truncate\">{children}</span>\n                {menu ? (\n                    <IconButton\n                        appearance=\"discrete\"\n                        icon=\"more\"\n                        aria-label=\"More\"\n                        rounded\n                        className={cn(\n                            '-mr-1.5 hidden flex-shrink-0 flex-grow-0 transition-none group-hover:flex aria-expanded:flex',\n                            {\n                                'absolute right-0 !mr-0.5': total !== undefined,\n                            }\n                        )}\n                        menu={menu}\n                        onClick={event => {\n                            event.preventDefault();\n                            event.stopPropagation();\n                        }}\n                    />\n                ) : null}\n                {total !== undefined ? (\n                    <Badge\n                        className={cn('flex-shrink-0 flex-grow-0 !font-normal', {\n                            'group-hover:hidden [[aria-expanded=\"true\"]+&]:hidden ': menu,\n                        })}\n                        color=\"transparent\">\n                        {total}\n                    </Badge>\n                ) : null}\n            </a>\n        </li>\n    );\n});\n"],"names":["getNavigationLinkClasses","isDraggedOver","cn","Link","React","forwardRef","props","ref","active","children","icon","menu","onDrop","total","attributes","dropTargetProps","useDropTarget","className","listClassName","getAdjacentClasses","role","undefined","tabIndex","Icon","name","IconButton","appearance","rounded","onClick","event","preventDefault","stopPropagation","Badge","color"],"mappings":";;;;;;;;MASaA,wBAAwB,GAAGA,CAACC,aAAa,GAAG,KAAK,KAC1DC,EAAE,CACE,wGAAwG;AACxG;AACA,kEAAkE;AAClE;AACA,yDAAyD;AACzD;AACA,sFAAsF,EACtF;EACI,yDAAyD,EAAE,CAACD,aAAa;EACzE,4CAA4C,EAAEA;CACjD;MAcIE,IAAI,gBAAGC,cAAK,CAACC,UAAU,CAA0C,SAASF,IAAIA,CAACG,KAAK,EAAEC,GAAG;EAClG,MAAM;IAAEC,MAAM;IAAEC,QAAQ;IAAEC,IAAI;IAAEC,IAAI;IAAEC,MAAM;IAAEC,KAAK;IAAE,GAAGC;GAAY,GAAGR,KAAK;EAC5E,MAAM,CAACL,aAAa,EAAEc,eAAe,CAAC,GAAGC,aAAa,CAACJ,MAAM,CAAC;EAE9D,MAAMK,SAAS,GAAGf,EAAE,CAACF,wBAAwB,CAACC,aAAa,CAAC,EAAEa,UAAU,CAACG,SAAS,CAAC;EAEnF,MAAMC,aAAa,GAAGhB,EAAE,CAAC,yCAAyC,EAAEiB,kBAAkB,EAAE,EAAE;IACtF,2BAA2B,EAAElB;GAChC,CAAC;EAEF,oBACIG,qDAAQW,eAAe;IAAEE,SAAS,EAAEC,aAAa;iBAAY,uBAAuB;IAACE,IAAI,EAAC;mBACtFhB,oDACQU,UAAU;oBACAN,MAAM,GAAG,MAAM,GAAGa,SAAS;IACzCJ,SAAS,EAAEA,SAAS;iBACV,kBAAkB;IAC5BV,GAAG,EAAEA,GAAG;IACRa,IAAI,EAAC,UAAU;IACfE,QAAQ,EAAE;MACTZ,IAAI,gBAAGN,6BAACmB,IAAI;IAACN,SAAS,EAAC,iEAAiE;IAACO,IAAI,EAAEd;IAAQ,GAAG,IAAI,eAC/GN;IAAMa,SAAS,EAAC;KAAwCR,QAAQ,CAAQ,EACvEE,IAAI,iBACDP,6BAACqB,UAAU;IACPC,UAAU,EAAC,UAAU;IACrBhB,IAAI,EAAC,MAAM;kBACA,MAAM;IACjBiB,OAAO;IACPV,SAAS,EAAEf,EAAE,CACT,8FAA8F,EAC9F;MACI,0BAA0B,EAAEW,KAAK,KAAKQ;KACzC,CACJ;IACDV,IAAI,EAAEA,IAAI;IACViB,OAAO,EAAEC,KAAK;MACVA,KAAK,CAACC,cAAc,EAAE;MACtBD,KAAK,CAACE,eAAe,EAAE;;IAE7B,IACF,IAAI,EACPlB,KAAK,KAAKQ,SAAS,iBAChBjB,6BAAC4B,KAAK;IACFf,SAAS,EAAEf,EAAE,CAAC,wCAAwC,EAAE;MACpD,uDAAuD,EAAES;KAC5D,CAAC;IACFsB,KAAK,EAAC;KACLpB,KAAK,CACF,IACR,IAAI,CACR,CACH;AAEb,CAAC;;;;"}

package/dist/esm/packages/taco/src/components/Navigation2/components/Section.js

@@ -1,14 +1,14 @@
 import React__default from 'react';
 import cn from 'clsx';
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { getAdjacentClasses } from './util.js';
 
-var _excluded = ["children", "heading"];
-var Section = /*#__PURE__*/React__default.forwardRef(function Navigation2(props, ref) {
-  var children = props.children,
-    heading = props.heading,
-    attributes = _objectWithoutPropertiesLoose(props, _excluded);
-  var className = cn('w-full overflow-auto px-3 py-2 flex-grow border-grey-200 bg-grey-50 [[role=menubar]>&:first-child]:pt-0', getAdjacentClasses(), props.className);
+const Section = /*#__PURE__*/React__default.forwardRef(function Navigation2(props, ref) {
+  const {
+    children,
+    heading,
+    ...attributes
+  } = props;
+  const className = cn('w-full overflow-auto px-3 py-2 flex-grow border-grey-200 bg-grey-50 [[role=menubar]>&:first-child]:pt-0', getAdjacentClasses(), props.className);
   return /*#__PURE__*/React__default.createElement("li", Object.assign({}, attributes, {
     className: className,
     "data-taco": "navigation2-section",

package/dist/esm/packages/taco/src/components/Navigation2/components/Section.js.map

@@ -1 +1 @@
-{"version":3,"file":"Section.js","sources":["../../../../../../../../src/components/Navigation2/components/Section.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { getAdjacentClasses } from './util';\n\nexport type Navigation2SectionProps = React.LiHTMLAttributes<HTMLLIElement> & {\n    heading?: string;\n};\n\nexport const Section = React.forwardRef<HTMLLIElement, Navigation2SectionProps>(function Navigation2(props, ref) {\n    const { children, heading, ...attributes } = props;\n    const className = cn(\n        'w-full overflow-auto px-3 py-2 flex-grow border-grey-200 bg-grey-50 [[role=menubar]>&:first-child]:pt-0',\n        getAdjacentClasses(),\n        props.className\n    );\n\n    return (\n        <li {...attributes} className={className} data-taco=\"navigation2-section\" ref={ref} role=\"none\">\n            {heading ? (\n                <span className=\"text-grey-500 mb-px truncate pl-5 text-xs font-bold uppercase leading-8 lg:hidden\">\n                    {heading}\n                </span>\n            ) : null}\n            <ul className=\"mb-0 flex flex-col gap-y-px\">{children}</ul>\n        </li>\n    );\n});\n"],"names":["Section","React","forwardRef","Navigation2","props","ref","children","heading","attributes","_objectWithoutPropertiesLoose","_excluded","className","cn","getAdjacentClasses","role"],"mappings":";;;;;;IAQaA,OAAO,gBAAGC,cAAK,CAACC,UAAU,CAAyC,SAASC,WAAWA,CAACC,KAAK,EAAEC,GAAG;EAC3G,IAAQC,QAAQ,GAA6BF,KAAK,CAA1CE,QAAQ;IAAEC,OAAO,GAAoBH,KAAK,CAAhCG,OAAO;IAAKC,UAAU,GAAAC,6BAAA,CAAKL,KAAK,EAAAM,SAAA;EAClD,IAAMC,SAAS,GAAGC,EAAE,CAChB,yGAAyG,EACzGC,kBAAkB,EAAE,EACpBT,KAAK,CAACO,SAAS,CAClB;EAED,oBACIV,qDAAQO,UAAU;IAAEG,SAAS,EAAEA,SAAS;iBAAY,qBAAqB;IAACN,GAAG,EAAEA,GAAG;IAAES,IAAI,EAAC;MACpFP,OAAO,iBACJN;IAAMU,SAAS,EAAC;KACXJ,OAAO,CACL,IACP,IAAI,eACRN;IAAIU,SAAS,EAAC;KAA+BL,QAAQ,CAAM,CAC1D;AAEb,CAAC;;;;"}
+{"version":3,"file":"Section.js","sources":["../../../../../../../../src/components/Navigation2/components/Section.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { getAdjacentClasses } from './util';\n\nexport type Navigation2SectionProps = React.LiHTMLAttributes<HTMLLIElement> & {\n    heading?: string;\n};\n\nexport const Section = React.forwardRef<HTMLLIElement, Navigation2SectionProps>(function Navigation2(props, ref) {\n    const { children, heading, ...attributes } = props;\n    const className = cn(\n        'w-full overflow-auto px-3 py-2 flex-grow border-grey-200 bg-grey-50 [[role=menubar]>&:first-child]:pt-0',\n        getAdjacentClasses(),\n        props.className\n    );\n\n    return (\n        <li {...attributes} className={className} data-taco=\"navigation2-section\" ref={ref} role=\"none\">\n            {heading ? (\n                <span className=\"text-grey-500 mb-px truncate pl-5 text-xs font-bold uppercase leading-8 lg:hidden\">\n                    {heading}\n                </span>\n            ) : null}\n            <ul className=\"mb-0 flex flex-col gap-y-px\">{children}</ul>\n        </li>\n    );\n});\n"],"names":["Section","React","forwardRef","Navigation2","props","ref","children","heading","attributes","className","cn","getAdjacentClasses","role"],"mappings":";;;;MAQaA,OAAO,gBAAGC,cAAK,CAACC,UAAU,CAAyC,SAASC,WAAWA,CAACC,KAAK,EAAEC,GAAG;EAC3G,MAAM;IAAEC,QAAQ;IAAEC,OAAO;IAAE,GAAGC;GAAY,GAAGJ,KAAK;EAClD,MAAMK,SAAS,GAAGC,EAAE,CAChB,yGAAyG,EACzGC,kBAAkB,EAAE,EACpBP,KAAK,CAACK,SAAS,CAClB;EAED,oBACIR,qDAAQO,UAAU;IAAEC,SAAS,EAAEA,SAAS;iBAAY,qBAAqB;IAACJ,GAAG,EAAEA,GAAG;IAAEO,IAAI,EAAC;MACpFL,OAAO,iBACJN;IAAMQ,SAAS,EAAC;KACXF,OAAO,CACL,IACP,IAAI,eACRN;IAAIQ,SAAS,EAAC;KAA+BH,QAAQ,CAAM,CAC1D;AAEb,CAAC;;;;"}

package/dist/esm/packages/taco/src/components/Navigation2/components/util.js

@@ -1,14 +1,12 @@
 import cn from 'clsx';
 
-var getAdjacentClasses = function getAdjacentClasses() {
-  return cn(
-  // styling if the element is proceeded by a link item
-  '[[role=menubar]>[data-taco=navigation2-link-item]+&]:mt-2', "[[role=menubar]>[data-taco='navigation2-link-item']+&]:border-t-2", "[[role=menubar]>[data-taco='navigation2-link-item']+&]:pt-2 ",
-  // styling if the element is proceeded by content
-  "[[role=menubar]>[data-taco='navigation2-content']+&]:border-t-2", "[[role=menubar]>[data-taco='navigation2-content']+&]:pt-2",
-  // styling if the element is proceeded by a section
-  "[[role=menubar]>[data-taco='navigation2-section']+&]:border-t-2", "[[role=menubar]>[data-taco='navigation2-section']+&]:pt-2");
-};
+const getAdjacentClasses = () => cn(
+// styling if the element is proceeded by a link item
+'[[role=menubar]>[data-taco=navigation2-link-item]+&]:mt-2', "[[role=menubar]>[data-taco='navigation2-link-item']+&]:border-t-2", "[[role=menubar]>[data-taco='navigation2-link-item']+&]:pt-2 ",
+// styling if the element is proceeded by content
+"[[role=menubar]>[data-taco='navigation2-content']+&]:border-t-2", "[[role=menubar]>[data-taco='navigation2-content']+&]:pt-2",
+// styling if the element is proceeded by a section
+"[[role=menubar]>[data-taco='navigation2-section']+&]:border-t-2", "[[role=menubar]>[data-taco='navigation2-section']+&]:pt-2");
 
 export { getAdjacentClasses };
 //# sourceMappingURL=util.js.map

package/dist/esm/packages/taco/src/components/Navigation2/components/util.js.map

@@ -1 +1 @@
-{"version":3,"file":"util.js","sources":["../../../../../../../../src/components/Navigation2/components/util.ts"],"sourcesContent":["import cn from 'clsx';\n\nexport const getAdjacentClasses = () =>\n    cn(\n        // styling if the element is proceeded by a link item\n        '[[role=menubar]>[data-taco=navigation2-link-item]+&]:mt-2',\n        \"[[role=menubar]>[data-taco='navigation2-link-item']+&]:border-t-2\",\n        \"[[role=menubar]>[data-taco='navigation2-link-item']+&]:pt-2 \",\n        // styling if the element is proceeded by content\n        \"[[role=menubar]>[data-taco='navigation2-content']+&]:border-t-2\",\n        \"[[role=menubar]>[data-taco='navigation2-content']+&]:pt-2\",\n        // styling if the element is proceeded by a section\n        \"[[role=menubar]>[data-taco='navigation2-section']+&]:border-t-2\",\n        \"[[role=menubar]>[data-taco='navigation2-section']+&]:pt-2\"\n    );\n"],"names":["getAdjacentClasses","cn"],"mappings":";;IAEaA,kBAAkB,GAAG,SAArBA,kBAAkBA;EAAA,OAC3BC,EAAE;;EAEE,2DAA2D,EAC3D,mEAAmE,EACnE,8DAA8D;;EAE9D,iEAAiE,EACjE,2DAA2D;;EAE3D,iEAAiE,EACjE,2DAA2D,CAC9D;AAAA;;;;"}
+{"version":3,"file":"util.js","sources":["../../../../../../../../src/components/Navigation2/components/util.ts"],"sourcesContent":["import cn from 'clsx';\n\nexport const getAdjacentClasses = () =>\n    cn(\n        // styling if the element is proceeded by a link item\n        '[[role=menubar]>[data-taco=navigation2-link-item]+&]:mt-2',\n        \"[[role=menubar]>[data-taco='navigation2-link-item']+&]:border-t-2\",\n        \"[[role=menubar]>[data-taco='navigation2-link-item']+&]:pt-2 \",\n        // styling if the element is proceeded by content\n        \"[[role=menubar]>[data-taco='navigation2-content']+&]:border-t-2\",\n        \"[[role=menubar]>[data-taco='navigation2-content']+&]:pt-2\",\n        // styling if the element is proceeded by a section\n        \"[[role=menubar]>[data-taco='navigation2-section']+&]:border-t-2\",\n        \"[[role=menubar]>[data-taco='navigation2-section']+&]:pt-2\"\n    );\n"],"names":["getAdjacentClasses","cn"],"mappings":";;MAEaA,kBAAkB,GAAGA,MAC9BC,EAAE;AACE;AACA,2DAA2D,EAC3D,mEAAmE,EACnE,8DAA8D;AAC9D;AACA,iEAAiE,EACjE,2DAA2D;AAC3D;AACA,iEAAiE,EACjE,2DAA2D;;;;"}

package/dist/esm/packages/taco/src/components/OverflowGroup/OverflowGroup.js

@@ -1,79 +1,82 @@
 import React__default from 'react';
 import cn from 'clsx';
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose, extends as _extends } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { useMergedRef } from '../../hooks/useMergedRef.js';
 import { IconButton } from '../IconButton/IconButton.js';
 import { useLocalization } from '../Provider/Localization.js';
 import { Menu } from '../Menu/Menu.js';
 import { useIntersectionObserver } from '../../hooks/useIntersectionObserver.js';
 
-var _excluded = ["as", "className", "appearance", "drawer", "fluid", "hanger", "menu", "popover", "tooltip"],
-  _excluded2 = ["moreButton", "wrapChild"];
-var sanitizeButtonPropsForMenuItem = function sanitizeButtonPropsForMenuItem(button, index) {
-  var href = button.props.to || button.props.href;
-  var Tag = href ? Menu.Link : Menu.Item;
+const sanitizeButtonPropsForMenuItem = (button, index) => {
+  const href = button.props.to || button.props.href;
+  const Tag = href ? Menu.Link : Menu.Item;
   // Removing className prop so that custom styling cannot be applied on Menu.Link
-  var _button$props = button.props,
-    as = _button$props.as,
-    attributes = _objectWithoutPropertiesLoose(_button$props, _excluded);
-  var props = _extends({}, attributes, {
+  const {
+    as,
+    className: _,
+    appearance: _1,
+    drawer: _2,
+    fluid: _3,
+    hanger: _4,
+    menu: _5,
+    popover: _6,
+    tooltip: _7,
+    ...attributes
+  } = button.props;
+  const props = {
+    ...attributes,
     key: index,
     target: href ? href.startsWith('http') ? '_blank' : '_self' : undefined
-  });
+  };
   if (as) {
-    return /*#__PURE__*/React__default.cloneElement(button, _extends({
-      as: Tag
-    }, props));
+    return /*#__PURE__*/React__default.cloneElement(button, {
+      as: Tag,
+      ...props
+    });
   }
   return /*#__PURE__*/React__default.createElement(Tag, Object.assign({}, props));
 };
-var DEFAULT_OFFSET = 32 + 8;
-var OverflowGroup = /*#__PURE__*/React__default.forwardRef(function OverflowGroup(props, ref) {
+const DEFAULT_OFFSET = 32 + 8;
+const OverflowGroup = /*#__PURE__*/React__default.forwardRef(function OverflowGroup(props, ref) {
   var _moreButton;
-  var moreButton = props.moreButton,
-    wrapChild = props.wrapChild,
-    attributes = _objectWithoutPropertiesLoose(props, _excluded2);
-  var internalRef = useMergedRef(ref);
+  const {
+    moreButton,
+    wrapChild,
+    ...attributes
+  } = props;
+  const internalRef = useMergedRef(ref);
   // determine width of more button, to add intersection observer margin
-  var _React$useState = React__default.useState(DEFAULT_OFFSET),
-    buttonWidth = _React$useState[0],
-    setButtonWidth = _React$useState[1];
-  var buttonRefCallback = React__default.useCallback(function (el) {
+  const [buttonWidth, setButtonWidth] = React__default.useState(DEFAULT_OFFSET);
+  const buttonRefCallback = React__default.useCallback(el => {
     var _el$getBoundingClient;
     return setButtonWidth(el === null || el === void 0 ? void 0 : (_el$getBoundingClient = el.getBoundingClientRect()) === null || _el$getBoundingClient === void 0 ? void 0 : _el$getBoundingClient.width);
   }, []);
-  var _useLocalization = useLocalization(),
-    texts = _useLocalization.texts;
-  var intersectedChildIndex = useIntersectionObserver(internalRef, buttonWidth);
-  var children = React__default.Children.toArray(props.children);
-  var hiddenChildren = intersectedChildIndex !== undefined ? children.slice(intersectedChildIndex) : [];
-  var hiddenChildrenCount = hiddenChildren.length;
-  var moreButtonText = hiddenChildrenCount ? hiddenChildrenCount + " " + texts.header.more : '';
-  var MoreButton = (_moreButton = moreButton === null || moreButton === void 0 ? void 0 : moreButton(moreButtonText)) !== null && _moreButton !== void 0 ? _moreButton : /*#__PURE__*/React__default.createElement(IconButton, {
+  const {
+    texts
+  } = useLocalization();
+  const intersectedChildIndex = useIntersectionObserver(internalRef, buttonWidth);
+  const children = React__default.Children.toArray(props.children);
+  const hiddenChildren = intersectedChildIndex !== undefined ? children.slice(intersectedChildIndex) : [];
+  const hiddenChildrenCount = hiddenChildren.length;
+  const moreButtonText = hiddenChildrenCount ? `${hiddenChildrenCount} ${texts.header.more}` : '';
+  const MoreButton = (_moreButton = moreButton === null || moreButton === void 0 ? void 0 : moreButton(moreButtonText)) !== null && _moreButton !== void 0 ? _moreButton : /*#__PURE__*/React__default.createElement(IconButton, {
     icon: "more"
   });
-  var className = cn('flex overflow-hidden', props.className);
+  const className = cn('flex overflow-hidden', props.className);
   return /*#__PURE__*/React__default.createElement("div", Object.assign({}, attributes, {
     className: className,
     "data-taco": "overflow-group",
     ref: internalRef
-  }), children.map(function (child, index) {
-    return /*#__PURE__*/React__default.cloneElement(child, {
-      className: cn(child.props.className, {
-        visible: intersectedChildIndex === undefined || index < intersectedChildIndex,
-        'invisible order-[100] pointer-events-none': intersectedChildIndex !== undefined && index >= intersectedChildIndex
-      })
-    });
-  }), hiddenChildren.length ? /*#__PURE__*/React__default.cloneElement(MoreButton, {
+  }), children.map((child, index) => /*#__PURE__*/React__default.cloneElement(child, {
+    className: cn(child.props.className, {
+      visible: intersectedChildIndex === undefined || index < intersectedChildIndex,
+      'invisible order-[100] pointer-events-none': intersectedChildIndex !== undefined && index >= intersectedChildIndex
+    })
+  })), hiddenChildren.length ? /*#__PURE__*/React__default.cloneElement(MoreButton, {
     className: cn('sticky right-0 order-[99]', MoreButton.props.className),
     'data-observer-ignore': true,
-    menu: function menu(menuProps) {
-      return /*#__PURE__*/React__default.createElement(Menu, Object.assign({}, menuProps), /*#__PURE__*/React__default.createElement(Menu.Content, null, hiddenChildren.map(function (child, index) {
-        return wrapChild ? (/*#__PURE__*/React__default.createElement(Menu.Item, {
-          key: index
-        }, child)) : sanitizeButtonPropsForMenuItem(child, index);
-      })));
-    },
+    menu: menuProps => (/*#__PURE__*/React__default.createElement(Menu, Object.assign({}, menuProps), /*#__PURE__*/React__default.createElement(Menu.Content, null, hiddenChildren.map((child, index) => wrapChild ? (/*#__PURE__*/React__default.createElement(Menu.Item, {
+      key: index
+    }, child)) : sanitizeButtonPropsForMenuItem(child, index))))),
     ref: buttonRefCallback
   }) : null);
 });

package/dist/esm/packages/taco/src/components/OverflowGroup/OverflowGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"OverflowGroup.js","sources":["../../../../../../../src/components/OverflowGroup/OverflowGroup.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { useMergedRef } from '../../hooks/useMergedRef';\nimport { ButtonProps } from '../Button/Button';\nimport { Menu } from '../Menu/Menu';\nimport { useIntersectionObserver } from '../../hooks/useIntersectionObserver';\nimport { IconButton } from '../IconButton/IconButton';\nimport { useLocalization } from '../Provider/Localization';\n\nconst sanitizeButtonPropsForMenuItem = (button: any, index) => {\n    const href: string | undefined = button.props.to || button.props.href;\n    const Tag = href ? Menu.Link : Menu.Item;\n\n    // Removing className prop so that custom styling cannot be applied on Menu.Link\n    const {\n        as,\n        className: _,\n        appearance: _1,\n        drawer: _2,\n        fluid: _3,\n        hanger: _4,\n        menu: _5,\n        popover: _6,\n        tooltip: _7,\n        ...attributes\n    } = button.props;\n\n    const props = {\n        ...attributes,\n        key: index,\n        target: href ? (href.startsWith('http') ? '_blank' : '_self') : undefined,\n    };\n\n    if (as) {\n        return React.cloneElement(button, { as: Tag, ...props });\n    }\n\n    return <Tag {...props} />;\n};\n\ntype OverflowGroupProps = React.HTMLAttributes<HTMLElement> & {\n    moreButton?: (moreButtonText: string) => React.ReactElement<ButtonProps>;\n    wrapChild?: true | undefined;\n};\n\nconst DEFAULT_OFFSET = 32 + 8;\n\nexport const OverflowGroup = React.forwardRef(function OverflowGroup(props: OverflowGroupProps, ref: React.Ref<HTMLDivElement>) {\n    const { moreButton, wrapChild, ...attributes } = props;\n    const internalRef = useMergedRef<HTMLDivElement>(ref);\n    // determine width of more button, to add intersection observer margin\n    const [buttonWidth, setButtonWidth] = React.useState(DEFAULT_OFFSET);\n    const buttonRefCallback = React.useCallback((el: HTMLElement) => setButtonWidth(el?.getBoundingClientRect()?.width), []);\n    const { texts } = useLocalization();\n\n    const intersectedChildIndex = useIntersectionObserver(internalRef, buttonWidth);\n    const children = React.Children.toArray(props.children) as React.ReactElement<ButtonProps>[];\n    const hiddenChildren = intersectedChildIndex !== undefined ? children.slice(intersectedChildIndex) : [];\n    const hiddenChildrenCount = hiddenChildren.length;\n    const moreButtonText = hiddenChildrenCount ? `${hiddenChildrenCount} ${texts.header.more}` : '';\n\n    const MoreButton = moreButton?.(moreButtonText) ?? <IconButton icon=\"more\" />;\n\n    const className = cn('flex overflow-hidden', props.className);\n\n    return (\n        <div {...attributes} className={className} data-taco=\"overflow-group\" ref={internalRef}>\n            {children.map((child, index) =>\n                React.cloneElement(child, {\n                    className: cn(child.props.className, {\n                        visible: intersectedChildIndex === undefined || index < intersectedChildIndex,\n                        'invisible order-[100] pointer-events-none':\n                            intersectedChildIndex !== undefined && index >= intersectedChildIndex,\n                    }),\n                })\n            )}\n            {hiddenChildren.length\n                ? React.cloneElement(MoreButton, {\n                      className: cn('sticky right-0 order-[99]', MoreButton.props.className),\n                      'data-observer-ignore': true,\n                      menu: menuProps => (\n                          <Menu {...menuProps}>\n                              <Menu.Content>\n                                  {hiddenChildren.map((child, index) =>\n                                      wrapChild ? (\n                                          <Menu.Item key={index}>{child}</Menu.Item>\n                                      ) : (\n                                          sanitizeButtonPropsForMenuItem(child, index)\n                                      )\n                                  )}\n                              </Menu.Content>\n                          </Menu>\n                      ),\n                      ref: buttonRefCallback,\n                  })\n                : null}\n        </div>\n    );\n});\n"],"names":["sanitizeButtonPropsForMenuItem","button","index","href","props","to","Tag","Menu","Link","Item","_button$props","as","attributes","_objectWithoutPropertiesLoose","_excluded","_extends","key","target","startsWith","undefined","React","cloneElement","DEFAULT_OFFSET","OverflowGroup","forwardRef","ref","moreButton","wrapChild","_excluded2","internalRef","useMergedRef","_React$useState","useState","buttonWidth","setButtonWidth","buttonRefCallback","useCallback","el","_el$getBoundingClient","getBoundingClientRect","width","_useLocalization","useLocalization","texts","intersectedChildIndex","useIntersectionObserver","children","Children","toArray","hiddenChildren","slice","hiddenChildrenCount","length","moreButtonText","header","more","MoreButton","_moreButton","IconButton","icon","className","cn","map","child","visible","menu","menuProps","Content"],"mappings":"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"}
+{"version":3,"file":"OverflowGroup.js","sources":["../../../../../../../src/components/OverflowGroup/OverflowGroup.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { useMergedRef } from '../../hooks/useMergedRef';\nimport { ButtonProps } from '../Button/Button';\nimport { Menu } from '../Menu/Menu';\nimport { useIntersectionObserver } from '../../hooks/useIntersectionObserver';\nimport { IconButton } from '../IconButton/IconButton';\nimport { useLocalization } from '../Provider/Localization';\n\nconst sanitizeButtonPropsForMenuItem = (button: any, index) => {\n    const href: string | undefined = button.props.to || button.props.href;\n    const Tag = href ? Menu.Link : Menu.Item;\n\n    // Removing className prop so that custom styling cannot be applied on Menu.Link\n    const {\n        as,\n        className: _,\n        appearance: _1,\n        drawer: _2,\n        fluid: _3,\n        hanger: _4,\n        menu: _5,\n        popover: _6,\n        tooltip: _7,\n        ...attributes\n    } = button.props;\n\n    const props = {\n        ...attributes,\n        key: index,\n        target: href ? (href.startsWith('http') ? '_blank' : '_self') : undefined,\n    };\n\n    if (as) {\n        return React.cloneElement(button, { as: Tag, ...props });\n    }\n\n    return <Tag {...props} />;\n};\n\ntype OverflowGroupProps = React.HTMLAttributes<HTMLElement> & {\n    moreButton?: (moreButtonText: string) => React.ReactElement<ButtonProps>;\n    wrapChild?: true | undefined;\n};\n\nconst DEFAULT_OFFSET = 32 + 8;\n\nexport const OverflowGroup = React.forwardRef(function OverflowGroup(props: OverflowGroupProps, ref: React.Ref<HTMLDivElement>) {\n    const { moreButton, wrapChild, ...attributes } = props;\n    const internalRef = useMergedRef<HTMLDivElement>(ref);\n    // determine width of more button, to add intersection observer margin\n    const [buttonWidth, setButtonWidth] = React.useState(DEFAULT_OFFSET);\n    const buttonRefCallback = React.useCallback((el: HTMLElement) => setButtonWidth(el?.getBoundingClientRect()?.width), []);\n    const { texts } = useLocalization();\n\n    const intersectedChildIndex = useIntersectionObserver(internalRef, buttonWidth);\n    const children = React.Children.toArray(props.children) as React.ReactElement<ButtonProps>[];\n    const hiddenChildren = intersectedChildIndex !== undefined ? children.slice(intersectedChildIndex) : [];\n    const hiddenChildrenCount = hiddenChildren.length;\n    const moreButtonText = hiddenChildrenCount ? `${hiddenChildrenCount} ${texts.header.more}` : '';\n\n    const MoreButton = moreButton?.(moreButtonText) ?? <IconButton icon=\"more\" />;\n\n    const className = cn('flex overflow-hidden', props.className);\n\n    return (\n        <div {...attributes} className={className} data-taco=\"overflow-group\" ref={internalRef}>\n            {children.map((child, index) =>\n                React.cloneElement(child, {\n                    className: cn(child.props.className, {\n                        visible: intersectedChildIndex === undefined || index < intersectedChildIndex,\n                        'invisible order-[100] pointer-events-none':\n                            intersectedChildIndex !== undefined && index >= intersectedChildIndex,\n                    }),\n                })\n            )}\n            {hiddenChildren.length\n                ? React.cloneElement(MoreButton, {\n                      className: cn('sticky right-0 order-[99]', MoreButton.props.className),\n                      'data-observer-ignore': true,\n                      menu: menuProps => (\n                          <Menu {...menuProps}>\n                              <Menu.Content>\n                                  {hiddenChildren.map((child, index) =>\n                                      wrapChild ? (\n                                          <Menu.Item key={index}>{child}</Menu.Item>\n                                      ) : (\n                                          sanitizeButtonPropsForMenuItem(child, index)\n                                      )\n                                  )}\n                              </Menu.Content>\n                          </Menu>\n                      ),\n                      ref: buttonRefCallback,\n                  })\n                : null}\n        </div>\n    );\n});\n"],"names":["sanitizeButtonPropsForMenuItem","button","index","href","props","to","Tag","Menu","Link","Item","as","className","_","appearance","_1","drawer","_2","fluid","_3","hanger","_4","menu","_5","popover","_6","tooltip","_7","attributes","key","target","startsWith","undefined","React","cloneElement","DEFAULT_OFFSET","OverflowGroup","forwardRef","ref","moreButton","wrapChild","internalRef","useMergedRef","buttonWidth","setButtonWidth","useState","buttonRefCallback","useCallback","el","_el$getBoundingClient","getBoundingClientRect","width","texts","useLocalization","intersectedChildIndex","useIntersectionObserver","children","Children","toArray","hiddenChildren","slice","hiddenChildrenCount","length","moreButtonText","header","more","MoreButton","_moreButton","IconButton","icon","cn","map","child","visible","menuProps","Content"],"mappings":"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"}