@economic/taco 1.9.2 → 1.10.1

package/dist/esm/components/Tour/Tour.js

@@ -35,20 +35,20 @@ const Tooltip = ({
       window.removeEventListener('keydown', onWindowKeyDown);
     };
   }, []);
-  return createElement("div", Object.assign({}, tooltipProps, {
+  return /*#__PURE__*/createElement("div", Object.assign({}, tooltipProps, {
     className: "yt-tour__step w-88 relative rounded bg-white p-4"
-  }), createElement(IconButton, Object.assign({}, skipProps, {
+  }), /*#__PURE__*/createElement(IconButton, Object.assign({}, skipProps, {
     ref: skipButtonRef,
     appearance: "discrete",
     icon: "close",
     title: locale.skip,
     "aria-label": locale.skip,
     className: "absolute top-0 right-0 mt-1 mr-1"
-  })), step.title && createElement("h5", null, step.title), step.content, createElement(Group, {
+  })), step.title && /*#__PURE__*/createElement("h5", null, step.title), step.content, /*#__PURE__*/createElement(Group, {
     className: "mt-4 justify-end"
-  }, index > 0 && createElement(Button, Object.assign({}, backProps, {
+  }, index > 0 && /*#__PURE__*/createElement(Button, Object.assign({}, backProps, {
     appearance: "discrete"
-  }), locale.back), createElement(Button, Object.assign({}, primaryProps, {
+  }), locale.back), /*#__PURE__*/createElement(Button, Object.assign({}, primaryProps, {
     appearance: "primary"
   }), continuous ? isLastStep ? `${locale.last} (${index + 1}/${size})` : `${locale.next} (${index + 1}/${size})` : locale.close)));
 }; // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -110,14 +110,14 @@ const Tour = props => {
     }
   }
 
-  return createElement(Joyride, Object.assign({}, rest, {
+  return /*#__PURE__*/createElement(Joyride, Object.assign({}, rest, {
     run: run,
     steps: steps,
     showProgress: true,
     floaterProps: {
       disableAnimation: true
     },
-    tooltipComponent: tooltipProps => createElement(Tooltip, Object.assign({}, tooltipProps, {
+    tooltipComponent: tooltipProps => /*#__PURE__*/createElement(Tooltip, Object.assign({}, tooltipProps, {
       locale: tour,
       disableTourSkipOnEsc: disableTourSkipOnEsc
     })),

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

@@ -1 +1 @@
-{"version":3,"file":"Tour.js","sources":["../../../../src/components/Tour/Tour.tsx"],"sourcesContent":["import * as React from 'react';\nimport Joyride, { Step, CallBackProps, ACTIONS, LIFECYCLE, Placement, EVENTS, TooltipRenderProps } from 'react-joyride';\n\nimport { Button } from '../Button/Button';\nimport { Group } from '../Group/Group';\nimport { IconButton } from '../IconButton/IconButton';\nimport { useLocalization } from '../Provider/Provider';\n\nexport type TourTexts = {\n    /** Text for back action button */\n    back: string;\n    /**\n     * Text for close button.\n     * This button is displayed if tour is not continuous - replacing the `Next` button.\n     * It will pause the flow of the tour and close the tooltip\n     */\n    close: string;\n    /**\n     * Aria-label and title for close icon button in each step.\n     * This button skips and completes the flow entirely\n     */\n    skip: string;\n    /**\n     * Text for last action button.\n     * This button is displayed when user is on the last step of the tour\n     */\n    last: string;\n    /**\n     * Text for next action button.\n     * This button is displayed if tour has more than one steps and is continuous\n     */\n    next: string;\n    /** Aria label and title for beacon that will open the tour step */\n    open: string;\n};\n\nexport type TourStepProps = {\n    /** Content can be any valid react node, for e.g. a `div` */\n    children: React.ReactNode;\n    /** Define the position of the tour's popup relative to the element is presenting */\n    position?: Placement;\n    /** The css selector of the html element you want to include in a tour */\n    selector: string;\n    /**\n     * Show beacon for step.\n     * A beacon is a styled component which indicates the current element to be presented.\n     * For more informations about how to create a beacon, read [Joyride](https://docs.react-joyride.com) docs\n     */\n    showBeacon?: boolean;\n    /** Text displayed above the children/content of the popup  */\n    title: string;\n};\n\nconst Tooltip = ({\n    continuous,\n    index,\n    isLastStep,\n    step,\n    backProps,\n    primaryProps,\n    skipProps,\n    tooltipProps,\n    size,\n    locale,\n    disableTourSkipOnEsc,\n}: TooltipRenderProps & { locale: TourTexts; disableTourSkipOnEsc?: boolean }) => {\n    const skipButtonRef = React.useRef<HTMLButtonElement>(null);\n\n    React.useEffect(() => {\n        const onWindowKeyDown = (event: KeyboardEvent): void => {\n            if (!disableTourSkipOnEsc) {\n                if (event.key === 'Escape' && skipButtonRef.current !== null) {\n                    event.preventDefault();\n                    skipButtonRef.current.click();\n                    return;\n                }\n            }\n        };\n\n        window.addEventListener('keydown', onWindowKeyDown);\n\n        return () => {\n            window.removeEventListener('keydown', onWindowKeyDown);\n        };\n    }, []);\n\n    return (\n        <div {...tooltipProps} className=\"yt-tour__step w-88 relative rounded bg-white p-4\">\n            <IconButton\n                {...skipProps}\n                ref={skipButtonRef}\n                appearance=\"discrete\"\n                icon=\"close\"\n                title={locale.skip}\n                aria-label={locale.skip}\n                className=\"absolute top-0 right-0 mt-1 mr-1\"\n            />\n            {step.title && <h5>{step.title}</h5>}\n            {step.content}\n            <Group className=\"mt-4 justify-end\">\n                {index > 0 && (\n                    <Button {...backProps} appearance=\"discrete\">\n                        {locale.back}\n                    </Button>\n                )}\n                <Button {...primaryProps} appearance=\"primary\">\n                    {continuous\n                        ? isLastStep\n                            ? `${locale.last} (${index + 1}/${size})`\n                            : `${locale.next} (${index + 1}/${size})`\n                        : locale.close}\n                </Button>\n            </Group>\n        </div>\n    );\n};\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport const TourStep = (_props: TourStepProps): null => null;\n\nexport type TourProps = {\n    /** Controls if [Joyride](https://docs.react-joyride.com) is active */\n    autoStart?: boolean;\n    /** Children should be one or more `Tour.Step` components */\n    children: any;\n    /** Are there more than one steps and should you be able to navigate between them using `Next` and `Previous` buttons */\n    continuous?: boolean;\n    /** Disable closing of tour when click on `Escape` */\n    disableCloseOnEsc?: boolean;\n    /** Don't close the presenting popup of the tour step when clicking outside it */\n    disableOverlayClose?: boolean;\n    /** Allows user to interact with the presented components (mouse and touch events) when the popup is visible */\n    disableScrolling?: boolean;\n    /* When user clicks on the close icon button, which will close the tour and complete the flow */\n    onClose?: (step: TourStepProps) => void;\n    /* When user completes the entire flow */\n    onComplete?: Function;\n    /** When step is ready */\n    onReady?: (step: TourStepProps) => void;\n    /* Allow mouse and touch events through the spotlight */\n    spotlightClicks?: boolean;\n    /* Stops the injection of custom overflow styles on parent container. Can be used to prevent remaining overflow styles after tour is done. */\n    disableScrollParentFix?: boolean;\n    /** The scroll distance from the element scrollTop value. */\n    scrollOffset?: number;\n};\n\nexport const Tour = (props: TourProps) => {\n    const {\n        texts: { tour },\n    } = useLocalization();\n\n    const {\n        autoStart: run,\n        onComplete,\n        onClose,\n        onReady,\n        spotlightClicks,\n        disableCloseOnEsc: disableTourSkipOnEsc,\n        disableScrollParentFix = false,\n        scrollOffset,\n        ...rest\n    } = props;\n\n    const steps = React.useMemo(() => {\n        return React.Children.map(props.children, child => {\n            const step: Step = {\n                disableBeacon: !child.props.showBeacon,\n                target: child.props.selector,\n                placement: child.props.position,\n                title: child.props.title,\n                content: child.props.children,\n            };\n            return step;\n        });\n    }, [props.children]);\n\n    const getStep = React.useCallback(\n        (selector: string | HTMLElement) => props.children.find((child: any) => child.props.selector === selector)?.props,\n        [props.children]\n    );\n\n    function callback(state: CallBackProps) {\n        if (state.action === ACTIONS.SKIP && state.lifecycle === LIFECYCLE.COMPLETE) {\n            if (onClose) {\n                onClose(getStep(state.step.target));\n            }\n        }\n\n        if (state.type === EVENTS.TOUR_END) {\n            if (onComplete) {\n                onComplete();\n            }\n        }\n\n        if (state.lifecycle === LIFECYCLE.READY) {\n            if (onReady) {\n                onReady(getStep(state.step.target));\n            }\n        }\n    }\n\n    return (\n        <Joyride\n            {...rest}\n            run={run}\n            steps={steps}\n            showProgress\n            floaterProps={{\n                disableAnimation: true,\n            }}\n            tooltipComponent={tooltipProps => (\n                <Tooltip {...tooltipProps} locale={tour} disableTourSkipOnEsc={disableTourSkipOnEsc} />\n            )}\n            locale={tour}\n            spotlightPadding={8}\n            spotlightClicks={spotlightClicks}\n            disableScrollParentFix={disableScrollParentFix}\n            callback={callback}\n            scrollOffset={scrollOffset}\n            styles={{\n                /** style beacon */\n                options: {\n                    // tailwind.theme.colors.blue.light\n                    primaryColor: '#6ba4ff',\n                },\n            }}\n            disableCloseOnEsc\n        />\n    );\n};\n\nTour.Step = TourStep;\n"],"names":["Tooltip","continuous","index","isLastStep","step","backProps","primaryProps","skipProps","tooltipProps","size","locale","disableTourSkipOnEsc","skipButtonRef","React","onWindowKeyDown","event","key","current","preventDefault","click","window","addEventListener","removeEventListener","className","IconButton","ref","appearance","icon","title","skip","content","Group","Button","back","last","next","close","TourStep","_props","Tour","props","texts","tour","useLocalization","autoStart","run","onComplete","onClose","onReady","spotlightClicks","disableCloseOnEsc","disableScrollParentFix","scrollOffset","rest","steps","map","children","child","disableBeacon","showBeacon","target","selector","placement","position","getStep","find","callback","state","action","ACTIONS","SKIP","lifecycle","LIFECYCLE","COMPLETE","type","EVENTS","TOUR_END","READY","Joyride","showProgress","floaterProps","disableAnimation","tooltipComponent","spotlightPadding","styles","options","primaryColor","Step"],"mappings":"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"}
+{"version":3,"file":"Tour.js","sources":["../../../../src/components/Tour/Tour.tsx"],"sourcesContent":["import * as React from 'react';\nimport Joyride, { Step, CallBackProps, ACTIONS, LIFECYCLE, Placement, EVENTS, TooltipRenderProps } from 'react-joyride';\n\nimport { Button } from '../Button/Button';\nimport { Group } from '../Group/Group';\nimport { IconButton } from '../IconButton/IconButton';\nimport { useLocalization } from '../Provider/Provider';\n\nexport type TourTexts = {\n    /** Text for back action button */\n    back: string;\n    /**\n     * Text for close button.\n     * This button is displayed if tour is not continuous - replacing the `Next` button.\n     * It will pause the flow of the tour and close the tooltip\n     */\n    close: string;\n    /**\n     * Aria-label and title for close icon button in each step.\n     * This button skips and completes the flow entirely\n     */\n    skip: string;\n    /**\n     * Text for last action button.\n     * This button is displayed when user is on the last step of the tour\n     */\n    last: string;\n    /**\n     * Text for next action button.\n     * This button is displayed if tour has more than one steps and is continuous\n     */\n    next: string;\n    /** Aria label and title for beacon that will open the tour step */\n    open: string;\n};\n\nexport type TourStepProps = {\n    /** Content can be any valid react node, for e.g. a `div` */\n    children: React.ReactNode;\n    /** Define the position of the tour's popup relative to the element is presenting */\n    position?: Placement;\n    /** The css selector of the html element you want to include in a tour */\n    selector: string;\n    /**\n     * Show beacon for step.\n     * A beacon is a styled component which indicates the current element to be presented.\n     * For more informations about how to create a beacon, read [Joyride](https://docs.react-joyride.com) docs\n     */\n    showBeacon?: boolean;\n    /** Text displayed above the children/content of the popup  */\n    title: string;\n};\n\nconst Tooltip = ({\n    continuous,\n    index,\n    isLastStep,\n    step,\n    backProps,\n    primaryProps,\n    skipProps,\n    tooltipProps,\n    size,\n    locale,\n    disableTourSkipOnEsc,\n}: TooltipRenderProps & { locale: TourTexts; disableTourSkipOnEsc?: boolean }) => {\n    const skipButtonRef = React.useRef<HTMLButtonElement>(null);\n\n    React.useEffect(() => {\n        const onWindowKeyDown = (event: KeyboardEvent): void => {\n            if (!disableTourSkipOnEsc) {\n                if (event.key === 'Escape' && skipButtonRef.current !== null) {\n                    event.preventDefault();\n                    skipButtonRef.current.click();\n                    return;\n                }\n            }\n        };\n\n        window.addEventListener('keydown', onWindowKeyDown);\n\n        return () => {\n            window.removeEventListener('keydown', onWindowKeyDown);\n        };\n    }, []);\n\n    return (\n        <div {...tooltipProps} className=\"yt-tour__step w-88 relative rounded bg-white p-4\">\n            <IconButton\n                {...skipProps}\n                ref={skipButtonRef}\n                appearance=\"discrete\"\n                icon=\"close\"\n                title={locale.skip}\n                aria-label={locale.skip}\n                className=\"absolute top-0 right-0 mt-1 mr-1\"\n            />\n            {step.title && <h5>{step.title}</h5>}\n            {step.content}\n            <Group className=\"mt-4 justify-end\">\n                {index > 0 && (\n                    <Button {...backProps} appearance=\"discrete\">\n                        {locale.back}\n                    </Button>\n                )}\n                <Button {...primaryProps} appearance=\"primary\">\n                    {continuous\n                        ? isLastStep\n                            ? `${locale.last} (${index + 1}/${size})`\n                            : `${locale.next} (${index + 1}/${size})`\n                        : locale.close}\n                </Button>\n            </Group>\n        </div>\n    );\n};\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport const TourStep = (_props: TourStepProps): null => null;\n\nexport type TourProps = {\n    /** Controls if [Joyride](https://docs.react-joyride.com) is active */\n    autoStart?: boolean;\n    /** Children should be one or more `Tour.Step` components */\n    children: any;\n    /** Are there more than one steps and should you be able to navigate between them using `Next` and `Previous` buttons */\n    continuous?: boolean;\n    /** Disable closing of tour when click on `Escape` */\n    disableCloseOnEsc?: boolean;\n    /** Don't close the presenting popup of the tour step when clicking outside it */\n    disableOverlayClose?: boolean;\n    /** Allows user to interact with the presented components (mouse and touch events) when the popup is visible */\n    disableScrolling?: boolean;\n    /* When user clicks on the close icon button, which will close the tour and complete the flow */\n    onClose?: (step: TourStepProps) => void;\n    /* When user completes the entire flow */\n    onComplete?: Function;\n    /** When step is ready */\n    onReady?: (step: TourStepProps) => void;\n    /* Allow mouse and touch events through the spotlight */\n    spotlightClicks?: boolean;\n    /* Stops the injection of custom overflow styles on parent container. Can be used to prevent remaining overflow styles after tour is done. */\n    disableScrollParentFix?: boolean;\n    /** The scroll distance from the element scrollTop value. */\n    scrollOffset?: number;\n};\n\nexport const Tour = (props: TourProps) => {\n    const {\n        texts: { tour },\n    } = useLocalization();\n\n    const {\n        autoStart: run,\n        onComplete,\n        onClose,\n        onReady,\n        spotlightClicks,\n        disableCloseOnEsc: disableTourSkipOnEsc,\n        disableScrollParentFix = false,\n        scrollOffset,\n        ...rest\n    } = props;\n\n    const steps = React.useMemo(() => {\n        return React.Children.map(props.children, child => {\n            const step: Step = {\n                disableBeacon: !child.props.showBeacon,\n                target: child.props.selector,\n                placement: child.props.position,\n                title: child.props.title,\n                content: child.props.children,\n            };\n            return step;\n        });\n    }, [props.children]);\n\n    const getStep = React.useCallback(\n        (selector: string | HTMLElement) => props.children.find((child: any) => child.props.selector === selector)?.props,\n        [props.children]\n    );\n\n    function callback(state: CallBackProps) {\n        if (state.action === ACTIONS.SKIP && state.lifecycle === LIFECYCLE.COMPLETE) {\n            if (onClose) {\n                onClose(getStep(state.step.target));\n            }\n        }\n\n        if (state.type === EVENTS.TOUR_END) {\n            if (onComplete) {\n                onComplete();\n            }\n        }\n\n        if (state.lifecycle === LIFECYCLE.READY) {\n            if (onReady) {\n                onReady(getStep(state.step.target));\n            }\n        }\n    }\n\n    return (\n        <Joyride\n            {...rest}\n            run={run}\n            steps={steps}\n            showProgress\n            floaterProps={{\n                disableAnimation: true,\n            }}\n            tooltipComponent={tooltipProps => (\n                <Tooltip {...tooltipProps} locale={tour} disableTourSkipOnEsc={disableTourSkipOnEsc} />\n            )}\n            locale={tour}\n            spotlightPadding={8}\n            spotlightClicks={spotlightClicks}\n            disableScrollParentFix={disableScrollParentFix}\n            callback={callback}\n            scrollOffset={scrollOffset}\n            styles={{\n                /** style beacon */\n                options: {\n                    // tailwind.theme.colors.blue.light\n                    primaryColor: '#6ba4ff',\n                },\n            }}\n            disableCloseOnEsc\n        />\n    );\n};\n\nTour.Step = TourStep;\n"],"names":["Tooltip","continuous","index","isLastStep","step","backProps","primaryProps","skipProps","tooltipProps","size","locale","disableTourSkipOnEsc","skipButtonRef","React","onWindowKeyDown","event","key","current","preventDefault","click","window","addEventListener","removeEventListener","className","IconButton","ref","appearance","icon","title","skip","content","Group","Button","back","last","next","close","TourStep","_props","Tour","props","texts","tour","useLocalization","autoStart","run","onComplete","onClose","onReady","spotlightClicks","disableCloseOnEsc","disableScrollParentFix","scrollOffset","rest","steps","map","children","child","disableBeacon","showBeacon","target","selector","placement","position","getStep","find","callback","state","action","ACTIONS","SKIP","lifecycle","LIFECYCLE","COMPLETE","type","EVENTS","TOUR_END","READY","Joyride","showProgress","floaterProps","disableAnimation","tooltipComponent","spotlightPadding","styles","options","primaryColor","Step"],"mappings":";;;;;;;AAqDA,MAAMA,OAAO,GAAG,CAAC;EACbC,UADa;EAEbC,KAFa;EAGbC,UAHa;EAIbC,IAJa;EAKbC,SALa;EAMbC,YANa;EAObC,SAPa;EAQbC,YARa;EASbC,IATa;EAUbC,MAVa;EAWbC;AAXa,CAAD;EAaZ,MAAMC,aAAa,GAAGC,MAAA,CAAgC,IAAhC,CAAtB;EAEAA,SAAA,CAAgB;IACZ,MAAMC,eAAe,GAAIC,KAAD;MACpB,IAAI,CAACJ,oBAAL,EAA2B;QACvB,IAAII,KAAK,CAACC,GAAN,KAAc,QAAd,IAA0BJ,aAAa,CAACK,OAAd,KAA0B,IAAxD,EAA8D;UAC1DF,KAAK,CAACG,cAAN;UACAN,aAAa,CAACK,OAAd,CAAsBE,KAAtB;UACA;;;KALZ;;IAUAC,MAAM,CAACC,gBAAP,CAAwB,SAAxB,EAAmCP,eAAnC;IAEA,OAAO;MACHM,MAAM,CAACE,mBAAP,CAA2B,SAA3B,EAAsCR,eAAtC;KADJ;GAbJ,EAgBG,EAhBH;EAkBA,oBACID,aAAA,MAAA,oBAASL;IAAce,SAAS,EAAC;IAAjC,eACIV,aAAA,CAACW,UAAD,oBACQjB;IACJkB,GAAG,EAAEb;IACLc,UAAU,EAAC;IACXC,IAAI,EAAC;IACLC,KAAK,EAAElB,MAAM,CAACmB;kBACFnB,MAAM,CAACmB;IACnBN,SAAS,EAAC;IAPd,CADJ,EAUKnB,IAAI,CAACwB,KAAL,iBAAcf,aAAA,KAAA,MAAA,EAAKT,IAAI,CAACwB,KAAV,CAVnB,EAWKxB,IAAI,CAAC0B,OAXV,eAYIjB,aAAA,CAACkB,KAAD;IAAOR,SAAS,EAAC;GAAjB,EACKrB,KAAK,GAAG,CAAR,iBACGW,aAAA,CAACmB,MAAD,oBAAY3B;IAAWqB,UAAU,EAAC;IAAlC,EACKhB,MAAM,CAACuB,IADZ,CAFR,eAMIpB,aAAA,CAACmB,MAAD,oBAAY1B;IAAcoB,UAAU,EAAC;IAArC,EACKzB,UAAU,GACLE,UAAU,MACHO,MAAM,CAACwB,SAAShC,KAAK,GAAG,KAAKO,OAD1B,MAEHC,MAAM,CAACyB,SAASjC,KAAK,GAAG,KAAKO,OAH/B,GAILC,MAAM,CAAC0B,KALjB,CANJ,CAZJ,CADJ;AA6BH,CA9DD;;;MAiEaC,QAAQ,GAAIC,MAAD,IAAiC;MA6B5CC,IAAI,GAAIC,KAAD;EAChB,MAAM;IACFC,KAAK,EAAE;MAAEC;;MACTC,eAAe,EAFnB;EAIA,MAAM;IACFC,SAAS,EAAEC,GADT;IAEFC,UAFE;IAGFC,OAHE;IAIFC,OAJE;IAKFC,eALE;IAMFC,iBAAiB,EAAEvC,oBANjB;IAOFwC,sBAAsB,GAAG,KAPvB;IAQFC,YARE;IASF,GAAGC;MACHb,KAVJ;EAYA,MAAMc,KAAK,GAAGzC,OAAA,CAAc;IACxB,OAAOA,QAAA,CAAe0C,GAAf,CAAmBf,KAAK,CAACgB,QAAzB,EAAmCC,KAAK;MAC3C,MAAMrD,IAAI,GAAS;QACfsD,aAAa,EAAE,CAACD,KAAK,CAACjB,KAAN,CAAYmB,UADb;QAEfC,MAAM,EAAEH,KAAK,CAACjB,KAAN,CAAYqB,QAFL;QAGfC,SAAS,EAAEL,KAAK,CAACjB,KAAN,CAAYuB,QAHR;QAIfnC,KAAK,EAAE6B,KAAK,CAACjB,KAAN,CAAYZ,KAJJ;QAKfE,OAAO,EAAE2B,KAAK,CAACjB,KAAN,CAAYgB;OALzB;MAOA,OAAOpD,IAAP;KARG,CAAP;GADU,EAWX,CAACoC,KAAK,CAACgB,QAAP,CAXW,CAAd;EAaA,MAAMQ,OAAO,GAAGnD,WAAA,CACXgD,QAAD;IAAA;;IAAA,+BAAoCrB,KAAK,CAACgB,QAAN,CAAeS,IAAf,CAAqBR,KAAD,IAAgBA,KAAK,CAACjB,KAAN,CAAYqB,QAAZ,KAAyBA,QAA7D,CAApC,yDAAoC,qBAAwErB,KAA5G;GADY,EAEZ,CAACA,KAAK,CAACgB,QAAP,CAFY,CAAhB;;EAKA,SAASU,QAAT,CAAkBC,KAAlB;IACI,IAAIA,KAAK,CAACC,MAAN,KAAiBC,OAAO,CAACC,IAAzB,IAAiCH,KAAK,CAACI,SAAN,KAAoBC,SAAS,CAACC,QAAnE,EAA6E;MACzE,IAAI1B,OAAJ,EAAa;QACTA,OAAO,CAACiB,OAAO,CAACG,KAAK,CAAC/D,IAAN,CAAWwD,MAAZ,CAAR,CAAP;;;;IAIR,IAAIO,KAAK,CAACO,IAAN,KAAeC,MAAM,CAACC,QAA1B,EAAoC;MAChC,IAAI9B,UAAJ,EAAgB;QACZA,UAAU;;;;IAIlB,IAAIqB,KAAK,CAACI,SAAN,KAAoBC,SAAS,CAACK,KAAlC,EAAyC;MACrC,IAAI7B,OAAJ,EAAa;QACTA,OAAO,CAACgB,OAAO,CAACG,KAAK,CAAC/D,IAAN,CAAWwD,MAAZ,CAAR,CAAP;;;;;EAKZ,oBACI/C,aAAA,CAACiE,OAAD,oBACQzB;IACJR,GAAG,EAAEA;IACLS,KAAK,EAAEA;IACPyB,YAAY;IACZC,YAAY,EAAE;MACVC,gBAAgB,EAAE;;IAEtBC,gBAAgB,EAAE1E,YAAY,iBAC1BK,aAAA,CAACb,OAAD,oBAAaQ;MAAcE,MAAM,EAAEgC;MAAM/B,oBAAoB,EAAEA;MAA/D;IAEJD,MAAM,EAAEgC;IACRyC,gBAAgB,EAAE;IAClBlC,eAAe,EAAEA;IACjBE,sBAAsB,EAAEA;IACxBe,QAAQ,EAAEA;IACVd,YAAY,EAAEA;IACdgC,MAAM,EAAE;;MAEJC,OAAO,EAAE;;QAELC,YAAY,EAAE;;;IAGtBpC,iBAAiB;IAxBrB,CADJ;AA4BH;AAEDX,IAAI,CAACgD,IAAL,GAAYlD,QAAZ;;;;"}

package/dist/esm/components/Treeview/Treeview.js

@@ -2,7 +2,7 @@ import React__default from 'react';
 import cn from 'classnames';
 
 const TreeviewItem = /*#__PURE__*/React__default.forwardRef(function TreeviewItem(props, ref) {
-  return React__default.createElement("a", Object.assign({}, props, {
+  return /*#__PURE__*/React__default.createElement("a", Object.assign({}, props, {
     ref: ref
   }));
 });
@@ -45,23 +45,23 @@ const TreeviewGroup = /*#__PURE__*/React__default.forwardRef(function TreeviewGr
   };
 
   const className = typeof externalClassName === 'function' ? externalClassName(expanded) : externalClassName;
-  return React__default.createElement("div", Object.assign({}, itemProps, {
+  return /*#__PURE__*/React__default.createElement("div", Object.assign({}, itemProps, {
     className: className,
     ref: ref
-  }), React__default.createElement("div", {
+  }), /*#__PURE__*/React__default.createElement("div", {
     onClick: handleClick
-  }, typeof title === 'function' ? title(expanded) : title), React__default.createElement("ul", {
+  }, typeof title === 'function' ? title(expanded) : title), /*#__PURE__*/React__default.createElement("ul", {
     role: "group",
     className: listClassName
-  }, React__default.Children.toArray(children).filter(item => !!item).map((item, i) => React__default.createElement("li", {
+  }, React__default.Children.toArray(children).filter(item => !!item).map((item, i) => /*#__PURE__*/React__default.createElement("li", {
     key: i,
     role: "none"
-  }, React__default.cloneElement(item, {
+  }, /*#__PURE__*/React__default.cloneElement(item, {
     role: 'treeitem'
   })))));
 });
 const Treeview = /*#__PURE__*/React__default.forwardRef(function Treeview(props, ref) {
-  return React__default.createElement("div", Object.assign({}, props, {
+  return /*#__PURE__*/React__default.createElement("div", Object.assign({}, props, {
     ref: ref,
     role: "tree"
   }));

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

@@ -1 +1 @@
-{"version":3,"file":"Treeview.js","sources":["../../../../src/components/Treeview/Treeview.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nexport type TreeviewItemProps = React.LinkHTMLAttributes<HTMLAnchorElement>;\n\nconst TreeviewItem = React.forwardRef(function TreeviewItem(props: TreeviewItemProps, ref: React.Ref<HTMLAnchorElement>) {\n    return <a {...props} ref={ref} />;\n});\n\nexport type TreeviewGroupProps = Omit<React.LinkHTMLAttributes<HTMLDivElement>, 'className' | 'onClick' | 'title'> & {\n    /** Add a classname to the treeview */\n    className?: string | ((expanded: boolean) => string);\n    /**\n     * Set wheter the region is expanded, showing the children, or collapsed.\n     * Default value is `false`\n     */\n    expanded?: boolean;\n    /** Region is expanded at mount and can't be collapsed */\n    fixed?: boolean;\n    /** Handler called when user clicks the title of the group */\n    onClick?: (event: React.MouseEvent<HTMLDivElement>, expanded: boolean) => void;\n    /** Text displayed in the group's header */\n    title: React.ReactNode | ((expanded: boolean) => React.ReactNode);\n};\n\nconst TreeviewGroup = React.forwardRef(function TreeviewGroup(props: TreeviewGroupProps, ref: React.Ref<HTMLDivElement>) {\n    const {\n        children,\n        className: externalClassName,\n        expanded: initialExpanded = false,\n        title,\n        fixed,\n        onClick,\n        ...otherProps\n    } = props;\n    const [expanded, setExpanded] = React.useState(fixed || initialExpanded);\n\n    React.useEffect(() => {\n        if (!fixed) {\n            setExpanded(fixed || initialExpanded);\n        }\n    }, [fixed, initialExpanded]);\n\n    const listClassName = cn('flex-col mb-0', {\n        flex: expanded,\n        hidden: !expanded,\n    });\n\n    const itemProps = {\n        ...otherProps,\n        'aria-expanded': expanded,\n        role: 'treeitem',\n        tabIndex: -1,\n    };\n\n    const handleClick = (event: React.MouseEvent<HTMLDivElement>): void => {\n        const nextState = !expanded;\n\n        if (!fixed) {\n            setExpanded(nextState);\n        }\n\n        if (onClick) {\n            onClick(event, nextState);\n        }\n    };\n\n    const className = typeof externalClassName === 'function' ? externalClassName(expanded) : externalClassName;\n\n    return (\n        <div {...itemProps} className={className} ref={ref}>\n            <div onClick={handleClick}>{typeof title === 'function' ? title(expanded) : title}</div>\n            <ul role=\"group\" className={listClassName}>\n                {React.Children.toArray(children)\n                    .filter(item => !!item)\n                    .map((item, i) => (\n                        <li key={i} role=\"none\">\n                            {React.cloneElement(item as React.ReactElement<any>, { role: 'treeitem' })}\n                        </li>\n                    ))}\n            </ul>\n        </div>\n    );\n});\n\nexport type TreeviewProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport type ForwardedTreeviewWithStatics = React.ForwardRefExoticComponent<\n    TreeviewProps & React.RefAttributes<HTMLDivElement>\n> & {\n    /** Navigable link */\n    Item: React.ForwardRefExoticComponent<TreeviewItemProps & React.RefAttributes<HTMLAnchorElement>>;\n    /** Container for a set of related links, usually expandable */\n    Group: React.ForwardRefExoticComponent<TreeviewGroupProps & React.RefAttributes<HTMLDivElement>>;\n};\n\nexport const Treeview = React.forwardRef(function Treeview(props: TreeviewProps, ref: React.Ref<HTMLDivElement>) {\n    return <div {...props} ref={ref} role=\"tree\" />;\n}) as ForwardedTreeviewWithStatics;\n\nTreeview.Group = TreeviewGroup;\nTreeview.Item = TreeviewItem;\n"],"names":["TreeviewItem","React","forwardRef","props","ref","TreeviewGroup","children","className","externalClassName","expanded","initialExpanded","title","fixed","onClick","otherProps","setExpanded","useState","useEffect","listClassName","cn","flex","hidden","itemProps","role","tabIndex","handleClick","event","nextState","Children","toArray","filter","item","map","i","key","cloneElement","Treeview","Group","Item"],"mappings":";;;AAKA,MAAMA,YAAY,gBAAGC,cAAK,CAACC,UAAN,CAAiB,SAASF,YAAT,CAAsBG,KAAtB,EAAgDC,GAAhD;EAClC,OAAOH,4BAAA,IAAA,oBAAOE;IAAOC,GAAG,EAAEA;IAAnB,CAAP;AACH,CAFoB,CAArB;AAoBA,MAAMC,aAAa,gBAAGJ,cAAK,CAACC,UAAN,CAAiB,SAASG,aAAT,CAAuBF,KAAvB,EAAkDC,GAAlD;EACnC,MAAM;IACFE,QADE;IAEFC,SAAS,EAAEC,iBAFT;IAGFC,QAAQ,EAAEC,eAAe,GAAG,KAH1B;IAIFC,KAJE;IAKFC,KALE;IAMFC,OANE;IAOF,GAAGC;MACHX,KARJ;EASA,MAAM,CAACM,QAAD,EAAWM,WAAX,IAA0Bd,cAAK,CAACe,QAAN,CAAeJ,KAAK,IAAIF,eAAxB,CAAhC;EAEAT,cAAK,CAACgB,SAAN,CAAgB;IACZ,IAAI,CAACL,KAAL,EAAY;MACRG,WAAW,CAACH,KAAK,IAAIF,eAAV,CAAX;;GAFR,EAIG,CAACE,KAAD,EAAQF,eAAR,CAJH;EAMA,MAAMQ,aAAa,GAAGC,EAAE,CAAC,eAAD,EAAkB;IACtCC,IAAI,EAAEX,QADgC;IAEtCY,MAAM,EAAE,CAACZ;GAFW,CAAxB;EAKA,MAAMa,SAAS,GAAG,EACd,GAAGR,UADW;IAEd,iBAAiBL,QAFH;IAGdc,IAAI,EAAE,UAHQ;IAIdC,QAAQ,EAAE,CAAC;GAJf;;EAOA,MAAMC,WAAW,GAAIC,KAAD;IAChB,MAAMC,SAAS,GAAG,CAAClB,QAAnB;;IAEA,IAAI,CAACG,KAAL,EAAY;MACRG,WAAW,CAACY,SAAD,CAAX;;;IAGJ,IAAId,OAAJ,EAAa;MACTA,OAAO,CAACa,KAAD,EAAQC,SAAR,CAAP;;GARR;;EAYA,MAAMpB,SAAS,GAAG,OAAOC,iBAAP,KAA6B,UAA7B,GAA0CA,iBAAiB,CAACC,QAAD,CAA3D,GAAwED,iBAA1F;EAEA,OACIP,4BAAA,MAAA,oBAASqB;IAAWf,SAAS,EAAEA;IAAWH,GAAG,EAAEA;IAA/C,EACIH,4BAAA,MAAA;IAAKY,OAAO,EAAEY;GAAd,EAA4B,OAAOd,KAAP,KAAiB,UAAjB,GAA8BA,KAAK,CAACF,QAAD,CAAnC,GAAgDE,KAA5E,CADJ,EAEIV,4BAAA,KAAA;IAAIsB,IAAI,EAAC;IAAQhB,SAAS,EAAEW;GAA5B,EACKjB,cAAK,CAAC2B,QAAN,CAAeC,OAAf,CAAuBvB,QAAvB,EACIwB,MADJ,CACWC,IAAI,IAAI,CAAC,CAACA,IADrB,EAEIC,GAFJ,CAEQ,CAACD,IAAD,EAAOE,CAAP,KACDhC,4BAAA,KAAA;IAAIiC,GAAG,EAAED;IAAGV,IAAI,EAAC;GAAjB,EACKtB,cAAK,CAACkC,YAAN,CAAmBJ,IAAnB,EAAoD;IAAER,IAAI,EAAE;GAA5D,CADL,CAHP,CADL,CAFJ,CADJ;AAcH,CA1DqB,CAAtB;MAuEaa,QAAQ,gBAAGnC,cAAK,CAACC,UAAN,CAAiB,SAASkC,QAAT,CAAkBjC,KAAlB,EAAwCC,GAAxC;EACrC,OAAOH,4BAAA,MAAA,oBAASE;IAAOC,GAAG,EAAEA;IAAKmB,IAAI,EAAC;IAA/B,CAAP;AACH,CAFuB;AAIxBa,QAAQ,CAACC,KAAT,GAAiBhC,aAAjB;AACA+B,QAAQ,CAACE,IAAT,GAAgBtC,YAAhB;;;;"}
+{"version":3,"file":"Treeview.js","sources":["../../../../src/components/Treeview/Treeview.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nexport type TreeviewItemProps = React.LinkHTMLAttributes<HTMLAnchorElement>;\n\nconst TreeviewItem = React.forwardRef(function TreeviewItem(props: TreeviewItemProps, ref: React.Ref<HTMLAnchorElement>) {\n    return <a {...props} ref={ref} />;\n});\n\nexport type TreeviewGroupProps = Omit<React.LinkHTMLAttributes<HTMLDivElement>, 'className' | 'onClick' | 'title'> & {\n    /** Add a classname to the treeview */\n    className?: string | ((expanded: boolean) => string);\n    /**\n     * Set wheter the region is expanded, showing the children, or collapsed.\n     * Default value is `false`\n     */\n    expanded?: boolean;\n    /** Region is expanded at mount and can't be collapsed */\n    fixed?: boolean;\n    /** Handler called when user clicks the title of the group */\n    onClick?: (event: React.MouseEvent<HTMLDivElement>, expanded: boolean) => void;\n    /** Text displayed in the group's header */\n    title: React.ReactNode | ((expanded: boolean) => React.ReactNode);\n};\n\nconst TreeviewGroup = React.forwardRef(function TreeviewGroup(props: TreeviewGroupProps, ref: React.Ref<HTMLDivElement>) {\n    const {\n        children,\n        className: externalClassName,\n        expanded: initialExpanded = false,\n        title,\n        fixed,\n        onClick,\n        ...otherProps\n    } = props;\n    const [expanded, setExpanded] = React.useState(fixed || initialExpanded);\n\n    React.useEffect(() => {\n        if (!fixed) {\n            setExpanded(fixed || initialExpanded);\n        }\n    }, [fixed, initialExpanded]);\n\n    const listClassName = cn('flex-col mb-0', {\n        flex: expanded,\n        hidden: !expanded,\n    });\n\n    const itemProps = {\n        ...otherProps,\n        'aria-expanded': expanded,\n        role: 'treeitem',\n        tabIndex: -1,\n    };\n\n    const handleClick = (event: React.MouseEvent<HTMLDivElement>): void => {\n        const nextState = !expanded;\n\n        if (!fixed) {\n            setExpanded(nextState);\n        }\n\n        if (onClick) {\n            onClick(event, nextState);\n        }\n    };\n\n    const className = typeof externalClassName === 'function' ? externalClassName(expanded) : externalClassName;\n\n    return (\n        <div {...itemProps} className={className} ref={ref}>\n            <div onClick={handleClick}>{typeof title === 'function' ? title(expanded) : title}</div>\n            <ul role=\"group\" className={listClassName}>\n                {React.Children.toArray(children)\n                    .filter(item => !!item)\n                    .map((item, i) => (\n                        <li key={i} role=\"none\">\n                            {React.cloneElement(item as React.ReactElement<any>, { role: 'treeitem' })}\n                        </li>\n                    ))}\n            </ul>\n        </div>\n    );\n});\n\nexport type TreeviewProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport type ForwardedTreeviewWithStatics = React.ForwardRefExoticComponent<\n    TreeviewProps & React.RefAttributes<HTMLDivElement>\n> & {\n    /** Navigable link */\n    Item: React.ForwardRefExoticComponent<TreeviewItemProps & React.RefAttributes<HTMLAnchorElement>>;\n    /** Container for a set of related links, usually expandable */\n    Group: React.ForwardRefExoticComponent<TreeviewGroupProps & React.RefAttributes<HTMLDivElement>>;\n};\n\nexport const Treeview = React.forwardRef(function Treeview(props: TreeviewProps, ref: React.Ref<HTMLDivElement>) {\n    return <div {...props} ref={ref} role=\"tree\" />;\n}) as ForwardedTreeviewWithStatics;\n\nTreeview.Group = TreeviewGroup;\nTreeview.Item = TreeviewItem;\n"],"names":["TreeviewItem","React","forwardRef","props","ref","TreeviewGroup","children","className","externalClassName","expanded","initialExpanded","title","fixed","onClick","otherProps","setExpanded","useState","useEffect","listClassName","cn","flex","hidden","itemProps","role","tabIndex","handleClick","event","nextState","Children","toArray","filter","item","map","i","key","cloneElement","Treeview","Group","Item"],"mappings":";;;AAKA,MAAMA,YAAY,gBAAGC,cAAK,CAACC,UAAN,CAAiB,SAASF,YAAT,CAAsBG,KAAtB,EAAgDC,GAAhD;EAClC,oBAAOH,4BAAA,IAAA,oBAAOE;IAAOC,GAAG,EAAEA;IAAnB,CAAP;AACH,CAFoB,CAArB;AAoBA,MAAMC,aAAa,gBAAGJ,cAAK,CAACC,UAAN,CAAiB,SAASG,aAAT,CAAuBF,KAAvB,EAAkDC,GAAlD;EACnC,MAAM;IACFE,QADE;IAEFC,SAAS,EAAEC,iBAFT;IAGFC,QAAQ,EAAEC,eAAe,GAAG,KAH1B;IAIFC,KAJE;IAKFC,KALE;IAMFC,OANE;IAOF,GAAGC;MACHX,KARJ;EASA,MAAM,CAACM,QAAD,EAAWM,WAAX,IAA0Bd,cAAK,CAACe,QAAN,CAAeJ,KAAK,IAAIF,eAAxB,CAAhC;EAEAT,cAAK,CAACgB,SAAN,CAAgB;IACZ,IAAI,CAACL,KAAL,EAAY;MACRG,WAAW,CAACH,KAAK,IAAIF,eAAV,CAAX;;GAFR,EAIG,CAACE,KAAD,EAAQF,eAAR,CAJH;EAMA,MAAMQ,aAAa,GAAGC,EAAE,CAAC,eAAD,EAAkB;IACtCC,IAAI,EAAEX,QADgC;IAEtCY,MAAM,EAAE,CAACZ;GAFW,CAAxB;EAKA,MAAMa,SAAS,GAAG,EACd,GAAGR,UADW;IAEd,iBAAiBL,QAFH;IAGdc,IAAI,EAAE,UAHQ;IAIdC,QAAQ,EAAE,CAAC;GAJf;;EAOA,MAAMC,WAAW,GAAIC,KAAD;IAChB,MAAMC,SAAS,GAAG,CAAClB,QAAnB;;IAEA,IAAI,CAACG,KAAL,EAAY;MACRG,WAAW,CAACY,SAAD,CAAX;;;IAGJ,IAAId,OAAJ,EAAa;MACTA,OAAO,CAACa,KAAD,EAAQC,SAAR,CAAP;;GARR;;EAYA,MAAMpB,SAAS,GAAG,OAAOC,iBAAP,KAA6B,UAA7B,GAA0CA,iBAAiB,CAACC,QAAD,CAA3D,GAAwED,iBAA1F;EAEA,oBACIP,4BAAA,MAAA,oBAASqB;IAAWf,SAAS,EAAEA;IAAWH,GAAG,EAAEA;IAA/C,eACIH,4BAAA,MAAA;IAAKY,OAAO,EAAEY;GAAd,EAA4B,OAAOd,KAAP,KAAiB,UAAjB,GAA8BA,KAAK,CAACF,QAAD,CAAnC,GAAgDE,KAA5E,CADJ,eAEIV,4BAAA,KAAA;IAAIsB,IAAI,EAAC;IAAQhB,SAAS,EAAEW;GAA5B,EACKjB,cAAK,CAAC2B,QAAN,CAAeC,OAAf,CAAuBvB,QAAvB,EACIwB,MADJ,CACWC,IAAI,IAAI,CAAC,CAACA,IADrB,EAEIC,GAFJ,CAEQ,CAACD,IAAD,EAAOE,CAAP,kBACDhC,4BAAA,KAAA;IAAIiC,GAAG,EAAED;IAAGV,IAAI,EAAC;GAAjB,eACKtB,cAAK,CAACkC,YAAN,CAAmBJ,IAAnB,EAAoD;IAAER,IAAI,EAAE;GAA5D,CADL,CAHP,CADL,CAFJ,CADJ;AAcH,CA1DqB,CAAtB;MAuEaa,QAAQ,gBAAGnC,cAAK,CAACC,UAAN,CAAiB,SAASkC,QAAT,CAAkBjC,KAAlB,EAAwCC,GAAxC;EACrC,oBAAOH,4BAAA,MAAA,oBAASE;IAAOC,GAAG,EAAEA;IAAKmB,IAAI,EAAC;IAA/B,CAAP;AACH,CAFuB;AAIxBa,QAAQ,CAACC,KAAT,GAAiBhC,aAAjB;AACA+B,QAAQ,CAACE,IAAT,GAAgBtC,YAAhB;;;;"}

package/dist/esm/components/VisuallyHidden/VisuallyHidden.js

@@ -1,7 +1,7 @@
 import { forwardRef, createElement } from 'react';
 
 const VisuallyHidden = /*#__PURE__*/forwardRef(function VisuallyHidden(props, ref) {
-  return createElement("span", Object.assign({}, props, {
+  return /*#__PURE__*/createElement("span", Object.assign({}, props, {
     className: "sr-only",
     ref: ref
   }));

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

@@ -1 +1 @@
-{"version":3,"file":"VisuallyHidden.js","sources":["../../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"sourcesContent":["import * as React from 'react';\n\ntype Props = React.HTMLAttributes<HTMLSpanElement>;\n\nexport const VisuallyHidden = React.forwardRef(function VisuallyHidden(props: Props, ref: React.Ref<HTMLSpanElement>) {\n    return <span {...props} className=\"sr-only\" ref={ref} />;\n});\n"],"names":["VisuallyHidden","React","props","ref","className"],"mappings":";;MAIaA,cAAc,gBAAGC,UAAA,CAAiB,SAASD,cAAT,CAAwBE,KAAxB,EAAsCC,GAAtC;EAC3C,OAAOF,aAAA,OAAA,oBAAUC;IAAOE,SAAS,EAAC;IAAUD,GAAG,EAAEA;IAA1C,CAAP;AACH,CAF6B;;;;"}
+{"version":3,"file":"VisuallyHidden.js","sources":["../../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"sourcesContent":["import * as React from 'react';\n\ntype Props = React.HTMLAttributes<HTMLSpanElement>;\n\nexport const VisuallyHidden = React.forwardRef(function VisuallyHidden(props: Props, ref: React.Ref<HTMLSpanElement>) {\n    return <span {...props} className=\"sr-only\" ref={ref} />;\n});\n"],"names":["VisuallyHidden","React","props","ref","className"],"mappings":";;MAIaA,cAAc,gBAAGC,UAAA,CAAiB,SAASD,cAAT,CAAwBE,KAAxB,EAAsCC,GAAtC;EAC3C,oBAAOF,aAAA,OAAA,oBAAUC;IAAOE,SAAS,EAAC;IAAUD,GAAG,EAAEA;IAA1C,CAAP;AACH,CAF6B;;;;"}

package/dist/esm/hooks/useIsRefOverflowing.js

@@ -0,0 +1,15 @@
+import React__default from 'react';
+import { isOverflowing } from '../utils/dom.js';
+
+const useIsRefOverflowing = ref => {
+  const [overflowing, setOverflowing] = React__default.useState(false);
+  React__default.useEffect(() => {
+    if (ref.current && isOverflowing(ref.current)) {
+      setOverflowing(true);
+    }
+  }, [ref.current]);
+  return overflowing;
+};
+
+export { useIsRefOverflowing };
+//# sourceMappingURL=useIsRefOverflowing.js.map

package/dist/esm/hooks/useIsRefOverflowing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsRefOverflowing.js","sources":["../../../src/hooks/useIsRefOverflowing.ts"],"sourcesContent":["import React from 'react';\nimport { isOverflowing } from '../utils/dom';\n\nexport const useIsRefOverflowing = (ref: React.RefObject<HTMLElement>) => {\n    const [overflowing, setOverflowing] = React.useState(false);\n\n    React.useEffect(() => {\n        if (ref.current && isOverflowing(ref.current)) {\n            setOverflowing(true);\n        }\n    }, [ref.current]);\n\n    return overflowing;\n};\n"],"names":["useIsRefOverflowing","ref","overflowing","setOverflowing","React","useState","useEffect","current","isOverflowing"],"mappings":";;;MAGaA,mBAAmB,GAAIC,GAAD;EAC/B,MAAM,CAACC,WAAD,EAAcC,cAAd,IAAgCC,cAAK,CAACC,QAAN,CAAe,KAAf,CAAtC;EAEAD,cAAK,CAACE,SAAN,CAAgB;IACZ,IAAIL,GAAG,CAACM,OAAJ,IAAeC,aAAa,CAACP,GAAG,CAACM,OAAL,CAAhC,EAA+C;MAC3CJ,cAAc,CAAC,IAAD,CAAd;;GAFR,EAIG,CAACF,GAAG,CAACM,OAAL,CAJH;EAMA,OAAOL,WAAP;AACH;;;;"}

package/dist/esm/index.js

@@ -49,6 +49,7 @@ export { insertChildTableRow, removeChildTableRow, useTableRowCreation } from '.
 export { Tabs } from './components/Tabs/Tabs.js';
 export { Textarea } from './components/Textarea/Textarea.js';
 export { Switch } from './components/Switch/Switch.js';
+export { Tag } from './components/Tag/Tag.js';
 export { Tour, TourStep } from './components/Tour/Tour.js';
 export { useOnClickOutside } from './utils/hooks/useOnClickOutside.js';
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/primitives/Button.js

@@ -8,13 +8,13 @@ const Button = /*#__PURE__*/forwardRef(function Button(props, ref) {
     ...otherProps
   } = props;
   const Tag = props.href ? 'a' : 'button';
-  return createElement(Tag, Object.assign({}, otherProps, {
+  return /*#__PURE__*/createElement(Tag, Object.assign({}, otherProps, {
     "aria-disabled": disabled ? 'true' : undefined,
     disabled: disabled,
     target: Tag === 'a' ? target : undefined,
     type: Tag !== 'a' ? type : undefined,
     ref: ref
-  }), Children.count(props.children) > 1 ? Children.map(props.children, child => typeof child === 'string' ? createElement("span", null, child) : child) : props.children);
+  }), Children.count(props.children) > 1 ? Children.map(props.children, child => typeof child === 'string' ? /*#__PURE__*/createElement("span", null, child) : child) : props.children);
 });
 
 export { Button };

package/dist/esm/primitives/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../src/primitives/Button.tsx"],"sourcesContent":["import * as React from 'react';\n\ntype ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement | HTMLAnchorElement> & {\n    /** Content should be a text */\n    children: React.ReactNode;\n    /** Provides url for buttons being used as a link */\n    href?: string;\n    /** Provides target for buttons being used as a link */\n    target?: '_self' | '_blank' | '_parent' | '_top';\n};\n\nconst Button = React.forwardRef(function Button(props: ButtonProps, ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>) {\n    const { disabled, target, type = 'button', ...otherProps } = props;\n\n    const Tag = props.href ? 'a' : 'button';\n\n    return (\n        <Tag\n            {...otherProps}\n            aria-disabled={disabled ? 'true' : undefined}\n            disabled={disabled}\n            target={Tag === 'a' ? target : undefined}\n            type={Tag !== 'a' ? type : undefined}\n            ref={ref as any}>\n            {React.Children.count(props.children) > 1\n                ? React.Children.map(props.children, child => (typeof child === 'string' ? <span>{child}</span> : child))\n                : props.children}\n        </Tag>\n    );\n});\n\nexport { Button };\nexport type { ButtonProps };\n"],"names":["Button","React","props","ref","disabled","target","type","otherProps","Tag","href","undefined","count","children","map","child"],"mappings":";;MAWMA,MAAM,gBAAGC,UAAA,CAAiB,SAASD,MAAT,CAAgBE,KAAhB,EAAoCC,GAApC;EAC5B,MAAM;IAAEC,QAAF;IAAYC,MAAZ;IAAoBC,IAAI,GAAG,QAA3B;IAAqC,GAAGC;MAAeL,KAA7D;EAEA,MAAMM,GAAG,GAAGN,KAAK,CAACO,IAAN,GAAa,GAAb,GAAmB,QAA/B;EAEA,OACIR,aAAA,CAACO,GAAD,oBACQD;qBACWH,QAAQ,GAAG,MAAH,GAAYM;IACnCN,QAAQ,EAAEA;IACVC,MAAM,EAAEG,GAAG,KAAK,GAAR,GAAcH,MAAd,GAAuBK;IAC/BJ,IAAI,EAAEE,GAAG,KAAK,GAAR,GAAcF,IAAd,GAAqBI;IAC3BP,GAAG,EAAEA;IANT,EAOKF,QAAA,CAAeU,KAAf,CAAqBT,KAAK,CAACU,QAA3B,IAAuC,CAAvC,GACKX,QAAA,CAAeY,GAAf,CAAmBX,KAAK,CAACU,QAAzB,EAAmCE,KAAK,IAAK,OAAOA,KAAP,KAAiB,QAAjB,GAA4Bb,aAAA,OAAA,MAAA,EAAOa,KAAP,CAA5B,GAAmDA,KAAhG,CADL,GAEKZ,KAAK,CAACU,QAThB,CADJ;AAaH,CAlBc;;;;"}
+{"version":3,"file":"Button.js","sources":["../../../src/primitives/Button.tsx"],"sourcesContent":["import * as React from 'react';\n\ntype ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement | HTMLAnchorElement> & {\n    /** Content should be a text */\n    children: React.ReactNode;\n    /** Provides url for buttons being used as a link */\n    href?: string;\n    /** Provides target for buttons being used as a link */\n    target?: '_self' | '_blank' | '_parent' | '_top';\n};\n\nconst Button = React.forwardRef(function Button(props: ButtonProps, ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>) {\n    const { disabled, target, type = 'button', ...otherProps } = props;\n\n    const Tag = props.href ? 'a' : 'button';\n\n    return (\n        <Tag\n            {...otherProps}\n            aria-disabled={disabled ? 'true' : undefined}\n            disabled={disabled}\n            target={Tag === 'a' ? target : undefined}\n            type={Tag !== 'a' ? type : undefined}\n            ref={ref as any}>\n            {React.Children.count(props.children) > 1\n                ? React.Children.map(props.children, child => (typeof child === 'string' ? <span>{child}</span> : child))\n                : props.children}\n        </Tag>\n    );\n});\n\nexport { Button };\nexport type { ButtonProps };\n"],"names":["Button","React","props","ref","disabled","target","type","otherProps","Tag","href","undefined","count","children","map","child"],"mappings":";;MAWMA,MAAM,gBAAGC,UAAA,CAAiB,SAASD,MAAT,CAAgBE,KAAhB,EAAoCC,GAApC;EAC5B,MAAM;IAAEC,QAAF;IAAYC,MAAZ;IAAoBC,IAAI,GAAG,QAA3B;IAAqC,GAAGC;MAAeL,KAA7D;EAEA,MAAMM,GAAG,GAAGN,KAAK,CAACO,IAAN,GAAa,GAAb,GAAmB,QAA/B;EAEA,oBACIR,aAAA,CAACO,GAAD,oBACQD;qBACWH,QAAQ,GAAG,MAAH,GAAYM;IACnCN,QAAQ,EAAEA;IACVC,MAAM,EAAEG,GAAG,KAAK,GAAR,GAAcH,MAAd,GAAuBK;IAC/BJ,IAAI,EAAEE,GAAG,KAAK,GAAR,GAAcF,IAAd,GAAqBI;IAC3BP,GAAG,EAAEA;IANT,EAOKF,QAAA,CAAeU,KAAf,CAAqBT,KAAK,CAACU,QAA3B,IAAuC,CAAvC,GACKX,QAAA,CAAeY,GAAf,CAAmBX,KAAK,CAACU,QAAzB,EAAmCE,KAAK,IAAK,OAAOA,KAAP,KAAiB,QAAjB,gBAA4Bb,aAAA,OAAA,MAAA,EAAOa,KAAP,CAA5B,GAAmDA,KAAhG,CADL,GAEKZ,KAAK,CAACU,QAThB,CADJ;AAaH,CAlBc;;;;"}

package/dist/esm/utils/colors.js

@@ -0,0 +1,15 @@
+const colors = {
+  green: 'bg-[#E5FAF2] text-[#124537]',
+  yellow: 'bg-[#FCF0D0] text-[#733700]',
+  red: 'bg-[#FFDAD2] text-[#6E001D]',
+  blue: 'bg-[#DEEBFF] text-[#29283E]',
+  purple: 'bg-[#EEE5FF] text-[#412970]',
+  orange: 'bg-[#FFE3BB] text-[#4A2811]',
+  brown: 'bg-[#EEE0DA] text-[#45291F]',
+  pink: 'bg-[#FFE3F7] text-[#55003E]',
+  grey: 'bg-grey-light text-grey-darkest',
+  black: 'bg-grey-darkest text-white'
+};
+
+export { colors };
+//# sourceMappingURL=colors.js.map

package/dist/esm/utils/colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.js","sources":["../../../src/utils/colors.ts"],"sourcesContent":["export const colors = {\n    green: 'bg-[#E5FAF2] text-[#124537]',\n    yellow: 'bg-[#FCF0D0] text-[#733700]',\n    red: 'bg-[#FFDAD2] text-[#6E001D]',\n    blue: 'bg-[#DEEBFF] text-[#29283E]',\n    purple: 'bg-[#EEE5FF] text-[#412970]',\n    orange: 'bg-[#FFE3BB] text-[#4A2811]',\n    brown: 'bg-[#EEE0DA] text-[#45291F]',\n    pink: 'bg-[#FFE3F7] text-[#55003E]',\n    grey: 'bg-grey-light text-grey-darkest',\n    black: 'bg-grey-darkest text-white',\n};\n\nexport type Color = keyof typeof colors;\n"],"names":["colors","green","yellow","red","blue","purple","orange","brown","pink","grey","black"],"mappings":"MAAaA,MAAM,GAAG;EAClBC,KAAK,EAAE,6BADW;EAElBC,MAAM,EAAE,6BAFU;EAGlBC,GAAG,EAAE,6BAHa;EAIlBC,IAAI,EAAE,6BAJY;EAKlBC,MAAM,EAAE,6BALU;EAMlBC,MAAM,EAAE,6BANU;EAOlBC,KAAK,EAAE,6BAPW;EAQlBC,IAAI,EAAE,6BARY;EASlBC,IAAI,EAAE,iCATY;EAUlBC,KAAK,EAAE;AAVW;;;;"}

package/dist/esm/utils/dom.js

@@ -0,0 +1,4 @@
+const isOverflowing = element => element !== null ? element.scrollWidth > element.offsetWidth : false;
+
+export { isOverflowing };
+//# sourceMappingURL=dom.js.map

package/dist/esm/utils/dom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom.js","sources":["../../../src/utils/dom.ts"],"sourcesContent":["export const isOverflowing = (element: HTMLElement | null) =>\n    element !== null ? element.scrollWidth > element.offsetWidth : false;\n"],"names":["isOverflowing","element","scrollWidth","offsetWidth"],"mappings":"MAAaA,aAAa,GAAIC,OAAD,IACzBA,OAAO,KAAK,IAAZ,GAAmBA,OAAO,CAACC,WAAR,GAAsBD,OAAO,CAACE,WAAjD,GAA+D;;;;"}

package/dist/hooks/useIsRefOverflowing.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const useIsRefOverflowing: (ref: React.RefObject<HTMLElement>) => boolean;

package/dist/index.d.ts

@@ -34,6 +34,7 @@ export * from './components/Tabs/Tabs';
 export * from './components/Textarea/Textarea';
 export * from './components/Toast/Toaster';
 export * from './components/Switch/Switch';
+export * from './components/Tag/Tag';
 export * from './components/Tooltip/Tooltip';
 export * from './components/Tour/Tour';
 export * from './components/Treeview/Treeview';