@economic/taco 13.0.0 → 14.0.0-tanstack-virtual-update.0

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

@@ -1 +1 @@
-{"version":3,"file":"Group.js","sources":["../../../../src/components/Navigation2/components/Group.tsx"],"sourcesContent":["import cn from 'clsx';\nimport React from 'react';\n\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} className=\"[[data-taco=navigation2]>&]: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                <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 })} data-taco=\"navigation2-grouplist\">\n                {children}\n            </ul>\n        </li>\n    );\n});\n"],"names":["React","Group"],"mappings":";;;AAWO,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,sDACK,MAAA,EAAI,GAAG,YAAY,WAAU,oCAAmC,OAC7DA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,iBAAc;AAAA,MACd,iBAAe;AAAA,MACf,aAAU;AAAA,MACV;AAAA,MACA,SAAS;AAAA,IAAA;AAAA,iDACR,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,aAAU,wBAAA,GACpF,QACL,CACJ;AAER,CAAC;"}
+{"version":3,"file":"Group.js","sources":["../../../../src/components/Navigation2/components/Group.tsx"],"sourcesContent":["import cn from 'clsx';\nimport React from 'react';\n\nimport { Icon } from '@/components';\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} className=\"[[data-taco=navigation2]>&]: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                <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 })} data-taco=\"navigation2-grouplist\">\n                {children}\n            </ul>\n        </li>\n    );\n});\n"],"names":["React","Group"],"mappings":";;;AAWO,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,sDACK,MAAA,EAAI,GAAG,YAAY,WAAU,oCAAmC,OAC7DA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,iBAAc;AAAA,MACd,iBAAe;AAAA,MACf,aAAU;AAAA,MACV;AAAA,MACA,SAAS;AAAA,IAAA;AAAA,iDACR,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,aAAU,wBAAA,GACpF,QACL,CACJ;AAER,CAAC;"}

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

@@ -3,10 +3,10 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const cn = require("clsx");
 const React = require("react");
 const useDropTarget = require("../../../utils/hooks/useDropTarget.cjs");
-const Badge = require("../../Badge/Badge.cjs");
+const util = require("./util.cjs");
 const Icon = require("../../Icon/Icon.cjs");
 const IconButton = require("../../LegacyComponents/IconButton/IconButton.cjs");
-const util = require("./util.cjs");
+const Badge = require("../../Badge/Badge.cjs");
 const getNavigationLinkClasses = (isDraggedOver = false) => cn(
   "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

package/dist/components/Navigation2/components/Link.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Link.cjs","sources":["../../../../src/components/Navigation2/components/Link.tsx"],"sourcesContent":["import cn from 'clsx';\nimport React from 'react';\n\nimport { useDropTarget } from '../../../utils/hooks/useDropTarget';\nimport { Badge } from '../../Badge/Badge';\nimport type { IconName } from '../../Icon/Icon';\nimport { Icon } from '../../Icon/Icon';\nimport { LegacyIconButton } from '../../LegacyComponents/IconButton/IconButton';\nimport type { MenuProps } from '../../Menu/Menu';\n\nimport { getAdjacentClasses } from './util';\n\nexport const getNavigationLinkClasses = (isDraggedOver = false) =>\n    cn(\n        'group relative flex w-full items-center rounded px-2 leading-8 !text-black focus-visible:yt-focus-dark',\n        // override styles for links that are children of collapsible menus\n        'font-bold [[data-taco=navigation2-grouplist]>li>&]:pl-5 [[data-taco=navigation2-grouplist]>li>&]:font-normal',\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 [[data-taco=navigation2-grouplist]>li>&>span_[data-taco=\"badge\"]]:mr-2',\n        {\n            'hover:bg-black-subtle 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>) => React.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('border-gray-100 [[data-taco=navigation2]>&]:px-3', getAdjacentClasses(), {\n        '[&>*]:pointer-events-none': isDraggedOver,\n    });\n\n    return (\n        <li {...dropTargetProps} className={listClassName} data-taco=\"navigation2-link-item\">\n            <a\n                {...attributes}\n                aria-current={active ? 'page' : undefined}\n                className={className}\n                data-taco=\"navigation2-link\"\n                ref={ref}\n                tabIndex={0}>\n                {icon ? (\n                    <Icon\n                        className=\"mr-1.5 [[data-taco=navigation2-grouplist]>li>a>&]:-ml-1.5 [[data-taco=navigation2-grouplist]>li>a>&]:mr-0.5\"\n                        name={icon}\n                    />\n                ) : null}\n                <span className=\"flex flex-grow items-center truncate\">{children}</span>\n                {menu ? (\n                    <LegacyIconButton\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 ? null : (\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                )}\n            </a>\n        </li>\n    );\n});\n"],"names":["Link","useDropTarget","getAdjacentClasses","Icon","LegacyIconButton","Badge"],"mappings":";;;;;;;;;AAYO,MAAM,2BAA2B,CAAC,gBAAgB,UACrD;AAAA,EACI;AAAA;AAAA,EAEA;AAAA;AAAA,EAEA;AAAA;AAAA,EAEA;AAAA,EACA;AAAA,IACI,4DAA4D,CAAC;AAAA,IAC7D,8CAA8C;AAAA,EAAA;AAEtD;AAaG,MAAM,OAAO,MAAM,WAAoD,SAASA,MAAK,OAAO,KAAK;AACpG,QAAM,EAAE,QAAQ,UAAU,MAAM,MAAM,QAAQ,OAAO,GAAG,WAAA,IAAe;AACvE,QAAM,CAAC,eAAe,eAAe,IAAIC,cAAAA,cAAc,MAAM;AAE7D,QAAM,YAAY,GAAG,yBAAyB,aAAa,GAAG,WAAW,SAAS;AAElF,QAAM,gBAAgB,GAAG,oDAAoDC,KAAAA,mBAAA,GAAsB;AAAA,IAC/F,6BAA6B;AAAA,EAAA,CAChC;AAED,6CACK,MAAA,EAAI,GAAG,iBAAiB,WAAW,eAAe,aAAU,wBAAA,GACzD,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,gBAAc,SAAS,SAAS;AAAA,MAChC;AAAA,MACA,aAAU;AAAA,MACV;AAAA,MACA,UAAU;AAAA,IAAA;AAAA,IACT,OACG,sBAAA;AAAA,MAACC,KAAAA;AAAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,MAAM;AAAA,MAAA;AAAA,IAAA,IAEV;AAAA,IACJ,sBAAA,cAAC,QAAA,EAAK,WAAU,uCAAA,GAAwC,QAAS;AAAA,IAChE,OACG,sBAAA;AAAA,MAACC,WAAAA;AAAAA,MAAA;AAAA,QACG,YAAW;AAAA,QACX,MAAK;AAAA,QACL,cAAW;AAAA,QACX,SAAO;AAAA,QACP,WAAW;AAAA,UACP;AAAA,UACA;AAAA,YACI,4BAA4B,UAAU;AAAA,UAAA;AAAA,QAC1C;AAAA,QAEJ;AAAA,QACA,SAAS,CAAA,UAAS;AACd,gBAAM,eAAA;AACN,gBAAM,gBAAA;AAAA,QACV;AAAA,MAAA;AAAA,IAAA,IAEJ;AAAA,IACH,UAAU,SAAY,OACnB,sBAAA;AAAA,MAACC,MAAAA;AAAAA,MAAA;AAAA,QACG,WAAW,GAAG,0CAA0C;AAAA,UACpD,wDAAwD;AAAA,QAAA,CAC3D;AAAA,QACD,OAAM;AAAA,MAAA;AAAA,MACL;AAAA,IAAA;AAAA,EACL,CAGZ;AAER,CAAC;;;"}
+{"version":3,"file":"Link.cjs","sources":["../../../../src/components/Navigation2/components/Link.tsx"],"sourcesContent":["import cn from 'clsx';\nimport React from 'react';\n\nimport type { IconName, MenuProps } from '@/components';\nimport { Badge, Icon, LegacyIconButton } from '@/components';\nimport { useDropTarget } from '@/utils/hooks/useDropTarget';\n\nimport { getAdjacentClasses } from './util';\n\nexport const getNavigationLinkClasses = (isDraggedOver = false) =>\n    cn(\n        'group relative flex w-full items-center rounded px-2 leading-8 !text-black focus-visible:yt-focus-dark',\n        // override styles for links that are children of collapsible menus\n        'font-bold [[data-taco=navigation2-grouplist]>li>&]:pl-5 [[data-taco=navigation2-grouplist]>li>&]:font-normal',\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 [[data-taco=navigation2-grouplist]>li>&>span_[data-taco=\"badge\"]]:mr-2',\n        {\n            'hover:bg-black-subtle 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>) => React.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('border-gray-100 [[data-taco=navigation2]>&]:px-3', getAdjacentClasses(), {\n        '[&>*]:pointer-events-none': isDraggedOver,\n    });\n\n    return (\n        <li {...dropTargetProps} className={listClassName} data-taco=\"navigation2-link-item\">\n            <a\n                {...attributes}\n                aria-current={active ? 'page' : undefined}\n                className={className}\n                data-taco=\"navigation2-link\"\n                ref={ref}\n                tabIndex={0}>\n                {icon ? (\n                    <Icon\n                        className=\"mr-1.5 [[data-taco=navigation2-grouplist]>li>a>&]:-ml-1.5 [[data-taco=navigation2-grouplist]>li>a>&]:mr-0.5\"\n                        name={icon}\n                    />\n                ) : null}\n                <span className=\"flex flex-grow items-center truncate\">{children}</span>\n                {menu ? (\n                    <LegacyIconButton\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 ? null : (\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                )}\n            </a>\n        </li>\n    );\n});\n"],"names":["Link","useDropTarget","getAdjacentClasses","Icon","LegacyIconButton","Badge"],"mappings":";;;;;;;;;AASO,MAAM,2BAA2B,CAAC,gBAAgB,UACrD;AAAA,EACI;AAAA;AAAA,EAEA;AAAA;AAAA,EAEA;AAAA;AAAA,EAEA;AAAA,EACA;AAAA,IACI,4DAA4D,CAAC;AAAA,IAC7D,8CAA8C;AAAA,EAAA;AAEtD;AAaG,MAAM,OAAO,MAAM,WAAoD,SAASA,MAAK,OAAO,KAAK;AACpG,QAAM,EAAE,QAAQ,UAAU,MAAM,MAAM,QAAQ,OAAO,GAAG,WAAA,IAAe;AACvE,QAAM,CAAC,eAAe,eAAe,IAAIC,cAAAA,cAAc,MAAM;AAE7D,QAAM,YAAY,GAAG,yBAAyB,aAAa,GAAG,WAAW,SAAS;AAElF,QAAM,gBAAgB,GAAG,oDAAoDC,KAAAA,mBAAA,GAAsB;AAAA,IAC/F,6BAA6B;AAAA,EAAA,CAChC;AAED,6CACK,MAAA,EAAI,GAAG,iBAAiB,WAAW,eAAe,aAAU,wBAAA,GACzD,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,gBAAc,SAAS,SAAS;AAAA,MAChC;AAAA,MACA,aAAU;AAAA,MACV;AAAA,MACA,UAAU;AAAA,IAAA;AAAA,IACT,OACG,sBAAA;AAAA,MAACC,KAAAA;AAAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,MAAM;AAAA,MAAA;AAAA,IAAA,IAEV;AAAA,IACJ,sBAAA,cAAC,QAAA,EAAK,WAAU,uCAAA,GAAwC,QAAS;AAAA,IAChE,OACG,sBAAA;AAAA,MAACC,WAAAA;AAAAA,MAAA;AAAA,QACG,YAAW;AAAA,QACX,MAAK;AAAA,QACL,cAAW;AAAA,QACX,SAAO;AAAA,QACP,WAAW;AAAA,UACP;AAAA,UACA;AAAA,YACI,4BAA4B,UAAU;AAAA,UAAA;AAAA,QAC1C;AAAA,QAEJ;AAAA,QACA,SAAS,CAAA,UAAS;AACd,gBAAM,eAAA;AACN,gBAAM,gBAAA;AAAA,QACV;AAAA,MAAA;AAAA,IAAA,IAEJ;AAAA,IACH,UAAU,SAAY,OACnB,sBAAA;AAAA,MAACC,MAAAA;AAAAA,MAAA;AAAA,QACG,WAAW,GAAG,0CAA0C;AAAA,UACpD,wDAAwD;AAAA,QAAA,CAC3D;AAAA,QACD,OAAM;AAAA,MAAA;AAAA,MACL;AAAA,IAAA;AAAA,EACL,CAGZ;AAER,CAAC;;;"}

package/dist/components/Navigation2/components/Link.d.ts

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
-import { IconName } from '../../Icon/Icon';
-import { MenuProps } from '../../Menu/Menu';
+import { IconName, MenuProps } from '../..';
 export declare const getNavigationLinkClasses: (isDraggedOver?: boolean) => string;
 export type Navigation2LinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement> & {
     active?: boolean;

package/dist/components/Navigation2/components/Link.js

@@ -1,10 +1,10 @@
 import cn from "clsx";
 import React__default from "react";
 import { useDropTarget } from "../../../utils/hooks/useDropTarget.js";
-import { Badge } from "../../Badge/Badge.js";
+import { getAdjacentClasses } from "./util.js";
 import { Icon } from "../../Icon/Icon.js";
 import { LegacyIconButton } from "../../LegacyComponents/IconButton/IconButton.js";
-import { getAdjacentClasses } from "./util.js";
+import { Badge } from "../../Badge/Badge.js";
 const getNavigationLinkClasses = (isDraggedOver = false) => cn(
   "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

package/dist/components/Navigation2/components/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","sources":["../../../../src/components/Navigation2/components/Link.tsx"],"sourcesContent":["import cn from 'clsx';\nimport React from 'react';\n\nimport { useDropTarget } from '../../../utils/hooks/useDropTarget';\nimport { Badge } from '../../Badge/Badge';\nimport type { IconName } from '../../Icon/Icon';\nimport { Icon } from '../../Icon/Icon';\nimport { LegacyIconButton } from '../../LegacyComponents/IconButton/IconButton';\nimport type { MenuProps } from '../../Menu/Menu';\n\nimport { getAdjacentClasses } from './util';\n\nexport const getNavigationLinkClasses = (isDraggedOver = false) =>\n    cn(\n        'group relative flex w-full items-center rounded px-2 leading-8 !text-black focus-visible:yt-focus-dark',\n        // override styles for links that are children of collapsible menus\n        'font-bold [[data-taco=navigation2-grouplist]>li>&]:pl-5 [[data-taco=navigation2-grouplist]>li>&]:font-normal',\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 [[data-taco=navigation2-grouplist]>li>&>span_[data-taco=\"badge\"]]:mr-2',\n        {\n            'hover:bg-black-subtle 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>) => React.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('border-gray-100 [[data-taco=navigation2]>&]:px-3', getAdjacentClasses(), {\n        '[&>*]:pointer-events-none': isDraggedOver,\n    });\n\n    return (\n        <li {...dropTargetProps} className={listClassName} data-taco=\"navigation2-link-item\">\n            <a\n                {...attributes}\n                aria-current={active ? 'page' : undefined}\n                className={className}\n                data-taco=\"navigation2-link\"\n                ref={ref}\n                tabIndex={0}>\n                {icon ? (\n                    <Icon\n                        className=\"mr-1.5 [[data-taco=navigation2-grouplist]>li>a>&]:-ml-1.5 [[data-taco=navigation2-grouplist]>li>a>&]:mr-0.5\"\n                        name={icon}\n                    />\n                ) : null}\n                <span className=\"flex flex-grow items-center truncate\">{children}</span>\n                {menu ? (\n                    <LegacyIconButton\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 ? null : (\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                )}\n            </a>\n        </li>\n    );\n});\n"],"names":["React","Link"],"mappings":";;;;;;;AAYO,MAAM,2BAA2B,CAAC,gBAAgB,UACrD;AAAA,EACI;AAAA;AAAA,EAEA;AAAA;AAAA,EAEA;AAAA;AAAA,EAEA;AAAA,EACA;AAAA,IACI,4DAA4D,CAAC;AAAA,IAC7D,8CAA8C;AAAA,EAAA;AAEtD;AAaG,MAAM,OAAOA,eAAM,WAAoD,SAASC,MAAK,OAAO,KAAK;AACpG,QAAM,EAAE,QAAQ,UAAU,MAAM,MAAM,QAAQ,OAAO,GAAG,WAAA,IAAe;AACvE,QAAM,CAAC,eAAe,eAAe,IAAI,cAAc,MAAM;AAE7D,QAAM,YAAY,GAAG,yBAAyB,aAAa,GAAG,WAAW,SAAS;AAElF,QAAM,gBAAgB,GAAG,oDAAoD,mBAAA,GAAsB;AAAA,IAC/F,6BAA6B;AAAA,EAAA,CAChC;AAED,sDACK,MAAA,EAAI,GAAG,iBAAiB,WAAW,eAAe,aAAU,wBAAA,GACzDD,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,gBAAc,SAAS,SAAS;AAAA,MAChC;AAAA,MACA,aAAU;AAAA,MACV;AAAA,MACA,UAAU;AAAA,IAAA;AAAA,IACT,OACGA,+BAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,MAAM;AAAA,MAAA;AAAA,IAAA,IAEV;AAAA,IACJA,+BAAA,cAAC,QAAA,EAAK,WAAU,uCAAA,GAAwC,QAAS;AAAA,IAChE,OACGA,+BAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,YAAW;AAAA,QACX,MAAK;AAAA,QACL,cAAW;AAAA,QACX,SAAO;AAAA,QACP,WAAW;AAAA,UACP;AAAA,UACA;AAAA,YACI,4BAA4B,UAAU;AAAA,UAAA;AAAA,QAC1C;AAAA,QAEJ;AAAA,QACA,SAAS,CAAA,UAAS;AACd,gBAAM,eAAA;AACN,gBAAM,gBAAA;AAAA,QACV;AAAA,MAAA;AAAA,IAAA,IAEJ;AAAA,IACH,UAAU,SAAY,OACnBA,+BAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,GAAG,0CAA0C;AAAA,UACpD,wDAAwD;AAAA,QAAA,CAC3D;AAAA,QACD,OAAM;AAAA,MAAA;AAAA,MACL;AAAA,IAAA;AAAA,EACL,CAGZ;AAER,CAAC;"}
+{"version":3,"file":"Link.js","sources":["../../../../src/components/Navigation2/components/Link.tsx"],"sourcesContent":["import cn from 'clsx';\nimport React from 'react';\n\nimport type { IconName, MenuProps } from '@/components';\nimport { Badge, Icon, LegacyIconButton } from '@/components';\nimport { useDropTarget } from '@/utils/hooks/useDropTarget';\n\nimport { getAdjacentClasses } from './util';\n\nexport const getNavigationLinkClasses = (isDraggedOver = false) =>\n    cn(\n        'group relative flex w-full items-center rounded px-2 leading-8 !text-black focus-visible:yt-focus-dark',\n        // override styles for links that are children of collapsible menus\n        'font-bold [[data-taco=navigation2-grouplist]>li>&]:pl-5 [[data-taco=navigation2-grouplist]>li>&]:font-normal',\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 [[data-taco=navigation2-grouplist]>li>&>span_[data-taco=\"badge\"]]:mr-2',\n        {\n            'hover:bg-black-subtle 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>) => React.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('border-gray-100 [[data-taco=navigation2]>&]:px-3', getAdjacentClasses(), {\n        '[&>*]:pointer-events-none': isDraggedOver,\n    });\n\n    return (\n        <li {...dropTargetProps} className={listClassName} data-taco=\"navigation2-link-item\">\n            <a\n                {...attributes}\n                aria-current={active ? 'page' : undefined}\n                className={className}\n                data-taco=\"navigation2-link\"\n                ref={ref}\n                tabIndex={0}>\n                {icon ? (\n                    <Icon\n                        className=\"mr-1.5 [[data-taco=navigation2-grouplist]>li>a>&]:-ml-1.5 [[data-taco=navigation2-grouplist]>li>a>&]:mr-0.5\"\n                        name={icon}\n                    />\n                ) : null}\n                <span className=\"flex flex-grow items-center truncate\">{children}</span>\n                {menu ? (\n                    <LegacyIconButton\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 ? null : (\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                )}\n            </a>\n        </li>\n    );\n});\n"],"names":["React","Link"],"mappings":";;;;;;;AASO,MAAM,2BAA2B,CAAC,gBAAgB,UACrD;AAAA,EACI;AAAA;AAAA,EAEA;AAAA;AAAA,EAEA;AAAA;AAAA,EAEA;AAAA,EACA;AAAA,IACI,4DAA4D,CAAC;AAAA,IAC7D,8CAA8C;AAAA,EAAA;AAEtD;AAaG,MAAM,OAAOA,eAAM,WAAoD,SAASC,MAAK,OAAO,KAAK;AACpG,QAAM,EAAE,QAAQ,UAAU,MAAM,MAAM,QAAQ,OAAO,GAAG,WAAA,IAAe;AACvE,QAAM,CAAC,eAAe,eAAe,IAAI,cAAc,MAAM;AAE7D,QAAM,YAAY,GAAG,yBAAyB,aAAa,GAAG,WAAW,SAAS;AAElF,QAAM,gBAAgB,GAAG,oDAAoD,mBAAA,GAAsB;AAAA,IAC/F,6BAA6B;AAAA,EAAA,CAChC;AAED,sDACK,MAAA,EAAI,GAAG,iBAAiB,WAAW,eAAe,aAAU,wBAAA,GACzDD,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,gBAAc,SAAS,SAAS;AAAA,MAChC;AAAA,MACA,aAAU;AAAA,MACV;AAAA,MACA,UAAU;AAAA,IAAA;AAAA,IACT,OACGA,+BAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,MAAM;AAAA,MAAA;AAAA,IAAA,IAEV;AAAA,IACJA,+BAAA,cAAC,QAAA,EAAK,WAAU,uCAAA,GAAwC,QAAS;AAAA,IAChE,OACGA,+BAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,YAAW;AAAA,QACX,MAAK;AAAA,QACL,cAAW;AAAA,QACX,SAAO;AAAA,QACP,WAAW;AAAA,UACP;AAAA,UACA;AAAA,YACI,4BAA4B,UAAU;AAAA,UAAA;AAAA,QAC1C;AAAA,QAEJ;AAAA,QACA,SAAS,CAAA,UAAS;AACd,gBAAM,eAAA;AACN,gBAAM,gBAAA;AAAA,QACV;AAAA,MAAA;AAAA,IAAA,IAEJ;AAAA,IACH,UAAU,SAAY,OACnBA,+BAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,GAAG,0CAA0C;AAAA,UACpD,wDAAwD;AAAA,QAAA,CAC3D;AAAA,QACD,OAAM;AAAA,MAAA;AAAA,MACL;AAAA,IAAA;AAAA,EACL,CAGZ;AAER,CAAC;"}

package/dist/components/OverflowGroup/OverflowGroup.cjs

@@ -4,9 +4,9 @@ const cn = require("clsx");
 const React = require("react");
 const useIntersectionObserver = require("../../hooks/useIntersectionObserver.cjs");
 const useMergedRef = require("../../hooks/useMergedRef.cjs");
+const Localization = require("../Provider/Localization.cjs");
 const IconButton = require("../LegacyComponents/IconButton/IconButton.cjs");
 const Menu = require("../Menu/Menu.cjs");
-const Localization = require("../Provider/Localization.cjs");
 const sanitizeButtonPropsForMenuItem = (button, index) => {
   const href = button.props.to || button.props.href;
   const Tag = href ? Menu.Menu.Link : Menu.Menu.Item;

package/dist/components/OverflowGroup/OverflowGroup.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"OverflowGroup.cjs","sources":["../../../src/components/OverflowGroup/OverflowGroup.tsx"],"sourcesContent":["import cn from 'clsx';\nimport React from 'react';\n\nimport { useIntersectionObserver } from '../../hooks/useIntersectionObserver';\nimport { useMergedRef } from '../../hooks/useMergedRef';\nimport type { LegacyButtonProps } from '../LegacyComponents/Button/Button';\nimport { LegacyIconButton } from '../LegacyComponents/IconButton/IconButton';\nimport type { MenuProps } from '../Menu/Menu';\nimport { Menu } from '../Menu/Menu';\nimport { useLocalization } from '../Provider/Localization';\n\nconst sanitizeButtonPropsForMenuItem = (button: React.JSX.Element, index: number) => {\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<LegacyButtonProps>;\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<LegacyButtonProps>[];\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) ?? <LegacyIconButton 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                        'pointer-events-none invisible order-[100]':\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: 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":["Menu","OverflowGroup","useMergedRef","useLocalization","useIntersectionObserver","LegacyIconButton"],"mappings":";;;;;;;;;AAWA,MAAM,iCAAiC,CAAC,QAA2B,UAAkB;AACjF,QAAM,OAA2B,OAAO,MAAM,MAAM,OAAO,MAAM;AACjE,QAAM,MAAM,OAAOA,KAAAA,KAAK,OAAOA,KAAAA,KAAK;AAGpC,QAAM;AAAA,IACF;AAAA,IACA,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,IACT,GAAG;AAAA,EAAA,IACH,OAAO;AAEX,QAAM,QAAQ;AAAA,IACV,GAAG;AAAA,IACH,KAAK;AAAA,IACL,QAAQ,OAAQ,KAAK,WAAW,MAAM,IAAI,WAAW,UAAW;AAAA,EAAA;AAGpE,MAAI,IAAI;AACJ,WAAO,MAAM,aAAa,QAAQ,EAAE,IAAI,KAAK,GAAG,OAAO;AAAA,EAC3D;AAEA,SAAO,sBAAA,cAAC,KAAA,EAAK,GAAG,MAAA,CAAO;AAC3B;AAOA,MAAM,iBAAiB,KAAK;AAErB,MAAM,gBAAgB,MAAM,WAAW,SAASC,eAAc,OAA2B,KAAgC;AAC5H,QAAM,EAAE,YAAY,WAAW,GAAG,eAAe;AACjD,QAAM,cAAcC,aAAAA,aAA6B,GAAG;AAEpD,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAAS,cAAc;AACnE,QAAM,oBAAoB,MAAM,YAAY,CAAC,OAAoB,eAAe,IAAI,sBAAA,GAAyB,KAAK,GAAG,CAAA,CAAE;AACvH,QAAM,EAAE,MAAA,IAAUC,6BAAA;AAElB,QAAM,wBAAwBC,wBAAAA,wBAAwB,aAAa,WAAW;AAC9E,QAAM,WAAW,MAAM,SAAS,QAAQ,MAAM,QAAQ;AACtD,QAAM,iBAAiB,0BAA0B,SAAY,CAAA,IAAK,SAAS,MAAM,qBAAqB;AACtG,QAAM,sBAAsB,eAAe;AAC3C,QAAM,iBAAiB,sBAAsB,GAAG,mBAAmB,IAAI,MAAM,OAAO,IAAI,KAAK;AAE7F,QAAM,aAAa,aAAa,cAAc,KAAK,sBAAA,cAACC,6BAAA,EAAiB,MAAK,QAAO;AAEjF,QAAM,YAAY,GAAG,wBAAwB,MAAM,SAAS;AAE5D,SACI,sBAAA,cAAC,SAAK,GAAG,YAAY,WAAsB,aAAU,kBAAiB,KAAK,YAAA,GACtE,SAAS;AAAA,IAAI,CAAC,OAAO,UAClB,MAAM,aAAa,OAAO;AAAA,MACtB,WAAW,GAAG,MAAM,MAAM,WAAW;AAAA,QACjC,SAAS,0BAA0B,UAAa,QAAQ;AAAA,QACxD,6CACI,0BAA0B,UAAa,SAAS;AAAA,MAAA,CACvD;AAAA,IAAA,CACJ;AAAA,EAAA,GAEJ,eAAe,SACV,MAAM,aAAa,YAAY;AAAA,IAC3B,WAAW,GAAG,6BAA6B,WAAW,MAAM,SAAS;AAAA,IACrE,wBAAwB;AAAA,IACxB,MAAM,CAAC,cACH,sBAAA,cAACL,KAAAA,MAAA,EAAM,GAAG,UAAA,GACN,sBAAA,cAACA,KAAAA,KAAK,SAAL,MACI,eAAe;AAAA,MAAI,CAAC,OAAO,UACxB,gDACKA,KAAAA,KAAK,MAAL,EAAU,KAAK,MAAA,GAAQ,KAAM,IAE9B,+BAA+B,OAAO,KAAK;AAAA,IAAA,CAGvD,CACJ;AAAA,IAEJ,KAAK;AAAA,EAAA,CACR,IACD,IACV;AAER,CAAC;;"}
+{"version":3,"file":"OverflowGroup.cjs","sources":["../../../src/components/OverflowGroup/OverflowGroup.tsx"],"sourcesContent":["import cn from 'clsx';\nimport React from 'react';\n\nimport type { LegacyButtonProps, MenuProps } from '@/components';\nimport { LegacyIconButton, Menu, useLocalization } from '@/components';\nimport { useIntersectionObserver } from '@/hooks/useIntersectionObserver';\nimport { useMergedRef } from '@/hooks/useMergedRef';\n\nconst sanitizeButtonPropsForMenuItem = (button: React.JSX.Element, index: number) => {\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<LegacyButtonProps>;\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<LegacyButtonProps>[];\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) ?? <LegacyIconButton 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                        'pointer-events-none invisible order-[100]':\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: 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":["Menu","OverflowGroup","useMergedRef","useLocalization","useIntersectionObserver","LegacyIconButton"],"mappings":";;;;;;;;;AAQA,MAAM,iCAAiC,CAAC,QAA2B,UAAkB;AACjF,QAAM,OAA2B,OAAO,MAAM,MAAM,OAAO,MAAM;AACjE,QAAM,MAAM,OAAOA,KAAAA,KAAK,OAAOA,KAAAA,KAAK;AAGpC,QAAM;AAAA,IACF;AAAA,IACA,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,IACT,GAAG;AAAA,EAAA,IACH,OAAO;AAEX,QAAM,QAAQ;AAAA,IACV,GAAG;AAAA,IACH,KAAK;AAAA,IACL,QAAQ,OAAQ,KAAK,WAAW,MAAM,IAAI,WAAW,UAAW;AAAA,EAAA;AAGpE,MAAI,IAAI;AACJ,WAAO,MAAM,aAAa,QAAQ,EAAE,IAAI,KAAK,GAAG,OAAO;AAAA,EAC3D;AAEA,SAAO,sBAAA,cAAC,KAAA,EAAK,GAAG,MAAA,CAAO;AAC3B;AAOA,MAAM,iBAAiB,KAAK;AAErB,MAAM,gBAAgB,MAAM,WAAW,SAASC,eAAc,OAA2B,KAAgC;AAC5H,QAAM,EAAE,YAAY,WAAW,GAAG,eAAe;AACjD,QAAM,cAAcC,aAAAA,aAA6B,GAAG;AAEpD,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAAS,cAAc;AACnE,QAAM,oBAAoB,MAAM,YAAY,CAAC,OAAoB,eAAe,IAAI,sBAAA,GAAyB,KAAK,GAAG,CAAA,CAAE;AACvH,QAAM,EAAE,MAAA,IAAUC,6BAAA;AAElB,QAAM,wBAAwBC,wBAAAA,wBAAwB,aAAa,WAAW;AAC9E,QAAM,WAAW,MAAM,SAAS,QAAQ,MAAM,QAAQ;AACtD,QAAM,iBAAiB,0BAA0B,SAAY,CAAA,IAAK,SAAS,MAAM,qBAAqB;AACtG,QAAM,sBAAsB,eAAe;AAC3C,QAAM,iBAAiB,sBAAsB,GAAG,mBAAmB,IAAI,MAAM,OAAO,IAAI,KAAK;AAE7F,QAAM,aAAa,aAAa,cAAc,KAAK,sBAAA,cAACC,6BAAA,EAAiB,MAAK,QAAO;AAEjF,QAAM,YAAY,GAAG,wBAAwB,MAAM,SAAS;AAE5D,SACI,sBAAA,cAAC,SAAK,GAAG,YAAY,WAAsB,aAAU,kBAAiB,KAAK,YAAA,GACtE,SAAS;AAAA,IAAI,CAAC,OAAO,UAClB,MAAM,aAAa,OAAO;AAAA,MACtB,WAAW,GAAG,MAAM,MAAM,WAAW;AAAA,QACjC,SAAS,0BAA0B,UAAa,QAAQ;AAAA,QACxD,6CACI,0BAA0B,UAAa,SAAS;AAAA,MAAA,CACvD;AAAA,IAAA,CACJ;AAAA,EAAA,GAEJ,eAAe,SACV,MAAM,aAAa,YAAY;AAAA,IAC3B,WAAW,GAAG,6BAA6B,WAAW,MAAM,SAAS;AAAA,IACrE,wBAAwB;AAAA,IACxB,MAAM,CAAC,cACH,sBAAA,cAACL,KAAAA,MAAA,EAAM,GAAG,UAAA,GACN,sBAAA,cAACA,KAAAA,KAAK,SAAL,MACI,eAAe;AAAA,MAAI,CAAC,OAAO,UACxB,gDACKA,KAAAA,KAAK,MAAL,EAAU,KAAK,MAAA,GAAQ,KAAM,IAE9B,+BAA+B,OAAO,KAAK;AAAA,IAAA,CAGvD,CACJ;AAAA,IAEJ,KAAK;AAAA,EAAA,CACR,IACD,IACV;AAER,CAAC;;"}

package/dist/components/OverflowGroup/OverflowGroup.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { LegacyButtonProps } from '../LegacyComponents/Button/Button';
+import { LegacyButtonProps } from '..';
 export declare const OverflowGroup: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
     moreButton?: (moreButtonText: string) => React.ReactElement<LegacyButtonProps>;
     wrapChild?: true | undefined;

package/dist/components/OverflowGroup/OverflowGroup.js

@@ -2,9 +2,9 @@ import cn from "clsx";
 import React__default from "react";
 import { useIntersectionObserver } from "../../hooks/useIntersectionObserver.js";
 import { useMergedRef } from "../../hooks/useMergedRef.js";
+import { useLocalization } from "../Provider/Localization.js";
 import { LegacyIconButton } from "../LegacyComponents/IconButton/IconButton.js";
 import { Menu } from "../Menu/Menu.js";
-import { useLocalization } from "../Provider/Localization.js";
 const sanitizeButtonPropsForMenuItem = (button, index) => {
   const href = button.props.to || button.props.href;
   const Tag = href ? Menu.Link : Menu.Item;

package/dist/components/OverflowGroup/OverflowGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"OverflowGroup.js","sources":["../../../src/components/OverflowGroup/OverflowGroup.tsx"],"sourcesContent":["import cn from 'clsx';\nimport React from 'react';\n\nimport { useIntersectionObserver } from '../../hooks/useIntersectionObserver';\nimport { useMergedRef } from '../../hooks/useMergedRef';\nimport type { LegacyButtonProps } from '../LegacyComponents/Button/Button';\nimport { LegacyIconButton } from '../LegacyComponents/IconButton/IconButton';\nimport type { MenuProps } from '../Menu/Menu';\nimport { Menu } from '../Menu/Menu';\nimport { useLocalization } from '../Provider/Localization';\n\nconst sanitizeButtonPropsForMenuItem = (button: React.JSX.Element, index: number) => {\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<LegacyButtonProps>;\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<LegacyButtonProps>[];\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) ?? <LegacyIconButton 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                        'pointer-events-none invisible order-[100]':\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: 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":["React","OverflowGroup"],"mappings":";;;;;;;AAWA,MAAM,iCAAiC,CAAC,QAA2B,UAAkB;AACjF,QAAM,OAA2B,OAAO,MAAM,MAAM,OAAO,MAAM;AACjE,QAAM,MAAM,OAAO,KAAK,OAAO,KAAK;AAGpC,QAAM;AAAA,IACF;AAAA,IACA,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,IACT,GAAG;AAAA,EAAA,IACH,OAAO;AAEX,QAAM,QAAQ;AAAA,IACV,GAAG;AAAA,IACH,KAAK;AAAA,IACL,QAAQ,OAAQ,KAAK,WAAW,MAAM,IAAI,WAAW,UAAW;AAAA,EAAA;AAGpE,MAAI,IAAI;AACJ,WAAOA,eAAM,aAAa,QAAQ,EAAE,IAAI,KAAK,GAAG,OAAO;AAAA,EAC3D;AAEA,SAAOA,+BAAA,cAAC,KAAA,EAAK,GAAG,MAAA,CAAO;AAC3B;AAOA,MAAM,iBAAiB,KAAK;AAErB,MAAM,gBAAgBA,eAAM,WAAW,SAASC,eAAc,OAA2B,KAAgC;AAC5H,QAAM,EAAE,YAAY,WAAW,GAAG,eAAe;AACjD,QAAM,cAAc,aAA6B,GAAG;AAEpD,QAAM,CAAC,aAAa,cAAc,IAAID,eAAM,SAAS,cAAc;AACnE,QAAM,oBAAoBA,eAAM,YAAY,CAAC,OAAoB,eAAe,IAAI,sBAAA,GAAyB,KAAK,GAAG,CAAA,CAAE;AACvH,QAAM,EAAE,MAAA,IAAU,gBAAA;AAElB,QAAM,wBAAwB,wBAAwB,aAAa,WAAW;AAC9E,QAAM,WAAWA,eAAM,SAAS,QAAQ,MAAM,QAAQ;AACtD,QAAM,iBAAiB,0BAA0B,SAAY,CAAA,IAAK,SAAS,MAAM,qBAAqB;AACtG,QAAM,sBAAsB,eAAe;AAC3C,QAAM,iBAAiB,sBAAsB,GAAG,mBAAmB,IAAI,MAAM,OAAO,IAAI,KAAK;AAE7F,QAAM,aAAa,aAAa,cAAc,KAAKA,+BAAA,cAAC,kBAAA,EAAiB,MAAK,QAAO;AAEjF,QAAM,YAAY,GAAG,wBAAwB,MAAM,SAAS;AAE5D,SACIA,+BAAA,cAAC,SAAK,GAAG,YAAY,WAAsB,aAAU,kBAAiB,KAAK,YAAA,GACtE,SAAS;AAAA,IAAI,CAAC,OAAO,UAClBA,eAAM,aAAa,OAAO;AAAA,MACtB,WAAW,GAAG,MAAM,MAAM,WAAW;AAAA,QACjC,SAAS,0BAA0B,UAAa,QAAQ;AAAA,QACxD,6CACI,0BAA0B,UAAa,SAAS;AAAA,MAAA,CACvD;AAAA,IAAA,CACJ;AAAA,EAAA,GAEJ,eAAe,SACVA,eAAM,aAAa,YAAY;AAAA,IAC3B,WAAW,GAAG,6BAA6B,WAAW,MAAM,SAAS;AAAA,IACrE,wBAAwB;AAAA,IACxB,MAAM,CAAC,cACHA,+BAAA,cAAC,MAAA,EAAM,GAAG,UAAA,GACNA,+BAAA,cAAC,KAAK,SAAL,MACI,eAAe;AAAA,MAAI,CAAC,OAAO,UACxB,yDACK,KAAK,MAAL,EAAU,KAAK,MAAA,GAAQ,KAAM,IAE9B,+BAA+B,OAAO,KAAK;AAAA,IAAA,CAGvD,CACJ;AAAA,IAEJ,KAAK;AAAA,EAAA,CACR,IACD,IACV;AAER,CAAC;"}
+{"version":3,"file":"OverflowGroup.js","sources":["../../../src/components/OverflowGroup/OverflowGroup.tsx"],"sourcesContent":["import cn from 'clsx';\nimport React from 'react';\n\nimport type { LegacyButtonProps, MenuProps } from '@/components';\nimport { LegacyIconButton, Menu, useLocalization } from '@/components';\nimport { useIntersectionObserver } from '@/hooks/useIntersectionObserver';\nimport { useMergedRef } from '@/hooks/useMergedRef';\n\nconst sanitizeButtonPropsForMenuItem = (button: React.JSX.Element, index: number) => {\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<LegacyButtonProps>;\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<LegacyButtonProps>[];\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) ?? <LegacyIconButton 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                        'pointer-events-none invisible order-[100]':\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: 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":["React","OverflowGroup"],"mappings":";;;;;;;AAQA,MAAM,iCAAiC,CAAC,QAA2B,UAAkB;AACjF,QAAM,OAA2B,OAAO,MAAM,MAAM,OAAO,MAAM;AACjE,QAAM,MAAM,OAAO,KAAK,OAAO,KAAK;AAGpC,QAAM;AAAA,IACF;AAAA,IACA,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,IACT,GAAG;AAAA,EAAA,IACH,OAAO;AAEX,QAAM,QAAQ;AAAA,IACV,GAAG;AAAA,IACH,KAAK;AAAA,IACL,QAAQ,OAAQ,KAAK,WAAW,MAAM,IAAI,WAAW,UAAW;AAAA,EAAA;AAGpE,MAAI,IAAI;AACJ,WAAOA,eAAM,aAAa,QAAQ,EAAE,IAAI,KAAK,GAAG,OAAO;AAAA,EAC3D;AAEA,SAAOA,+BAAA,cAAC,KAAA,EAAK,GAAG,MAAA,CAAO;AAC3B;AAOA,MAAM,iBAAiB,KAAK;AAErB,MAAM,gBAAgBA,eAAM,WAAW,SAASC,eAAc,OAA2B,KAAgC;AAC5H,QAAM,EAAE,YAAY,WAAW,GAAG,eAAe;AACjD,QAAM,cAAc,aAA6B,GAAG;AAEpD,QAAM,CAAC,aAAa,cAAc,IAAID,eAAM,SAAS,cAAc;AACnE,QAAM,oBAAoBA,eAAM,YAAY,CAAC,OAAoB,eAAe,IAAI,sBAAA,GAAyB,KAAK,GAAG,CAAA,CAAE;AACvH,QAAM,EAAE,MAAA,IAAU,gBAAA;AAElB,QAAM,wBAAwB,wBAAwB,aAAa,WAAW;AAC9E,QAAM,WAAWA,eAAM,SAAS,QAAQ,MAAM,QAAQ;AACtD,QAAM,iBAAiB,0BAA0B,SAAY,CAAA,IAAK,SAAS,MAAM,qBAAqB;AACtG,QAAM,sBAAsB,eAAe;AAC3C,QAAM,iBAAiB,sBAAsB,GAAG,mBAAmB,IAAI,MAAM,OAAO,IAAI,KAAK;AAE7F,QAAM,aAAa,aAAa,cAAc,KAAKA,+BAAA,cAAC,kBAAA,EAAiB,MAAK,QAAO;AAEjF,QAAM,YAAY,GAAG,wBAAwB,MAAM,SAAS;AAE5D,SACIA,+BAAA,cAAC,SAAK,GAAG,YAAY,WAAsB,aAAU,kBAAiB,KAAK,YAAA,GACtE,SAAS;AAAA,IAAI,CAAC,OAAO,UAClBA,eAAM,aAAa,OAAO;AAAA,MACtB,WAAW,GAAG,MAAM,MAAM,WAAW;AAAA,QACjC,SAAS,0BAA0B,UAAa,QAAQ;AAAA,QACxD,6CACI,0BAA0B,UAAa,SAAS;AAAA,MAAA,CACvD;AAAA,IAAA,CACJ;AAAA,EAAA,GAEJ,eAAe,SACVA,eAAM,aAAa,YAAY;AAAA,IAC3B,WAAW,GAAG,6BAA6B,WAAW,MAAM,SAAS;AAAA,IACrE,wBAAwB;AAAA,IACxB,MAAM,CAAC,cACHA,+BAAA,cAAC,MAAA,EAAM,GAAG,UAAA,GACNA,+BAAA,cAAC,KAAK,SAAL,MACI,eAAe;AAAA,MAAI,CAAC,OAAO,UACxB,yDACK,KAAK,MAAL,EAAU,KAAK,MAAA,GAAQ,KAAM,IAE9B,+BAA+B,OAAO,KAAK;AAAA,IAAA,CAGvD,CACJ;AAAA,IAEJ,KAAK;AAAA,EAAA,CACR,IACD,IACV;AAER,CAAC;"}

package/dist/components/Pagination/PageNumbers.cjs

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
+const Localization = require("../Provider/Localization.cjs");
 const Inline = require("../Inline/Inline.cjs");
 const Button = require("../LegacyComponents/Button/Button.cjs");
-const Localization = require("../Provider/Localization.cjs");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e) {

package/dist/components/Pagination/PageNumbers.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"PageNumbers.cjs","sources":["../../../src/components/Pagination/PageNumbers.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Inline } from '../Inline/Inline';\nimport { LegacyButton } from '../LegacyComponents/Button/Button';\nimport { useLocalization } from '../Provider/Localization';\n\ntype PageNumberProps = {\n    currentPageIndex: number;\n    onClick: (pageIndex: number) => void;\n    pageCount: number;\n};\n\nconst createPageRange = (pageCount: number, pageNumber: number): number[] => {\n    let lowerLimit = Math.min(pageNumber, pageCount);\n    let upperLimit = Math.min(pageNumber, pageCount);\n\n    for (let b = 1; b < 5 && b < pageCount;) {\n        if (lowerLimit > 1) {\n            lowerLimit--;\n            b++;\n        }\n        if (b < 5 && upperLimit < pageCount) {\n            upperLimit++;\n            b++;\n        }\n    }\n\n    const range: number[] = [];\n\n    for (let i = lowerLimit; i <= upperLimit; i++) {\n        range.push(i);\n    }\n\n    return range;\n};\n\nexport const PageNumbers = ({ currentPageIndex = 0, onClick: handleClick, pageCount }: PageNumberProps): React.JSX.Element => {\n    const range = createPageRange(pageCount, currentPageIndex + 1);\n    const { texts } = useLocalization();\n\n    return (\n        <Inline spacing={8}>\n            {range.map((pageNumber: number) => (\n                <LegacyButton\n                    appearance={pageNumber === currentPageIndex + 1 ? 'primary' : 'default'}\n                    aria-current={pageNumber === currentPageIndex + 1 ? 'page' : undefined}\n                    key={pageNumber}\n                    onClick={() => handleClick(pageNumber - 1)}\n                    aria-label={texts.pagination.actions.pageX.replace('[X]', String(pageNumber))}\n                    tooltip={texts.pagination.actions.pageX.replace('[X]', String(pageNumber))}>\n                    {pageNumber}\n                </LegacyButton>\n            ))}\n        </Inline>\n    );\n};\n"],"names":["useLocalization","Inline","React","LegacyButton"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAM,kBAAkB,CAAC,WAAmB,eAAiC;AACzE,MAAI,aAAa,KAAK,IAAI,YAAY,SAAS;AAC/C,MAAI,aAAa,KAAK,IAAI,YAAY,SAAS;AAE/C,WAAS,IAAI,GAAG,IAAI,KAAK,IAAI,aAAY;AACrC,QAAI,aAAa,GAAG;AAChB;AACA;AAAA,IACJ;AACA,QAAI,IAAI,KAAK,aAAa,WAAW;AACjC;AACA;AAAA,IACJ;AAAA,EACJ;AAEA,QAAM,QAAkB,CAAA;AAExB,WAAS,IAAI,YAAY,KAAK,YAAY,KAAK;AAC3C,UAAM,KAAK,CAAC;AAAA,EAChB;AAEA,SAAO;AACX;AAEO,MAAM,cAAc,CAAC,EAAE,mBAAmB,GAAG,SAAS,aAAa,gBAAoD;AAC1H,QAAM,QAAQ,gBAAgB,WAAW,mBAAmB,CAAC;AAC7D,QAAM,EAAE,MAAA,IAAUA,6BAAA;AAElB,wDACKC,OAAAA,QAAA,EAAO,SAAS,KACZ,MAAM,IAAI,CAAC,eACRC,iCAAA;AAAA,IAACC,OAAAA;AAAAA,IAAA;AAAA,MACG,YAAY,eAAe,mBAAmB,IAAI,YAAY;AAAA,MAC9D,gBAAc,eAAe,mBAAmB,IAAI,SAAS;AAAA,MAC7D,KAAK;AAAA,MACL,SAAS,MAAM,YAAY,aAAa,CAAC;AAAA,MACzC,cAAY,MAAM,WAAW,QAAQ,MAAM,QAAQ,OAAO,OAAO,UAAU,CAAC;AAAA,MAC5E,SAAS,MAAM,WAAW,QAAQ,MAAM,QAAQ,OAAO,OAAO,UAAU,CAAC;AAAA,IAAA;AAAA,IACxE;AAAA,EAAA,CAER,CACL;AAER;;"}
+{"version":3,"file":"PageNumbers.cjs","sources":["../../../src/components/Pagination/PageNumbers.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Inline, LegacyButton, useLocalization } from '@/components';\n\ntype PageNumberProps = {\n    currentPageIndex: number;\n    onClick: (pageIndex: number) => void;\n    pageCount: number;\n};\n\nconst createPageRange = (pageCount: number, pageNumber: number): number[] => {\n    let lowerLimit = Math.min(pageNumber, pageCount);\n    let upperLimit = Math.min(pageNumber, pageCount);\n\n    for (let b = 1; b < 5 && b < pageCount;) {\n        if (lowerLimit > 1) {\n            lowerLimit--;\n            b++;\n        }\n        if (b < 5 && upperLimit < pageCount) {\n            upperLimit++;\n            b++;\n        }\n    }\n\n    const range: number[] = [];\n\n    for (let i = lowerLimit; i <= upperLimit; i++) {\n        range.push(i);\n    }\n\n    return range;\n};\n\nexport const PageNumbers = ({ currentPageIndex = 0, onClick: handleClick, pageCount }: PageNumberProps): React.JSX.Element => {\n    const range = createPageRange(pageCount, currentPageIndex + 1);\n    const { texts } = useLocalization();\n\n    return (\n        <Inline spacing={8}>\n            {range.map((pageNumber: number) => (\n                <LegacyButton\n                    appearance={pageNumber === currentPageIndex + 1 ? 'primary' : 'default'}\n                    aria-current={pageNumber === currentPageIndex + 1 ? 'page' : undefined}\n                    key={pageNumber}\n                    onClick={() => handleClick(pageNumber - 1)}\n                    aria-label={texts.pagination.actions.pageX.replace('[X]', String(pageNumber))}\n                    tooltip={texts.pagination.actions.pageX.replace('[X]', String(pageNumber))}>\n                    {pageNumber}\n                </LegacyButton>\n            ))}\n        </Inline>\n    );\n};\n"],"names":["useLocalization","Inline","React","LegacyButton"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAUA,MAAM,kBAAkB,CAAC,WAAmB,eAAiC;AACzE,MAAI,aAAa,KAAK,IAAI,YAAY,SAAS;AAC/C,MAAI,aAAa,KAAK,IAAI,YAAY,SAAS;AAE/C,WAAS,IAAI,GAAG,IAAI,KAAK,IAAI,aAAY;AACrC,QAAI,aAAa,GAAG;AAChB;AACA;AAAA,IACJ;AACA,QAAI,IAAI,KAAK,aAAa,WAAW;AACjC;AACA;AAAA,IACJ;AAAA,EACJ;AAEA,QAAM,QAAkB,CAAA;AAExB,WAAS,IAAI,YAAY,KAAK,YAAY,KAAK;AAC3C,UAAM,KAAK,CAAC;AAAA,EAChB;AAEA,SAAO;AACX;AAEO,MAAM,cAAc,CAAC,EAAE,mBAAmB,GAAG,SAAS,aAAa,gBAAoD;AAC1H,QAAM,QAAQ,gBAAgB,WAAW,mBAAmB,CAAC;AAC7D,QAAM,EAAE,MAAA,IAAUA,6BAAA;AAElB,wDACKC,OAAAA,QAAA,EAAO,SAAS,KACZ,MAAM,IAAI,CAAC,eACRC,iCAAA;AAAA,IAACC,OAAAA;AAAAA,IAAA;AAAA,MACG,YAAY,eAAe,mBAAmB,IAAI,YAAY;AAAA,MAC9D,gBAAc,eAAe,mBAAmB,IAAI,SAAS;AAAA,MAC7D,KAAK;AAAA,MACL,SAAS,MAAM,YAAY,aAAa,CAAC;AAAA,MACzC,cAAY,MAAM,WAAW,QAAQ,MAAM,QAAQ,OAAO,OAAO,UAAU,CAAC;AAAA,MAC5E,SAAS,MAAM,WAAW,QAAQ,MAAM,QAAQ,OAAO,OAAO,UAAU,CAAC;AAAA,IAAA;AAAA,IACxE;AAAA,EAAA,CAER,CACL;AAER;;"}

package/dist/components/Pagination/PageNumbers.js

@@ -1,7 +1,7 @@
 import * as React from "react";
+import { useLocalization } from "../Provider/Localization.js";
 import { Inline } from "../Inline/Inline.js";
 import { LegacyButton } from "../LegacyComponents/Button/Button.js";
-import { useLocalization } from "../Provider/Localization.js";
 const createPageRange = (pageCount, pageNumber) => {
   let lowerLimit = Math.min(pageNumber, pageCount);
   let upperLimit = Math.min(pageNumber, pageCount);

package/dist/components/Pagination/PageNumbers.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageNumbers.js","sources":["../../../src/components/Pagination/PageNumbers.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Inline } from '../Inline/Inline';\nimport { LegacyButton } from '../LegacyComponents/Button/Button';\nimport { useLocalization } from '../Provider/Localization';\n\ntype PageNumberProps = {\n    currentPageIndex: number;\n    onClick: (pageIndex: number) => void;\n    pageCount: number;\n};\n\nconst createPageRange = (pageCount: number, pageNumber: number): number[] => {\n    let lowerLimit = Math.min(pageNumber, pageCount);\n    let upperLimit = Math.min(pageNumber, pageCount);\n\n    for (let b = 1; b < 5 && b < pageCount;) {\n        if (lowerLimit > 1) {\n            lowerLimit--;\n            b++;\n        }\n        if (b < 5 && upperLimit < pageCount) {\n            upperLimit++;\n            b++;\n        }\n    }\n\n    const range: number[] = [];\n\n    for (let i = lowerLimit; i <= upperLimit; i++) {\n        range.push(i);\n    }\n\n    return range;\n};\n\nexport const PageNumbers = ({ currentPageIndex = 0, onClick: handleClick, pageCount }: PageNumberProps): React.JSX.Element => {\n    const range = createPageRange(pageCount, currentPageIndex + 1);\n    const { texts } = useLocalization();\n\n    return (\n        <Inline spacing={8}>\n            {range.map((pageNumber: number) => (\n                <LegacyButton\n                    appearance={pageNumber === currentPageIndex + 1 ? 'primary' : 'default'}\n                    aria-current={pageNumber === currentPageIndex + 1 ? 'page' : undefined}\n                    key={pageNumber}\n                    onClick={() => handleClick(pageNumber - 1)}\n                    aria-label={texts.pagination.actions.pageX.replace('[X]', String(pageNumber))}\n                    tooltip={texts.pagination.actions.pageX.replace('[X]', String(pageNumber))}>\n                    {pageNumber}\n                </LegacyButton>\n            ))}\n        </Inline>\n    );\n};\n"],"names":[],"mappings":";;;;AAYA,MAAM,kBAAkB,CAAC,WAAmB,eAAiC;AACzE,MAAI,aAAa,KAAK,IAAI,YAAY,SAAS;AAC/C,MAAI,aAAa,KAAK,IAAI,YAAY,SAAS;AAE/C,WAAS,IAAI,GAAG,IAAI,KAAK,IAAI,aAAY;AACrC,QAAI,aAAa,GAAG;AAChB;AACA;AAAA,IACJ;AACA,QAAI,IAAI,KAAK,aAAa,WAAW;AACjC;AACA;AAAA,IACJ;AAAA,EACJ;AAEA,QAAM,QAAkB,CAAA;AAExB,WAAS,IAAI,YAAY,KAAK,YAAY,KAAK;AAC3C,UAAM,KAAK,CAAC;AAAA,EAChB;AAEA,SAAO;AACX;AAEO,MAAM,cAAc,CAAC,EAAE,mBAAmB,GAAG,SAAS,aAAa,gBAAoD;AAC1H,QAAM,QAAQ,gBAAgB,WAAW,mBAAmB,CAAC;AAC7D,QAAM,EAAE,MAAA,IAAU,gBAAA;AAElB,6CACK,QAAA,EAAO,SAAS,KACZ,MAAM,IAAI,CAAC,eACR,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,YAAY,eAAe,mBAAmB,IAAI,YAAY;AAAA,MAC9D,gBAAc,eAAe,mBAAmB,IAAI,SAAS;AAAA,MAC7D,KAAK;AAAA,MACL,SAAS,MAAM,YAAY,aAAa,CAAC;AAAA,MACzC,cAAY,MAAM,WAAW,QAAQ,MAAM,QAAQ,OAAO,OAAO,UAAU,CAAC;AAAA,MAC5E,SAAS,MAAM,WAAW,QAAQ,MAAM,QAAQ,OAAO,OAAO,UAAU,CAAC;AAAA,IAAA;AAAA,IACxE;AAAA,EAAA,CAER,CACL;AAER;"}
+{"version":3,"file":"PageNumbers.js","sources":["../../../src/components/Pagination/PageNumbers.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Inline, LegacyButton, useLocalization } from '@/components';\n\ntype PageNumberProps = {\n    currentPageIndex: number;\n    onClick: (pageIndex: number) => void;\n    pageCount: number;\n};\n\nconst createPageRange = (pageCount: number, pageNumber: number): number[] => {\n    let lowerLimit = Math.min(pageNumber, pageCount);\n    let upperLimit = Math.min(pageNumber, pageCount);\n\n    for (let b = 1; b < 5 && b < pageCount;) {\n        if (lowerLimit > 1) {\n            lowerLimit--;\n            b++;\n        }\n        if (b < 5 && upperLimit < pageCount) {\n            upperLimit++;\n            b++;\n        }\n    }\n\n    const range: number[] = [];\n\n    for (let i = lowerLimit; i <= upperLimit; i++) {\n        range.push(i);\n    }\n\n    return range;\n};\n\nexport const PageNumbers = ({ currentPageIndex = 0, onClick: handleClick, pageCount }: PageNumberProps): React.JSX.Element => {\n    const range = createPageRange(pageCount, currentPageIndex + 1);\n    const { texts } = useLocalization();\n\n    return (\n        <Inline spacing={8}>\n            {range.map((pageNumber: number) => (\n                <LegacyButton\n                    appearance={pageNumber === currentPageIndex + 1 ? 'primary' : 'default'}\n                    aria-current={pageNumber === currentPageIndex + 1 ? 'page' : undefined}\n                    key={pageNumber}\n                    onClick={() => handleClick(pageNumber - 1)}\n                    aria-label={texts.pagination.actions.pageX.replace('[X]', String(pageNumber))}\n                    tooltip={texts.pagination.actions.pageX.replace('[X]', String(pageNumber))}>\n                    {pageNumber}\n                </LegacyButton>\n            ))}\n        </Inline>\n    );\n};\n"],"names":[],"mappings":";;;;AAUA,MAAM,kBAAkB,CAAC,WAAmB,eAAiC;AACzE,MAAI,aAAa,KAAK,IAAI,YAAY,SAAS;AAC/C,MAAI,aAAa,KAAK,IAAI,YAAY,SAAS;AAE/C,WAAS,IAAI,GAAG,IAAI,KAAK,IAAI,aAAY;AACrC,QAAI,aAAa,GAAG;AAChB;AACA;AAAA,IACJ;AACA,QAAI,IAAI,KAAK,aAAa,WAAW;AACjC;AACA;AAAA,IACJ;AAAA,EACJ;AAEA,QAAM,QAAkB,CAAA;AAExB,WAAS,IAAI,YAAY,KAAK,YAAY,KAAK;AAC3C,UAAM,KAAK,CAAC;AAAA,EAChB;AAEA,SAAO;AACX;AAEO,MAAM,cAAc,CAAC,EAAE,mBAAmB,GAAG,SAAS,aAAa,gBAAoD;AAC1H,QAAM,QAAQ,gBAAgB,WAAW,mBAAmB,CAAC;AAC7D,QAAM,EAAE,MAAA,IAAU,gBAAA;AAElB,6CACK,QAAA,EAAO,SAAS,KACZ,MAAM,IAAI,CAAC,eACR,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,YAAY,eAAe,mBAAmB,IAAI,YAAY;AAAA,MAC9D,gBAAc,eAAe,mBAAmB,IAAI,SAAS;AAAA,MAC7D,KAAK;AAAA,MACL,SAAS,MAAM,YAAY,aAAa,CAAC;AAAA,MACzC,cAAY,MAAM,WAAW,QAAQ,MAAM,QAAQ,OAAO,OAAO,UAAU,CAAC;AAAA,MAC5E,SAAS,MAAM,WAAW,QAAQ,MAAM,QAAQ,OAAO,OAAO,UAAU,CAAC;AAAA,IAAA;AAAA,IACxE;AAAA,EAAA,CAER,CACL;AAER;"}

package/dist/components/Pagination/Pagination.cjs

@@ -2,12 +2,12 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const cn = require("clsx");
 const React = require("react");
-const Inline = require("../Inline/Inline.cjs");
-const IconButton = require("../LegacyComponents/IconButton/IconButton.cjs");
-const Localization = require("../Provider/Localization.cjs");
-const Select2 = require("../Select2/Select2.cjs");
 const PageNumbers = require("./PageNumbers.cjs");
 const usePaginationShortcuts = require("./usePaginationShortcuts.cjs");
+const Localization = require("../Provider/Localization.cjs");
+const Select2 = require("../Select2/Select2.cjs");
+const Inline = require("../Inline/Inline.cjs");
+const IconButton = require("../LegacyComponents/IconButton/IconButton.cjs");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e) {

package/dist/components/Pagination/Pagination.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.cjs","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\n\nimport { Inline } from '../Inline/Inline';\nimport { LegacyIconButton } from '../LegacyComponents/IconButton/IconButton';\nimport type { LocalizationTexts } from '../Provider/Localization';\nimport { useLocalization } from '../Provider/Localization';\nimport { Select2 } from '../Select2/Select2';\n\nimport { PageNumbers } from './PageNumbers';\nimport type { usePaginationValues } from './usePagination';\nimport { usePaginationShortcuts } from './usePaginationShortcuts';\n\nexport * from './usePagination';\n\nexport type PaginationTextsActions = {\n    /**\n     * Aria-label for first page action button.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    firstPage: string;\n    /**\n     * Aria-label for first page action button with shortcut.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    firstPageWithShortcut: string;\n    /**\n     * Aria-label for next page action button.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    nextPage: string;\n    /**\n     * Aria-label for next page action button with shortcut.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    nextPageWithShortcut: string;\n    /**\n     * Aria-label for previous page action button.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    previousPage: string;\n    /**\n     * Aria-label for previous page action button with shortcut.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    previousPageWithShortcut: string;\n    /**\n     * Aria-label for last page action button.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    lastPage: string;\n    /**\n     * Aria-label for last page action button with shortcut.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    lastPageWithShortcut: string;\n    /**\n     * Aria-label for page X action button.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    pageX: string;\n};\n\nexport type PaginationTexts = {\n    /**\n     * Aria-label provided for page numbers and page actions group.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    label: string;\n    /**\n     * Aria-label provided for page size selection.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    pageSize: string;\n    /**\n     * Text that indicates the number of the first and last element displayed on the current page, out of total items\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    showingXofYofTotal: string;\n    /**\n     * Aria-labels provided for page action buttons.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    actions: PaginationTextsActions;\n};\n\nexport type PaginationProps = React.HTMLAttributes<HTMLDivElement> &\n    usePaginationValues & {\n        /** Indicate total number of items that will be paginated */\n        length: number;\n        /** Page size options */\n        pageSizes?: number[];\n        /** Shows page controls */\n        showPageControls?: boolean;\n        /** Shows page numbers between navigation buttons, which allows users to quickly navigate to a specific page */\n        showPageNumbers?: boolean;\n        /** Shows a dropdown with page sizes, which allows user to change the number of items displayed on the page  */\n        showPageSize?: boolean;\n        /** Enable pagination shortcuts */\n        dangerouslyHijackGlobalKeyboardNavigation?: boolean;\n    };\n\nconst getShowingLabel = (length: number, pageIndex: number, pageSize: number, texts: LocalizationTexts): string => {\n    const minItemIndex = pageIndex * pageSize + 1;\n    const maxItemIndex = (pageIndex + 1) * pageSize;\n\n    return texts.pagination.showingXofYofTotal\n        .replace('[X]', length === 0 ? '0' : String(minItemIndex))\n        .replace('[Y]', String(maxItemIndex > length ? length : maxItemIndex))\n        .replace('[total]', String(length));\n};\n\nexport const Pagination = React.forwardRef(function Pagination(props: PaginationProps, ref: React.Ref<HTMLDivElement>) {\n    const {\n        length,\n        pageIndex,\n        pageSize,\n        pageSizes = [10, 25, 50, 100, 500],\n        setPageIndex,\n        setPageSize,\n        showPageControls = true,\n        showPageNumbers = true,\n        showPageSize = true,\n        dangerouslyHijackGlobalKeyboardNavigation = false,\n        ...otherProps\n    } = props;\n    const { texts } = useLocalization();\n\n    const maxPageIndex = Math.ceil(length / pageSize) - 1;\n    const showShortcutTexts = dangerouslyHijackGlobalKeyboardNavigation;\n\n    usePaginationShortcuts({\n        setPageIndex,\n        maxPageIndex,\n        pageIndex,\n        dangerouslyHijackGlobalKeyboardNavigation,\n    });\n\n    const pageCount = Math.ceil(length / pageSize);\n    const canPreviousPage = pageIndex > 0;\n    const canNextPage = pageIndex < pageCount - 1;\n\n    const className = cn('relative inline-flex items-center justify-between', props.className);\n\n    return (\n        <div {...otherProps} className={className} data-taco=\"pagination\" ref={ref}>\n            {showPageSize && (\n                <span className=\"mr-4 inline-flex items-center\">\n                    {getShowingLabel(length, pageIndex, pageSize, texts)}\n                    <Select2\n                        aria-label={texts.pagination.pageSize}\n                        className=\"ml-4 !w-20\"\n                        onChange={value => {\n                            setPageIndex(0);\n                            setPageSize(Number(value));\n                        }}\n                        value={pageSize}>\n                        {pageSizes.map(size => (\n                            <Select2.Option key={size} value={size}>\n                                {String(size)}\n                            </Select2.Option>\n                        ))}\n                    </Select2>\n                </span>\n            )}\n            {showPageControls && (\n                <nav aria-label={texts.pagination.label}>\n                    <Inline spacing={8}>\n                        <LegacyIconButton\n                            appearance=\"default\"\n                            disabled={!canPreviousPage}\n                            icon=\"arrow-start\"\n                            onClick={() => setPageIndex(0)}\n                            aria-label={\n                                showShortcutTexts\n                                    ? texts.pagination.actions.firstPageWithShortcut\n                                    : texts.pagination.actions.firstPage\n                            }\n                            tooltip={\n                                showShortcutTexts\n                                    ? texts.pagination.actions.firstPageWithShortcut\n                                    : texts.pagination.actions.firstPage\n                            }\n                        />\n                        <LegacyIconButton\n                            appearance=\"default\"\n                            disabled={!canPreviousPage}\n                            icon=\"arrow-left\"\n                            onClick={() => setPageIndex(pageIndex - 1)}\n                            aria-label={\n                                showShortcutTexts\n                                    ? texts.pagination.actions.previousPageWithShortcut\n                                    : texts.pagination.actions.previousPage\n                            }\n                            tooltip={\n                                showShortcutTexts\n                                    ? texts.pagination.actions.previousPageWithShortcut\n                                    : texts.pagination.actions.previousPage\n                            }\n                        />\n                        {showPageNumbers && pageCount > 0 && (\n                            <PageNumbers pageCount={pageCount} currentPageIndex={pageIndex} onClick={setPageIndex} />\n                        )}\n                        <LegacyIconButton\n                            appearance=\"default\"\n                            disabled={!canNextPage}\n                            icon=\"arrow-right\"\n                            onClick={() => setPageIndex(pageIndex + 1)}\n                            aria-label={\n                                showShortcutTexts\n                                    ? texts.pagination.actions.nextPageWithShortcut\n                                    : texts.pagination.actions.nextPage\n                            }\n                            tooltip={\n                                showShortcutTexts\n                                    ? texts.pagination.actions.nextPageWithShortcut\n                                    : texts.pagination.actions.nextPage\n                            }\n                        />\n                        <LegacyIconButton\n                            appearance=\"default\"\n                            disabled={!canNextPage}\n                            icon=\"arrow-end\"\n                            onClick={() => setPageIndex(pageCount - 1)}\n                            aria-label={\n                                showShortcutTexts\n                                    ? texts.pagination.actions.lastPageWithShortcut\n                                    : texts.pagination.actions.lastPage\n                            }\n                            tooltip={\n                                showShortcutTexts\n                                    ? texts.pagination.actions.lastPageWithShortcut\n                                    : texts.pagination.actions.lastPage\n                            }\n                        />\n                    </Inline>\n                </nav>\n            )}\n        </div>\n    );\n});\n"],"names":["React","Pagination","useLocalization","usePaginationShortcuts","Select2","Inline","LegacyIconButton","PageNumbers"],"mappings":"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"}
+{"version":3,"file":"Pagination.cjs","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\n\nimport type { LocalizationTexts } from '@/components';\nimport { Inline, LegacyIconButton, Select2, useLocalization } from '@/components';\n\nimport { PageNumbers } from './PageNumbers';\nimport type { usePaginationValues } from './usePagination';\nimport { usePaginationShortcuts } from './usePaginationShortcuts';\n\nexport * from './usePagination';\n\nexport type PaginationTextsActions = {\n    /**\n     * Aria-label for first page action button.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    firstPage: string;\n    /**\n     * Aria-label for first page action button with shortcut.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    firstPageWithShortcut: string;\n    /**\n     * Aria-label for next page action button.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    nextPage: string;\n    /**\n     * Aria-label for next page action button with shortcut.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    nextPageWithShortcut: string;\n    /**\n     * Aria-label for previous page action button.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    previousPage: string;\n    /**\n     * Aria-label for previous page action button with shortcut.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    previousPageWithShortcut: string;\n    /**\n     * Aria-label for last page action button.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    lastPage: string;\n    /**\n     * Aria-label for last page action button with shortcut.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    lastPageWithShortcut: string;\n    /**\n     * Aria-label for page X action button.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    pageX: string;\n};\n\nexport type PaginationTexts = {\n    /**\n     * Aria-label provided for page numbers and page actions group.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    label: string;\n    /**\n     * Aria-label provided for page size selection.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    pageSize: string;\n    /**\n     * Text that indicates the number of the first and last element displayed on the current page, out of total items\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    showingXofYofTotal: string;\n    /**\n     * Aria-labels provided for page action buttons.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    actions: PaginationTextsActions;\n};\n\nexport type PaginationProps = React.HTMLAttributes<HTMLDivElement> &\n    usePaginationValues & {\n        /** Indicate total number of items that will be paginated */\n        length: number;\n        /** Page size options */\n        pageSizes?: number[];\n        /** Shows page controls */\n        showPageControls?: boolean;\n        /** Shows page numbers between navigation buttons, which allows users to quickly navigate to a specific page */\n        showPageNumbers?: boolean;\n        /** Shows a dropdown with page sizes, which allows user to change the number of items displayed on the page  */\n        showPageSize?: boolean;\n        /** Enable pagination shortcuts */\n        dangerouslyHijackGlobalKeyboardNavigation?: boolean;\n    };\n\nconst getShowingLabel = (length: number, pageIndex: number, pageSize: number, texts: LocalizationTexts): string => {\n    const minItemIndex = pageIndex * pageSize + 1;\n    const maxItemIndex = (pageIndex + 1) * pageSize;\n\n    return texts.pagination.showingXofYofTotal\n        .replace('[X]', length === 0 ? '0' : String(minItemIndex))\n        .replace('[Y]', String(maxItemIndex > length ? length : maxItemIndex))\n        .replace('[total]', String(length));\n};\n\nexport const Pagination = React.forwardRef(function Pagination(props: PaginationProps, ref: React.Ref<HTMLDivElement>) {\n    const {\n        length,\n        pageIndex,\n        pageSize,\n        pageSizes = [10, 25, 50, 100, 500],\n        setPageIndex,\n        setPageSize,\n        showPageControls = true,\n        showPageNumbers = true,\n        showPageSize = true,\n        dangerouslyHijackGlobalKeyboardNavigation = false,\n        ...otherProps\n    } = props;\n    const { texts } = useLocalization();\n\n    const maxPageIndex = Math.ceil(length / pageSize) - 1;\n    const showShortcutTexts = dangerouslyHijackGlobalKeyboardNavigation;\n\n    usePaginationShortcuts({\n        setPageIndex,\n        maxPageIndex,\n        pageIndex,\n        dangerouslyHijackGlobalKeyboardNavigation,\n    });\n\n    const pageCount = Math.ceil(length / pageSize);\n    const canPreviousPage = pageIndex > 0;\n    const canNextPage = pageIndex < pageCount - 1;\n\n    const className = cn('relative inline-flex items-center justify-between', props.className);\n\n    return (\n        <div {...otherProps} className={className} data-taco=\"pagination\" ref={ref}>\n            {showPageSize && (\n                <span className=\"mr-4 inline-flex items-center\">\n                    {getShowingLabel(length, pageIndex, pageSize, texts)}\n                    <Select2\n                        aria-label={texts.pagination.pageSize}\n                        className=\"ml-4 !w-20\"\n                        onChange={value => {\n                            setPageIndex(0);\n                            setPageSize(Number(value));\n                        }}\n                        value={pageSize}>\n                        {pageSizes.map(size => (\n                            <Select2.Option key={size} value={size}>\n                                {String(size)}\n                            </Select2.Option>\n                        ))}\n                    </Select2>\n                </span>\n            )}\n            {showPageControls && (\n                <nav aria-label={texts.pagination.label}>\n                    <Inline spacing={8}>\n                        <LegacyIconButton\n                            appearance=\"default\"\n                            disabled={!canPreviousPage}\n                            icon=\"arrow-start\"\n                            onClick={() => setPageIndex(0)}\n                            aria-label={\n                                showShortcutTexts\n                                    ? texts.pagination.actions.firstPageWithShortcut\n                                    : texts.pagination.actions.firstPage\n                            }\n                            tooltip={\n                                showShortcutTexts\n                                    ? texts.pagination.actions.firstPageWithShortcut\n                                    : texts.pagination.actions.firstPage\n                            }\n                        />\n                        <LegacyIconButton\n                            appearance=\"default\"\n                            disabled={!canPreviousPage}\n                            icon=\"arrow-left\"\n                            onClick={() => setPageIndex(pageIndex - 1)}\n                            aria-label={\n                                showShortcutTexts\n                                    ? texts.pagination.actions.previousPageWithShortcut\n                                    : texts.pagination.actions.previousPage\n                            }\n                            tooltip={\n                                showShortcutTexts\n                                    ? texts.pagination.actions.previousPageWithShortcut\n                                    : texts.pagination.actions.previousPage\n                            }\n                        />\n                        {showPageNumbers && pageCount > 0 && (\n                            <PageNumbers pageCount={pageCount} currentPageIndex={pageIndex} onClick={setPageIndex} />\n                        )}\n                        <LegacyIconButton\n                            appearance=\"default\"\n                            disabled={!canNextPage}\n                            icon=\"arrow-right\"\n                            onClick={() => setPageIndex(pageIndex + 1)}\n                            aria-label={\n                                showShortcutTexts\n                                    ? texts.pagination.actions.nextPageWithShortcut\n                                    : texts.pagination.actions.nextPage\n                            }\n                            tooltip={\n                                showShortcutTexts\n                                    ? texts.pagination.actions.nextPageWithShortcut\n                                    : texts.pagination.actions.nextPage\n                            }\n                        />\n                        <LegacyIconButton\n                            appearance=\"default\"\n                            disabled={!canNextPage}\n                            icon=\"arrow-end\"\n                            onClick={() => setPageIndex(pageCount - 1)}\n                            aria-label={\n                                showShortcutTexts\n                                    ? texts.pagination.actions.lastPageWithShortcut\n                                    : texts.pagination.actions.lastPage\n                            }\n                            tooltip={\n                                showShortcutTexts\n                                    ? texts.pagination.actions.lastPageWithShortcut\n                                    : texts.pagination.actions.lastPage\n                            }\n                        />\n                    </Inline>\n                </nav>\n            )}\n        </div>\n    );\n});\n"],"names":["React","Pagination","useLocalization","usePaginationShortcuts","Select2","Inline","LegacyIconButton","PageNumbers"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAmGA,MAAM,kBAAkB,CAAC,QAAgB,WAAmB,UAAkB,UAAqC;AAC/G,QAAM,eAAe,YAAY,WAAW;AAC5C,QAAM,gBAAgB,YAAY,KAAK;AAEvC,SAAO,MAAM,WAAW,mBACnB,QAAQ,OAAO,WAAW,IAAI,MAAM,OAAO,YAAY,CAAC,EACxD,QAAQ,OAAO,OAAO,eAAe,SAAS,SAAS,YAAY,CAAC,EACpE,QAAQ,WAAW,OAAO,MAAM,CAAC;AAC1C;AAEO,MAAM,aAAaA,iBAAM,WAAW,SAASC,YAAW,OAAwB,KAAgC;AACnH,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY,CAAC,IAAI,IAAI,IAAI,KAAK,GAAG;AAAA,IACjC;AAAA,IACA;AAAA,IACA,mBAAmB;AAAA,IACnB,kBAAkB;AAAA,IAClB,eAAe;AAAA,IACf,4CAA4C;AAAA,IAC5C,GAAG;AAAA,EAAA,IACH;AACJ,QAAM,EAAE,MAAA,IAAUC,6BAAA;AAElB,QAAM,eAAe,KAAK,KAAK,SAAS,QAAQ,IAAI;AACpD,QAAM,oBAAoB;AAE1BC,gDAAuB;AAAA,IACnB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACH;AAED,QAAM,YAAY,KAAK,KAAK,SAAS,QAAQ;AAC7C,QAAM,kBAAkB,YAAY;AACpC,QAAM,cAAc,YAAY,YAAY;AAE5C,QAAM,YAAY,GAAG,qDAAqD,MAAM,SAAS;AAEzF,wDACK,OAAA,EAAK,GAAG,YAAY,WAAsB,aAAU,cAAa,IAAA,GAC7D,gBACGH,iCAAA,cAAC,QAAA,EAAK,WAAU,gCAAA,GACX,gBAAgB,QAAQ,WAAW,UAAU,KAAK,GACnDA,iCAAA;AAAA,IAACI,QAAAA;AAAAA,IAAA;AAAA,MACG,cAAY,MAAM,WAAW;AAAA,MAC7B,WAAU;AAAA,MACV,UAAU,CAAA,UAAS;AACf,qBAAa,CAAC;AACd,oBAAY,OAAO,KAAK,CAAC;AAAA,MAC7B;AAAA,MACA,OAAO;AAAA,IAAA;AAAA,IACN,UAAU,IAAI,CAAA,SACXJ,iCAAA,cAACI,QAAAA,QAAQ,QAAR,EAAe,KAAK,MAAM,OAAO,KAAA,GAC7B,OAAO,IAAI,CAChB,CACH;AAAA,EAAA,CAET,GAEH,oBACGJ,iCAAA,cAAC,OAAA,EAAI,cAAY,MAAM,WAAW,MAAA,GAC9BA,iCAAA,cAACK,OAAAA,QAAA,EAAO,SAAS,EAAA,GACbL,iCAAA;AAAA,IAACM,WAAAA;AAAAA,IAAA;AAAA,MACG,YAAW;AAAA,MACX,UAAU,CAAC;AAAA,MACX,MAAK;AAAA,MACL,SAAS,MAAM,aAAa,CAAC;AAAA,MAC7B,cACI,oBACM,MAAM,WAAW,QAAQ,wBACzB,MAAM,WAAW,QAAQ;AAAA,MAEnC,SACI,oBACM,MAAM,WAAW,QAAQ,wBACzB,MAAM,WAAW,QAAQ;AAAA,IAAA;AAAA,EAAA,GAGvCN,iCAAA;AAAA,IAACM,WAAAA;AAAAA,IAAA;AAAA,MACG,YAAW;AAAA,MACX,UAAU,CAAC;AAAA,MACX,MAAK;AAAA,MACL,SAAS,MAAM,aAAa,YAAY,CAAC;AAAA,MACzC,cACI,oBACM,MAAM,WAAW,QAAQ,2BACzB,MAAM,WAAW,QAAQ;AAAA,MAEnC,SACI,oBACM,MAAM,WAAW,QAAQ,2BACzB,MAAM,WAAW,QAAQ;AAAA,IAAA;AAAA,EAAA,GAGtC,mBAAmB,YAAY,KAC5BN,iCAAA,cAACO,YAAAA,aAAA,EAAY,WAAsB,kBAAkB,WAAW,SAAS,aAAA,CAAc,GAE3FP,iCAAA;AAAA,IAACM,WAAAA;AAAAA,IAAA;AAAA,MACG,YAAW;AAAA,MACX,UAAU,CAAC;AAAA,MACX,MAAK;AAAA,MACL,SAAS,MAAM,aAAa,YAAY,CAAC;AAAA,MACzC,cACI,oBACM,MAAM,WAAW,QAAQ,uBACzB,MAAM,WAAW,QAAQ;AAAA,MAEnC,SACI,oBACM,MAAM,WAAW,QAAQ,uBACzB,MAAM,WAAW,QAAQ;AAAA,IAAA;AAAA,EAAA,GAGvCN,iCAAA;AAAA,IAACM,WAAAA;AAAAA,IAAA;AAAA,MACG,YAAW;AAAA,MACX,UAAU,CAAC;AAAA,MACX,MAAK;AAAA,MACL,SAAS,MAAM,aAAa,YAAY,CAAC;AAAA,MACzC,cACI,oBACM,MAAM,WAAW,QAAQ,uBACzB,MAAM,WAAW,QAAQ;AAAA,MAEnC,SACI,oBACM,MAAM,WAAW,QAAQ,uBACzB,MAAM,WAAW,QAAQ;AAAA,IAAA;AAAA,EAAA,CAG3C,CACJ,CAER;AAER,CAAC;;"}

package/dist/components/Pagination/Pagination.js

@@ -1,11 +1,11 @@
 import cn from "clsx";
 import * as React from "react";
-import { Inline } from "../Inline/Inline.js";
-import { LegacyIconButton } from "../LegacyComponents/IconButton/IconButton.js";
-import { useLocalization } from "../Provider/Localization.js";
-import { Select2 } from "../Select2/Select2.js";
 import { PageNumbers } from "./PageNumbers.js";
 import { usePaginationShortcuts } from "./usePaginationShortcuts.js";
+import { useLocalization } from "../Provider/Localization.js";
+import { Select2 } from "../Select2/Select2.js";
+import { Inline } from "../Inline/Inline.js";
+import { LegacyIconButton } from "../LegacyComponents/IconButton/IconButton.js";
 const getShowingLabel = (length, pageIndex, pageSize, texts) => {
   const minItemIndex = pageIndex * pageSize + 1;
   const maxItemIndex = (pageIndex + 1) * pageSize;

package/dist/components/Pagination/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\n\nimport { Inline } from '../Inline/Inline';\nimport { LegacyIconButton } from '../LegacyComponents/IconButton/IconButton';\nimport type { LocalizationTexts } from '../Provider/Localization';\nimport { useLocalization } from '../Provider/Localization';\nimport { Select2 } from '../Select2/Select2';\n\nimport { PageNumbers } from './PageNumbers';\nimport type { usePaginationValues } from './usePagination';\nimport { usePaginationShortcuts } from './usePaginationShortcuts';\n\nexport * from './usePagination';\n\nexport type PaginationTextsActions = {\n    /**\n     * Aria-label for first page action button.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    firstPage: string;\n    /**\n     * Aria-label for first page action button with shortcut.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    firstPageWithShortcut: string;\n    /**\n     * Aria-label for next page action button.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    nextPage: string;\n    /**\n     * Aria-label for next page action button with shortcut.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    nextPageWithShortcut: string;\n    /**\n     * Aria-label for previous page action button.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    previousPage: string;\n    /**\n     * Aria-label for previous page action button with shortcut.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    previousPageWithShortcut: string;\n    /**\n     * Aria-label for last page action button.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    lastPage: string;\n    /**\n     * Aria-label for last page action button with shortcut.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    lastPageWithShortcut: string;\n    /**\n     * Aria-label for page X action button.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    pageX: string;\n};\n\nexport type PaginationTexts = {\n    /**\n     * Aria-label provided for page numbers and page actions group.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    label: string;\n    /**\n     * Aria-label provided for page size selection.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    pageSize: string;\n    /**\n     * Text that indicates the number of the first and last element displayed on the current page, out of total items\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    showingXofYofTotal: string;\n    /**\n     * Aria-labels provided for page action buttons.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    actions: PaginationTextsActions;\n};\n\nexport type PaginationProps = React.HTMLAttributes<HTMLDivElement> &\n    usePaginationValues & {\n        /** Indicate total number of items that will be paginated */\n        length: number;\n        /** Page size options */\n        pageSizes?: number[];\n        /** Shows page controls */\n        showPageControls?: boolean;\n        /** Shows page numbers between navigation buttons, which allows users to quickly navigate to a specific page */\n        showPageNumbers?: boolean;\n        /** Shows a dropdown with page sizes, which allows user to change the number of items displayed on the page  */\n        showPageSize?: boolean;\n        /** Enable pagination shortcuts */\n        dangerouslyHijackGlobalKeyboardNavigation?: boolean;\n    };\n\nconst getShowingLabel = (length: number, pageIndex: number, pageSize: number, texts: LocalizationTexts): string => {\n    const minItemIndex = pageIndex * pageSize + 1;\n    const maxItemIndex = (pageIndex + 1) * pageSize;\n\n    return texts.pagination.showingXofYofTotal\n        .replace('[X]', length === 0 ? '0' : String(minItemIndex))\n        .replace('[Y]', String(maxItemIndex > length ? length : maxItemIndex))\n        .replace('[total]', String(length));\n};\n\nexport const Pagination = React.forwardRef(function Pagination(props: PaginationProps, ref: React.Ref<HTMLDivElement>) {\n    const {\n        length,\n        pageIndex,\n        pageSize,\n        pageSizes = [10, 25, 50, 100, 500],\n        setPageIndex,\n        setPageSize,\n        showPageControls = true,\n        showPageNumbers = true,\n        showPageSize = true,\n        dangerouslyHijackGlobalKeyboardNavigation = false,\n        ...otherProps\n    } = props;\n    const { texts } = useLocalization();\n\n    const maxPageIndex = Math.ceil(length / pageSize) - 1;\n    const showShortcutTexts = dangerouslyHijackGlobalKeyboardNavigation;\n\n    usePaginationShortcuts({\n        setPageIndex,\n        maxPageIndex,\n        pageIndex,\n        dangerouslyHijackGlobalKeyboardNavigation,\n    });\n\n    const pageCount = Math.ceil(length / pageSize);\n    const canPreviousPage = pageIndex > 0;\n    const canNextPage = pageIndex < pageCount - 1;\n\n    const className = cn('relative inline-flex items-center justify-between', props.className);\n\n    return (\n        <div {...otherProps} className={className} data-taco=\"pagination\" ref={ref}>\n            {showPageSize && (\n                <span className=\"mr-4 inline-flex items-center\">\n                    {getShowingLabel(length, pageIndex, pageSize, texts)}\n                    <Select2\n                        aria-label={texts.pagination.pageSize}\n                        className=\"ml-4 !w-20\"\n                        onChange={value => {\n                            setPageIndex(0);\n                            setPageSize(Number(value));\n                        }}\n                        value={pageSize}>\n                        {pageSizes.map(size => (\n                            <Select2.Option key={size} value={size}>\n                                {String(size)}\n                            </Select2.Option>\n                        ))}\n                    </Select2>\n                </span>\n            )}\n            {showPageControls && (\n                <nav aria-label={texts.pagination.label}>\n                    <Inline spacing={8}>\n                        <LegacyIconButton\n                            appearance=\"default\"\n                            disabled={!canPreviousPage}\n                            icon=\"arrow-start\"\n                            onClick={() => setPageIndex(0)}\n                            aria-label={\n                                showShortcutTexts\n                                    ? texts.pagination.actions.firstPageWithShortcut\n                                    : texts.pagination.actions.firstPage\n                            }\n                            tooltip={\n                                showShortcutTexts\n                                    ? texts.pagination.actions.firstPageWithShortcut\n                                    : texts.pagination.actions.firstPage\n                            }\n                        />\n                        <LegacyIconButton\n                            appearance=\"default\"\n                            disabled={!canPreviousPage}\n                            icon=\"arrow-left\"\n                            onClick={() => setPageIndex(pageIndex - 1)}\n                            aria-label={\n                                showShortcutTexts\n                                    ? texts.pagination.actions.previousPageWithShortcut\n                                    : texts.pagination.actions.previousPage\n                            }\n                            tooltip={\n                                showShortcutTexts\n                                    ? texts.pagination.actions.previousPageWithShortcut\n                                    : texts.pagination.actions.previousPage\n                            }\n                        />\n                        {showPageNumbers && pageCount > 0 && (\n                            <PageNumbers pageCount={pageCount} currentPageIndex={pageIndex} onClick={setPageIndex} />\n                        )}\n                        <LegacyIconButton\n                            appearance=\"default\"\n                            disabled={!canNextPage}\n                            icon=\"arrow-right\"\n                            onClick={() => setPageIndex(pageIndex + 1)}\n                            aria-label={\n                                showShortcutTexts\n                                    ? texts.pagination.actions.nextPageWithShortcut\n                                    : texts.pagination.actions.nextPage\n                            }\n                            tooltip={\n                                showShortcutTexts\n                                    ? texts.pagination.actions.nextPageWithShortcut\n                                    : texts.pagination.actions.nextPage\n                            }\n                        />\n                        <LegacyIconButton\n                            appearance=\"default\"\n                            disabled={!canNextPage}\n                            icon=\"arrow-end\"\n                            onClick={() => setPageIndex(pageCount - 1)}\n                            aria-label={\n                                showShortcutTexts\n                                    ? texts.pagination.actions.lastPageWithShortcut\n                                    : texts.pagination.actions.lastPage\n                            }\n                            tooltip={\n                                showShortcutTexts\n                                    ? texts.pagination.actions.lastPageWithShortcut\n                                    : texts.pagination.actions.lastPage\n                            }\n                        />\n                    </Inline>\n                </nav>\n            )}\n        </div>\n    );\n});\n"],"names":["Pagination"],"mappings":"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"}
+{"version":3,"file":"Pagination.js","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\n\nimport type { LocalizationTexts } from '@/components';\nimport { Inline, LegacyIconButton, Select2, useLocalization } from '@/components';\n\nimport { PageNumbers } from './PageNumbers';\nimport type { usePaginationValues } from './usePagination';\nimport { usePaginationShortcuts } from './usePaginationShortcuts';\n\nexport * from './usePagination';\n\nexport type PaginationTextsActions = {\n    /**\n     * Aria-label for first page action button.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    firstPage: string;\n    /**\n     * Aria-label for first page action button with shortcut.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    firstPageWithShortcut: string;\n    /**\n     * Aria-label for next page action button.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    nextPage: string;\n    /**\n     * Aria-label for next page action button with shortcut.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    nextPageWithShortcut: string;\n    /**\n     * Aria-label for previous page action button.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    previousPage: string;\n    /**\n     * Aria-label for previous page action button with shortcut.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    previousPageWithShortcut: string;\n    /**\n     * Aria-label for last page action button.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    lastPage: string;\n    /**\n     * Aria-label for last page action button with shortcut.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    lastPageWithShortcut: string;\n    /**\n     * Aria-label for page X action button.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    pageX: string;\n};\n\nexport type PaginationTexts = {\n    /**\n     * Aria-label provided for page numbers and page actions group.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    label: string;\n    /**\n     * Aria-label provided for page size selection.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    pageSize: string;\n    /**\n     * Text that indicates the number of the first and last element displayed on the current page, out of total items\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    showingXofYofTotal: string;\n    /**\n     * Aria-labels provided for page action buttons.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    actions: PaginationTextsActions;\n};\n\nexport type PaginationProps = React.HTMLAttributes<HTMLDivElement> &\n    usePaginationValues & {\n        /** Indicate total number of items that will be paginated */\n        length: number;\n        /** Page size options */\n        pageSizes?: number[];\n        /** Shows page controls */\n        showPageControls?: boolean;\n        /** Shows page numbers between navigation buttons, which allows users to quickly navigate to a specific page */\n        showPageNumbers?: boolean;\n        /** Shows a dropdown with page sizes, which allows user to change the number of items displayed on the page  */\n        showPageSize?: boolean;\n        /** Enable pagination shortcuts */\n        dangerouslyHijackGlobalKeyboardNavigation?: boolean;\n    };\n\nconst getShowingLabel = (length: number, pageIndex: number, pageSize: number, texts: LocalizationTexts): string => {\n    const minItemIndex = pageIndex * pageSize + 1;\n    const maxItemIndex = (pageIndex + 1) * pageSize;\n\n    return texts.pagination.showingXofYofTotal\n        .replace('[X]', length === 0 ? '0' : String(minItemIndex))\n        .replace('[Y]', String(maxItemIndex > length ? length : maxItemIndex))\n        .replace('[total]', String(length));\n};\n\nexport const Pagination = React.forwardRef(function Pagination(props: PaginationProps, ref: React.Ref<HTMLDivElement>) {\n    const {\n        length,\n        pageIndex,\n        pageSize,\n        pageSizes = [10, 25, 50, 100, 500],\n        setPageIndex,\n        setPageSize,\n        showPageControls = true,\n        showPageNumbers = true,\n        showPageSize = true,\n        dangerouslyHijackGlobalKeyboardNavigation = false,\n        ...otherProps\n    } = props;\n    const { texts } = useLocalization();\n\n    const maxPageIndex = Math.ceil(length / pageSize) - 1;\n    const showShortcutTexts = dangerouslyHijackGlobalKeyboardNavigation;\n\n    usePaginationShortcuts({\n        setPageIndex,\n        maxPageIndex,\n        pageIndex,\n        dangerouslyHijackGlobalKeyboardNavigation,\n    });\n\n    const pageCount = Math.ceil(length / pageSize);\n    const canPreviousPage = pageIndex > 0;\n    const canNextPage = pageIndex < pageCount - 1;\n\n    const className = cn('relative inline-flex items-center justify-between', props.className);\n\n    return (\n        <div {...otherProps} className={className} data-taco=\"pagination\" ref={ref}>\n            {showPageSize && (\n                <span className=\"mr-4 inline-flex items-center\">\n                    {getShowingLabel(length, pageIndex, pageSize, texts)}\n                    <Select2\n                        aria-label={texts.pagination.pageSize}\n                        className=\"ml-4 !w-20\"\n                        onChange={value => {\n                            setPageIndex(0);\n                            setPageSize(Number(value));\n                        }}\n                        value={pageSize}>\n                        {pageSizes.map(size => (\n                            <Select2.Option key={size} value={size}>\n                                {String(size)}\n                            </Select2.Option>\n                        ))}\n                    </Select2>\n                </span>\n            )}\n            {showPageControls && (\n                <nav aria-label={texts.pagination.label}>\n                    <Inline spacing={8}>\n                        <LegacyIconButton\n                            appearance=\"default\"\n                            disabled={!canPreviousPage}\n                            icon=\"arrow-start\"\n                            onClick={() => setPageIndex(0)}\n                            aria-label={\n                                showShortcutTexts\n                                    ? texts.pagination.actions.firstPageWithShortcut\n                                    : texts.pagination.actions.firstPage\n                            }\n                            tooltip={\n                                showShortcutTexts\n                                    ? texts.pagination.actions.firstPageWithShortcut\n                                    : texts.pagination.actions.firstPage\n                            }\n                        />\n                        <LegacyIconButton\n                            appearance=\"default\"\n                            disabled={!canPreviousPage}\n                            icon=\"arrow-left\"\n                            onClick={() => setPageIndex(pageIndex - 1)}\n                            aria-label={\n                                showShortcutTexts\n                                    ? texts.pagination.actions.previousPageWithShortcut\n                                    : texts.pagination.actions.previousPage\n                            }\n                            tooltip={\n                                showShortcutTexts\n                                    ? texts.pagination.actions.previousPageWithShortcut\n                                    : texts.pagination.actions.previousPage\n                            }\n                        />\n                        {showPageNumbers && pageCount > 0 && (\n                            <PageNumbers pageCount={pageCount} currentPageIndex={pageIndex} onClick={setPageIndex} />\n                        )}\n                        <LegacyIconButton\n                            appearance=\"default\"\n                            disabled={!canNextPage}\n                            icon=\"arrow-right\"\n                            onClick={() => setPageIndex(pageIndex + 1)}\n                            aria-label={\n                                showShortcutTexts\n                                    ? texts.pagination.actions.nextPageWithShortcut\n                                    : texts.pagination.actions.nextPage\n                            }\n                            tooltip={\n                                showShortcutTexts\n                                    ? texts.pagination.actions.nextPageWithShortcut\n                                    : texts.pagination.actions.nextPage\n                            }\n                        />\n                        <LegacyIconButton\n                            appearance=\"default\"\n                            disabled={!canNextPage}\n                            icon=\"arrow-end\"\n                            onClick={() => setPageIndex(pageCount - 1)}\n                            aria-label={\n                                showShortcutTexts\n                                    ? texts.pagination.actions.lastPageWithShortcut\n                                    : texts.pagination.actions.lastPage\n                            }\n                            tooltip={\n                                showShortcutTexts\n                                    ? texts.pagination.actions.lastPageWithShortcut\n                                    : texts.pagination.actions.lastPage\n                            }\n                        />\n                    </Inline>\n                </nav>\n            )}\n        </div>\n    );\n});\n"],"names":["Pagination"],"mappings":"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"}

package/dist/components/Popover/Popover.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.cjs","sources":["../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import { Popover as PopoverPrimitive } from '@base-ui/react';\nimport cn from 'clsx';\nimport * as React from 'react';\n\nimport type { Placement } from '../..';\nimport { mergeRefs } from '../../utils/mergeRefs';\n\nimport { UnstyledArrow } from './Primitives';\nimport { getPopoverStyleClassnames } from './util';\n\ntype PopoverContextValue = { props: any; ref: React.Ref<HTMLElement>; anchorRef: React.RefObject<HTMLElement | null> };\n\nconst PopoverContext = React.createContext<PopoverContextValue>({\n    anchorRef: { current: null },\n    props: {},\n    ref: null,\n});\n\nexport type PopoverAnchorProps = React.HTMLAttributes<HTMLElement> & {\n    children: React.ReactElement;\n};\nconst Anchor = React.forwardRef(function PopoverAnchor(props: PopoverAnchorProps, forwardedRef: React.Ref<HTMLDivElement>) {\n    const context = React.useContext(PopoverContext);\n\n    const ref = mergeRefs([context.anchorRef, forwardedRef]);\n\n    const { children, ...restProps } = props;\n\n    return <PopoverPrimitive.Trigger {...restProps} ref={ref} render={children} />;\n});\n\nexport type PopoverTriggerProps = React.HTMLAttributes<HTMLElement> & {\n    children: React.ReactElement;\n    /**\n     * Whether the trigger renders a native `<button>` element.\n     * Set to `false` if the trigger child is not a button (e.g. `<input>`, `<div>`, '<span>', etc.).\n     * @default true\n     */\n    nativeButton?: boolean;\n};\nconst Trigger = React.forwardRef(function PopoverTrigger(props: PopoverTriggerProps, externalRef: React.Ref<HTMLElement>) {\n    const { ref: parentRef, props: parentProps } = React.useContext(PopoverContext);\n    const refCallback = mergeRefs([parentRef, externalRef]);\n\n    let { children, nativeButton, ...restProps } = props;\n\n    if (React.isValidElement(props.children) && typeof props.children?.type === 'function') {\n        // oxlint-disable-next-line no-console\n        console.warn(\n            `Popover.Trigger requires its child to forwardRef so that it can attach to the dom element. Did you mean to wrap '${props.children.type.name}' in React.forwardRef()? Taco has wrapped '${props.children.type.name}' in a 'span' to maintain functionality, but this may cause unintended behaviour`\n        );\n        children = <span>{props.children}</span>;\n    }\n\n    return (\n        <PopoverPrimitive.Trigger\n            {...parentProps}\n            {...restProps}\n            nativeButton={nativeButton}\n            ref={refCallback}\n            render={children}\n        />\n    );\n});\n\nconst RenderPropWrapper = React.forwardRef(function RenderPropWrapper({ children, onClick }: any, ref) {\n    const close = () => {\n        onClick(new CustomEvent('hide'));\n    };\n\n    return children({ close, ref });\n});\n\nexport type PopoverContentRenderProps = { close: () => void };\n\nexport type PopoverContentProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {\n    children: React.ReactNode | ((props: PopoverContentRenderProps) => React.ReactNode);\n    container?: HTMLElement | null;\n    finalFocus?: PopoverPrimitive.Popup.Props['finalFocus'];\n    initialFocus?: PopoverPrimitive.Popup.Props['initialFocus'];\n    /** Set the position of the Popover relative to its trigger. Default value is `bottom` */\n    placement?: Placement;\n};\nconst Content = React.forwardRef(function PopoverContent(props: PopoverContentProps, ref: React.Ref<HTMLDivElement>) {\n    const { placement: side, container, ...popoverContentProps } = props;\n\n    const context = React.useContext(PopoverContext);\n\n    const className = cn(getPopoverStyleClassnames(), props.className);\n\n    let output;\n\n    if (typeof props.children === 'function') {\n        output = <PopoverPrimitive.Close render={<RenderPropWrapper>{props.children}</RenderPropWrapper>} />;\n    } else {\n        output = props.children;\n    }\n\n    return (\n        <PopoverPrimitive.Portal container={container}>\n            <PopoverPrimitive.Positioner side={side} sideOffset={8} anchor={context.anchorRef}>\n                <PopoverPrimitive.Popup {...popoverContentProps} className={className} data-taco=\"popover\" ref={ref}>\n                    <UnstyledArrow />\n                    {output}\n                </PopoverPrimitive.Popup>\n            </PopoverPrimitive.Positioner>\n        </PopoverPrimitive.Portal>\n    );\n});\n\nexport type PopoverCloseProps = React.HTMLAttributes<HTMLButtonElement> & {\n    children: React.ReactElement;\n};\nconst Close = React.forwardRef((props: PopoverCloseProps, ref: React.Ref<HTMLButtonElement>): React.JSX.Element => {\n    const { children, ...restProps } = props;\n    return <PopoverPrimitive.Close {...restProps} ref={ref} render={children} />;\n});\n\nexport type PopoverProps = React.PropsWithChildren<{\n    anchor?: React.JSX.Element;\n    modal?: boolean | 'trap-focus';\n    /** A trigger to be used for the popover, should not be set if `children` already contains a trigger */\n    trigger?: React.JSX.Element;\n    /** Set whether the popover is open by default or not, use when not providing a trigger  */\n    defaultOpen?: boolean;\n    /** Control the open state of the popover from outside the component  */\n    open?: boolean;\n    /** Called when the popover opens or closes, must be used in conjunction with open  */\n    onChange?: (open: boolean) => void;\n}>;\nexport type ForwardedPopoverWithStatics = React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLElement>> & {\n    Anchor: React.ForwardRefExoticComponent<PopoverAnchorProps>;\n    Trigger: React.ForwardRefExoticComponent<PopoverTriggerProps>;\n    Content: React.ForwardRefExoticComponent<PopoverContentProps>;\n    Close: React.ForwardRefExoticComponent<PopoverCloseProps>;\n};\n\nexport const Popover = React.forwardRef<HTMLElement, PopoverProps>(function Popover(props, ref) {\n    const { anchor, children, defaultOpen, modal = 'trap-focus', open, onChange, trigger, ...otherProps } = props;\n\n    const anchorRef = React.useRef(null);\n\n    const handleOpenChange = (open: boolean, eventDetails: PopoverPrimitive.Root.ChangeEventDetails) => {\n        if (eventDetails.reason === 'escape-key') {\n            const triggeredFromRadixPortal = (eventDetails.event.target as HTMLElement)?.closest(\n                'div[data-radix-popper-content-wrapper]'\n            );\n\n            if (triggeredFromRadixPortal) {\n                // TODO: This could be removed when all radix overlays are replaced with base UI components, but currently it propagates through and closes the dialog.\n\n                // cancel closing the dialog\n                eventDetails.cancel();\n                // propagate to allow the radix overlay to close\n                eventDetails.allowPropagation();\n                return;\n            }\n        }\n\n        onChange?.(open);\n    };\n\n    return (\n        <PopoverContext.Provider value={{ anchorRef, props: otherProps, ref }}>\n            <PopoverPrimitive.Root defaultOpen={defaultOpen} modal={modal} open={open} onOpenChange={handleOpenChange}>\n                {anchor ? <Anchor>{anchor}</Anchor> : null}\n                {trigger && !anchor ? <Trigger>{trigger}</Trigger> : null}\n                {children}\n            </PopoverPrimitive.Root>\n        </PopoverContext.Provider>\n    );\n}) as ForwardedPopoverWithStatics;\nPopover.Anchor = Anchor;\nPopover.Trigger = Trigger;\nPopover.Content = Content;\nPopover.Close = Close;\n"],"names":["React","mergeRefs","PopoverPrimitive","RenderPropWrapper","getPopoverStyleClassnames","UnstyledArrow","Popover","open"],"mappings":"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"}
+{"version":3,"file":"Popover.cjs","sources":["../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import { Popover as PopoverPrimitive } from '@base-ui/react';\nimport cn from 'clsx';\nimport * as React from 'react';\n\nimport type { Placement } from '@/types';\nimport { mergeRefs } from '@/utils/mergeRefs';\n\nimport { UnstyledArrow } from './Primitives';\nimport { getPopoverStyleClassnames } from './util';\n\ntype PopoverContextValue = { props: any; ref: React.Ref<HTMLElement>; anchorRef: React.RefObject<HTMLElement | null> };\n\nconst PopoverContext = React.createContext<PopoverContextValue>({\n    anchorRef: { current: null },\n    props: {},\n    ref: null,\n});\n\nexport type PopoverAnchorProps = React.HTMLAttributes<HTMLElement> & {\n    children: React.ReactElement;\n};\nconst Anchor = React.forwardRef(function PopoverAnchor(props: PopoverAnchorProps, forwardedRef: React.Ref<HTMLDivElement>) {\n    const context = React.useContext(PopoverContext);\n\n    const ref = mergeRefs([context.anchorRef, forwardedRef]);\n\n    const { children, ...restProps } = props;\n\n    return <PopoverPrimitive.Trigger {...restProps} ref={ref} render={children} />;\n});\n\nexport type PopoverTriggerProps = React.HTMLAttributes<HTMLElement> & {\n    children: React.ReactElement;\n    /**\n     * Whether the trigger renders a native `<button>` element.\n     * Set to `false` if the trigger child is not a button (e.g. `<input>`, `<div>`, '<span>', etc.).\n     * @default true\n     */\n    nativeButton?: boolean;\n};\nconst Trigger = React.forwardRef(function PopoverTrigger(props: PopoverTriggerProps, externalRef: React.Ref<HTMLElement>) {\n    const { ref: parentRef, props: parentProps } = React.useContext(PopoverContext);\n    const refCallback = mergeRefs([parentRef, externalRef]);\n\n    let { children, nativeButton, ...restProps } = props;\n\n    if (React.isValidElement(props.children) && typeof props.children?.type === 'function') {\n        // oxlint-disable-next-line no-console\n        console.warn(\n            `Popover.Trigger requires its child to forwardRef so that it can attach to the dom element. Did you mean to wrap '${props.children.type.name}' in React.forwardRef()? Taco has wrapped '${props.children.type.name}' in a 'span' to maintain functionality, but this may cause unintended behaviour`\n        );\n        children = <span>{props.children}</span>;\n    }\n\n    return (\n        <PopoverPrimitive.Trigger\n            {...parentProps}\n            {...restProps}\n            nativeButton={nativeButton}\n            ref={refCallback}\n            render={children}\n        />\n    );\n});\n\nconst RenderPropWrapper = React.forwardRef(function RenderPropWrapper({ children, onClick }: any, ref) {\n    const close = () => {\n        onClick(new CustomEvent('hide'));\n    };\n\n    return children({ close, ref });\n});\n\nexport type PopoverContentRenderProps = { close: () => void };\n\nexport type PopoverContentProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {\n    children: React.ReactNode | ((props: PopoverContentRenderProps) => React.ReactNode);\n    container?: HTMLElement | null;\n    finalFocus?: PopoverPrimitive.Popup.Props['finalFocus'];\n    initialFocus?: PopoverPrimitive.Popup.Props['initialFocus'];\n    /** Set the position of the Popover relative to its trigger. Default value is `bottom` */\n    placement?: Placement;\n};\nconst Content = React.forwardRef(function PopoverContent(props: PopoverContentProps, ref: React.Ref<HTMLDivElement>) {\n    const { placement: side, container, ...popoverContentProps } = props;\n\n    const context = React.useContext(PopoverContext);\n\n    const className = cn(getPopoverStyleClassnames(), props.className);\n\n    let output;\n\n    if (typeof props.children === 'function') {\n        output = <PopoverPrimitive.Close render={<RenderPropWrapper>{props.children}</RenderPropWrapper>} />;\n    } else {\n        output = props.children;\n    }\n\n    return (\n        <PopoverPrimitive.Portal container={container}>\n            <PopoverPrimitive.Positioner side={side} sideOffset={8} anchor={context.anchorRef}>\n                <PopoverPrimitive.Popup {...popoverContentProps} className={className} data-taco=\"popover\" ref={ref}>\n                    <UnstyledArrow />\n                    {output}\n                </PopoverPrimitive.Popup>\n            </PopoverPrimitive.Positioner>\n        </PopoverPrimitive.Portal>\n    );\n});\n\nexport type PopoverCloseProps = React.HTMLAttributes<HTMLButtonElement> & {\n    children: React.ReactElement;\n};\nconst Close = React.forwardRef((props: PopoverCloseProps, ref: React.Ref<HTMLButtonElement>): React.JSX.Element => {\n    const { children, ...restProps } = props;\n    return <PopoverPrimitive.Close {...restProps} ref={ref} render={children} />;\n});\n\nexport type PopoverProps = React.PropsWithChildren<{\n    anchor?: React.JSX.Element;\n    modal?: boolean | 'trap-focus';\n    /** A trigger to be used for the popover, should not be set if `children` already contains a trigger */\n    trigger?: React.JSX.Element;\n    /** Set whether the popover is open by default or not, use when not providing a trigger  */\n    defaultOpen?: boolean;\n    /** Control the open state of the popover from outside the component  */\n    open?: boolean;\n    /** Called when the popover opens or closes, must be used in conjunction with open  */\n    onChange?: (open: boolean) => void;\n}>;\nexport type ForwardedPopoverWithStatics = React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLElement>> & {\n    Anchor: React.ForwardRefExoticComponent<PopoverAnchorProps>;\n    Trigger: React.ForwardRefExoticComponent<PopoverTriggerProps>;\n    Content: React.ForwardRefExoticComponent<PopoverContentProps>;\n    Close: React.ForwardRefExoticComponent<PopoverCloseProps>;\n};\n\nexport const Popover = React.forwardRef<HTMLElement, PopoverProps>(function Popover(props, ref) {\n    const { anchor, children, defaultOpen, modal = 'trap-focus', open, onChange, trigger, ...otherProps } = props;\n\n    const anchorRef = React.useRef(null);\n\n    const handleOpenChange = (open: boolean, eventDetails: PopoverPrimitive.Root.ChangeEventDetails) => {\n        if (eventDetails.reason === 'escape-key') {\n            const triggeredFromRadixPortal = (eventDetails.event.target as HTMLElement)?.closest(\n                'div[data-radix-popper-content-wrapper]'\n            );\n\n            if (triggeredFromRadixPortal) {\n                // TODO: This could be removed when all radix overlays are replaced with base UI components, but currently it propagates through and closes the dialog.\n\n                // cancel closing the dialog\n                eventDetails.cancel();\n                // propagate to allow the radix overlay to close\n                eventDetails.allowPropagation();\n                return;\n            }\n        }\n\n        onChange?.(open);\n    };\n\n    return (\n        <PopoverContext.Provider value={{ anchorRef, props: otherProps, ref }}>\n            <PopoverPrimitive.Root defaultOpen={defaultOpen} modal={modal} open={open} onOpenChange={handleOpenChange}>\n                {anchor ? <Anchor>{anchor}</Anchor> : null}\n                {trigger && !anchor ? <Trigger>{trigger}</Trigger> : null}\n                {children}\n            </PopoverPrimitive.Root>\n        </PopoverContext.Provider>\n    );\n}) as ForwardedPopoverWithStatics;\nPopover.Anchor = Anchor;\nPopover.Trigger = Trigger;\nPopover.Content = Content;\nPopover.Close = Close;\n"],"names":["React","mergeRefs","PopoverPrimitive","RenderPropWrapper","getPopoverStyleClassnames","UnstyledArrow","Popover","open"],"mappings":"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"}

package/dist/components/Popover/Popover.d.ts

@@ -1,5 +1,5 @@
 import { Popover as PopoverPrimitive } from '@base-ui/react';
-import { Placement } from '../..';
+import { Placement } from '../../types';
 import * as React from 'react';
 export type PopoverAnchorProps = React.HTMLAttributes<HTMLElement> & {
     children: React.ReactElement;

package/dist/components/Popover/Popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","sources":["../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import { Popover as PopoverPrimitive } from '@base-ui/react';\nimport cn from 'clsx';\nimport * as React from 'react';\n\nimport type { Placement } from '../..';\nimport { mergeRefs } from '../../utils/mergeRefs';\n\nimport { UnstyledArrow } from './Primitives';\nimport { getPopoverStyleClassnames } from './util';\n\ntype PopoverContextValue = { props: any; ref: React.Ref<HTMLElement>; anchorRef: React.RefObject<HTMLElement | null> };\n\nconst PopoverContext = React.createContext<PopoverContextValue>({\n    anchorRef: { current: null },\n    props: {},\n    ref: null,\n});\n\nexport type PopoverAnchorProps = React.HTMLAttributes<HTMLElement> & {\n    children: React.ReactElement;\n};\nconst Anchor = React.forwardRef(function PopoverAnchor(props: PopoverAnchorProps, forwardedRef: React.Ref<HTMLDivElement>) {\n    const context = React.useContext(PopoverContext);\n\n    const ref = mergeRefs([context.anchorRef, forwardedRef]);\n\n    const { children, ...restProps } = props;\n\n    return <PopoverPrimitive.Trigger {...restProps} ref={ref} render={children} />;\n});\n\nexport type PopoverTriggerProps = React.HTMLAttributes<HTMLElement> & {\n    children: React.ReactElement;\n    /**\n     * Whether the trigger renders a native `<button>` element.\n     * Set to `false` if the trigger child is not a button (e.g. `<input>`, `<div>`, '<span>', etc.).\n     * @default true\n     */\n    nativeButton?: boolean;\n};\nconst Trigger = React.forwardRef(function PopoverTrigger(props: PopoverTriggerProps, externalRef: React.Ref<HTMLElement>) {\n    const { ref: parentRef, props: parentProps } = React.useContext(PopoverContext);\n    const refCallback = mergeRefs([parentRef, externalRef]);\n\n    let { children, nativeButton, ...restProps } = props;\n\n    if (React.isValidElement(props.children) && typeof props.children?.type === 'function') {\n        // oxlint-disable-next-line no-console\n        console.warn(\n            `Popover.Trigger requires its child to forwardRef so that it can attach to the dom element. Did you mean to wrap '${props.children.type.name}' in React.forwardRef()? Taco has wrapped '${props.children.type.name}' in a 'span' to maintain functionality, but this may cause unintended behaviour`\n        );\n        children = <span>{props.children}</span>;\n    }\n\n    return (\n        <PopoverPrimitive.Trigger\n            {...parentProps}\n            {...restProps}\n            nativeButton={nativeButton}\n            ref={refCallback}\n            render={children}\n        />\n    );\n});\n\nconst RenderPropWrapper = React.forwardRef(function RenderPropWrapper({ children, onClick }: any, ref) {\n    const close = () => {\n        onClick(new CustomEvent('hide'));\n    };\n\n    return children({ close, ref });\n});\n\nexport type PopoverContentRenderProps = { close: () => void };\n\nexport type PopoverContentProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {\n    children: React.ReactNode | ((props: PopoverContentRenderProps) => React.ReactNode);\n    container?: HTMLElement | null;\n    finalFocus?: PopoverPrimitive.Popup.Props['finalFocus'];\n    initialFocus?: PopoverPrimitive.Popup.Props['initialFocus'];\n    /** Set the position of the Popover relative to its trigger. Default value is `bottom` */\n    placement?: Placement;\n};\nconst Content = React.forwardRef(function PopoverContent(props: PopoverContentProps, ref: React.Ref<HTMLDivElement>) {\n    const { placement: side, container, ...popoverContentProps } = props;\n\n    const context = React.useContext(PopoverContext);\n\n    const className = cn(getPopoverStyleClassnames(), props.className);\n\n    let output;\n\n    if (typeof props.children === 'function') {\n        output = <PopoverPrimitive.Close render={<RenderPropWrapper>{props.children}</RenderPropWrapper>} />;\n    } else {\n        output = props.children;\n    }\n\n    return (\n        <PopoverPrimitive.Portal container={container}>\n            <PopoverPrimitive.Positioner side={side} sideOffset={8} anchor={context.anchorRef}>\n                <PopoverPrimitive.Popup {...popoverContentProps} className={className} data-taco=\"popover\" ref={ref}>\n                    <UnstyledArrow />\n                    {output}\n                </PopoverPrimitive.Popup>\n            </PopoverPrimitive.Positioner>\n        </PopoverPrimitive.Portal>\n    );\n});\n\nexport type PopoverCloseProps = React.HTMLAttributes<HTMLButtonElement> & {\n    children: React.ReactElement;\n};\nconst Close = React.forwardRef((props: PopoverCloseProps, ref: React.Ref<HTMLButtonElement>): React.JSX.Element => {\n    const { children, ...restProps } = props;\n    return <PopoverPrimitive.Close {...restProps} ref={ref} render={children} />;\n});\n\nexport type PopoverProps = React.PropsWithChildren<{\n    anchor?: React.JSX.Element;\n    modal?: boolean | 'trap-focus';\n    /** A trigger to be used for the popover, should not be set if `children` already contains a trigger */\n    trigger?: React.JSX.Element;\n    /** Set whether the popover is open by default or not, use when not providing a trigger  */\n    defaultOpen?: boolean;\n    /** Control the open state of the popover from outside the component  */\n    open?: boolean;\n    /** Called when the popover opens or closes, must be used in conjunction with open  */\n    onChange?: (open: boolean) => void;\n}>;\nexport type ForwardedPopoverWithStatics = React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLElement>> & {\n    Anchor: React.ForwardRefExoticComponent<PopoverAnchorProps>;\n    Trigger: React.ForwardRefExoticComponent<PopoverTriggerProps>;\n    Content: React.ForwardRefExoticComponent<PopoverContentProps>;\n    Close: React.ForwardRefExoticComponent<PopoverCloseProps>;\n};\n\nexport const Popover = React.forwardRef<HTMLElement, PopoverProps>(function Popover(props, ref) {\n    const { anchor, children, defaultOpen, modal = 'trap-focus', open, onChange, trigger, ...otherProps } = props;\n\n    const anchorRef = React.useRef(null);\n\n    const handleOpenChange = (open: boolean, eventDetails: PopoverPrimitive.Root.ChangeEventDetails) => {\n        if (eventDetails.reason === 'escape-key') {\n            const triggeredFromRadixPortal = (eventDetails.event.target as HTMLElement)?.closest(\n                'div[data-radix-popper-content-wrapper]'\n            );\n\n            if (triggeredFromRadixPortal) {\n                // TODO: This could be removed when all radix overlays are replaced with base UI components, but currently it propagates through and closes the dialog.\n\n                // cancel closing the dialog\n                eventDetails.cancel();\n                // propagate to allow the radix overlay to close\n                eventDetails.allowPropagation();\n                return;\n            }\n        }\n\n        onChange?.(open);\n    };\n\n    return (\n        <PopoverContext.Provider value={{ anchorRef, props: otherProps, ref }}>\n            <PopoverPrimitive.Root defaultOpen={defaultOpen} modal={modal} open={open} onOpenChange={handleOpenChange}>\n                {anchor ? <Anchor>{anchor}</Anchor> : null}\n                {trigger && !anchor ? <Trigger>{trigger}</Trigger> : null}\n                {children}\n            </PopoverPrimitive.Root>\n        </PopoverContext.Provider>\n    );\n}) as ForwardedPopoverWithStatics;\nPopover.Anchor = Anchor;\nPopover.Trigger = Trigger;\nPopover.Content = Content;\nPopover.Close = Close;\n"],"names":["PopoverPrimitive","RenderPropWrapper","Popover","open"],"mappings":"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"}
+{"version":3,"file":"Popover.js","sources":["../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import { Popover as PopoverPrimitive } from '@base-ui/react';\nimport cn from 'clsx';\nimport * as React from 'react';\n\nimport type { Placement } from '@/types';\nimport { mergeRefs } from '@/utils/mergeRefs';\n\nimport { UnstyledArrow } from './Primitives';\nimport { getPopoverStyleClassnames } from './util';\n\ntype PopoverContextValue = { props: any; ref: React.Ref<HTMLElement>; anchorRef: React.RefObject<HTMLElement | null> };\n\nconst PopoverContext = React.createContext<PopoverContextValue>({\n    anchorRef: { current: null },\n    props: {},\n    ref: null,\n});\n\nexport type PopoverAnchorProps = React.HTMLAttributes<HTMLElement> & {\n    children: React.ReactElement;\n};\nconst Anchor = React.forwardRef(function PopoverAnchor(props: PopoverAnchorProps, forwardedRef: React.Ref<HTMLDivElement>) {\n    const context = React.useContext(PopoverContext);\n\n    const ref = mergeRefs([context.anchorRef, forwardedRef]);\n\n    const { children, ...restProps } = props;\n\n    return <PopoverPrimitive.Trigger {...restProps} ref={ref} render={children} />;\n});\n\nexport type PopoverTriggerProps = React.HTMLAttributes<HTMLElement> & {\n    children: React.ReactElement;\n    /**\n     * Whether the trigger renders a native `<button>` element.\n     * Set to `false` if the trigger child is not a button (e.g. `<input>`, `<div>`, '<span>', etc.).\n     * @default true\n     */\n    nativeButton?: boolean;\n};\nconst Trigger = React.forwardRef(function PopoverTrigger(props: PopoverTriggerProps, externalRef: React.Ref<HTMLElement>) {\n    const { ref: parentRef, props: parentProps } = React.useContext(PopoverContext);\n    const refCallback = mergeRefs([parentRef, externalRef]);\n\n    let { children, nativeButton, ...restProps } = props;\n\n    if (React.isValidElement(props.children) && typeof props.children?.type === 'function') {\n        // oxlint-disable-next-line no-console\n        console.warn(\n            `Popover.Trigger requires its child to forwardRef so that it can attach to the dom element. Did you mean to wrap '${props.children.type.name}' in React.forwardRef()? Taco has wrapped '${props.children.type.name}' in a 'span' to maintain functionality, but this may cause unintended behaviour`\n        );\n        children = <span>{props.children}</span>;\n    }\n\n    return (\n        <PopoverPrimitive.Trigger\n            {...parentProps}\n            {...restProps}\n            nativeButton={nativeButton}\n            ref={refCallback}\n            render={children}\n        />\n    );\n});\n\nconst RenderPropWrapper = React.forwardRef(function RenderPropWrapper({ children, onClick }: any, ref) {\n    const close = () => {\n        onClick(new CustomEvent('hide'));\n    };\n\n    return children({ close, ref });\n});\n\nexport type PopoverContentRenderProps = { close: () => void };\n\nexport type PopoverContentProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {\n    children: React.ReactNode | ((props: PopoverContentRenderProps) => React.ReactNode);\n    container?: HTMLElement | null;\n    finalFocus?: PopoverPrimitive.Popup.Props['finalFocus'];\n    initialFocus?: PopoverPrimitive.Popup.Props['initialFocus'];\n    /** Set the position of the Popover relative to its trigger. Default value is `bottom` */\n    placement?: Placement;\n};\nconst Content = React.forwardRef(function PopoverContent(props: PopoverContentProps, ref: React.Ref<HTMLDivElement>) {\n    const { placement: side, container, ...popoverContentProps } = props;\n\n    const context = React.useContext(PopoverContext);\n\n    const className = cn(getPopoverStyleClassnames(), props.className);\n\n    let output;\n\n    if (typeof props.children === 'function') {\n        output = <PopoverPrimitive.Close render={<RenderPropWrapper>{props.children}</RenderPropWrapper>} />;\n    } else {\n        output = props.children;\n    }\n\n    return (\n        <PopoverPrimitive.Portal container={container}>\n            <PopoverPrimitive.Positioner side={side} sideOffset={8} anchor={context.anchorRef}>\n                <PopoverPrimitive.Popup {...popoverContentProps} className={className} data-taco=\"popover\" ref={ref}>\n                    <UnstyledArrow />\n                    {output}\n                </PopoverPrimitive.Popup>\n            </PopoverPrimitive.Positioner>\n        </PopoverPrimitive.Portal>\n    );\n});\n\nexport type PopoverCloseProps = React.HTMLAttributes<HTMLButtonElement> & {\n    children: React.ReactElement;\n};\nconst Close = React.forwardRef((props: PopoverCloseProps, ref: React.Ref<HTMLButtonElement>): React.JSX.Element => {\n    const { children, ...restProps } = props;\n    return <PopoverPrimitive.Close {...restProps} ref={ref} render={children} />;\n});\n\nexport type PopoverProps = React.PropsWithChildren<{\n    anchor?: React.JSX.Element;\n    modal?: boolean | 'trap-focus';\n    /** A trigger to be used for the popover, should not be set if `children` already contains a trigger */\n    trigger?: React.JSX.Element;\n    /** Set whether the popover is open by default or not, use when not providing a trigger  */\n    defaultOpen?: boolean;\n    /** Control the open state of the popover from outside the component  */\n    open?: boolean;\n    /** Called when the popover opens or closes, must be used in conjunction with open  */\n    onChange?: (open: boolean) => void;\n}>;\nexport type ForwardedPopoverWithStatics = React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLElement>> & {\n    Anchor: React.ForwardRefExoticComponent<PopoverAnchorProps>;\n    Trigger: React.ForwardRefExoticComponent<PopoverTriggerProps>;\n    Content: React.ForwardRefExoticComponent<PopoverContentProps>;\n    Close: React.ForwardRefExoticComponent<PopoverCloseProps>;\n};\n\nexport const Popover = React.forwardRef<HTMLElement, PopoverProps>(function Popover(props, ref) {\n    const { anchor, children, defaultOpen, modal = 'trap-focus', open, onChange, trigger, ...otherProps } = props;\n\n    const anchorRef = React.useRef(null);\n\n    const handleOpenChange = (open: boolean, eventDetails: PopoverPrimitive.Root.ChangeEventDetails) => {\n        if (eventDetails.reason === 'escape-key') {\n            const triggeredFromRadixPortal = (eventDetails.event.target as HTMLElement)?.closest(\n                'div[data-radix-popper-content-wrapper]'\n            );\n\n            if (triggeredFromRadixPortal) {\n                // TODO: This could be removed when all radix overlays are replaced with base UI components, but currently it propagates through and closes the dialog.\n\n                // cancel closing the dialog\n                eventDetails.cancel();\n                // propagate to allow the radix overlay to close\n                eventDetails.allowPropagation();\n                return;\n            }\n        }\n\n        onChange?.(open);\n    };\n\n    return (\n        <PopoverContext.Provider value={{ anchorRef, props: otherProps, ref }}>\n            <PopoverPrimitive.Root defaultOpen={defaultOpen} modal={modal} open={open} onOpenChange={handleOpenChange}>\n                {anchor ? <Anchor>{anchor}</Anchor> : null}\n                {trigger && !anchor ? <Trigger>{trigger}</Trigger> : null}\n                {children}\n            </PopoverPrimitive.Root>\n        </PopoverContext.Provider>\n    );\n}) as ForwardedPopoverWithStatics;\nPopover.Anchor = Anchor;\nPopover.Trigger = Trigger;\nPopover.Content = Content;\nPopover.Close = Close;\n"],"names":["PopoverPrimitive","RenderPropWrapper","Popover","open"],"mappings":"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"}