@economic/taco 1.12.3 → 1.13.1

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

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

package/dist/esm/packages/taco/src/components/Pagination/PageNumbers.js

@@ -0,0 +1,44 @@
+import { createElement, Fragment } from 'react';
+import { Button } from '../Button/Button.js';
+import { useLocalization } from '../Provider/Provider.js';
+
+const createPageRange = (pageCount, pageNumber) => {
+  let lowerLimit = Math.min(pageNumber, pageCount);
+  let upperLimit = Math.min(pageNumber, pageCount);
+  for (let b = 1; b < 5 && b < pageCount;) {
+    if (lowerLimit > 1) {
+      lowerLimit--;
+      b++;
+    }
+    if (b < 5 && upperLimit < pageCount) {
+      upperLimit++;
+      b++;
+    }
+  }
+  const range = [];
+  for (let i = lowerLimit; i <= upperLimit; i++) {
+    range.push(i);
+  }
+  return range;
+};
+const PageNumbers = ({
+  currentPageIndex = 0,
+  onClick: handleClick,
+  pageCount
+}) => {
+  const range = createPageRange(pageCount, currentPageIndex + 1);
+  const {
+    texts
+  } = useLocalization();
+  return /*#__PURE__*/createElement(Fragment, null, range.map(pageNumber => /*#__PURE__*/createElement(Button, {
+    appearance: pageNumber === currentPageIndex + 1 ? 'primary' : 'default',
+    "aria-current": pageNumber === currentPageIndex + 1 ? 'page' : undefined,
+    key: pageNumber,
+    onClick: () => handleClick(pageNumber - 1),
+    "aria-label": texts.pagination.actions.pageX.replace('[X]', String(pageNumber)),
+    tooltip: texts.pagination.actions.pageX.replace('[X]', String(pageNumber))
+  }, pageNumber)));
+};
+
+export { PageNumbers };
+//# sourceMappingURL=PageNumbers.js.map

package/dist/esm/packages/taco/src/components/Pagination/PageNumbers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageNumbers.js","sources":["../../../../../../../src/components/Pagination/PageNumbers.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Button } from '../Button/Button';\nimport { useLocalization } from '../Provider/Provider';\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): JSX.Element => {\n    const range = createPageRange(pageCount, currentPageIndex + 1);\n    const { texts } = useLocalization();\n\n    return (\n        <>\n            {range.map((pageNumber: number) => (\n                <Button\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                </Button>\n            ))}\n        </>\n    );\n};\n"],"names":["createPageRange","pageCount","pageNumber","lowerLimit","Math","min","upperLimit","b","range","i","push","PageNumbers","currentPageIndex","onClick","handleClick","texts","useLocalization","React","map","Button","appearance","undefined","key","pagination","actions","pageX","replace","String","tooltip"],"mappings":";;;;AAUA,MAAMA,eAAe,GAAG,CAACC,SAAiB,EAAEC,UAAkB;EAC1D,IAAIC,UAAU,GAAGC,IAAI,CAACC,GAAG,CAACH,UAAU,EAAED,SAAS,CAAC;EAChD,IAAIK,UAAU,GAAGF,IAAI,CAACC,GAAG,CAACH,UAAU,EAAED,SAAS,CAAC;EAEhD,KAAK,IAAIM,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAG,CAAC,IAAIA,CAAC,GAAGN,SAAS,GAAI;IACtC,IAAIE,UAAU,GAAG,CAAC,EAAE;MAChBA,UAAU,EAAE;MACZI,CAAC,EAAE;;IAEP,IAAIA,CAAC,GAAG,CAAC,IAAID,UAAU,GAAGL,SAAS,EAAE;MACjCK,UAAU,EAAE;MACZC,CAAC,EAAE;;;EAIX,MAAMC,KAAK,GAAa,EAAE;EAE1B,KAAK,IAAIC,CAAC,GAAGN,UAAU,EAAEM,CAAC,IAAIH,UAAU,EAAEG,CAAC,EAAE,EAAE;IAC3CD,KAAK,CAACE,IAAI,CAACD,CAAC,CAAC;;EAGjB,OAAOD,KAAK;AAChB,CAAC;MAEYG,WAAW,GAAG,CAAC;EAAEC,gBAAgB,GAAG,CAAC;EAAEC,OAAO,EAAEC,WAAW;EAAEb;CAA4B;EAClG,MAAMO,KAAK,GAAGR,eAAe,CAACC,SAAS,EAAEW,gBAAgB,GAAG,CAAC,CAAC;EAC9D,MAAM;IAAEG;GAAO,GAAGC,eAAe,EAAE;EAEnC,oBACIC,8BACKT,KAAK,CAACU,GAAG,CAAEhB,UAAkB,iBAC1Be,cAACE,MAAM;IACHC,UAAU,EAAElB,UAAU,KAAKU,gBAAgB,GAAG,CAAC,GAAG,SAAS,GAAG,SAAS;oBACzDV,UAAU,KAAKU,gBAAgB,GAAG,CAAC,GAAG,MAAM,GAAGS,SAAS;IACtEC,GAAG,EAAEpB,UAAU;IACfW,OAAO,EAAE,MAAMC,WAAW,CAACZ,UAAU,GAAG,CAAC,CAAC;kBAC9Ba,KAAK,CAACQ,UAAU,CAACC,OAAO,CAACC,KAAK,CAACC,OAAO,CAAC,KAAK,EAAEC,MAAM,CAACzB,UAAU,CAAC,CAAC;IAC7E0B,OAAO,EAAEb,KAAK,CAACQ,UAAU,CAACC,OAAO,CAACC,KAAK,CAACC,OAAO,CAAC,KAAK,EAAEC,MAAM,CAACzB,UAAU,CAAC;KACxEA,UAAU,CAElB,CAAC,CACH;AAEX;;;;"}

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

@@ -0,0 +1,102 @@
+import { forwardRef, createElement } from 'react';
+import cn from 'classnames';
+import { IconButton } from '../IconButton/IconButton.js';
+import { useLocalization } from '../Provider/Provider.js';
+import { Group } from '../Group/Group.js';
+import { PageNumbers } from './PageNumbers.js';
+import { Select } from '../Select/Select.js';
+import { usePaginationShortcuts } from './usePaginationShortcuts.js';
+export { usePagination } from './usePagination.js';
+
+const getShowingLabel = (length, pageIndex, pageSize, texts) => {
+  const minItemIndex = pageIndex * pageSize + 1;
+  const maxItemIndex = (pageIndex + 1) * pageSize;
+  return texts.pagination.showingXofYofTotal.replace('[X]', length === 0 ? '0' : String(minItemIndex)).replace('[Y]', String(maxItemIndex > length ? length : maxItemIndex)).replace('[total]', String(length));
+};
+const Pagination = /*#__PURE__*/forwardRef(function Pagination(props, ref) {
+  const {
+    length,
+    pageIndex,
+    pageSize,
+    pageSizes = [10, 25, 50, 100, 500],
+    setPageIndex,
+    setPageSize,
+    showPageControls = true,
+    showPageNumbers = true,
+    showPageSize = true,
+    dangerouslyHijackGlobalKeyboardNavigation = false,
+    ...otherProps
+  } = props;
+  const {
+    texts
+  } = useLocalization();
+  const maxPageIndex = Math.ceil(length / pageSize) - 1;
+  const showShortcutTexts = dangerouslyHijackGlobalKeyboardNavigation;
+  usePaginationShortcuts({
+    setPageIndex,
+    maxPageIndex,
+    pageIndex,
+    dangerouslyHijackGlobalKeyboardNavigation
+  });
+  const pageCount = Math.ceil(length / pageSize);
+  const canPreviousPage = pageIndex > 0;
+  const canNextPage = pageIndex < pageCount - 1;
+  const className = cn('inline-flex relative justify-between items-center', props.className);
+  return /*#__PURE__*/createElement("div", Object.assign({}, otherProps, {
+    className: className,
+    "data-taco": "pagination",
+    ref: ref
+  }), showPageSize && /*#__PURE__*/createElement("span", {
+    className: "mr-4"
+  }, getShowingLabel(length, pageIndex, pageSize, texts), /*#__PURE__*/createElement(Select, {
+    "aria-label": texts.pagination.pageSize,
+    className: "ml-4 !w-20",
+    data: pageSizes.map(pageSize => ({
+      text: String(pageSize),
+      value: pageSize
+    })),
+    onChange: event => {
+      setPageIndex(0);
+      setPageSize(Number(event.target.value));
+    },
+    value: pageSize
+  })), showPageControls && /*#__PURE__*/createElement(Group, {
+    as: "nav",
+    "aria-label": texts.pagination.label
+  }, /*#__PURE__*/createElement(IconButton, {
+    appearance: "default",
+    disabled: !canPreviousPage,
+    icon: "arrow-start",
+    onClick: () => setPageIndex(0),
+    "aria-label": showShortcutTexts ? texts.pagination.actions.firstPageWithShortcut : texts.pagination.actions.firstPage,
+    tooltip: showShortcutTexts ? texts.pagination.actions.firstPageWithShortcut : texts.pagination.actions.firstPage
+  }), /*#__PURE__*/createElement(IconButton, {
+    appearance: "default",
+    disabled: !canPreviousPage,
+    icon: "arrow-left",
+    onClick: () => setPageIndex(pageIndex - 1),
+    "aria-label": showShortcutTexts ? texts.pagination.actions.previousPageWithShortcut : texts.pagination.actions.previousPage,
+    tooltip: showShortcutTexts ? texts.pagination.actions.previousPageWithShortcut : texts.pagination.actions.previousPage
+  }), showPageNumbers && pageCount > 0 && /*#__PURE__*/createElement(PageNumbers, {
+    pageCount: pageCount,
+    currentPageIndex: pageIndex,
+    onClick: setPageIndex
+  }), /*#__PURE__*/createElement(IconButton, {
+    appearance: "default",
+    disabled: !canNextPage,
+    icon: "arrow-right",
+    onClick: () => setPageIndex(pageIndex + 1),
+    "aria-label": showShortcutTexts ? texts.pagination.actions.nextPageWithShortcut : texts.pagination.actions.nextPage,
+    tooltip: showShortcutTexts ? texts.pagination.actions.nextPageWithShortcut : texts.pagination.actions.nextPage
+  }), /*#__PURE__*/createElement(IconButton, {
+    appearance: "default",
+    disabled: !canNextPage,
+    icon: "arrow-end",
+    onClick: () => setPageIndex(pageCount - 1),
+    "aria-label": showShortcutTexts ? texts.pagination.actions.lastPageWithShortcut : texts.pagination.actions.lastPage,
+    tooltip: showShortcutTexts ? texts.pagination.actions.lastPageWithShortcut : texts.pagination.actions.lastPage
+  })));
+});
+
+export { Pagination };
+//# sourceMappingURL=Pagination.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.js","sources":["../../../../../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'classnames';\nimport { PageNumbers } from './PageNumbers';\nimport { LocalizationTexts, useLocalization } from '../Provider/Provider';\nimport { Select } from '../Select/Select';\nimport { Group } from '../Group/Group';\nimport { IconButton } from '../IconButton/IconButton';\nimport { 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('inline-flex relative justify-between items-center', props.className);\n\n    return (\n        <div {...otherProps} className={className} data-taco=\"pagination\" ref={ref}>\n            {showPageSize && (\n                <span className=\"mr-4\">\n                    {getShowingLabel(length, pageIndex, pageSize, texts)}\n                    <Select\n                        aria-label={texts.pagination.pageSize}\n                        className=\"ml-4 !w-20\"\n                        data={pageSizes.map(pageSize => ({\n                            text: String(pageSize),\n                            value: pageSize,\n                        }))}\n                        onChange={event => {\n                            setPageIndex(0);\n                            setPageSize(Number(event.target.value));\n                        }}\n                        value={pageSize}\n                    />\n                </span>\n            )}\n            {showPageControls && (\n                <Group as=\"nav\" aria-label={texts.pagination.label}>\n                    <IconButton\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                    <IconButton\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                    <IconButton\n                        appearance=\"default\"\n                        disabled={!canNextPage}\n                        icon=\"arrow-right\"\n                        onClick={() => setPageIndex(pageIndex + 1)}\n                        aria-label={\n                            showShortcutTexts ? texts.pagination.actions.nextPageWithShortcut : texts.pagination.actions.nextPage\n                        }\n                        tooltip={\n                            showShortcutTexts ? texts.pagination.actions.nextPageWithShortcut : texts.pagination.actions.nextPage\n                        }\n                    />\n                    <IconButton\n                        appearance=\"default\"\n                        disabled={!canNextPage}\n                        icon=\"arrow-end\"\n                        onClick={() => setPageIndex(pageCount - 1)}\n                        aria-label={\n                            showShortcutTexts ? texts.pagination.actions.lastPageWithShortcut : texts.pagination.actions.lastPage\n                        }\n                        tooltip={\n                            showShortcutTexts ? texts.pagination.actions.lastPageWithShortcut : texts.pagination.actions.lastPage\n                        }\n                    />\n                </Group>\n            )}\n        </div>\n    );\n});\n"],"names":["getShowingLabel","length","pageIndex","pageSize","texts","minItemIndex","maxItemIndex","pagination","showingXofYofTotal","replace","String","Pagination","React","props","ref","pageSizes","setPageIndex","setPageSize","showPageControls","showPageNumbers","showPageSize","dangerouslyHijackGlobalKeyboardNavigation","otherProps","useLocalization","maxPageIndex","Math","ceil","showShortcutTexts","usePaginationShortcuts","pageCount","canPreviousPage","canNextPage","className","cn","Select","data","map","text","value","onChange","event","Number","target","Group","as","label","IconButton","appearance","disabled","icon","onClick","actions","firstPageWithShortcut","firstPage","tooltip","previousPageWithShortcut","previousPage","PageNumbers","currentPageIndex","nextPageWithShortcut","nextPage","lastPageWithShortcut","lastPage"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Pagination/usePagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePagination.js","sources":["../../../../../../../src/components/Pagination/usePagination.tsx"],"sourcesContent":["import React from 'react';\n\nexport type usePaginationValues = {\n    /** Current page index (zero based) */\n    pageIndex: number;\n    /** Number of items displayed on a page */\n    pageSize: number;\n    /** Handler called when navigating through pages */\n    setPageIndex: (pageIndex: number) => void;\n    /** Handler called when changing the size of the page  */\n    setPageSize: (size: number) => void;\n};\n\nexport const usePagination = (initialPageIndex = 0, initialPageSize = 10): usePaginationValues => {\n    const [pageIndex, setPageIndex] = React.useState(initialPageIndex);\n    const [pageSize, setPageSize] = React.useState(initialPageSize);\n\n    return {\n        pageIndex,\n        pageSize,\n        setPageIndex,\n        setPageSize,\n    };\n};\n"],"names":["usePagination","initialPageIndex","initialPageSize","pageIndex","setPageIndex","React","useState","pageSize","setPageSize"],"mappings":";;MAaaA,aAAa,GAAG,CAACC,gBAAgB,GAAG,CAAC,EAAEC,eAAe,GAAG,EAAE;EACpE,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAACL,gBAAgB,CAAC;EAClE,MAAM,CAACM,QAAQ,EAAEC,WAAW,CAAC,GAAGH,cAAK,CAACC,QAAQ,CAACJ,eAAe,CAAC;EAE/D,OAAO;IACHC,SAAS;IACTI,QAAQ;IACRH,YAAY;IACZI;GACH;AACL;;;;"}

package/dist/esm/packages/taco/src/components/Pagination/usePaginationShortcuts.js

@@ -0,0 +1,44 @@
+import React__default from 'react';
+
+const usePaginationShortcuts = ({
+  setPageIndex,
+  maxPageIndex,
+  pageIndex,
+  dangerouslyHijackGlobalKeyboardNavigation: useGlobalKeyboardNavigation
+}) => {
+  const onKeyDown = event => {
+    if (setPageIndex && event.key === 'Home') {
+      event.preventDefault();
+      setPageIndex(0);
+      return;
+    }
+    if (setPageIndex && event.key === 'End') {
+      event.preventDefault();
+      setPageIndex(maxPageIndex);
+      return;
+    }
+    if (setPageIndex && event.key === 'PageUp') {
+      event.preventDefault();
+      setPageIndex(Math.max(0, pageIndex - 1));
+      return;
+    }
+    if (setPageIndex && event.key === 'PageDown') {
+      event.preventDefault();
+      setPageIndex(Math.min(maxPageIndex, pageIndex + 1));
+      return;
+    }
+  };
+  React__default.useEffect(() => {
+    if (useGlobalKeyboardNavigation) {
+      window.addEventListener('keydown', onKeyDown);
+    }
+    return () => {
+      if (useGlobalKeyboardNavigation) {
+        window.removeEventListener('keydown', onKeyDown);
+      }
+    };
+  }, [onKeyDown, useGlobalKeyboardNavigation]);
+};
+
+export { usePaginationShortcuts };
+//# sourceMappingURL=usePaginationShortcuts.js.map

package/dist/esm/packages/taco/src/components/Pagination/usePaginationShortcuts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePaginationShortcuts.js","sources":["../../../../../../../src/components/Pagination/usePaginationShortcuts.tsx"],"sourcesContent":["import React from 'react';\n\ninterface Props {\n    setPageIndex: (pageIndex: number) => void;\n    maxPageIndex: number;\n    pageIndex: number;\n    dangerouslyHijackGlobalKeyboardNavigation: boolean;\n}\n\nexport const usePaginationShortcuts = ({\n    setPageIndex,\n    maxPageIndex,\n    pageIndex,\n    dangerouslyHijackGlobalKeyboardNavigation: useGlobalKeyboardNavigation,\n}: Props) => {\n    const onKeyDown = (event: KeyboardEvent): void => {\n        if (setPageIndex && event.key === 'Home') {\n            event.preventDefault();\n            setPageIndex(0);\n            return;\n        }\n\n        if (setPageIndex && event.key === 'End') {\n            event.preventDefault();\n            setPageIndex(maxPageIndex);\n            return;\n        }\n\n        if (setPageIndex && event.key === 'PageUp') {\n            event.preventDefault();\n            setPageIndex(Math.max(0, pageIndex - 1));\n            return;\n        }\n\n        if (setPageIndex && event.key === 'PageDown') {\n            event.preventDefault();\n            setPageIndex(Math.min(maxPageIndex, pageIndex + 1));\n            return;\n        }\n    };\n\n    React.useEffect(() => {\n        if (useGlobalKeyboardNavigation) {\n            window.addEventListener('keydown', onKeyDown);\n        }\n\n        return () => {\n            if (useGlobalKeyboardNavigation) {\n                window.removeEventListener('keydown', onKeyDown);\n            }\n        };\n    }, [onKeyDown, useGlobalKeyboardNavigation]);\n};\n"],"names":["usePaginationShortcuts","setPageIndex","maxPageIndex","pageIndex","dangerouslyHijackGlobalKeyboardNavigation","useGlobalKeyboardNavigation","onKeyDown","event","key","preventDefault","Math","max","min","React","useEffect","window","addEventListener","removeEventListener"],"mappings":";;MASaA,sBAAsB,GAAG,CAAC;EACnCC,YAAY;EACZC,YAAY;EACZC,SAAS;EACTC,yCAAyC,EAAEC;CACvC;EACJ,MAAMC,SAAS,GAAIC,KAAoB;IACnC,IAAIN,YAAY,IAAIM,KAAK,CAACC,GAAG,KAAK,MAAM,EAAE;MACtCD,KAAK,CAACE,cAAc,EAAE;MACtBR,YAAY,CAAC,CAAC,CAAC;MACf;;IAGJ,IAAIA,YAAY,IAAIM,KAAK,CAACC,GAAG,KAAK,KAAK,EAAE;MACrCD,KAAK,CAACE,cAAc,EAAE;MACtBR,YAAY,CAACC,YAAY,CAAC;MAC1B;;IAGJ,IAAID,YAAY,IAAIM,KAAK,CAACC,GAAG,KAAK,QAAQ,EAAE;MACxCD,KAAK,CAACE,cAAc,EAAE;MACtBR,YAAY,CAACS,IAAI,CAACC,GAAG,CAAC,CAAC,EAAER,SAAS,GAAG,CAAC,CAAC,CAAC;MACxC;;IAGJ,IAAIF,YAAY,IAAIM,KAAK,CAACC,GAAG,KAAK,UAAU,EAAE;MAC1CD,KAAK,CAACE,cAAc,EAAE;MACtBR,YAAY,CAACS,IAAI,CAACE,GAAG,CAACV,YAAY,EAAEC,SAAS,GAAG,CAAC,CAAC,CAAC;MACnD;;GAEP;EAEDU,cAAK,CAACC,SAAS,CAAC;IACZ,IAAIT,2BAA2B,EAAE;MAC7BU,MAAM,CAACC,gBAAgB,CAAC,SAAS,EAAEV,SAAS,CAAC;;IAGjD,OAAO;MACH,IAAID,2BAA2B,EAAE;QAC7BU,MAAM,CAACE,mBAAmB,CAAC,SAAS,EAAEX,SAAS,CAAC;;KAEvD;GACJ,EAAE,CAACA,SAAS,EAAED,2BAA2B,CAAC,CAAC;AAChD;;;;"}

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

@@ -0,0 +1,89 @@
+import { forwardRef, useMemo, createElement, createContext, useContext, isValidElement } from 'react';
+import { mergeRefs } from '../../utils/mergeRefs.js';
+import cn from 'classnames';
+import { Root, Portal, Trigger as Trigger$1, Content as Content$1, Close as Close$1 } from '@radix-ui/react-popover';
+import { UnstyledArrow } from './Primitives.js';
+import { getPopoverStyleClassnames } from './util.js';
+
+const PopoverContext = /*#__PURE__*/createContext({
+  props: {},
+  ref: null
+});
+const Trigger = /*#__PURE__*/forwardRef(function PopoverAnchor(props, externalRef) {
+  var _props$children;
+  const {
+    ref: parentRef,
+    props: parentProps
+  } = useContext(PopoverContext);
+  const refCallback = mergeRefs([parentRef, externalRef]);
+  let children = props.children;
+  if ( /*#__PURE__*/isValidElement(props.children) && typeof ((_props$children = props.children) === null || _props$children === void 0 ? void 0 : _props$children.type) === 'function') {
+    console.warn(`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`);
+    children = /*#__PURE__*/createElement("span", null, props.children);
+  }
+  return /*#__PURE__*/createElement(Trigger$1, Object.assign({}, parentProps, props, {
+    children: children,
+    ref: refCallback,
+    asChild: true
+  }));
+});
+const RenderPropWrapper = /*#__PURE__*/forwardRef(function RenderPropWrapper({
+  children,
+  onClick
+}, ref) {
+  const close = () => {
+    onClick(new CustomEvent('hide'));
+  };
+  return children({
+    close,
+    ref
+  });
+});
+const Content = /*#__PURE__*/forwardRef(function PopoverContent(props, ref) {
+  const {
+    placement: side
+  } = props;
+  const className = cn(getPopoverStyleClassnames(), props.className);
+  let output;
+  if (typeof props.children === 'function') {
+    output = /*#__PURE__*/createElement(Close$1, {
+      asChild: true
+    }, /*#__PURE__*/createElement(RenderPropWrapper, null, props.children));
+  } else {
+    output = props.children;
+  }
+  return /*#__PURE__*/createElement(Portal, null, /*#__PURE__*/createElement(Content$1, {
+    className: className,
+    "data-taco": "popover",
+    side: side,
+    sideOffset: 1,
+    ref: ref
+  }, output, /*#__PURE__*/createElement(UnstyledArrow, {
+    className: "text-white"
+  })));
+});
+const Close = /*#__PURE__*/forwardRef((props, ref) => /*#__PURE__*/createElement(Close$1, Object.assign({}, props, {
+  ref: ref,
+  asChild: true
+})));
+const Popover = /*#__PURE__*/forwardRef(function Popover(props, ref) {
+  const {
+    children,
+    trigger,
+    ...otherProps
+  } = props;
+  const context = useMemo(() => ({
+    props: otherProps,
+    ref
+  }), [otherProps]);
+  return /*#__PURE__*/createElement(PopoverContext.Provider, {
+    value: context
+  }, /*#__PURE__*/createElement(Root, null, trigger && /*#__PURE__*/createElement(Trigger, null, trigger), children));
+});
+Popover.Trigger = Trigger;
+Popover.Content = Content;
+Popover.Close = Close;
+Popover.Portal = Portal;
+
+export { Popover };
+//# sourceMappingURL=Popover.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","sources":["../../../../../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'classnames';\nimport * as PopoverPrimitive from '@radix-ui/react-popover';\nimport { Placement } from '../..';\nimport { UnstyledArrow } from './Primitives';\nimport { mergeRefs } from '../../utils/mergeRefs';\nimport { getPopoverStyleClassnames } from './util';\n\ntype PopoverContextValue = { props: any; ref: React.Ref<HTMLElement> };\n\nconst PopoverContext = React.createContext<PopoverContextValue>({\n    props: {},\n    ref: null,\n});\n\nexport type PopoverTriggerProps = React.HTMLAttributes<HTMLElement>;\nconst Trigger = React.forwardRef(function PopoverAnchor(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 = props.children;\n\n    if (React.isValidElement(props.children) && typeof props.children?.type === 'function') {\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 <PopoverPrimitive.Trigger {...parentProps} {...props} children={children} ref={refCallback} asChild />;\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 };\nexport type PopoverContentProps = Omit<PopoverPrimitive.PopoverContentProps, 'side'> & {\n    children: React.ReactNode | ((props: PopoverContentRenderProps) => React.ReactNode);\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 } = props;\n    const className = cn(getPopoverStyleClassnames(), props.className);\n\n    let output;\n\n    if (typeof props.children === 'function') {\n        output = (\n            <PopoverPrimitive.Close asChild>\n                <RenderPropWrapper>{props.children}</RenderPropWrapper>\n            </PopoverPrimitive.Close>\n        );\n    } else {\n        output = props.children;\n    }\n\n    return (\n        <PopoverPrimitive.Portal>\n            <PopoverPrimitive.Content className={className} data-taco=\"popover\" side={side} sideOffset={1} ref={ref}>\n                {output}\n                <UnstyledArrow className=\"text-white\" />\n            </PopoverPrimitive.Content>\n        </PopoverPrimitive.Portal>\n    );\n});\n\nexport type PopoverCloseProps = React.HTMLAttributes<HTMLButtonElement>;\nconst Close = React.forwardRef(\n    (props: PopoverCloseProps, ref: React.Ref<HTMLButtonElement>): JSX.Element => (\n        <PopoverPrimitive.Close {...props} ref={ref} asChild />\n    )\n);\n\nexport type PopoverProps = React.PropsWithChildren<{\n    /** A trigger to be used for the popover, should not be set if `children` already contains a trigger */\n    trigger?: JSX.Element;\n}>;\nexport type ForwardedPopoverWithStatics = React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLElement>> & {\n    Trigger: React.ForwardRefExoticComponent<PopoverTriggerProps>;\n    Content: React.ForwardRefExoticComponent<PopoverContentProps>;\n    Close: React.ForwardRefExoticComponent<PopoverCloseProps>;\n    Portal: React.FunctionComponent<PopoverPrimitive.PortalProps>;\n};\n\nexport const Popover = React.forwardRef<HTMLElement, PopoverProps>(function Popover(props, ref) {\n    const { children, trigger, ...otherProps } = props;\n    const context = React.useMemo(() => ({ props: otherProps, ref }), [otherProps]);\n\n    return (\n        <PopoverContext.Provider value={context}>\n            <PopoverPrimitive.Root>\n                {trigger && <Trigger>{trigger}</Trigger>}\n                {children}\n            </PopoverPrimitive.Root>\n        </PopoverContext.Provider>\n    );\n}) as ForwardedPopoverWithStatics;\nPopover.Trigger = Trigger;\nPopover.Content = Content;\nPopover.Close = Close;\nPopover.Portal = PopoverPrimitive.Portal;\n"],"names":["PopoverContext","React","props","ref","Trigger","PopoverAnchor","externalRef","parentRef","parentProps","refCallback","mergeRefs","children","type","console","warn","name","PopoverPrimitive","asChild","RenderPropWrapper","onClick","close","CustomEvent","Content","PopoverContent","placement","side","className","cn","getPopoverStyleClassnames","output","sideOffset","UnstyledArrow","Close","Popover","trigger","otherProps","context","Provider","value","Portal"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Popover/Primitives.js

@@ -0,0 +1,27 @@
+import { forwardRef, createElement } from 'react';
+import { Arrow } from '@radix-ui/react-popover';
+
+const UnstyledArrow = /*#__PURE__*/forwardRef(function PopoverArrow(props, ref) {
+  return /*#__PURE__*/createElement(Arrow, {
+    className: "pointer-events-none -mt-px",
+    asChild: true,
+    offset: 2,
+    width: 30,
+    height: 11
+  }, /*#__PURE__*/createElement("svg", Object.assign({}, props, {
+    ref: ref,
+    viewBox: "0 19 30 11",
+    style: {
+      transform: 'rotateZ(180deg)'
+    }
+  }), /*#__PURE__*/createElement("path", {
+    className: "text-grey-dark group-focus:text-blue-light fill-current",
+    d: "M23.7,27.1L17,19.9C16.5,19.3,15.8,19,15,19s-1.6,0.3-2.1,0.9l-6.6,7.2C5.3,28.1,3.4,29,2,29h26 C26.7,29,24.6,28.1,23.7,27.1z"
+  }), /*#__PURE__*/createElement("path", {
+    className: "fill-current",
+    d: "M23,27.8c1.1,1.2,3.4,2.2,5,2.2h2H0h2c1.7,0,3.9-1,5-2.2l6.6-7.2c0.7-0.8,2-0.8,2.7,0L23,27.8L23,27.8z"
+  })));
+});
+
+export { UnstyledArrow };
+//# sourceMappingURL=Primitives.js.map

package/dist/esm/packages/taco/src/components/Popover/Primitives.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Primitives.js","sources":["../../../../../../../src/components/Popover/Primitives.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as PopoverPrimitive from '@radix-ui/react-popover';\n\nexport const UnstyledArrow = React.forwardRef<SVGSVGElement, React.SVGAttributes<SVGElement>>(function PopoverArrow(props, ref) {\n    return (\n        <PopoverPrimitive.Arrow className=\"pointer-events-none -mt-px\" asChild offset={2} width={30} height={11}>\n            <svg {...props} ref={ref} viewBox=\"0 19 30 11\" style={{ transform: 'rotateZ(180deg)' }}>\n                <path\n                    className=\"text-grey-dark group-focus:text-blue-light fill-current\"\n                    d=\"M23.7,27.1L17,19.9C16.5,19.3,15.8,19,15,19s-1.6,0.3-2.1,0.9l-6.6,7.2C5.3,28.1,3.4,29,2,29h26 C26.7,29,24.6,28.1,23.7,27.1z\"></path>\n                <path\n                    className=\"fill-current\"\n                    d=\"M23,27.8c1.1,1.2,3.4,2.2,5,2.2h2H0h2c1.7,0,3.9-1,5-2.2l6.6-7.2c0.7-0.8,2-0.8,2.7,0L23,27.8L23,27.8z\"></path>\n            </svg>\n        </PopoverPrimitive.Arrow>\n    );\n});\n"],"names":["UnstyledArrow","React","PopoverArrow","props","ref","PopoverPrimitive","className","asChild","offset","width","height","viewBox","style","transform","d"],"mappings":";;;MAGaA,aAAa,gBAAGC,UAAgB,CAAiD,SAASC,YAAY,CAACC,KAAK,EAAEC,GAAG;EAC1H,oBACIH,cAACI,KAAsB;IAACC,SAAS,EAAC,4BAA4B;IAACC,OAAO;IAACC,MAAM,EAAE,CAAC;IAAEC,KAAK,EAAE,EAAE;IAAEC,MAAM,EAAE;kBACjGT,uCAASE,KAAK;IAAEC,GAAG,EAAEA,GAAG;IAAEO,OAAO,EAAC,YAAY;IAACC,KAAK,EAAE;MAAEC,SAAS,EAAE;;mBAC/DZ;IACIK,SAAS,EAAC,yDAAyD;IACnEQ,CAAC,EAAC;IAAoI,eAC1Ib;IACIK,SAAS,EAAC,cAAc;IACxBQ,CAAC,EAAC;IAA6G,CACjH,CACe;AAEjC,CAAC;;;;"}

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

@@ -0,0 +1,4 @@
+const getPopoverStyleClassnames = () => 'bg-white focus:border-blue-light border border-transparent rounded p-3 yt-shadow focus:yt-focus outline-none group';
+
+export { getPopoverStyleClassnames };
+//# sourceMappingURL=util.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"util.js","sources":["../../../../../../../src/components/Popover/util.ts"],"sourcesContent":["export const getPopoverStyleClassnames = () =>\n    'bg-white focus:border-blue-light border border-transparent rounded p-3 yt-shadow focus:yt-focus outline-none group';\n"],"names":["getPopoverStyleClassnames"],"mappings":"MAAaA,yBAAyB,GAAG,MACrC;;;;"}

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

@@ -0,0 +1,30 @@
+import React__default from 'react';
+import cn from 'classnames';
+
+const Progress = ({
+  duration = undefined,
+  ...props
+}) => {
+  let style;
+  if (duration) {
+    style = {
+      animationDuration: `${duration}ms`
+    };
+  }
+  const className = cn('bg-grey-light rounded block h-1 overflow-hidden w-full', props.className);
+  const progressClassName = cn('yt-progress__bar block h-1', {
+    "w-full before:h-1 before:bg-grey-dark before:block before:animate-[progress-indeterminate_2s_cubic-bezier(0.4,0,0.2,1)_infinite] before:content-[' ']": !duration,
+    [`w-0 bg-grey-dark animate-[progress_linear]`]: duration
+  });
+  return /*#__PURE__*/React__default.createElement("span", Object.assign({}, props, {
+    "data-taco": "progress",
+    className: className
+  }), /*#__PURE__*/React__default.createElement("span", {
+    className: progressClassName,
+    "data-taco": "progress-bar",
+    style: style
+  }));
+};
+
+export { Progress };
+//# sourceMappingURL=Progress.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.js","sources":["../../../../../../../src/components/Progress/Progress.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport './Progress.css';\n\nexport type ProgressProps = React.HTMLAttributes<HTMLSpanElement> & {\n    /**\n     * Indicates how long (in milliseconds) a progress bar will take to progress through.\n     * By default, progress bar has no duration\n     */\n    duration?: number;\n};\n\nexport const Progress = ({ duration = undefined, ...props }: ProgressProps): JSX.Element => {\n    let style;\n\n    if (duration) {\n        style = {\n            animationDuration: `${duration}ms`,\n        };\n    }\n\n    const className = cn('bg-grey-light rounded block h-1 overflow-hidden w-full', props.className);\n\n    const progressClassName = cn('yt-progress__bar block h-1', {\n        \"w-full before:h-1 before:bg-grey-dark before:block before:animate-[progress-indeterminate_2s_cubic-bezier(0.4,0,0.2,1)_infinite] before:content-[' ']\":\n            !duration,\n        [`w-0 bg-grey-dark animate-[progress_linear]`]: duration,\n    });\n\n    return (\n        <span {...props} data-taco=\"progress\" className={className}>\n            <span className={progressClassName} data-taco=\"progress-bar\" style={style} />\n        </span>\n    );\n};\n"],"names":["Progress","duration","undefined","props","style","animationDuration","className","cn","progressClassName","React"],"mappings":";;;MAYaA,QAAQ,GAAG,CAAC;EAAEC,QAAQ,GAAGC,SAAS;EAAE,GAAGC;CAAsB;EACtE,IAAIC,KAAK;EAET,IAAIH,QAAQ,EAAE;IACVG,KAAK,GAAG;MACJC,iBAAiB,KAAKJ;KACzB;;EAGL,MAAMK,SAAS,GAAGC,EAAE,CAAC,wDAAwD,EAAEJ,KAAK,CAACG,SAAS,CAAC;EAE/F,MAAME,iBAAiB,GAAGD,EAAE,CAAC,4BAA4B,EAAE;IACvD,uJAAuJ,EACnJ,CAACN,QAAQ;IACb,6CAA6C,GAAGA;GACnD,CAAC;EAEF,oBACIQ,uDAAUN,KAAK;iBAAY,UAAU;IAACG,SAAS,EAAEA;mBAC7CG;IAAMH,SAAS,EAAEE,iBAAiB;iBAAY,cAAc;IAACJ,KAAK,EAAEA;IAAS,CAC1E;AAEf;;;;"}

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

@@ -0,0 +1,117 @@
+import { useMemo, createElement, useContext, createContext } from 'react';
+import { Provider as Provider$1 } from '@radix-ui/react-tooltip';
+import { ToastProvider } from '../Toast/Toaster.js';
+
+const defaultLocalisationTexts = {
+  calendar: {
+    months: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
+    weekdaysShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
+    actions: {
+      previousMonth: 'Previous month',
+      nextMonth: 'Next month',
+      previousYear: 'Previous year',
+      nextYear: 'Next year',
+      today: 'Today'
+    }
+  },
+  combobox: {
+    tooltip: 'Search in list'
+  },
+  datepicker: {
+    calendar: 'Calendar',
+    clear: 'Clear',
+    expand: 'Show calendar',
+    shortcuts: 'Shortcuts'
+  },
+  hanger: {
+    close: 'Close'
+  },
+  listbox: {
+    loading: 'Loading results...',
+    empty: 'No results found',
+    allOption: 'All'
+  },
+  dialog: {
+    close: 'Close',
+    drag: 'Drag'
+  },
+  pagination: {
+    label: 'Pagination',
+    pageSize: 'Items per page',
+    showingXofYofTotal: 'Showing [X] - [Y] of [total]',
+    actions: {
+      firstPage: 'Goto first page',
+      firstPageWithShortcut: 'Goto first page (Home)',
+      previousPage: 'Goto previous page',
+      previousPageWithShortcut: 'Goto previous page (Page Up)',
+      nextPage: 'Goto next page',
+      nextPageWithShortcut: 'Goto next page (Page Down)',
+      lastPage: 'Goto last page',
+      lastPageWithShortcut: 'Goto last page (End)',
+      pageX: 'Goto page [X]'
+    }
+  },
+  table: {
+    actions: 'Other actions',
+    edit: 'Edit (e)',
+    copy: 'Copy (c)',
+    del: 'Delete (del)',
+    newSubRow: 'New row (shift + n)',
+    loading: 'Loading...'
+  },
+  select: {
+    allOptionsSelected: 'All'
+  },
+  select2: {
+    allSelect: 'Select all',
+    allDeselect: 'Deselect all',
+    cancel: 'Cancel',
+    chooseColor: 'Pick a color',
+    create: 'Create',
+    delete: 'Delete',
+    save: 'Save',
+    search: 'Search...',
+    searchOrCreate: 'Search or create...'
+  },
+  toasts: {
+    dismiss: 'Dismiss'
+  },
+  tour: {
+    back: 'Back',
+    close: 'Close',
+    skip: 'Close and complete',
+    last: 'Done',
+    next: 'Next',
+    open: 'Open'
+  },
+  searchInput: {
+    inputLabel: 'Search...'
+  }
+};
+const defaultLocalizationContext = {
+  locale: 'en-GB',
+  texts: defaultLocalisationTexts,
+  formatting: {
+    date: 'dd.mm.yy'
+  }
+};
+const Context = /*#__PURE__*/createContext({
+  localization: defaultLocalizationContext
+});
+const Provider = props => {
+  const {
+    children,
+    localization = defaultLocalizationContext
+  } = props;
+  const value = useMemo(() => ({
+    localization
+  }), [localization]);
+  return /*#__PURE__*/createElement(Context.Provider, {
+    value: value
+  }, /*#__PURE__*/createElement(Provider$1, null, /*#__PURE__*/createElement(ToastProvider, null, children)));
+};
+const useTaco = () => useContext(Context);
+const useLocalization = () => useTaco().localization;
+
+export { Provider, defaultLocalisationTexts, useLocalization, useTaco };
+//# sourceMappingURL=Provider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Provider.js","sources":["../../../../../../../src/components/Provider/Provider.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as Tooltip from '@radix-ui/react-tooltip';\nimport { Locale } from '../../types';\nimport { CalendarTexts } from '../Calendar/Calendar';\nimport { ComboboxTexts } from '../Combobox/Combobox';\nimport { DialogTexts } from '../Dialog/Dialog';\nimport { PaginationTexts } from '../Pagination/Pagination';\nimport { ListboxTexts } from '../Listbox/Listbox';\nimport { ToastsTexts } from '../Toast/Toast';\nimport { DatepickerTexts } from '../Datepicker/Datepicker';\nimport { HangerTexts } from '../Hanger/Hanger';\nimport { SelectTexts } from '../Select/Select';\nimport { TourTexts } from '../Tour/Tour';\nimport { TableTexts } from '../Table/Table';\nimport { SearchInputTexts } from '../SearchInput/SearchInput';\nimport { ToastProvider } from '../Toast/Toaster';\nimport { Select2Texts } from '../Select2/Select2';\n\nexport type LocalizationTexts = {\n    /** Localized texts and aria-labels for [Calendar](component:calendar) component */\n    calendar: CalendarTexts;\n    /** Localized texts and aria-labels for [Combobox](component:combobox) component */\n    combobox: ComboboxTexts;\n    /** Localized texts and aria-labels for [DatePicker](component:datepicker) component */\n    datepicker: DatepickerTexts;\n    /** Localized texts and aria-labels for [Hanger](component:hanger) component */\n    hanger: HangerTexts;\n    /** Localized texts and aria-labels for [Listbox](component:listbox) component */\n    listbox: ListboxTexts;\n    /** Localized texts and aria-labels for [Dialog](component:dialog) component */\n    dialog: DialogTexts;\n    /** Localized texts and aria-labels for [Pagination](component:pagination) component */\n    pagination: PaginationTexts;\n    /** Localized texts and aria-labels for [Table](component:table) component */\n    table: TableTexts;\n    /** Localized texts and aria-labels for [Select](component:select) component */\n    select: SelectTexts;\n    /** Localized texts and aria-labels for [Select2](component:select2) component */\n    select2: Select2Texts;\n    /** Localized texts and aria-labels for [Toast](component:toast) component */\n    toasts: ToastsTexts;\n    /** Localized texts and aria-labels for [Tour](component:tour) component */\n    tour: TourTexts;\n    /** Localized texts and aria-labels for [SearchInput](component:searchinput) component */\n    searchInput: SearchInputTexts;\n};\n\nexport type Localization = {\n    /**\n     * Provide the language code used in application.\n     * Default value is `en-GB`\n     */\n    locale: Locale;\n    /** Provide the texts and aria-labels for components used within the provider */\n    texts: LocalizationTexts;\n    /** Provide the formatting */\n    formatting: {\n        /** Default value is `dd.mm.yy` */\n        date: string;\n    };\n};\nexport type Taco = {\n    /** Define localized texts and formatted data in your application */\n    localization: Localization;\n};\n\nexport const defaultLocalisationTexts = {\n    calendar: {\n        months: [\n            'January',\n            'February',\n            'March',\n            'April',\n            'May',\n            'June',\n            'July',\n            'August',\n            'September',\n            'October',\n            'November',\n            'December',\n        ],\n        weekdaysShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],\n        actions: {\n            previousMonth: 'Previous month',\n            nextMonth: 'Next month',\n            previousYear: 'Previous year',\n            nextYear: 'Next year',\n            today: 'Today',\n        },\n    },\n    combobox: {\n        tooltip: 'Search in list',\n    },\n    datepicker: {\n        calendar: 'Calendar',\n        clear: 'Clear',\n        expand: 'Show calendar',\n        shortcuts: 'Shortcuts',\n    },\n    hanger: {\n        close: 'Close',\n    },\n    listbox: {\n        loading: 'Loading results...',\n        empty: 'No results found',\n        allOption: 'All',\n    },\n    dialog: {\n        close: 'Close',\n        drag: 'Drag',\n    },\n    pagination: {\n        label: 'Pagination',\n        pageSize: 'Items per page',\n        showingXofYofTotal: 'Showing [X] - [Y] of [total]',\n        actions: {\n            firstPage: 'Goto first page',\n            firstPageWithShortcut: 'Goto first page (Home)',\n            previousPage: 'Goto previous page',\n            previousPageWithShortcut: 'Goto previous page (Page Up)',\n            nextPage: 'Goto next page',\n            nextPageWithShortcut: 'Goto next page (Page Down)',\n            lastPage: 'Goto last page',\n            lastPageWithShortcut: 'Goto last page (End)',\n            pageX: 'Goto page [X]',\n        },\n    },\n    table: {\n        actions: 'Other actions',\n        edit: 'Edit (e)',\n        copy: 'Copy (c)',\n        del: 'Delete (del)',\n        newSubRow: 'New row (shift + n)',\n        loading: 'Loading...',\n    },\n    select: {\n        allOptionsSelected: 'All',\n    },\n    select2: {\n        allSelect: 'Select all',\n        allDeselect: 'Deselect all',\n        cancel: 'Cancel',\n        chooseColor: 'Pick a color',\n        create: 'Create',\n        delete: 'Delete',\n        save: 'Save',\n        search: 'Search...',\n        searchOrCreate: 'Search or create...',\n    },\n    toasts: {\n        dismiss: 'Dismiss',\n    },\n    tour: {\n        back: 'Back',\n        close: 'Close',\n        skip: 'Close and complete',\n        last: 'Done',\n        next: 'Next',\n        open: 'Open',\n    },\n    searchInput: {\n        inputLabel: 'Search...',\n    },\n};\n\nconst defaultLocalizationContext: Localization = {\n    locale: 'en-GB',\n    texts: defaultLocalisationTexts,\n    formatting: {\n        date: 'dd.mm.yy',\n    },\n};\n\nconst Context = React.createContext<Taco>({\n    localization: defaultLocalizationContext,\n});\n\nexport type ProviderProps = {\n    /** Content would be your application */\n    children?: any;\n    /** Define localized texts and formatted data in your application */\n    localization?: Localization;\n};\n\nexport const Provider = (props: ProviderProps): JSX.Element => {\n    const { children, localization = defaultLocalizationContext } = props;\n    const value = React.useMemo(() => ({ localization }), [localization]);\n\n    return (\n        <Context.Provider value={value}>\n            <Tooltip.Provider>\n                <ToastProvider>{children}</ToastProvider>\n            </Tooltip.Provider>\n        </Context.Provider>\n    );\n};\n\nexport const useTaco = (): Taco => React.useContext(Context);\nexport const useLocalization = (): Localization => useTaco().localization;\n"],"names":["defaultLocalisationTexts","calendar","months","weekdaysShort","actions","previousMonth","nextMonth","previousYear","nextYear","today","combobox","tooltip","datepicker","clear","expand","shortcuts","hanger","close","listbox","loading","empty","allOption","dialog","drag","pagination","label","pageSize","showingXofYofTotal","firstPage","firstPageWithShortcut","previousPage","previousPageWithShortcut","nextPage","nextPageWithShortcut","lastPage","lastPageWithShortcut","pageX","table","edit","copy","del","newSubRow","select","allOptionsSelected","select2","allSelect","allDeselect","cancel","chooseColor","create","delete","save","search","searchOrCreate","toasts","dismiss","tour","back","skip","last","next","open","searchInput","inputLabel","defaultLocalizationContext","locale","texts","formatting","date","Context","React","localization","Provider","props","children","value","Tooltip","ToastProvider","useTaco","useLocalization"],"mappings":"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"}