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

package/dist/components/Textarea/Textarea.cjs

@@ -25,7 +25,7 @@ const Textarea = React__namespace.forwardRef(function Textarea2(props, ref) {
   const { defaultValue: _1, highlighted: _2, invalid: _3, onKeyDown, ...otherProps } = props;
   const classNames = cn(
     util.getInputClasses(props),
-    "pt-[5px] pb-[7px] min-h-[75px] disabled:resize-none !leading-5",
+    "min-h-[75px] pb-[7px] pt-[5px] !leading-5 disabled:resize-none",
     props.className
   );
   const handleKeyDown = (event) => {

package/dist/components/Textarea/Textarea.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.cjs","sources":["../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\nimport { getInputClasses } from '../Input/util';\nimport { isPressingMetaKey } from '../../utils/keyboard';\n\nexport type TextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement> & {\n    /** Draws attention to the textarea by changing its style and making it visually prominent */\n    highlighted?: boolean;\n    /* Whether the input is in an invalid state */\n    invalid?: boolean;\n    /** Value of the textarea */\n    value?: string;\n};\n\nexport const Textarea = React.forwardRef(function Textarea(props: TextareaProps, ref: React.Ref<HTMLTextAreaElement>) {\n    const { defaultValue: _1, highlighted: _2, invalid: _3, onKeyDown, ...otherProps } = props;\n    const classNames = cn(\n        getInputClasses(props),\n        'pt-[5px] pb-[7px] min-h-[75px] disabled:resize-none !leading-5',\n        props.className\n    );\n\n    // home and end keys only navigate to the start/end of textarea value if the textarea container does not scroll\n    // if it has scroll height then the browser reverts to native scrolling behaviour only\n    // so we manually override it to ensure _our_ desired behaviour remains intact\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLTextAreaElement>) => {\n        // prevent any external keyboard shortcuts from executing while typing single characters in textarea\n        if (event.key.length === 1 && !isPressingMetaKey(event)) {\n            event.stopPropagation();\n        }\n\n        if (event.key === 'Home' || event.key === 'End') {\n            event.preventDefault();\n            const position = event.key === 'End' ? event.currentTarget.value.length : 0;\n            event.currentTarget.setSelectionRange(position, position);\n            event.currentTarget.scrollTop = event.key === 'End' ? event.currentTarget.scrollHeight : 0;\n        }\n\n        if (onKeyDown) {\n            onKeyDown(event);\n        }\n    };\n\n    return <textarea {...otherProps} className={classNames} data-taco=\"textarea\" onKeyDown={handleKeyDown} ref={ref} />;\n});\n"],"names":["React","Textarea","getInputClasses","isPressingMetaKey"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAcO,MAAM,WAAWA,iBAAM,WAAW,SAASC,UAAS,OAAsB,KAAqC;AAC5G,QAAA,EAAE,cAAc,IAAI,aAAa,IAAI,SAAS,IAAI,WAAW,GAAG,WAAA,IAAe;AACrF,QAAM,aAAa;AAAA,IACfC,KAAAA,gBAAgB,KAAK;AAAA,IACrB;AAAA,IACA,MAAM;AAAA,EACV;AAKM,QAAA,gBAAgB,CAAC,UAAoD;AAEvE,QAAI,MAAM,IAAI,WAAW,KAAK,CAACC,SAAAA,kBAAkB,KAAK,GAAG;AACrD,YAAM,gBAAgB;AAAA,IAAA;AAG1B,QAAI,MAAM,QAAQ,UAAU,MAAM,QAAQ,OAAO;AAC7C,YAAM,eAAe;AACrB,YAAM,WAAW,MAAM,QAAQ,QAAQ,MAAM,cAAc,MAAM,SAAS;AACpE,YAAA,cAAc,kBAAkB,UAAU,QAAQ;AACxD,YAAM,cAAc,YAAY,MAAM,QAAQ,QAAQ,MAAM,cAAc,eAAe;AAAA,IAAA;AAG7F,QAAI,WAAW;AACX,gBAAU,KAAK;AAAA,IAAA;AAAA,EAEvB;AAEO,SAAAH,iCAAA,cAAC,YAAU,EAAA,GAAG,YAAY,WAAW,YAAY,aAAU,YAAW,WAAW,eAAe,IAAU,CAAA;AACrH,CAAC;;"}
+{"version":3,"file":"Textarea.cjs","sources":["../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\nimport { getInputClasses } from '../Input/util';\nimport { isPressingMetaKey } from '../../utils/keyboard';\n\nexport type TextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement> & {\n    /** Draws attention to the textarea by changing its style and making it visually prominent */\n    highlighted?: boolean;\n    /* Whether the input is in an invalid state */\n    invalid?: boolean;\n    /** Value of the textarea */\n    value?: string;\n};\n\nexport const Textarea = React.forwardRef(function Textarea(props: TextareaProps, ref: React.Ref<HTMLTextAreaElement>) {\n    const { defaultValue: _1, highlighted: _2, invalid: _3, onKeyDown, ...otherProps } = props;\n    const classNames = cn(\n        getInputClasses(props),\n        'min-h-[75px] pb-[7px] pt-[5px] !leading-5 disabled:resize-none',\n        props.className\n    );\n\n    // home and end keys only navigate to the start/end of textarea value if the textarea container does not scroll\n    // if it has scroll height then the browser reverts to native scrolling behaviour only\n    // so we manually override it to ensure _our_ desired behaviour remains intact\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLTextAreaElement>) => {\n        // prevent any external keyboard shortcuts from executing while typing single characters in textarea\n        if (event.key.length === 1 && !isPressingMetaKey(event)) {\n            event.stopPropagation();\n        }\n\n        if (event.key === 'Home' || event.key === 'End') {\n            event.preventDefault();\n            const position = event.key === 'End' ? event.currentTarget.value.length : 0;\n            event.currentTarget.setSelectionRange(position, position);\n            event.currentTarget.scrollTop = event.key === 'End' ? event.currentTarget.scrollHeight : 0;\n        }\n\n        if (onKeyDown) {\n            onKeyDown(event);\n        }\n    };\n\n    return <textarea {...otherProps} className={classNames} data-taco=\"textarea\" onKeyDown={handleKeyDown} ref={ref} />;\n});\n"],"names":["React","Textarea","getInputClasses","isPressingMetaKey"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAcO,MAAM,WAAWA,iBAAM,WAAW,SAASC,UAAS,OAAsB,KAAqC;AAClH,QAAM,EAAE,cAAc,IAAI,aAAa,IAAI,SAAS,IAAI,WAAW,GAAG,WAAA,IAAe;AACrF,QAAM,aAAa;AAAA,IACfC,KAAAA,gBAAgB,KAAK;AAAA,IACrB;AAAA,IACA,MAAM;AAAA,EAAA;AAMV,QAAM,gBAAgB,CAAC,UAAoD;AAEvE,QAAI,MAAM,IAAI,WAAW,KAAK,CAACC,SAAAA,kBAAkB,KAAK,GAAG;AACrD,YAAM,gBAAA;AAAA,IACV;AAEA,QAAI,MAAM,QAAQ,UAAU,MAAM,QAAQ,OAAO;AAC7C,YAAM,eAAA;AACN,YAAM,WAAW,MAAM,QAAQ,QAAQ,MAAM,cAAc,MAAM,SAAS;AAC1E,YAAM,cAAc,kBAAkB,UAAU,QAAQ;AACxD,YAAM,cAAc,YAAY,MAAM,QAAQ,QAAQ,MAAM,cAAc,eAAe;AAAA,IAC7F;AAEA,QAAI,WAAW;AACX,gBAAU,KAAK;AAAA,IACnB;AAAA,EACJ;AAEA,SAAOH,iCAAA,cAAC,YAAA,EAAU,GAAG,YAAY,WAAW,YAAY,aAAU,YAAW,WAAW,eAAe,IAAA,CAAU;AACrH,CAAC;;"}

package/dist/components/Textarea/Textarea.js

@@ -6,7 +6,7 @@ const Textarea = React.forwardRef(function Textarea2(props, ref) {
   const { defaultValue: _1, highlighted: _2, invalid: _3, onKeyDown, ...otherProps } = props;
   const classNames = cn(
     getInputClasses(props),
-    "pt-[5px] pb-[7px] min-h-[75px] disabled:resize-none !leading-5",
+    "min-h-[75px] pb-[7px] pt-[5px] !leading-5 disabled:resize-none",
     props.className
   );
   const handleKeyDown = (event) => {

package/dist/components/Textarea/Textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.js","sources":["../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\nimport { getInputClasses } from '../Input/util';\nimport { isPressingMetaKey } from '../../utils/keyboard';\n\nexport type TextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement> & {\n    /** Draws attention to the textarea by changing its style and making it visually prominent */\n    highlighted?: boolean;\n    /* Whether the input is in an invalid state */\n    invalid?: boolean;\n    /** Value of the textarea */\n    value?: string;\n};\n\nexport const Textarea = React.forwardRef(function Textarea(props: TextareaProps, ref: React.Ref<HTMLTextAreaElement>) {\n    const { defaultValue: _1, highlighted: _2, invalid: _3, onKeyDown, ...otherProps } = props;\n    const classNames = cn(\n        getInputClasses(props),\n        'pt-[5px] pb-[7px] min-h-[75px] disabled:resize-none !leading-5',\n        props.className\n    );\n\n    // home and end keys only navigate to the start/end of textarea value if the textarea container does not scroll\n    // if it has scroll height then the browser reverts to native scrolling behaviour only\n    // so we manually override it to ensure _our_ desired behaviour remains intact\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLTextAreaElement>) => {\n        // prevent any external keyboard shortcuts from executing while typing single characters in textarea\n        if (event.key.length === 1 && !isPressingMetaKey(event)) {\n            event.stopPropagation();\n        }\n\n        if (event.key === 'Home' || event.key === 'End') {\n            event.preventDefault();\n            const position = event.key === 'End' ? event.currentTarget.value.length : 0;\n            event.currentTarget.setSelectionRange(position, position);\n            event.currentTarget.scrollTop = event.key === 'End' ? event.currentTarget.scrollHeight : 0;\n        }\n\n        if (onKeyDown) {\n            onKeyDown(event);\n        }\n    };\n\n    return <textarea {...otherProps} className={classNames} data-taco=\"textarea\" onKeyDown={handleKeyDown} ref={ref} />;\n});\n"],"names":["Textarea"],"mappings":";;;;AAcO,MAAM,WAAW,MAAM,WAAW,SAASA,UAAS,OAAsB,KAAqC;AAC5G,QAAA,EAAE,cAAc,IAAI,aAAa,IAAI,SAAS,IAAI,WAAW,GAAG,WAAA,IAAe;AACrF,QAAM,aAAa;AAAA,IACf,gBAAgB,KAAK;AAAA,IACrB;AAAA,IACA,MAAM;AAAA,EACV;AAKM,QAAA,gBAAgB,CAAC,UAAoD;AAEvE,QAAI,MAAM,IAAI,WAAW,KAAK,CAAC,kBAAkB,KAAK,GAAG;AACrD,YAAM,gBAAgB;AAAA,IAAA;AAG1B,QAAI,MAAM,QAAQ,UAAU,MAAM,QAAQ,OAAO;AAC7C,YAAM,eAAe;AACrB,YAAM,WAAW,MAAM,QAAQ,QAAQ,MAAM,cAAc,MAAM,SAAS;AACpE,YAAA,cAAc,kBAAkB,UAAU,QAAQ;AACxD,YAAM,cAAc,YAAY,MAAM,QAAQ,QAAQ,MAAM,cAAc,eAAe;AAAA,IAAA;AAG7F,QAAI,WAAW;AACX,gBAAU,KAAK;AAAA,IAAA;AAAA,EAEvB;AAEO,SAAA,sBAAA,cAAC,YAAU,EAAA,GAAG,YAAY,WAAW,YAAY,aAAU,YAAW,WAAW,eAAe,IAAU,CAAA;AACrH,CAAC;"}
+{"version":3,"file":"Textarea.js","sources":["../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\nimport { getInputClasses } from '../Input/util';\nimport { isPressingMetaKey } from '../../utils/keyboard';\n\nexport type TextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement> & {\n    /** Draws attention to the textarea by changing its style and making it visually prominent */\n    highlighted?: boolean;\n    /* Whether the input is in an invalid state */\n    invalid?: boolean;\n    /** Value of the textarea */\n    value?: string;\n};\n\nexport const Textarea = React.forwardRef(function Textarea(props: TextareaProps, ref: React.Ref<HTMLTextAreaElement>) {\n    const { defaultValue: _1, highlighted: _2, invalid: _3, onKeyDown, ...otherProps } = props;\n    const classNames = cn(\n        getInputClasses(props),\n        'min-h-[75px] pb-[7px] pt-[5px] !leading-5 disabled:resize-none',\n        props.className\n    );\n\n    // home and end keys only navigate to the start/end of textarea value if the textarea container does not scroll\n    // if it has scroll height then the browser reverts to native scrolling behaviour only\n    // so we manually override it to ensure _our_ desired behaviour remains intact\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLTextAreaElement>) => {\n        // prevent any external keyboard shortcuts from executing while typing single characters in textarea\n        if (event.key.length === 1 && !isPressingMetaKey(event)) {\n            event.stopPropagation();\n        }\n\n        if (event.key === 'Home' || event.key === 'End') {\n            event.preventDefault();\n            const position = event.key === 'End' ? event.currentTarget.value.length : 0;\n            event.currentTarget.setSelectionRange(position, position);\n            event.currentTarget.scrollTop = event.key === 'End' ? event.currentTarget.scrollHeight : 0;\n        }\n\n        if (onKeyDown) {\n            onKeyDown(event);\n        }\n    };\n\n    return <textarea {...otherProps} className={classNames} data-taco=\"textarea\" onKeyDown={handleKeyDown} ref={ref} />;\n});\n"],"names":["Textarea"],"mappings":";;;;AAcO,MAAM,WAAW,MAAM,WAAW,SAASA,UAAS,OAAsB,KAAqC;AAClH,QAAM,EAAE,cAAc,IAAI,aAAa,IAAI,SAAS,IAAI,WAAW,GAAG,WAAA,IAAe;AACrF,QAAM,aAAa;AAAA,IACf,gBAAgB,KAAK;AAAA,IACrB;AAAA,IACA,MAAM;AAAA,EAAA;AAMV,QAAM,gBAAgB,CAAC,UAAoD;AAEvE,QAAI,MAAM,IAAI,WAAW,KAAK,CAAC,kBAAkB,KAAK,GAAG;AACrD,YAAM,gBAAA;AAAA,IACV;AAEA,QAAI,MAAM,QAAQ,UAAU,MAAM,QAAQ,OAAO;AAC7C,YAAM,eAAA;AACN,YAAM,WAAW,MAAM,QAAQ,QAAQ,MAAM,cAAc,MAAM,SAAS;AAC1E,YAAM,cAAc,kBAAkB,UAAU,QAAQ;AACxD,YAAM,cAAc,YAAY,MAAM,QAAQ,QAAQ,MAAM,cAAc,eAAe;AAAA,IAC7F;AAEA,QAAI,WAAW;AACX,gBAAU,KAAK;AAAA,IACnB;AAAA,EACJ;AAEA,SAAO,sBAAA,cAAC,YAAA,EAAU,GAAG,YAAY,WAAW,YAAY,aAAU,YAAW,WAAW,eAAe,IAAA,CAAU;AACrH,CAAC;"}

package/dist/components/Toast/Toast.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const cn = require("clsx");
-const framerMotion = require("framer-motion");
+const react = require("motion/react");
 const useTimer = require("../../utils/hooks/useTimer.cjs");
 const util = require("./util.cjs");
 const Localization = require("../Provider/Localization.cjs");
@@ -10,7 +10,7 @@ const IconButton = require("../LegacyComponents/IconButton/IconButton.cjs");
 const Toast = ({ content, lastUpdated, onClose: handleClose, options, ...props }) => {
   const { texts } = Localization.useLocalization();
   const { autoClose, type = "default" } = options;
-  const className = cn("bg-white relative flex items-center py-1 px-2 mt-3 w-full rounded yt-shadow print:hidden", {
+  const className = cn("relative mt-3 flex w-full items-center rounded bg-white px-2 py-1 yt-shadow print:hidden", {
     "border border-gray-500": type === "default" || type === "loading" || !type,
     "border border-green-500": type === "success",
     "border border-blue-500": type === "information",
@@ -18,7 +18,7 @@ const Toast = ({ content, lastUpdated, onClose: handleClose, options, ...props }
     "border border-red-500": type === "error"
   });
   const timer = useTimer.useTimer(autoClose, handleClose);
-  const controls = framerMotion.useAnimation();
+  const controls = react.useAnimation();
   if (!content) {
     console.warn(util.getToastEmptyContentWarning(content));
   }
@@ -40,7 +40,7 @@ const Toast = ({ content, lastUpdated, onClose: handleClose, options, ...props }
     }
   }, [lastUpdated]);
   return /* @__PURE__ */ React.createElement(
-    framerMotion.motion.div,
+    react.motion.div,
     {
       ...props,
       animate: controls,

package/dist/components/Toast/Toast.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.cjs","sources":["../../../src/components/Toast/Toast.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { motion, useAnimation } from 'framer-motion';\nimport { useTimer } from '../../utils/hooks/useTimer';\nimport { getBadgeIcon, getToastEmptyContentWarning } from './util';\nimport type { State } from '../../types';\nimport { useLocalization } from '../Provider/Localization';\nimport { LegacyIconButton } from '../LegacyComponents/IconButton/IconButton';\n\nexport type ToastsTexts = {\n    /** Aria-label for the close icon button of toast */\n    dismiss: string;\n};\n\nexport type ToastType = Exclude<State, 'default'> | 'loading';\nexport type ToastOptions = {\n    /** Provide time in milliseconds after which the toast should autoclose */\n    autoClose?: number;\n    /**\n     * State will change the icon displayed in toast and other characteristics,\n     * for e.g. `loading` state will display a progress animation.\n     * Default value is `default`\n     */\n    type?: ToastType;\n};\nexport type ToastContent = Omit<React.ReactNode, 'null' | 'undefined'>;\nexport type ToastProps = {\n    /** Provide a unique id for toast */\n    id: string;\n    /**\n     * Content can be any valid react node, for e.g. a `div`, or a simple text.\n     */\n    content: ToastContent;\n    /** Additional options to define your toast */\n    options: ToastOptions;\n    /**\n     * Handler called when toast closes.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    onClose: () => void;\n    lastUpdated?: number;\n    lastDuplicateId?: string;\n};\n\nexport const Toast = ({ content, lastUpdated, onClose: handleClose, options, ...props }: ToastProps): JSX.Element => {\n    const { texts } = useLocalization();\n    const { autoClose, type = 'default' } = options;\n    const className = cn('bg-white relative flex items-center py-1 px-2 mt-3 w-full rounded yt-shadow print:hidden', {\n        'border border-gray-500': type === 'default' || type === 'loading' || !type,\n        'border border-green-500': type === 'success',\n        'border border-blue-500': type === 'information',\n        'border border-yellow-500': type === 'warning',\n        'border border-red-500': type === 'error',\n    });\n    const timer = useTimer(autoClose, handleClose);\n    const controls = useAnimation();\n\n    if (!content) {\n        // oxlint-disable-next-line no-console\n        console.warn(getToastEmptyContentWarning(content));\n    }\n\n    React.useEffect(() => {\n        if (autoClose) {\n            timer.start();\n        }\n    }, [autoClose]);\n\n    const triggerUpdateAnimation = async () => {\n        await controls.start({ scale: 1.05 });\n        await controls.start({ scale: 1 });\n    };\n\n    React.useEffect(() => {\n        if (lastUpdated) {\n            triggerUpdateAnimation();\n\n            if (timer.running) {\n                timer.start();\n            }\n        }\n    }, [lastUpdated]);\n\n    return (\n        <motion.div\n            {...props}\n            animate={controls}\n            className={className}\n            data-taco=\"toast\"\n            onMouseEnter={timer.pause}\n            onMouseLeave={timer.resume}>\n            {getBadgeIcon(type)}\n            <div className=\"flex-grow\">{content as React.ReactNode}</div>\n            <LegacyIconButton\n                appearance=\"discrete\"\n                className=\"-mr-2 cursor-pointer self-start !px-0 text-gray-700\"\n                icon=\"close\"\n                aria-label={texts.toasts.dismiss}\n                onClick={handleClose}\n            />\n        </motion.div>\n    );\n};\n"],"names":["useLocalization","useTimer","useAnimation","getToastEmptyContentWarning","motion","getBadgeIcon","LegacyIconButton"],"mappings":";;;;;;;;;AA4Ca,MAAA,QAAQ,CAAC,EAAE,SAAS,aAAa,SAAS,aAAa,SAAS,GAAG,YAAqC;AAC3G,QAAA,EAAE,MAAM,IAAIA,6BAAgB;AAClC,QAAM,EAAE,WAAW,OAAO,UAAc,IAAA;AAClC,QAAA,YAAY,GAAG,4FAA4F;AAAA,IAC7G,0BAA0B,SAAS,aAAa,SAAS,aAAa,CAAC;AAAA,IACvE,2BAA2B,SAAS;AAAA,IACpC,0BAA0B,SAAS;AAAA,IACnC,4BAA4B,SAAS;AAAA,IACrC,yBAAyB,SAAS;AAAA,EAAA,CACrC;AACK,QAAA,QAAQC,SAAAA,SAAS,WAAW,WAAW;AAC7C,QAAM,WAAWC,aAAAA,aAAa;AAE9B,MAAI,CAAC,SAAS;AAEF,YAAA,KAAKC,iCAA4B,OAAO,CAAC;AAAA,EAAA;AAGrD,QAAM,UAAU,MAAM;AAClB,QAAI,WAAW;AACX,YAAM,MAAM;AAAA,IAAA;AAAA,EAChB,GACD,CAAC,SAAS,CAAC;AAEd,QAAM,yBAAyB,YAAY;AACvC,UAAM,SAAS,MAAM,EAAE,OAAO,MAAM;AACpC,UAAM,SAAS,MAAM,EAAE,OAAO,GAAG;AAAA,EACrC;AAEA,QAAM,UAAU,MAAM;AAClB,QAAI,aAAa;AACU,6BAAA;AAEvB,UAAI,MAAM,SAAS;AACf,cAAM,MAAM;AAAA,MAAA;AAAA,IAChB;AAAA,EACJ,GACD,CAAC,WAAW,CAAC;AAGZ,SAAA,sBAAA;AAAA,IAACC,aAAAA,OAAO;AAAA,IAAP;AAAA,MACI,GAAG;AAAA,MACJ,SAAS;AAAA,MACT;AAAA,MACA,aAAU;AAAA,MACV,cAAc,MAAM;AAAA,MACpB,cAAc,MAAM;AAAA,IAAA;AAAA,IACnBC,KAAAA,aAAa,IAAI;AAAA,IACjB,sBAAA,cAAA,OAAA,EAAI,WAAU,YAAA,GAAa,OAA2B;AAAA,IACvD,sBAAA;AAAA,MAACC,WAAA;AAAA,MAAA;AAAA,QACG,YAAW;AAAA,QACX,WAAU;AAAA,QACV,MAAK;AAAA,QACL,cAAY,MAAM,OAAO;AAAA,QACzB,SAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAEjB;AAER;;"}
+{"version":3,"file":"Toast.cjs","sources":["../../../src/components/Toast/Toast.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { motion, useAnimation } from 'motion/react';\nimport { useTimer } from '../../utils/hooks/useTimer';\nimport { getBadgeIcon, getToastEmptyContentWarning } from './util';\nimport type { State } from '../../types';\nimport { useLocalization } from '../Provider/Localization';\nimport { LegacyIconButton } from '../LegacyComponents/IconButton/IconButton';\n\nexport type ToastsTexts = {\n    /** Aria-label for the close icon button of toast */\n    dismiss: string;\n};\n\nexport type ToastType = Exclude<State, 'default'> | 'loading';\nexport type ToastOptions = {\n    /** Provide time in milliseconds after which the toast should autoclose */\n    autoClose?: number;\n    /**\n     * State will change the icon displayed in toast and other characteristics,\n     * for e.g. `loading` state will display a progress animation.\n     * Default value is `default`\n     */\n    type?: ToastType;\n};\nexport type ToastContent = Omit<React.ReactNode, 'null' | 'undefined'>;\nexport type ToastProps = {\n    /** Provide a unique id for toast */\n    id: string;\n    /**\n     * Content can be any valid react node, for e.g. a `div`, or a simple text.\n     */\n    content: ToastContent;\n    /** Additional options to define your toast */\n    options: ToastOptions;\n    /**\n     * Handler called when toast closes.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    onClose: () => void;\n    lastUpdated?: number;\n    lastDuplicateId?: string;\n};\n\nexport const Toast = ({ content, lastUpdated, onClose: handleClose, options, ...props }: ToastProps): React.JSX.Element => {\n    const { texts } = useLocalization();\n    const { autoClose, type = 'default' } = options;\n    const className = cn('relative mt-3 flex w-full items-center rounded bg-white px-2 py-1 yt-shadow print:hidden', {\n        'border border-gray-500': type === 'default' || type === 'loading' || !type,\n        'border border-green-500': type === 'success',\n        'border border-blue-500': type === 'information',\n        'border border-yellow-500': type === 'warning',\n        'border border-red-500': type === 'error',\n    });\n    const timer = useTimer(autoClose, handleClose);\n    const controls = useAnimation();\n\n    if (!content) {\n        // oxlint-disable-next-line no-console\n        console.warn(getToastEmptyContentWarning(content));\n    }\n\n    React.useEffect(() => {\n        if (autoClose) {\n            timer.start();\n        }\n    }, [autoClose]);\n\n    const triggerUpdateAnimation = async () => {\n        await controls.start({ scale: 1.05 });\n        await controls.start({ scale: 1 });\n    };\n\n    React.useEffect(() => {\n        if (lastUpdated) {\n            triggerUpdateAnimation();\n\n            if (timer.running) {\n                timer.start();\n            }\n        }\n    }, [lastUpdated]);\n\n    return (\n        <motion.div\n            {...props}\n            animate={controls}\n            className={className}\n            data-taco=\"toast\"\n            onMouseEnter={timer.pause}\n            onMouseLeave={timer.resume}>\n            {getBadgeIcon(type)}\n            <div className=\"flex-grow\">{content as React.ReactNode}</div>\n            <LegacyIconButton\n                appearance=\"discrete\"\n                className=\"-mr-2 cursor-pointer self-start !px-0 text-gray-700\"\n                icon=\"close\"\n                aria-label={texts.toasts.dismiss}\n                onClick={handleClose}\n            />\n        </motion.div>\n    );\n};\n"],"names":["useLocalization","useTimer","useAnimation","getToastEmptyContentWarning","motion","getBadgeIcon","LegacyIconButton"],"mappings":";;;;;;;;;AA4CO,MAAM,QAAQ,CAAC,EAAE,SAAS,aAAa,SAAS,aAAa,SAAS,GAAG,YAA2C;AACvH,QAAM,EAAE,MAAA,IAAUA,6BAAA;AAClB,QAAM,EAAE,WAAW,OAAO,UAAA,IAAc;AACxC,QAAM,YAAY,GAAG,4FAA4F;AAAA,IAC7G,0BAA0B,SAAS,aAAa,SAAS,aAAa,CAAC;AAAA,IACvE,2BAA2B,SAAS;AAAA,IACpC,0BAA0B,SAAS;AAAA,IACnC,4BAA4B,SAAS;AAAA,IACrC,yBAAyB,SAAS;AAAA,EAAA,CACrC;AACD,QAAM,QAAQC,SAAAA,SAAS,WAAW,WAAW;AAC7C,QAAM,WAAWC,MAAAA,aAAA;AAEjB,MAAI,CAAC,SAAS;AAEV,YAAQ,KAAKC,iCAA4B,OAAO,CAAC;AAAA,EACrD;AAEA,QAAM,UAAU,MAAM;AAClB,QAAI,WAAW;AACX,YAAM,MAAA;AAAA,IACV;AAAA,EACJ,GAAG,CAAC,SAAS,CAAC;AAEd,QAAM,yBAAyB,YAAY;AACvC,UAAM,SAAS,MAAM,EAAE,OAAO,MAAM;AACpC,UAAM,SAAS,MAAM,EAAE,OAAO,GAAG;AAAA,EACrC;AAEA,QAAM,UAAU,MAAM;AAClB,QAAI,aAAa;AACb,6BAAA;AAEA,UAAI,MAAM,SAAS;AACf,cAAM,MAAA;AAAA,MACV;AAAA,IACJ;AAAA,EACJ,GAAG,CAAC,WAAW,CAAC;AAEhB,SACI,sBAAA;AAAA,IAACC,MAAAA,OAAO;AAAA,IAAP;AAAA,MACI,GAAG;AAAA,MACJ,SAAS;AAAA,MACT;AAAA,MACA,aAAU;AAAA,MACV,cAAc,MAAM;AAAA,MACpB,cAAc,MAAM;AAAA,IAAA;AAAA,IACnBC,KAAAA,aAAa,IAAI;AAAA,IAClB,sBAAA,cAAC,OAAA,EAAI,WAAU,YAAA,GAAa,OAA2B;AAAA,IACvD,sBAAA;AAAA,MAACC,WAAAA;AAAAA,MAAA;AAAA,QACG,YAAW;AAAA,QACX,WAAU;AAAA,QACV,MAAK;AAAA,QACL,cAAY,MAAM,OAAO;AAAA,QACzB,SAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EACb;AAGZ;;"}

package/dist/components/Toast/Toast.d.ts

@@ -33,4 +33,4 @@ export type ToastProps = {
     lastUpdated?: number;
     lastDuplicateId?: string;
 };
-export declare const Toast: ({ content, lastUpdated, onClose: handleClose, options, ...props }: ToastProps) => JSX.Element;
+export declare const Toast: ({ content, lastUpdated, onClose: handleClose, options, ...props }: ToastProps) => React.JSX.Element;

package/dist/components/Toast/Toast.js

@@ -1,6 +1,6 @@
 import React__default from "react";
 import cn from "clsx";
-import { useAnimation, motion } from "framer-motion";
+import { useAnimation, motion } from "motion/react";
 import { useTimer } from "../../utils/hooks/useTimer.js";
 import { getToastEmptyContentWarning, getBadgeIcon } from "./util.js";
 import { useLocalization } from "../Provider/Localization.js";
@@ -8,7 +8,7 @@ import { LegacyIconButton } from "../LegacyComponents/IconButton/IconButton.js";
 const Toast = ({ content, lastUpdated, onClose: handleClose, options, ...props }) => {
   const { texts } = useLocalization();
   const { autoClose, type = "default" } = options;
-  const className = cn("bg-white relative flex items-center py-1 px-2 mt-3 w-full rounded yt-shadow print:hidden", {
+  const className = cn("relative mt-3 flex w-full items-center rounded bg-white px-2 py-1 yt-shadow print:hidden", {
     "border border-gray-500": type === "default" || type === "loading" || !type,
     "border border-green-500": type === "success",
     "border border-blue-500": type === "information",

package/dist/components/Toast/Toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.js","sources":["../../../src/components/Toast/Toast.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { motion, useAnimation } from 'framer-motion';\nimport { useTimer } from '../../utils/hooks/useTimer';\nimport { getBadgeIcon, getToastEmptyContentWarning } from './util';\nimport type { State } from '../../types';\nimport { useLocalization } from '../Provider/Localization';\nimport { LegacyIconButton } from '../LegacyComponents/IconButton/IconButton';\n\nexport type ToastsTexts = {\n    /** Aria-label for the close icon button of toast */\n    dismiss: string;\n};\n\nexport type ToastType = Exclude<State, 'default'> | 'loading';\nexport type ToastOptions = {\n    /** Provide time in milliseconds after which the toast should autoclose */\n    autoClose?: number;\n    /**\n     * State will change the icon displayed in toast and other characteristics,\n     * for e.g. `loading` state will display a progress animation.\n     * Default value is `default`\n     */\n    type?: ToastType;\n};\nexport type ToastContent = Omit<React.ReactNode, 'null' | 'undefined'>;\nexport type ToastProps = {\n    /** Provide a unique id for toast */\n    id: string;\n    /**\n     * Content can be any valid react node, for e.g. a `div`, or a simple text.\n     */\n    content: ToastContent;\n    /** Additional options to define your toast */\n    options: ToastOptions;\n    /**\n     * Handler called when toast closes.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    onClose: () => void;\n    lastUpdated?: number;\n    lastDuplicateId?: string;\n};\n\nexport const Toast = ({ content, lastUpdated, onClose: handleClose, options, ...props }: ToastProps): JSX.Element => {\n    const { texts } = useLocalization();\n    const { autoClose, type = 'default' } = options;\n    const className = cn('bg-white relative flex items-center py-1 px-2 mt-3 w-full rounded yt-shadow print:hidden', {\n        'border border-gray-500': type === 'default' || type === 'loading' || !type,\n        'border border-green-500': type === 'success',\n        'border border-blue-500': type === 'information',\n        'border border-yellow-500': type === 'warning',\n        'border border-red-500': type === 'error',\n    });\n    const timer = useTimer(autoClose, handleClose);\n    const controls = useAnimation();\n\n    if (!content) {\n        // oxlint-disable-next-line no-console\n        console.warn(getToastEmptyContentWarning(content));\n    }\n\n    React.useEffect(() => {\n        if (autoClose) {\n            timer.start();\n        }\n    }, [autoClose]);\n\n    const triggerUpdateAnimation = async () => {\n        await controls.start({ scale: 1.05 });\n        await controls.start({ scale: 1 });\n    };\n\n    React.useEffect(() => {\n        if (lastUpdated) {\n            triggerUpdateAnimation();\n\n            if (timer.running) {\n                timer.start();\n            }\n        }\n    }, [lastUpdated]);\n\n    return (\n        <motion.div\n            {...props}\n            animate={controls}\n            className={className}\n            data-taco=\"toast\"\n            onMouseEnter={timer.pause}\n            onMouseLeave={timer.resume}>\n            {getBadgeIcon(type)}\n            <div className=\"flex-grow\">{content as React.ReactNode}</div>\n            <LegacyIconButton\n                appearance=\"discrete\"\n                className=\"-mr-2 cursor-pointer self-start !px-0 text-gray-700\"\n                icon=\"close\"\n                aria-label={texts.toasts.dismiss}\n                onClick={handleClose}\n            />\n        </motion.div>\n    );\n};\n"],"names":["React"],"mappings":";;;;;;;AA4Ca,MAAA,QAAQ,CAAC,EAAE,SAAS,aAAa,SAAS,aAAa,SAAS,GAAG,YAAqC;AAC3G,QAAA,EAAE,MAAM,IAAI,gBAAgB;AAClC,QAAM,EAAE,WAAW,OAAO,UAAc,IAAA;AAClC,QAAA,YAAY,GAAG,4FAA4F;AAAA,IAC7G,0BAA0B,SAAS,aAAa,SAAS,aAAa,CAAC;AAAA,IACvE,2BAA2B,SAAS;AAAA,IACpC,0BAA0B,SAAS;AAAA,IACnC,4BAA4B,SAAS;AAAA,IACrC,yBAAyB,SAAS;AAAA,EAAA,CACrC;AACK,QAAA,QAAQ,SAAS,WAAW,WAAW;AAC7C,QAAM,WAAW,aAAa;AAE9B,MAAI,CAAC,SAAS;AAEF,YAAA,KAAK,4BAA4B,OAAO,CAAC;AAAA,EAAA;AAGrDA,iBAAM,UAAU,MAAM;AAClB,QAAI,WAAW;AACX,YAAM,MAAM;AAAA,IAAA;AAAA,EAChB,GACD,CAAC,SAAS,CAAC;AAEd,QAAM,yBAAyB,YAAY;AACvC,UAAM,SAAS,MAAM,EAAE,OAAO,MAAM;AACpC,UAAM,SAAS,MAAM,EAAE,OAAO,GAAG;AAAA,EACrC;AAEAA,iBAAM,UAAU,MAAM;AAClB,QAAI,aAAa;AACU,6BAAA;AAEvB,UAAI,MAAM,SAAS;AACf,cAAM,MAAM;AAAA,MAAA;AAAA,IAChB;AAAA,EACJ,GACD,CAAC,WAAW,CAAC;AAGZ,SAAAA,+BAAA;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACI,GAAG;AAAA,MACJ,SAAS;AAAA,MACT;AAAA,MACA,aAAU;AAAA,MACV,cAAc,MAAM;AAAA,MACpB,cAAc,MAAM;AAAA,IAAA;AAAA,IACnB,aAAa,IAAI;AAAA,IACjBA,+BAAA,cAAA,OAAA,EAAI,WAAU,YAAA,GAAa,OAA2B;AAAA,IACvDA,+BAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,YAAW;AAAA,QACX,WAAU;AAAA,QACV,MAAK;AAAA,QACL,cAAY,MAAM,OAAO;AAAA,QACzB,SAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAEjB;AAER;"}
+{"version":3,"file":"Toast.js","sources":["../../../src/components/Toast/Toast.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { motion, useAnimation } from 'motion/react';\nimport { useTimer } from '../../utils/hooks/useTimer';\nimport { getBadgeIcon, getToastEmptyContentWarning } from './util';\nimport type { State } from '../../types';\nimport { useLocalization } from '../Provider/Localization';\nimport { LegacyIconButton } from '../LegacyComponents/IconButton/IconButton';\n\nexport type ToastsTexts = {\n    /** Aria-label for the close icon button of toast */\n    dismiss: string;\n};\n\nexport type ToastType = Exclude<State, 'default'> | 'loading';\nexport type ToastOptions = {\n    /** Provide time in milliseconds after which the toast should autoclose */\n    autoClose?: number;\n    /**\n     * State will change the icon displayed in toast and other characteristics,\n     * for e.g. `loading` state will display a progress animation.\n     * Default value is `default`\n     */\n    type?: ToastType;\n};\nexport type ToastContent = Omit<React.ReactNode, 'null' | 'undefined'>;\nexport type ToastProps = {\n    /** Provide a unique id for toast */\n    id: string;\n    /**\n     * Content can be any valid react node, for e.g. a `div`, or a simple text.\n     */\n    content: ToastContent;\n    /** Additional options to define your toast */\n    options: ToastOptions;\n    /**\n     * Handler called when toast closes.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    onClose: () => void;\n    lastUpdated?: number;\n    lastDuplicateId?: string;\n};\n\nexport const Toast = ({ content, lastUpdated, onClose: handleClose, options, ...props }: ToastProps): React.JSX.Element => {\n    const { texts } = useLocalization();\n    const { autoClose, type = 'default' } = options;\n    const className = cn('relative mt-3 flex w-full items-center rounded bg-white px-2 py-1 yt-shadow print:hidden', {\n        'border border-gray-500': type === 'default' || type === 'loading' || !type,\n        'border border-green-500': type === 'success',\n        'border border-blue-500': type === 'information',\n        'border border-yellow-500': type === 'warning',\n        'border border-red-500': type === 'error',\n    });\n    const timer = useTimer(autoClose, handleClose);\n    const controls = useAnimation();\n\n    if (!content) {\n        // oxlint-disable-next-line no-console\n        console.warn(getToastEmptyContentWarning(content));\n    }\n\n    React.useEffect(() => {\n        if (autoClose) {\n            timer.start();\n        }\n    }, [autoClose]);\n\n    const triggerUpdateAnimation = async () => {\n        await controls.start({ scale: 1.05 });\n        await controls.start({ scale: 1 });\n    };\n\n    React.useEffect(() => {\n        if (lastUpdated) {\n            triggerUpdateAnimation();\n\n            if (timer.running) {\n                timer.start();\n            }\n        }\n    }, [lastUpdated]);\n\n    return (\n        <motion.div\n            {...props}\n            animate={controls}\n            className={className}\n            data-taco=\"toast\"\n            onMouseEnter={timer.pause}\n            onMouseLeave={timer.resume}>\n            {getBadgeIcon(type)}\n            <div className=\"flex-grow\">{content as React.ReactNode}</div>\n            <LegacyIconButton\n                appearance=\"discrete\"\n                className=\"-mr-2 cursor-pointer self-start !px-0 text-gray-700\"\n                icon=\"close\"\n                aria-label={texts.toasts.dismiss}\n                onClick={handleClose}\n            />\n        </motion.div>\n    );\n};\n"],"names":["React"],"mappings":";;;;;;;AA4CO,MAAM,QAAQ,CAAC,EAAE,SAAS,aAAa,SAAS,aAAa,SAAS,GAAG,YAA2C;AACvH,QAAM,EAAE,MAAA,IAAU,gBAAA;AAClB,QAAM,EAAE,WAAW,OAAO,UAAA,IAAc;AACxC,QAAM,YAAY,GAAG,4FAA4F;AAAA,IAC7G,0BAA0B,SAAS,aAAa,SAAS,aAAa,CAAC;AAAA,IACvE,2BAA2B,SAAS;AAAA,IACpC,0BAA0B,SAAS;AAAA,IACnC,4BAA4B,SAAS;AAAA,IACrC,yBAAyB,SAAS;AAAA,EAAA,CACrC;AACD,QAAM,QAAQ,SAAS,WAAW,WAAW;AAC7C,QAAM,WAAW,aAAA;AAEjB,MAAI,CAAC,SAAS;AAEV,YAAQ,KAAK,4BAA4B,OAAO,CAAC;AAAA,EACrD;AAEAA,iBAAM,UAAU,MAAM;AAClB,QAAI,WAAW;AACX,YAAM,MAAA;AAAA,IACV;AAAA,EACJ,GAAG,CAAC,SAAS,CAAC;AAEd,QAAM,yBAAyB,YAAY;AACvC,UAAM,SAAS,MAAM,EAAE,OAAO,MAAM;AACpC,UAAM,SAAS,MAAM,EAAE,OAAO,GAAG;AAAA,EACrC;AAEAA,iBAAM,UAAU,MAAM;AAClB,QAAI,aAAa;AACb,6BAAA;AAEA,UAAI,MAAM,SAAS;AACf,cAAM,MAAA;AAAA,MACV;AAAA,IACJ;AAAA,EACJ,GAAG,CAAC,WAAW,CAAC;AAEhB,SACIA,+BAAA;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACI,GAAG;AAAA,MACJ,SAAS;AAAA,MACT;AAAA,MACA,aAAU;AAAA,MACV,cAAc,MAAM;AAAA,MACpB,cAAc,MAAM;AAAA,IAAA;AAAA,IACnB,aAAa,IAAI;AAAA,IAClBA,+BAAA,cAAC,OAAA,EAAI,WAAU,YAAA,GAAa,OAA2B;AAAA,IACvDA,+BAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,YAAW;AAAA,QACX,WAAU;AAAA,QACV,MAAK;AAAA,QACL,cAAY,MAAM,OAAO;AAAA,QACzB,SAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EACb;AAGZ;"}

package/dist/components/Toast/Toaster.cjs

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const ReactDOM = require("react-dom");
 const nanoid = require("nanoid");
-const framerMotion = require("framer-motion");
+const react = require("motion/react");
 const Toast = require("./Toast.cjs");
 ;/* empty css            */
 function _interopNamespaceDefault(e) {
@@ -41,11 +41,10 @@ const insertToastWithoutDuplicates = (currentToasts, id, content, options, close
   return nextToasts;
 };
 const Portal = (props) => {
-  var _a;
   const { children, container: containerProp, ...portalProps } = props;
   const [mounted, setMounted] = React__namespace.useState(false);
   React__namespace.useLayoutEffect(() => setMounted(true), []);
-  const container = containerProp || mounted && ((_a = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : _a.body);
+  const container = containerProp || mounted && globalThis?.document?.body;
   return container ? ReactDOM.createPortal(
     /* @__PURE__ */ React__namespace.createElement("div", { ...portalProps, "data-taco": "portal" }, children),
     container
@@ -106,11 +105,11 @@ const ToastProvider = ({ children, ...props }) => {
     "div",
     {
       id: "yt-toast__container",
-      className: "pointer-events-all absolute !left-auto bottom-0 right-0 z-[1000] mb-4 mr-4 flex max-w-md flex-col items-end justify-end",
+      className: "absolute !left-auto bottom-0 right-0 z-[1000] mb-4 mr-4 flex max-w-md flex-col items-end justify-end pointer-events-all",
       role: "log"
     },
-    /* @__PURE__ */ React__namespace.createElement(framerMotion.AnimatePresence, { initial: false }, toasts.map((toast) => /* @__PURE__ */ React__namespace.createElement(
-      framerMotion.motion.div,
+    /* @__PURE__ */ React__namespace.createElement(react.AnimatePresence, { initial: false }, toasts.map((toast) => /* @__PURE__ */ React__namespace.createElement(
+      react.motion.div,
       {
         key: toast.id,
         transition: {

package/dist/components/Toast/Toaster.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Toaster.cjs","sources":["../../../src/components/Toast/Toaster.tsx"],"sourcesContent":["import * as React from 'react';\nimport ReactDOM from 'react-dom';\nimport { nanoid } from 'nanoid';\nimport { AnimatePresence, motion } from 'framer-motion';\n\nimport { ToastOptions, Toast, ToastProps, ToastContent } from './Toast';\nimport './Toast.css';\n\nconst DEFAULT_AUTO_CLOSE_TIMEOUT = 7500;\n\ntype ToastCreator<T> = (content: ToastContent | ((close: () => void) => ToastContent), options?: ToastOptions) => T;\n\nexport interface Toaster<T> extends ToastCreator<T> {\n    success: ToastCreator<T>;\n    error: ToastCreator<T>;\n    warning: ToastCreator<T>;\n    information: ToastCreator<T>;\n    loading: ToastCreator<T>;\n}\n\nexport interface ToastReference {\n    /** Show a success toast */\n    success: ToastCreator<void>;\n    /** Show an error toast */\n    error: ToastCreator<void>;\n    /** Show a warning toast */\n    warning: ToastCreator<void>;\n    /** Show an information toast */\n    information: ToastCreator<void>;\n    /** Show a loading toast */\n    loading: ToastCreator<void>;\n    /**\n     * Close an existing toast.\n     * The toast function returns a reference to the active toast,\n     * allowing you to programmatically close it when needed\n     */\n    close: () => void;\n}\n\nconst ToastContext = React.createContext<Toaster<ToastReference>>({} as Toaster<ToastReference>);\n\nexport interface ToastProviderProps {\n    children: React.ReactNode;\n}\n\ntype InternalToast = Omit<ToastProps, 'onClose'>;\n\nconst insertToastWithoutDuplicates = (\n    currentToasts: InternalToast[],\n    id: string,\n    content: ToastContent,\n    options: ToastOptions,\n    close: () => void\n): InternalToast[] => {\n    const nextToasts = [...currentToasts];\n    const existingToastIndex = currentToasts.findIndex(toast => JSON.stringify(toast.content) === JSON.stringify(content));\n\n    if (existingToastIndex > -1 && nextToasts[existingToastIndex]) {\n        nextToasts[existingToastIndex].lastDuplicateId = id;\n        nextToasts[existingToastIndex].lastUpdated = Date.now();\n    } else {\n        nextToasts.push({\n            id,\n            content: typeof content === 'function' ? content(close) : content,\n            options,\n        });\n    }\n\n    return nextToasts;\n};\n\ntype PortalProps = React.ComponentPropsWithRef<'div'> & {\n    container?: Element | DocumentFragment | null;\n};\n\nconst Portal = (props: PortalProps) => {\n    const { children, container: containerProp, ...portalProps } = props;\n\n    const [mounted, setMounted] = React.useState(false);\n    React.useLayoutEffect(() => setMounted(true), []);\n    const container = containerProp || (mounted && globalThis?.document?.body);\n\n    return container\n        ? ReactDOM.createPortal(\n              <div {...portalProps} data-taco=\"portal\">\n                  {children}\n              </div>,\n              container\n          )\n        : null;\n};\n\nexport const ToastProvider = ({ children, ...props }: ToastProviderProps): JSX.Element => {\n    const [toasts, setToasts] = React.useState<InternalToast[]>([]);\n\n    const handleClose = (id: string): void => {\n        setToasts(currentToasts => currentToasts.filter(toast => toast.id !== id));\n    };\n\n    // memoize (useCallback) this function,\n    // it is the value of the context provider and we don't want it to trigger state tree re-renders on provider children\n    const toaster = React.useCallback((content: ToastContent, options: ToastOptions): ToastReference => {\n        const id = nanoid();\n        const close = (): void => handleClose(id);\n\n        setToasts(currentToasts => insertToastWithoutDuplicates(currentToasts, id, content, options, close));\n\n        const update = (content: ToastContent, options: ToastOptions): void => {\n            setToasts(currentToasts => {\n                const nextToasts = currentToasts.filter(toast => {\n                    if (toast.lastDuplicateId) {\n                        return toast.lastDuplicateId !== id;\n                    }\n\n                    return toast.id !== id;\n                });\n                return insertToastWithoutDuplicates(nextToasts, nanoid(), content, options, close);\n            });\n        };\n\n        const success = (content: ToastContent, options?: Omit<ToastOptions, 'type'>): void => {\n            update(content, { autoClose: DEFAULT_AUTO_CLOSE_TIMEOUT, ...options, type: 'success' });\n        };\n        const error = (content: ToastContent, options?: Omit<ToastOptions, 'type'>): void => {\n            update(content, { ...options, type: 'error' });\n        };\n        const warning = (content: ToastContent, options?: Omit<ToastOptions, 'type'>): void => {\n            update(content, { ...options, type: 'warning' });\n        };\n        const information = (content: ToastContent, options?: Omit<ToastOptions, 'type'>): void => {\n            update(content, { ...options, type: 'information' });\n        };\n        const loading = (content: ToastContent, options?: Omit<ToastOptions, 'type'>): void => {\n            update(content, { ...options, type: 'loading' });\n        };\n\n        return {\n            success,\n            error,\n            warning,\n            information,\n            loading,\n            close,\n        };\n    }, []) as Toaster<ToastReference>;\n\n    // no need to rebind these every render, do them once in an effect\n    React.useEffect(() => {\n        toaster.success = (content: ToastContent, options?: Omit<ToastOptions, 'type'>): ToastReference =>\n            toaster(content, { autoClose: DEFAULT_AUTO_CLOSE_TIMEOUT, ...options, type: 'success' });\n        toaster.error = (content: ToastContent, options?: Omit<ToastOptions, 'type'>): ToastReference =>\n            toaster(content, { ...options, type: 'error' });\n        toaster.warning = (content: ToastContent, options?: Omit<ToastOptions, 'type'>): ToastReference =>\n            toaster(content, { ...options, type: 'warning' });\n        toaster.information = (content: ToastContent, options?: Omit<ToastOptions, 'type'>): ToastReference =>\n            toaster(content, { ...options, type: 'information' });\n        toaster.loading = (content: ToastContent, options?: Omit<ToastOptions, 'type'>): ToastReference =>\n            toaster(content, { ...options, type: 'loading' });\n    }, []);\n\n    return (\n        <ToastContext.Provider {...props} value={toaster}>\n            {children}\n            <Portal>\n                <div\n                    id=\"yt-toast__container\"\n                    className=\"pointer-events-all absolute !left-auto bottom-0 right-0 z-[1000] mb-4 mr-4 flex max-w-md flex-col items-end justify-end\"\n                    role=\"log\">\n                    <AnimatePresence initial={false}>\n                        {toasts.map((toast: InternalToast) => (\n                            <motion.div\n                                key={toast.id}\n                                transition={{\n                                    type: 'spring',\n                                    damping: 20,\n                                    stiffness: 300,\n                                }}\n                                initial={{ opacity: 0, y: 10, scale: 0.5 }}\n                                animate={{ opacity: 1, y: 0, scale: 1 }}\n                                exit={{ opacity: 0, scale: 0.5, transition: { duration: 0.2 } }}>\n                                <Toast {...toast} onClose={() => handleClose(toast.id)} />\n                            </motion.div>\n                        ))}\n                    </AnimatePresence>\n                </div>\n            </Portal>\n        </ToastContext.Provider>\n    );\n};\n\nexport const useToast = (): Toaster<ToastReference> => React.useContext(ToastContext);\n"],"names":["React","nanoid","content","options","AnimatePresence","motion","Toast"],"mappings":"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"}
+{"version":3,"file":"Toaster.cjs","sources":["../../../src/components/Toast/Toaster.tsx"],"sourcesContent":["import * as React from 'react';\nimport ReactDOM from 'react-dom';\nimport { nanoid } from 'nanoid';\nimport { AnimatePresence, motion } from 'motion/react';\n\nimport { ToastOptions, Toast, ToastProps, ToastContent } from './Toast';\nimport './Toast.css';\n\nconst DEFAULT_AUTO_CLOSE_TIMEOUT = 7500;\n\ntype ToastCreator<T> = (content: ToastContent | ((close: () => void) => ToastContent), options?: ToastOptions) => T;\n\nexport interface Toaster<T> extends ToastCreator<T> {\n    success: ToastCreator<T>;\n    error: ToastCreator<T>;\n    warning: ToastCreator<T>;\n    information: ToastCreator<T>;\n    loading: ToastCreator<T>;\n}\n\nexport interface ToastReference {\n    /** Show a success toast */\n    success: ToastCreator<void>;\n    /** Show an error toast */\n    error: ToastCreator<void>;\n    /** Show a warning toast */\n    warning: ToastCreator<void>;\n    /** Show an information toast */\n    information: ToastCreator<void>;\n    /** Show a loading toast */\n    loading: ToastCreator<void>;\n    /**\n     * Close an existing toast.\n     * The toast function returns a reference to the active toast,\n     * allowing you to programmatically close it when needed\n     */\n    close: () => void;\n}\n\nconst ToastContext = React.createContext<Toaster<ToastReference>>({} as Toaster<ToastReference>);\n\nexport interface ToastProviderProps {\n    children: React.ReactNode;\n}\n\ntype InternalToast = Omit<ToastProps, 'onClose'>;\n\nconst insertToastWithoutDuplicates = (\n    currentToasts: InternalToast[],\n    id: string,\n    content: ToastContent,\n    options: ToastOptions,\n    close: () => void\n): InternalToast[] => {\n    const nextToasts = [...currentToasts];\n    const existingToastIndex = currentToasts.findIndex(toast => JSON.stringify(toast.content) === JSON.stringify(content));\n\n    if (existingToastIndex > -1 && nextToasts[existingToastIndex]) {\n        nextToasts[existingToastIndex].lastDuplicateId = id;\n        nextToasts[existingToastIndex].lastUpdated = Date.now();\n    } else {\n        nextToasts.push({\n            id,\n            content: typeof content === 'function' ? content(close) : content,\n            options,\n        });\n    }\n\n    return nextToasts;\n};\n\ntype PortalProps = React.ComponentPropsWithRef<'div'> & {\n    container?: Element | DocumentFragment | null;\n};\n\nconst Portal = (props: PortalProps) => {\n    const { children, container: containerProp, ...portalProps } = props;\n\n    const [mounted, setMounted] = React.useState(false);\n    React.useLayoutEffect(() => setMounted(true), []);\n    const container = containerProp || (mounted && globalThis?.document?.body);\n\n    return container\n        ? ReactDOM.createPortal(\n              <div {...portalProps} data-taco=\"portal\">\n                  {children}\n              </div>,\n              container\n          )\n        : null;\n};\n\nexport const ToastProvider = ({ children, ...props }: ToastProviderProps): React.JSX.Element => {\n    const [toasts, setToasts] = React.useState<InternalToast[]>([]);\n\n    const handleClose = (id: string): void => {\n        setToasts(currentToasts => currentToasts.filter(toast => toast.id !== id));\n    };\n\n    // memoize (useCallback) this function,\n    // it is the value of the context provider and we don't want it to trigger state tree re-renders on provider children\n    const toaster = React.useCallback((content: ToastContent, options: ToastOptions): ToastReference => {\n        const id = nanoid();\n        const close = (): void => handleClose(id);\n\n        setToasts(currentToasts => insertToastWithoutDuplicates(currentToasts, id, content, options, close));\n\n        const update = (content: ToastContent, options: ToastOptions): void => {\n            setToasts(currentToasts => {\n                const nextToasts = currentToasts.filter(toast => {\n                    if (toast.lastDuplicateId) {\n                        return toast.lastDuplicateId !== id;\n                    }\n\n                    return toast.id !== id;\n                });\n                return insertToastWithoutDuplicates(nextToasts, nanoid(), content, options, close);\n            });\n        };\n\n        const success = (content: ToastContent, options?: Omit<ToastOptions, 'type'>): void => {\n            update(content, { autoClose: DEFAULT_AUTO_CLOSE_TIMEOUT, ...options, type: 'success' });\n        };\n        const error = (content: ToastContent, options?: Omit<ToastOptions, 'type'>): void => {\n            update(content, { ...options, type: 'error' });\n        };\n        const warning = (content: ToastContent, options?: Omit<ToastOptions, 'type'>): void => {\n            update(content, { ...options, type: 'warning' });\n        };\n        const information = (content: ToastContent, options?: Omit<ToastOptions, 'type'>): void => {\n            update(content, { ...options, type: 'information' });\n        };\n        const loading = (content: ToastContent, options?: Omit<ToastOptions, 'type'>): void => {\n            update(content, { ...options, type: 'loading' });\n        };\n\n        return {\n            success,\n            error,\n            warning,\n            information,\n            loading,\n            close,\n        };\n    }, []) as Toaster<ToastReference>;\n\n    // no need to rebind these every render, do them once in an effect\n    React.useEffect(() => {\n        toaster.success = (content: ToastContent, options?: Omit<ToastOptions, 'type'>): ToastReference =>\n            toaster(content, { autoClose: DEFAULT_AUTO_CLOSE_TIMEOUT, ...options, type: 'success' });\n        toaster.error = (content: ToastContent, options?: Omit<ToastOptions, 'type'>): ToastReference =>\n            toaster(content, { ...options, type: 'error' });\n        toaster.warning = (content: ToastContent, options?: Omit<ToastOptions, 'type'>): ToastReference =>\n            toaster(content, { ...options, type: 'warning' });\n        toaster.information = (content: ToastContent, options?: Omit<ToastOptions, 'type'>): ToastReference =>\n            toaster(content, { ...options, type: 'information' });\n        toaster.loading = (content: ToastContent, options?: Omit<ToastOptions, 'type'>): ToastReference =>\n            toaster(content, { ...options, type: 'loading' });\n    }, []);\n\n    return (\n        <ToastContext.Provider {...props} value={toaster}>\n            {children}\n            <Portal>\n                <div\n                    id=\"yt-toast__container\"\n                    className=\"absolute !left-auto bottom-0 right-0 z-[1000] mb-4 mr-4 flex max-w-md flex-col items-end justify-end pointer-events-all\"\n                    role=\"log\">\n                    <AnimatePresence initial={false}>\n                        {toasts.map((toast: InternalToast) => (\n                            <motion.div\n                                key={toast.id}\n                                transition={{\n                                    type: 'spring',\n                                    damping: 20,\n                                    stiffness: 300,\n                                }}\n                                initial={{ opacity: 0, y: 10, scale: 0.5 }}\n                                animate={{ opacity: 1, y: 0, scale: 1 }}\n                                exit={{ opacity: 0, scale: 0.5, transition: { duration: 0.2 } }}>\n                                <Toast {...toast} onClose={() => handleClose(toast.id)} />\n                            </motion.div>\n                        ))}\n                    </AnimatePresence>\n                </div>\n            </Portal>\n        </ToastContext.Provider>\n    );\n};\n\nexport const useToast = (): Toaster<ToastReference> => React.useContext(ToastContext);\n"],"names":["React","nanoid","content","options","AnimatePresence","motion","Toast"],"mappings":"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"}

package/dist/components/Toast/Toaster.d.ts

@@ -29,6 +29,6 @@ export interface ToastReference {
 export interface ToastProviderProps {
     children: React.ReactNode;
 }
-export declare const ToastProvider: ({ children, ...props }: ToastProviderProps) => JSX.Element;
+export declare const ToastProvider: ({ children, ...props }: ToastProviderProps) => React.JSX.Element;
 export declare const useToast: () => Toaster<ToastReference>;
 export {};

package/dist/components/Toast/Toaster.js

@@ -1,7 +1,7 @@
 import * as React from "react";
 import ReactDOM from "react-dom";
 import { nanoid } from "nanoid";
-import { AnimatePresence, motion } from "framer-motion";
+import { AnimatePresence, motion } from "motion/react";
 import { Toast } from "./Toast.js";
 /* empty css          */
 const DEFAULT_AUTO_CLOSE_TIMEOUT = 7500;
@@ -22,11 +22,10 @@ const insertToastWithoutDuplicates = (currentToasts, id, content, options, close
   return nextToasts;
 };
 const Portal = (props) => {
-  var _a;
   const { children, container: containerProp, ...portalProps } = props;
   const [mounted, setMounted] = React.useState(false);
   React.useLayoutEffect(() => setMounted(true), []);
-  const container = containerProp || mounted && ((_a = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : _a.body);
+  const container = containerProp || mounted && globalThis?.document?.body;
   return container ? ReactDOM.createPortal(
     /* @__PURE__ */ React.createElement("div", { ...portalProps, "data-taco": "portal" }, children),
     container
@@ -87,7 +86,7 @@ const ToastProvider = ({ children, ...props }) => {
     "div",
     {
       id: "yt-toast__container",
-      className: "pointer-events-all absolute !left-auto bottom-0 right-0 z-[1000] mb-4 mr-4 flex max-w-md flex-col items-end justify-end",
+      className: "absolute !left-auto bottom-0 right-0 z-[1000] mb-4 mr-4 flex max-w-md flex-col items-end justify-end pointer-events-all",
       role: "log"
     },
     /* @__PURE__ */ React.createElement(AnimatePresence, { initial: false }, toasts.map((toast) => /* @__PURE__ */ React.createElement(

package/dist/components/Toast/Toaster.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toaster.js","sources":["../../../src/components/Toast/Toaster.tsx"],"sourcesContent":["import * as React from 'react';\nimport ReactDOM from 'react-dom';\nimport { nanoid } from 'nanoid';\nimport { AnimatePresence, motion } from 'framer-motion';\n\nimport { ToastOptions, Toast, ToastProps, ToastContent } from './Toast';\nimport './Toast.css';\n\nconst DEFAULT_AUTO_CLOSE_TIMEOUT = 7500;\n\ntype ToastCreator<T> = (content: ToastContent | ((close: () => void) => ToastContent), options?: ToastOptions) => T;\n\nexport interface Toaster<T> extends ToastCreator<T> {\n    success: ToastCreator<T>;\n    error: ToastCreator<T>;\n    warning: ToastCreator<T>;\n    information: ToastCreator<T>;\n    loading: ToastCreator<T>;\n}\n\nexport interface ToastReference {\n    /** Show a success toast */\n    success: ToastCreator<void>;\n    /** Show an error toast */\n    error: ToastCreator<void>;\n    /** Show a warning toast */\n    warning: ToastCreator<void>;\n    /** Show an information toast */\n    information: ToastCreator<void>;\n    /** Show a loading toast */\n    loading: ToastCreator<void>;\n    /**\n     * Close an existing toast.\n     * The toast function returns a reference to the active toast,\n     * allowing you to programmatically close it when needed\n     */\n    close: () => void;\n}\n\nconst ToastContext = React.createContext<Toaster<ToastReference>>({} as Toaster<ToastReference>);\n\nexport interface ToastProviderProps {\n    children: React.ReactNode;\n}\n\ntype InternalToast = Omit<ToastProps, 'onClose'>;\n\nconst insertToastWithoutDuplicates = (\n    currentToasts: InternalToast[],\n    id: string,\n    content: ToastContent,\n    options: ToastOptions,\n    close: () => void\n): InternalToast[] => {\n    const nextToasts = [...currentToasts];\n    const existingToastIndex = currentToasts.findIndex(toast => JSON.stringify(toast.content) === JSON.stringify(content));\n\n    if (existingToastIndex > -1 && nextToasts[existingToastIndex]) {\n        nextToasts[existingToastIndex].lastDuplicateId = id;\n        nextToasts[existingToastIndex].lastUpdated = Date.now();\n    } else {\n        nextToasts.push({\n            id,\n            content: typeof content === 'function' ? content(close) : content,\n            options,\n        });\n    }\n\n    return nextToasts;\n};\n\ntype PortalProps = React.ComponentPropsWithRef<'div'> & {\n    container?: Element | DocumentFragment | null;\n};\n\nconst Portal = (props: PortalProps) => {\n    const { children, container: containerProp, ...portalProps } = props;\n\n    const [mounted, setMounted] = React.useState(false);\n    React.useLayoutEffect(() => setMounted(true), []);\n    const container = containerProp || (mounted && globalThis?.document?.body);\n\n    return container\n        ? ReactDOM.createPortal(\n              <div {...portalProps} data-taco=\"portal\">\n                  {children}\n              </div>,\n              container\n          )\n        : null;\n};\n\nexport const ToastProvider = ({ children, ...props }: ToastProviderProps): JSX.Element => {\n    const [toasts, setToasts] = React.useState<InternalToast[]>([]);\n\n    const handleClose = (id: string): void => {\n        setToasts(currentToasts => currentToasts.filter(toast => toast.id !== id));\n    };\n\n    // memoize (useCallback) this function,\n    // it is the value of the context provider and we don't want it to trigger state tree re-renders on provider children\n    const toaster = React.useCallback((content: ToastContent, options: ToastOptions): ToastReference => {\n        const id = nanoid();\n        const close = (): void => handleClose(id);\n\n        setToasts(currentToasts => insertToastWithoutDuplicates(currentToasts, id, content, options, close));\n\n        const update = (content: ToastContent, options: ToastOptions): void => {\n            setToasts(currentToasts => {\n                const nextToasts = currentToasts.filter(toast => {\n                    if (toast.lastDuplicateId) {\n                        return toast.lastDuplicateId !== id;\n                    }\n\n                    return toast.id !== id;\n                });\n                return insertToastWithoutDuplicates(nextToasts, nanoid(), content, options, close);\n            });\n        };\n\n        const success = (content: ToastContent, options?: Omit<ToastOptions, 'type'>): void => {\n            update(content, { autoClose: DEFAULT_AUTO_CLOSE_TIMEOUT, ...options, type: 'success' });\n        };\n        const error = (content: ToastContent, options?: Omit<ToastOptions, 'type'>): void => {\n            update(content, { ...options, type: 'error' });\n        };\n        const warning = (content: ToastContent, options?: Omit<ToastOptions, 'type'>): void => {\n            update(content, { ...options, type: 'warning' });\n        };\n        const information = (content: ToastContent, options?: Omit<ToastOptions, 'type'>): void => {\n            update(content, { ...options, type: 'information' });\n        };\n        const loading = (content: ToastContent, options?: Omit<ToastOptions, 'type'>): void => {\n            update(content, { ...options, type: 'loading' });\n        };\n\n        return {\n            success,\n            error,\n            warning,\n            information,\n            loading,\n            close,\n        };\n    }, []) as Toaster<ToastReference>;\n\n    // no need to rebind these every render, do them once in an effect\n    React.useEffect(() => {\n        toaster.success = (content: ToastContent, options?: Omit<ToastOptions, 'type'>): ToastReference =>\n            toaster(content, { autoClose: DEFAULT_AUTO_CLOSE_TIMEOUT, ...options, type: 'success' });\n        toaster.error = (content: ToastContent, options?: Omit<ToastOptions, 'type'>): ToastReference =>\n            toaster(content, { ...options, type: 'error' });\n        toaster.warning = (content: ToastContent, options?: Omit<ToastOptions, 'type'>): ToastReference =>\n            toaster(content, { ...options, type: 'warning' });\n        toaster.information = (content: ToastContent, options?: Omit<ToastOptions, 'type'>): ToastReference =>\n            toaster(content, { ...options, type: 'information' });\n        toaster.loading = (content: ToastContent, options?: Omit<ToastOptions, 'type'>): ToastReference =>\n            toaster(content, { ...options, type: 'loading' });\n    }, []);\n\n    return (\n        <ToastContext.Provider {...props} value={toaster}>\n            {children}\n            <Portal>\n                <div\n                    id=\"yt-toast__container\"\n                    className=\"pointer-events-all absolute !left-auto bottom-0 right-0 z-[1000] mb-4 mr-4 flex max-w-md flex-col items-end justify-end\"\n                    role=\"log\">\n                    <AnimatePresence initial={false}>\n                        {toasts.map((toast: InternalToast) => (\n                            <motion.div\n                                key={toast.id}\n                                transition={{\n                                    type: 'spring',\n                                    damping: 20,\n                                    stiffness: 300,\n                                }}\n                                initial={{ opacity: 0, y: 10, scale: 0.5 }}\n                                animate={{ opacity: 1, y: 0, scale: 1 }}\n                                exit={{ opacity: 0, scale: 0.5, transition: { duration: 0.2 } }}>\n                                <Toast {...toast} onClose={() => handleClose(toast.id)} />\n                            </motion.div>\n                        ))}\n                    </AnimatePresence>\n                </div>\n            </Portal>\n        </ToastContext.Provider>\n    );\n};\n\nexport const useToast = (): Toaster<ToastReference> => React.useContext(ToastContext);\n"],"names":["content","options"],"mappings":";;;;;;AAQA,MAAM,6BAA6B;AA+BnC,MAAM,eAAe,MAAM,cAAuC,EAA6B;AAQ/F,MAAM,+BAA+B,CACjC,eACA,IACA,SACA,SACA,UACkB;AACZ,QAAA,aAAa,CAAC,GAAG,aAAa;AACpC,QAAM,qBAAqB,cAAc,UAAU,CAAA,UAAS,KAAK,UAAU,MAAM,OAAO,MAAM,KAAK,UAAU,OAAO,CAAC;AAErH,MAAI,qBAAqB,MAAM,WAAW,kBAAkB,GAAG;AAChD,eAAA,kBAAkB,EAAE,kBAAkB;AACjD,eAAW,kBAAkB,EAAE,cAAc,KAAK,IAAI;AAAA,EAAA,OACnD;AACH,eAAW,KAAK;AAAA,MACZ;AAAA,MACA,SAAS,OAAO,YAAY,aAAa,QAAQ,KAAK,IAAI;AAAA,MAC1D;AAAA,IAAA,CACH;AAAA,EAAA;AAGE,SAAA;AACX;AAMA,MAAM,SAAS,CAAC,UAAuB;;AACnC,QAAM,EAAE,UAAU,WAAW,eAAe,GAAG,YAAgB,IAAA;AAE/D,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAS,KAAK;AAClD,QAAM,gBAAgB,MAAM,WAAW,IAAI,GAAG,CAAA,CAAE;AAChD,QAAM,YAAY,iBAAkB,aAAW,8CAAY,aAAZ,mBAAsB;AAErE,SAAO,YACD,SAAS;AAAA,wCACJ,OAAK,EAAA,GAAG,aAAa,aAAU,YAC3B,QACL;AAAA,IACA;AAAA,EAAA,IAEJ;AACV;AAEO,MAAM,gBAAgB,CAAC,EAAE,UAAU,GAAG,YAA6C;AACtF,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAA0B,CAAA,CAAE;AAExD,QAAA,cAAc,CAAC,OAAqB;AACtC,cAAU,mBAAiB,cAAc,OAAO,WAAS,MAAM,OAAO,EAAE,CAAC;AAAA,EAC7E;AAIA,QAAM,UAAU,MAAM,YAAY,CAAC,SAAuB,YAA0C;AAChG,UAAM,KAAK,OAAO;AACZ,UAAA,QAAQ,MAAY,YAAY,EAAE;AAExC,cAAU,mBAAiB,6BAA6B,eAAe,IAAI,SAAS,SAAS,KAAK,CAAC;AAE7F,UAAA,SAAS,CAACA,UAAuBC,aAAgC;AACnE,gBAAU,CAAiB,kBAAA;AACjB,cAAA,aAAa,cAAc,OAAO,CAAS,UAAA;AAC7C,cAAI,MAAM,iBAAiB;AACvB,mBAAO,MAAM,oBAAoB;AAAA,UAAA;AAGrC,iBAAO,MAAM,OAAO;AAAA,QAAA,CACvB;AACD,eAAO,6BAA6B,YAAY,OAAUD,GAAAA,UAASC,UAAS,KAAK;AAAA,MAAA,CACpF;AAAA,IACL;AAEM,UAAA,UAAU,CAACD,UAAuBC,aAA+C;AAC5ED,aAAAA,UAAS,EAAE,WAAW,4BAA4B,GAAGC,UAAS,MAAM,WAAW;AAAA,IAC1F;AACM,UAAA,QAAQ,CAACD,UAAuBC,aAA+C;AACjF,aAAOD,UAAS,EAAE,GAAGC,UAAS,MAAM,SAAS;AAAA,IACjD;AACM,UAAA,UAAU,CAACD,UAAuBC,aAA+C;AACnF,aAAOD,UAAS,EAAE,GAAGC,UAAS,MAAM,WAAW;AAAA,IACnD;AACM,UAAA,cAAc,CAACD,UAAuBC,aAA+C;AACvF,aAAOD,UAAS,EAAE,GAAGC,UAAS,MAAM,eAAe;AAAA,IACvD;AACM,UAAA,UAAU,CAACD,UAAuBC,aAA+C;AACnF,aAAOD,UAAS,EAAE,GAAGC,UAAS,MAAM,WAAW;AAAA,IACnD;AAEO,WAAA;AAAA,MACH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACJ;AAAA,EACJ,GAAG,EAAE;AAGL,QAAM,UAAU,MAAM;AAClB,YAAQ,UAAU,CAAC,SAAuB,YACtC,QAAQ,SAAS,EAAE,WAAW,4BAA4B,GAAG,SAAS,MAAM,WAAW;AACnF,YAAA,QAAQ,CAAC,SAAuB,YACpC,QAAQ,SAAS,EAAE,GAAG,SAAS,MAAM,QAAA,CAAS;AAC1C,YAAA,UAAU,CAAC,SAAuB,YACtC,QAAQ,SAAS,EAAE,GAAG,SAAS,MAAM,UAAA,CAAW;AAC5C,YAAA,cAAc,CAAC,SAAuB,YAC1C,QAAQ,SAAS,EAAE,GAAG,SAAS,MAAM,cAAA,CAAe;AAChD,YAAA,UAAU,CAAC,SAAuB,YACtC,QAAQ,SAAS,EAAE,GAAG,SAAS,MAAM,UAAA,CAAW;AAAA,EACxD,GAAG,EAAE;AAGD,SAAA,sBAAA,cAAC,aAAa,UAAb,EAAuB,GAAG,OAAO,OAAO,QAAA,GACpC,UACD,sBAAA,cAAC,QACG,MAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,IAAG;AAAA,MACH,WAAU;AAAA,MACV,MAAK;AAAA,IAAA;AAAA,wCACJ,iBAAgB,EAAA,SAAS,SACrB,OAAO,IAAI,CAAC,UACT,sBAAA;AAAA,MAAC,OAAO;AAAA,MAAP;AAAA,QACG,KAAK,MAAM;AAAA,QACX,YAAY;AAAA,UACR,MAAM;AAAA,UACN,SAAS;AAAA,UACT,WAAW;AAAA,QACf;AAAA,QACA,SAAS,EAAE,SAAS,GAAG,GAAG,IAAI,OAAO,IAAI;AAAA,QACzC,SAAS,EAAE,SAAS,GAAG,GAAG,GAAG,OAAO,EAAE;AAAA,QACtC,MAAM,EAAE,SAAS,GAAG,OAAO,KAAK,YAAY,EAAE,UAAU,IAAM,EAAA;AAAA,MAAA;AAAA,MAC9D,sBAAA,cAAC,SAAO,GAAG,OAAO,SAAS,MAAM,YAAY,MAAM,EAAE,EAAG,CAAA;AAAA,IAAA,CAE/D,CACL;AAAA,EAAA,CAER,CACJ;AAER;AAEO,MAAM,WAAW,MAA+B,MAAM,WAAW,YAAY;"}
+{"version":3,"file":"Toaster.js","sources":["../../../src/components/Toast/Toaster.tsx"],"sourcesContent":["import * as React from 'react';\nimport ReactDOM from 'react-dom';\nimport { nanoid } from 'nanoid';\nimport { AnimatePresence, motion } from 'motion/react';\n\nimport { ToastOptions, Toast, ToastProps, ToastContent } from './Toast';\nimport './Toast.css';\n\nconst DEFAULT_AUTO_CLOSE_TIMEOUT = 7500;\n\ntype ToastCreator<T> = (content: ToastContent | ((close: () => void) => ToastContent), options?: ToastOptions) => T;\n\nexport interface Toaster<T> extends ToastCreator<T> {\n    success: ToastCreator<T>;\n    error: ToastCreator<T>;\n    warning: ToastCreator<T>;\n    information: ToastCreator<T>;\n    loading: ToastCreator<T>;\n}\n\nexport interface ToastReference {\n    /** Show a success toast */\n    success: ToastCreator<void>;\n    /** Show an error toast */\n    error: ToastCreator<void>;\n    /** Show a warning toast */\n    warning: ToastCreator<void>;\n    /** Show an information toast */\n    information: ToastCreator<void>;\n    /** Show a loading toast */\n    loading: ToastCreator<void>;\n    /**\n     * Close an existing toast.\n     * The toast function returns a reference to the active toast,\n     * allowing you to programmatically close it when needed\n     */\n    close: () => void;\n}\n\nconst ToastContext = React.createContext<Toaster<ToastReference>>({} as Toaster<ToastReference>);\n\nexport interface ToastProviderProps {\n    children: React.ReactNode;\n}\n\ntype InternalToast = Omit<ToastProps, 'onClose'>;\n\nconst insertToastWithoutDuplicates = (\n    currentToasts: InternalToast[],\n    id: string,\n    content: ToastContent,\n    options: ToastOptions,\n    close: () => void\n): InternalToast[] => {\n    const nextToasts = [...currentToasts];\n    const existingToastIndex = currentToasts.findIndex(toast => JSON.stringify(toast.content) === JSON.stringify(content));\n\n    if (existingToastIndex > -1 && nextToasts[existingToastIndex]) {\n        nextToasts[existingToastIndex].lastDuplicateId = id;\n        nextToasts[existingToastIndex].lastUpdated = Date.now();\n    } else {\n        nextToasts.push({\n            id,\n            content: typeof content === 'function' ? content(close) : content,\n            options,\n        });\n    }\n\n    return nextToasts;\n};\n\ntype PortalProps = React.ComponentPropsWithRef<'div'> & {\n    container?: Element | DocumentFragment | null;\n};\n\nconst Portal = (props: PortalProps) => {\n    const { children, container: containerProp, ...portalProps } = props;\n\n    const [mounted, setMounted] = React.useState(false);\n    React.useLayoutEffect(() => setMounted(true), []);\n    const container = containerProp || (mounted && globalThis?.document?.body);\n\n    return container\n        ? ReactDOM.createPortal(\n              <div {...portalProps} data-taco=\"portal\">\n                  {children}\n              </div>,\n              container\n          )\n        : null;\n};\n\nexport const ToastProvider = ({ children, ...props }: ToastProviderProps): React.JSX.Element => {\n    const [toasts, setToasts] = React.useState<InternalToast[]>([]);\n\n    const handleClose = (id: string): void => {\n        setToasts(currentToasts => currentToasts.filter(toast => toast.id !== id));\n    };\n\n    // memoize (useCallback) this function,\n    // it is the value of the context provider and we don't want it to trigger state tree re-renders on provider children\n    const toaster = React.useCallback((content: ToastContent, options: ToastOptions): ToastReference => {\n        const id = nanoid();\n        const close = (): void => handleClose(id);\n\n        setToasts(currentToasts => insertToastWithoutDuplicates(currentToasts, id, content, options, close));\n\n        const update = (content: ToastContent, options: ToastOptions): void => {\n            setToasts(currentToasts => {\n                const nextToasts = currentToasts.filter(toast => {\n                    if (toast.lastDuplicateId) {\n                        return toast.lastDuplicateId !== id;\n                    }\n\n                    return toast.id !== id;\n                });\n                return insertToastWithoutDuplicates(nextToasts, nanoid(), content, options, close);\n            });\n        };\n\n        const success = (content: ToastContent, options?: Omit<ToastOptions, 'type'>): void => {\n            update(content, { autoClose: DEFAULT_AUTO_CLOSE_TIMEOUT, ...options, type: 'success' });\n        };\n        const error = (content: ToastContent, options?: Omit<ToastOptions, 'type'>): void => {\n            update(content, { ...options, type: 'error' });\n        };\n        const warning = (content: ToastContent, options?: Omit<ToastOptions, 'type'>): void => {\n            update(content, { ...options, type: 'warning' });\n        };\n        const information = (content: ToastContent, options?: Omit<ToastOptions, 'type'>): void => {\n            update(content, { ...options, type: 'information' });\n        };\n        const loading = (content: ToastContent, options?: Omit<ToastOptions, 'type'>): void => {\n            update(content, { ...options, type: 'loading' });\n        };\n\n        return {\n            success,\n            error,\n            warning,\n            information,\n            loading,\n            close,\n        };\n    }, []) as Toaster<ToastReference>;\n\n    // no need to rebind these every render, do them once in an effect\n    React.useEffect(() => {\n        toaster.success = (content: ToastContent, options?: Omit<ToastOptions, 'type'>): ToastReference =>\n            toaster(content, { autoClose: DEFAULT_AUTO_CLOSE_TIMEOUT, ...options, type: 'success' });\n        toaster.error = (content: ToastContent, options?: Omit<ToastOptions, 'type'>): ToastReference =>\n            toaster(content, { ...options, type: 'error' });\n        toaster.warning = (content: ToastContent, options?: Omit<ToastOptions, 'type'>): ToastReference =>\n            toaster(content, { ...options, type: 'warning' });\n        toaster.information = (content: ToastContent, options?: Omit<ToastOptions, 'type'>): ToastReference =>\n            toaster(content, { ...options, type: 'information' });\n        toaster.loading = (content: ToastContent, options?: Omit<ToastOptions, 'type'>): ToastReference =>\n            toaster(content, { ...options, type: 'loading' });\n    }, []);\n\n    return (\n        <ToastContext.Provider {...props} value={toaster}>\n            {children}\n            <Portal>\n                <div\n                    id=\"yt-toast__container\"\n                    className=\"absolute !left-auto bottom-0 right-0 z-[1000] mb-4 mr-4 flex max-w-md flex-col items-end justify-end pointer-events-all\"\n                    role=\"log\">\n                    <AnimatePresence initial={false}>\n                        {toasts.map((toast: InternalToast) => (\n                            <motion.div\n                                key={toast.id}\n                                transition={{\n                                    type: 'spring',\n                                    damping: 20,\n                                    stiffness: 300,\n                                }}\n                                initial={{ opacity: 0, y: 10, scale: 0.5 }}\n                                animate={{ opacity: 1, y: 0, scale: 1 }}\n                                exit={{ opacity: 0, scale: 0.5, transition: { duration: 0.2 } }}>\n                                <Toast {...toast} onClose={() => handleClose(toast.id)} />\n                            </motion.div>\n                        ))}\n                    </AnimatePresence>\n                </div>\n            </Portal>\n        </ToastContext.Provider>\n    );\n};\n\nexport const useToast = (): Toaster<ToastReference> => React.useContext(ToastContext);\n"],"names":["content","options"],"mappings":"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"}

package/dist/components/Toast/util.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"util.cjs","sources":["../../../src/components/Toast/util.tsx"],"sourcesContent":["import React from 'react';\nimport { Spinner } from '../Spinner/Spinner';\nimport { ToastContent, ToastType } from './Toast';\nimport { BadgeIcon } from '../BadgeIcon/BadgeIcon';\n\nexport const getBadgeIcon = (type: ToastType | 'default'): JSX.Element | null => {\n    return (\n        <div className=\"mr-2 mt-[5px] flex-shrink-0 self-start\">\n            {(() => {\n                switch (type) {\n                    case 'success':\n                        return <BadgeIcon icon=\"tick\" color=\"green\" />;\n                    case 'error':\n                        return <BadgeIcon icon=\"close\" color=\"red\" />;\n                    case 'warning':\n                        return <BadgeIcon icon=\"warning\" color=\"yellow\" />;\n                    case 'information':\n                        return <BadgeIcon icon=\"info\" color=\"blue\" />;\n                    case 'loading':\n                        return <Spinner delay={0} className=\"h-5 w-5\" />;\n                    default:\n                        return null;\n                }\n            })()}\n        </div>\n    );\n};\n\nexport const getToastEmptyContentWarning = (content?: ToastContent) =>\n    `Toast requires 'content' property, which can't be empty string, null or undefined. Current content value is set to ${\n        content === '' ? 'empty string' : content\n    }.`;\n"],"names":["BadgeIcon","Spinner"],"mappings":";;;;;AAKa,MAAA,eAAe,CAAC,SAAoD;AAC7E,SACK,sBAAA,cAAA,OAAA,EAAI,WAAU,yCAAA,IACT,MAAM;AACJ,YAAQ,MAAM;AAAA,MACV,KAAK;AACD,eAAQ,sBAAA,cAAAA,qBAAA,EAAU,MAAK,QAAO,OAAM,SAAQ;AAAA,MAChD,KAAK;AACD,eAAQ,sBAAA,cAAAA,qBAAA,EAAU,MAAK,SAAQ,OAAM,OAAM;AAAA,MAC/C,KAAK;AACD,eAAQ,sBAAA,cAAAA,qBAAA,EAAU,MAAK,WAAU,OAAM,UAAS;AAAA,MACpD,KAAK;AACD,eAAQ,sBAAA,cAAAA,qBAAA,EAAU,MAAK,QAAO,OAAM,QAAO;AAAA,MAC/C,KAAK;AACD,eAAQ,sBAAA,cAAAC,iBAAA,EAAQ,OAAO,GAAG,WAAU,WAAU;AAAA,MAClD;AACW,eAAA;AAAA,IAAA;AAAA,EACf,IAER;AAER;AAEO,MAAM,8BAA8B,CAAC,YACxC,sHACI,YAAY,KAAK,iBAAiB,OACtC;;;"}
+{"version":3,"file":"util.cjs","sources":["../../../src/components/Toast/util.tsx"],"sourcesContent":["import React from 'react';\nimport { Spinner } from '../Spinner/Spinner';\nimport { ToastContent, ToastType } from './Toast';\nimport { BadgeIcon } from '../BadgeIcon/BadgeIcon';\n\nexport const getBadgeIcon = (type: ToastType | 'default'): React.JSX.Element | null => {\n    return (\n        <div className=\"mr-2 mt-[5px] flex-shrink-0 self-start\">\n            {(() => {\n                switch (type) {\n                    case 'success':\n                        return <BadgeIcon icon=\"tick\" color=\"green\" />;\n                    case 'error':\n                        return <BadgeIcon icon=\"close\" color=\"red\" />;\n                    case 'warning':\n                        return <BadgeIcon icon=\"warning\" color=\"yellow\" />;\n                    case 'information':\n                        return <BadgeIcon icon=\"info\" color=\"blue\" />;\n                    case 'loading':\n                        return <Spinner delay={0} className=\"h-5 w-5\" />;\n                    default:\n                        return null;\n                }\n            })()}\n        </div>\n    );\n};\n\nexport const getToastEmptyContentWarning = (content?: ToastContent) =>\n    `Toast requires 'content' property, which can't be empty string, null or undefined. Current content value is set to ${\n        content === '' ? 'empty string' : content\n    }.`;\n"],"names":["BadgeIcon","Spinner"],"mappings":";;;;;AAKO,MAAM,eAAe,CAAC,SAA0D;AACnF,SACI,sBAAA,cAAC,OAAA,EAAI,WAAU,yCAAA,IACT,MAAM;AACJ,YAAQ,MAAA;AAAA,MACJ,KAAK;AACD,eAAO,sBAAA,cAACA,qBAAA,EAAU,MAAK,QAAO,OAAM,SAAQ;AAAA,MAChD,KAAK;AACD,eAAO,sBAAA,cAACA,qBAAA,EAAU,MAAK,SAAQ,OAAM,OAAM;AAAA,MAC/C,KAAK;AACD,eAAO,sBAAA,cAACA,qBAAA,EAAU,MAAK,WAAU,OAAM,UAAS;AAAA,MACpD,KAAK;AACD,eAAO,sBAAA,cAACA,qBAAA,EAAU,MAAK,QAAO,OAAM,QAAO;AAAA,MAC/C,KAAK;AACD,eAAO,sBAAA,cAACC,iBAAA,EAAQ,OAAO,GAAG,WAAU,WAAU;AAAA,MAClD;AACI,eAAO;AAAA,IAAA;AAAA,EAEnB,IACJ;AAER;AAEO,MAAM,8BAA8B,CAAC,YACxC,sHACI,YAAY,KAAK,iBAAiB,OACtC;;;"}

package/dist/components/Toast/util.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { ToastContent, ToastType } from './Toast';
-export declare const getBadgeIcon: (type: ToastType | "default") => JSX.Element | null;
+export declare const getBadgeIcon: (type: ToastType | "default") => React.JSX.Element | null;
 export declare const getToastEmptyContentWarning: (content?: ToastContent) => string;

package/dist/components/Toast/util.js.map

@@ -1 +1 @@
-{"version":3,"file":"util.js","sources":["../../../src/components/Toast/util.tsx"],"sourcesContent":["import React from 'react';\nimport { Spinner } from '../Spinner/Spinner';\nimport { ToastContent, ToastType } from './Toast';\nimport { BadgeIcon } from '../BadgeIcon/BadgeIcon';\n\nexport const getBadgeIcon = (type: ToastType | 'default'): JSX.Element | null => {\n    return (\n        <div className=\"mr-2 mt-[5px] flex-shrink-0 self-start\">\n            {(() => {\n                switch (type) {\n                    case 'success':\n                        return <BadgeIcon icon=\"tick\" color=\"green\" />;\n                    case 'error':\n                        return <BadgeIcon icon=\"close\" color=\"red\" />;\n                    case 'warning':\n                        return <BadgeIcon icon=\"warning\" color=\"yellow\" />;\n                    case 'information':\n                        return <BadgeIcon icon=\"info\" color=\"blue\" />;\n                    case 'loading':\n                        return <Spinner delay={0} className=\"h-5 w-5\" />;\n                    default:\n                        return null;\n                }\n            })()}\n        </div>\n    );\n};\n\nexport const getToastEmptyContentWarning = (content?: ToastContent) =>\n    `Toast requires 'content' property, which can't be empty string, null or undefined. Current content value is set to ${\n        content === '' ? 'empty string' : content\n    }.`;\n"],"names":["React"],"mappings":";;;AAKa,MAAA,eAAe,CAAC,SAAoD;AAC7E,SACKA,+BAAA,cAAA,OAAA,EAAI,WAAU,yCAAA,IACT,MAAM;AACJ,YAAQ,MAAM;AAAA,MACV,KAAK;AACD,eAAQA,+BAAA,cAAA,WAAA,EAAU,MAAK,QAAO,OAAM,SAAQ;AAAA,MAChD,KAAK;AACD,eAAQA,+BAAA,cAAA,WAAA,EAAU,MAAK,SAAQ,OAAM,OAAM;AAAA,MAC/C,KAAK;AACD,eAAQA,+BAAA,cAAA,WAAA,EAAU,MAAK,WAAU,OAAM,UAAS;AAAA,MACpD,KAAK;AACD,eAAQA,+BAAA,cAAA,WAAA,EAAU,MAAK,QAAO,OAAM,QAAO;AAAA,MAC/C,KAAK;AACD,eAAQA,+BAAA,cAAA,SAAA,EAAQ,OAAO,GAAG,WAAU,WAAU;AAAA,MAClD;AACW,eAAA;AAAA,IAAA;AAAA,EACf,IAER;AAER;AAEO,MAAM,8BAA8B,CAAC,YACxC,sHACI,YAAY,KAAK,iBAAiB,OACtC;"}
+{"version":3,"file":"util.js","sources":["../../../src/components/Toast/util.tsx"],"sourcesContent":["import React from 'react';\nimport { Spinner } from '../Spinner/Spinner';\nimport { ToastContent, ToastType } from './Toast';\nimport { BadgeIcon } from '../BadgeIcon/BadgeIcon';\n\nexport const getBadgeIcon = (type: ToastType | 'default'): React.JSX.Element | null => {\n    return (\n        <div className=\"mr-2 mt-[5px] flex-shrink-0 self-start\">\n            {(() => {\n                switch (type) {\n                    case 'success':\n                        return <BadgeIcon icon=\"tick\" color=\"green\" />;\n                    case 'error':\n                        return <BadgeIcon icon=\"close\" color=\"red\" />;\n                    case 'warning':\n                        return <BadgeIcon icon=\"warning\" color=\"yellow\" />;\n                    case 'information':\n                        return <BadgeIcon icon=\"info\" color=\"blue\" />;\n                    case 'loading':\n                        return <Spinner delay={0} className=\"h-5 w-5\" />;\n                    default:\n                        return null;\n                }\n            })()}\n        </div>\n    );\n};\n\nexport const getToastEmptyContentWarning = (content?: ToastContent) =>\n    `Toast requires 'content' property, which can't be empty string, null or undefined. Current content value is set to ${\n        content === '' ? 'empty string' : content\n    }.`;\n"],"names":["React"],"mappings":";;;AAKO,MAAM,eAAe,CAAC,SAA0D;AACnF,SACIA,+BAAA,cAAC,OAAA,EAAI,WAAU,yCAAA,IACT,MAAM;AACJ,YAAQ,MAAA;AAAA,MACJ,KAAK;AACD,eAAOA,+BAAA,cAAC,WAAA,EAAU,MAAK,QAAO,OAAM,SAAQ;AAAA,MAChD,KAAK;AACD,eAAOA,+BAAA,cAAC,WAAA,EAAU,MAAK,SAAQ,OAAM,OAAM;AAAA,MAC/C,KAAK;AACD,eAAOA,+BAAA,cAAC,WAAA,EAAU,MAAK,WAAU,OAAM,UAAS;AAAA,MACpD,KAAK;AACD,eAAOA,+BAAA,cAAC,WAAA,EAAU,MAAK,QAAO,OAAM,QAAO;AAAA,MAC/C,KAAK;AACD,eAAOA,+BAAA,cAAC,SAAA,EAAQ,OAAO,GAAG,WAAU,WAAU;AAAA,MAClD;AACI,eAAO;AAAA,IAAA;AAAA,EAEnB,IACJ;AAER;AAEO,MAAM,8BAA8B,CAAC,YACxC,sHACI,YAAY,KAAK,iBAAiB,OACtC;"}

package/dist/components/Tooltip/Tooltip.cjs

@@ -31,7 +31,7 @@ const Tooltip = React__namespace.forwardRef(function Tooltip2(props, ref) {
     {
       ...otherProps,
       className: cn(
-        "xs:max-w-[theme(spacing.56)] max-w-[theme(spacing.32)] animate-[fade-in_150ms] rounded bg-gray-900 px-2 py-1 text-xs text-white print:hidden",
+        "max-w-[theme(spacing.32)] animate-[fade-in_150ms] rounded bg-gray-900 px-2 py-1 text-xs text-white xs:max-w-[theme(spacing.56)] print:hidden",
         className
       ),
       "data-taco": "tooltip"

package/dist/components/Tooltip/Tooltip.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.cjs","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\nimport { Tooltip as TooltipPrimitive } from '@base-ui/react/tooltip';\n\nexport type TooltipProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> & {\n    /** The element which activates the tooltip when hovered. Should be a single React/HTML element */\n    children: React.ReactElement;\n\n    /** Use this value to hide tooltip conditionally */\n    hide?: boolean;\n    /** Text displayed in the tooltip */\n    title: string | JSX.Element;\n    /**\n     *  Placement of the tooltip relative to the reference element. Placement will be reversed if a collision occurs\n     * @defaultValue bottom\n     */\n    placement?: 'top' | 'right' | 'bottom' | 'left';\n};\n\nexport const Tooltip = React.forwardRef(function Tooltip(props: TooltipProps, ref: React.Ref<HTMLElement>) {\n    const { title, children, placement, hide = false, ...otherProps } = props;\n    const className = cn('break-words', otherProps.className);\n\n    if (hide) {\n        return children;\n    }\n\n    return (\n        <TooltipPrimitive.Root>\n            <TooltipPrimitive.Trigger delay={250} ref={ref as any} render={children} />\n            <TooltipPrimitive.Portal>\n                <TooltipPrimitive.Positioner side={placement} sideOffset={8}>\n                    <TooltipPrimitive.Popup\n                        {...otherProps}\n                        className={cn(\n                            'xs:max-w-[theme(spacing.56)] max-w-[theme(spacing.32)] animate-[fade-in_150ms] rounded bg-gray-900 px-2 py-1 text-xs text-white print:hidden',\n                            className\n                        )}\n                        data-taco=\"tooltip\">\n                        <TooltipPrimitive.Arrow className=\"data-[side=bottom]:top-[-5px] data-[side=left]:right-[-10px] data-[side=right]:left-[-10px] data-[side=top]:bottom-[-5px] data-[side=left]:rotate-90 data-[side=right]:-rotate-90 data-[side=top]:rotate-180\">\n                            <svg width=\"20\" height=\"10\" viewBox=\"0 0 20 10\">\n                                <path\n                                    d=\"M9.66437 2.60207L4.80758 6.97318C4.07308 7.63423 3.11989 8 2.13172 8H0V10H20V8H18.5349C17.5468 8 16.5936 7.63423 15.8591 6.97318L11.0023 2.60207C10.622 2.2598 10.0447 2.25979 9.66437 2.60207Z\"\n                                    className=\"fill-gray-900\"\n                                />\n                                <path\n                                    d=\"M8.99542 1.85876C9.75604 1.17425 10.9106 1.17422 11.6713 1.85878L16.5281 6.22989C17.0789 6.72568 17.7938 7.00001 18.5349 7.00001L15.89 7L11.0023 2.60207C10.622 2.2598 10.0447 2.2598 9.66436 2.60207L4.77734 7L2.13171 7.00001C2.87284 7.00001 3.58774 6.72568 4.13861 6.22989L8.99542 1.85876Z\"\n                                    className=\"fill-gray-900\"\n                                />\n                                <path\n                                    className=\"fill-gray-900\"\n                                    d=\"M10.3333 3.34539L5.47654 7.71648C4.55842 8.54279 3.36693 9 2.13172 9H0V8H2.13172C3.11989 8 4.07308 7.63423 4.80758 6.97318L9.66437 2.60207C10.0447 2.25979 10.622 2.2598 11.0023 2.60207L15.8591 6.97318C16.5936 7.63423 17.5468 8 18.5349 8H20V9H18.5349C17.2998 9 16.1083 8.54278 15.1901 7.71648L10.3333 3.34539Z\"\n                                />\n                            </svg>\n                        </TooltipPrimitive.Arrow>\n                        {title}\n                    </TooltipPrimitive.Popup>\n                </TooltipPrimitive.Positioner>\n            </TooltipPrimitive.Portal>\n        </TooltipPrimitive.Root>\n    );\n});\n"],"names":["React","Tooltip","TooltipPrimitive"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAmBO,MAAM,UAAUA,iBAAM,WAAW,SAASC,SAAQ,OAAqB,KAA6B;AACjG,QAAA,EAAE,OAAO,UAAU,WAAW,OAAO,OAAO,GAAG,eAAe;AACpE,QAAM,YAAY,GAAG,eAAe,WAAW,SAAS;AAExD,MAAI,MAAM;AACC,WAAA;AAAA,EAAA;AAIP,SAAAD,iCAAA,cAACE,QAAAA,QAAiB,MAAjB,MACGF,iCAAA,cAACE,QAAAA,QAAiB,SAAjB,EAAyB,OAAO,KAAK,KAAiB,QAAQ,SAAU,CAAA,GACzEF,iCAAA,cAACE,QAAAA,QAAiB,QAAjB,MACGF,iCAAA,cAACE,QAAAA,QAAiB,YAAjB,EAA4B,MAAM,WAAW,YAAY,EACtD,GAAAF,iCAAA;AAAA,IAACE,QAAAA,QAAiB;AAAA,IAAjB;AAAA,MACI,GAAG;AAAA,MACJ,WAAW;AAAA,QACP;AAAA,QACA;AAAA,MACJ;AAAA,MACA,aAAU;AAAA,IAAA;AAAA,IACTF,iCAAA,cAAAE,QAAAA,QAAiB,OAAjB,EAAuB,WAAU,+MAAA,GAC7BF,iCAAA,cAAA,OAAA,EAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,YAChC,GAAAA,iCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,GAAE;AAAA,QACF,WAAU;AAAA,MAAA;AAAA,IAEd,GAAAA,iCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,GAAE;AAAA,QACF,WAAU;AAAA,MAAA;AAAA,IAEd,GAAAA,iCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,GAAE;AAAA,MAAA;AAAA,IAAA,CAEV,CACJ;AAAA,IACC;AAAA,EAET,CAAA,CACJ,CACJ;AAER,CAAC;;"}
+{"version":3,"file":"Tooltip.cjs","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\nimport { Tooltip as TooltipPrimitive } from '@base-ui/react/tooltip';\n\nexport type TooltipProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> & {\n    /** The element which activates the tooltip when hovered. Should be a single React/HTML element */\n    children: React.ReactElement;\n\n    /** Use this value to hide tooltip conditionally */\n    hide?: boolean;\n    /** Text displayed in the tooltip */\n    title: string | React.JSX.Element;\n    /**\n     *  Placement of the tooltip relative to the reference element. Placement will be reversed if a collision occurs\n     * @defaultValue bottom\n     */\n    placement?: 'top' | 'right' | 'bottom' | 'left';\n};\n\nexport const Tooltip = React.forwardRef(function Tooltip(props: TooltipProps, ref: React.Ref<HTMLElement>) {\n    const { title, children, placement, hide = false, ...otherProps } = props;\n    const className = cn('break-words', otherProps.className);\n\n    if (hide) {\n        return children;\n    }\n\n    return (\n        <TooltipPrimitive.Root>\n            <TooltipPrimitive.Trigger delay={250} ref={ref as any} render={children} />\n            <TooltipPrimitive.Portal>\n                <TooltipPrimitive.Positioner side={placement} sideOffset={8}>\n                    <TooltipPrimitive.Popup\n                        {...otherProps}\n                        className={cn(\n                            'max-w-[theme(spacing.32)] animate-[fade-in_150ms] rounded bg-gray-900 px-2 py-1 text-xs text-white xs:max-w-[theme(spacing.56)] print:hidden',\n                            className\n                        )}\n                        data-taco=\"tooltip\">\n                        <TooltipPrimitive.Arrow className=\"data-[side=bottom]:top-[-5px] data-[side=left]:right-[-10px] data-[side=right]:left-[-10px] data-[side=top]:bottom-[-5px] data-[side=left]:rotate-90 data-[side=right]:-rotate-90 data-[side=top]:rotate-180\">\n                            <svg width=\"20\" height=\"10\" viewBox=\"0 0 20 10\">\n                                <path\n                                    d=\"M9.66437 2.60207L4.80758 6.97318C4.07308 7.63423 3.11989 8 2.13172 8H0V10H20V8H18.5349C17.5468 8 16.5936 7.63423 15.8591 6.97318L11.0023 2.60207C10.622 2.2598 10.0447 2.25979 9.66437 2.60207Z\"\n                                    className=\"fill-gray-900\"\n                                />\n                                <path\n                                    d=\"M8.99542 1.85876C9.75604 1.17425 10.9106 1.17422 11.6713 1.85878L16.5281 6.22989C17.0789 6.72568 17.7938 7.00001 18.5349 7.00001L15.89 7L11.0023 2.60207C10.622 2.2598 10.0447 2.2598 9.66436 2.60207L4.77734 7L2.13171 7.00001C2.87284 7.00001 3.58774 6.72568 4.13861 6.22989L8.99542 1.85876Z\"\n                                    className=\"fill-gray-900\"\n                                />\n                                <path\n                                    className=\"fill-gray-900\"\n                                    d=\"M10.3333 3.34539L5.47654 7.71648C4.55842 8.54279 3.36693 9 2.13172 9H0V8H2.13172C3.11989 8 4.07308 7.63423 4.80758 6.97318L9.66437 2.60207C10.0447 2.25979 10.622 2.2598 11.0023 2.60207L15.8591 6.97318C16.5936 7.63423 17.5468 8 18.5349 8H20V9H18.5349C17.2998 9 16.1083 8.54278 15.1901 7.71648L10.3333 3.34539Z\"\n                                />\n                            </svg>\n                        </TooltipPrimitive.Arrow>\n                        {title}\n                    </TooltipPrimitive.Popup>\n                </TooltipPrimitive.Positioner>\n            </TooltipPrimitive.Portal>\n        </TooltipPrimitive.Root>\n    );\n});\n"],"names":["React","Tooltip","TooltipPrimitive"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAmBO,MAAM,UAAUA,iBAAM,WAAW,SAASC,SAAQ,OAAqB,KAA6B;AACvG,QAAM,EAAE,OAAO,UAAU,WAAW,OAAO,OAAO,GAAG,eAAe;AACpE,QAAM,YAAY,GAAG,eAAe,WAAW,SAAS;AAExD,MAAI,MAAM;AACN,WAAO;AAAA,EACX;AAEA,SACID,iCAAA,cAACE,QAAAA,QAAiB,MAAjB,MACGF,iCAAA,cAACE,QAAAA,QAAiB,SAAjB,EAAyB,OAAO,KAAK,KAAiB,QAAQ,UAAU,GACzEF,iCAAA,cAACE,QAAAA,QAAiB,QAAjB,MACGF,iCAAA,cAACE,QAAAA,QAAiB,YAAjB,EAA4B,MAAM,WAAW,YAAY,EAAA,GACtDF,iCAAA;AAAA,IAACE,QAAAA,QAAiB;AAAA,IAAjB;AAAA,MACI,GAAG;AAAA,MACJ,WAAW;AAAA,QACP;AAAA,QACA;AAAA,MAAA;AAAA,MAEJ,aAAU;AAAA,IAAA;AAAA,IACVF,iCAAA,cAACE,QAAAA,QAAiB,OAAjB,EAAuB,WAAU,+MAAA,GAC9BF,iCAAA,cAAC,OAAA,EAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,YAAA,GAChCA,iCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,GAAE;AAAA,QACF,WAAU;AAAA,MAAA;AAAA,IAAA,GAEdA,iCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,GAAE;AAAA,QACF,WAAU;AAAA,MAAA;AAAA,IAAA,GAEdA,iCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,GAAE;AAAA,MAAA;AAAA,IAAA,CAEV,CACJ;AAAA,IACC;AAAA,EAAA,CAET,CACJ,CACJ;AAER,CAAC;;"}

package/dist/components/Tooltip/Tooltip.d.ts

@@ -5,7 +5,7 @@ export type TooltipProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> &
     /** Use this value to hide tooltip conditionally */
     hide?: boolean;
     /** Text displayed in the tooltip */
-    title: string | JSX.Element;
+    title: string | React.JSX.Element;
     /**
      *  Placement of the tooltip relative to the reference element. Placement will be reversed if a collision occurs
      * @defaultValue bottom
@@ -18,7 +18,7 @@ export declare const Tooltip: React.ForwardRefExoticComponent<Omit<React.HTMLAtt
     /** Use this value to hide tooltip conditionally */
     hide?: boolean;
     /** Text displayed in the tooltip */
-    title: string | JSX.Element;
+    title: string | React.JSX.Element;
     /**
      *  Placement of the tooltip relative to the reference element. Placement will be reversed if a collision occurs
      * @defaultValue bottom

package/dist/components/Tooltip/Tooltip.js

@@ -12,7 +12,7 @@ const Tooltip = React.forwardRef(function Tooltip2(props, ref) {
     {
       ...otherProps,
       className: cn(
-        "xs:max-w-[theme(spacing.56)] max-w-[theme(spacing.32)] animate-[fade-in_150ms] rounded bg-gray-900 px-2 py-1 text-xs text-white print:hidden",
+        "max-w-[theme(spacing.32)] animate-[fade-in_150ms] rounded bg-gray-900 px-2 py-1 text-xs text-white xs:max-w-[theme(spacing.56)] print:hidden",
         className
       ),
       "data-taco": "tooltip"

package/dist/components/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\nimport { Tooltip as TooltipPrimitive } from '@base-ui/react/tooltip';\n\nexport type TooltipProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> & {\n    /** The element which activates the tooltip when hovered. Should be a single React/HTML element */\n    children: React.ReactElement;\n\n    /** Use this value to hide tooltip conditionally */\n    hide?: boolean;\n    /** Text displayed in the tooltip */\n    title: string | JSX.Element;\n    /**\n     *  Placement of the tooltip relative to the reference element. Placement will be reversed if a collision occurs\n     * @defaultValue bottom\n     */\n    placement?: 'top' | 'right' | 'bottom' | 'left';\n};\n\nexport const Tooltip = React.forwardRef(function Tooltip(props: TooltipProps, ref: React.Ref<HTMLElement>) {\n    const { title, children, placement, hide = false, ...otherProps } = props;\n    const className = cn('break-words', otherProps.className);\n\n    if (hide) {\n        return children;\n    }\n\n    return (\n        <TooltipPrimitive.Root>\n            <TooltipPrimitive.Trigger delay={250} ref={ref as any} render={children} />\n            <TooltipPrimitive.Portal>\n                <TooltipPrimitive.Positioner side={placement} sideOffset={8}>\n                    <TooltipPrimitive.Popup\n                        {...otherProps}\n                        className={cn(\n                            'xs:max-w-[theme(spacing.56)] max-w-[theme(spacing.32)] animate-[fade-in_150ms] rounded bg-gray-900 px-2 py-1 text-xs text-white print:hidden',\n                            className\n                        )}\n                        data-taco=\"tooltip\">\n                        <TooltipPrimitive.Arrow className=\"data-[side=bottom]:top-[-5px] data-[side=left]:right-[-10px] data-[side=right]:left-[-10px] data-[side=top]:bottom-[-5px] data-[side=left]:rotate-90 data-[side=right]:-rotate-90 data-[side=top]:rotate-180\">\n                            <svg width=\"20\" height=\"10\" viewBox=\"0 0 20 10\">\n                                <path\n                                    d=\"M9.66437 2.60207L4.80758 6.97318C4.07308 7.63423 3.11989 8 2.13172 8H0V10H20V8H18.5349C17.5468 8 16.5936 7.63423 15.8591 6.97318L11.0023 2.60207C10.622 2.2598 10.0447 2.25979 9.66437 2.60207Z\"\n                                    className=\"fill-gray-900\"\n                                />\n                                <path\n                                    d=\"M8.99542 1.85876C9.75604 1.17425 10.9106 1.17422 11.6713 1.85878L16.5281 6.22989C17.0789 6.72568 17.7938 7.00001 18.5349 7.00001L15.89 7L11.0023 2.60207C10.622 2.2598 10.0447 2.2598 9.66436 2.60207L4.77734 7L2.13171 7.00001C2.87284 7.00001 3.58774 6.72568 4.13861 6.22989L8.99542 1.85876Z\"\n                                    className=\"fill-gray-900\"\n                                />\n                                <path\n                                    className=\"fill-gray-900\"\n                                    d=\"M10.3333 3.34539L5.47654 7.71648C4.55842 8.54279 3.36693 9 2.13172 9H0V8H2.13172C3.11989 8 4.07308 7.63423 4.80758 6.97318L9.66437 2.60207C10.0447 2.25979 10.622 2.2598 11.0023 2.60207L15.8591 6.97318C16.5936 7.63423 17.5468 8 18.5349 8H20V9H18.5349C17.2998 9 16.1083 8.54278 15.1901 7.71648L10.3333 3.34539Z\"\n                                />\n                            </svg>\n                        </TooltipPrimitive.Arrow>\n                        {title}\n                    </TooltipPrimitive.Popup>\n                </TooltipPrimitive.Positioner>\n            </TooltipPrimitive.Portal>\n        </TooltipPrimitive.Root>\n    );\n});\n"],"names":["Tooltip","TooltipPrimitive"],"mappings":";;;AAmBO,MAAM,UAAU,MAAM,WAAW,SAASA,SAAQ,OAAqB,KAA6B;AACjG,QAAA,EAAE,OAAO,UAAU,WAAW,OAAO,OAAO,GAAG,eAAe;AACpE,QAAM,YAAY,GAAG,eAAe,WAAW,SAAS;AAExD,MAAI,MAAM;AACC,WAAA;AAAA,EAAA;AAIP,SAAA,sBAAA,cAACC,UAAiB,MAAjB,MACG,sBAAA,cAACA,UAAiB,SAAjB,EAAyB,OAAO,KAAK,KAAiB,QAAQ,SAAU,CAAA,GACzE,sBAAA,cAACA,UAAiB,QAAjB,MACG,sBAAA,cAACA,UAAiB,YAAjB,EAA4B,MAAM,WAAW,YAAY,EACtD,GAAA,sBAAA;AAAA,IAACA,UAAiB;AAAA,IAAjB;AAAA,MACI,GAAG;AAAA,MACJ,WAAW;AAAA,QACP;AAAA,QACA;AAAA,MACJ;AAAA,MACA,aAAU;AAAA,IAAA;AAAA,IACT,sBAAA,cAAAA,UAAiB,OAAjB,EAAuB,WAAU,+MAAA,GAC7B,sBAAA,cAAA,OAAA,EAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,YAChC,GAAA,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,GAAE;AAAA,QACF,WAAU;AAAA,MAAA;AAAA,IAEd,GAAA,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,GAAE;AAAA,QACF,WAAU;AAAA,MAAA;AAAA,IAEd,GAAA,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,GAAE;AAAA,MAAA;AAAA,IAAA,CAEV,CACJ;AAAA,IACC;AAAA,EAET,CAAA,CACJ,CACJ;AAER,CAAC;"}
+{"version":3,"file":"Tooltip.js","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\nimport { Tooltip as TooltipPrimitive } from '@base-ui/react/tooltip';\n\nexport type TooltipProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> & {\n    /** The element which activates the tooltip when hovered. Should be a single React/HTML element */\n    children: React.ReactElement;\n\n    /** Use this value to hide tooltip conditionally */\n    hide?: boolean;\n    /** Text displayed in the tooltip */\n    title: string | React.JSX.Element;\n    /**\n     *  Placement of the tooltip relative to the reference element. Placement will be reversed if a collision occurs\n     * @defaultValue bottom\n     */\n    placement?: 'top' | 'right' | 'bottom' | 'left';\n};\n\nexport const Tooltip = React.forwardRef(function Tooltip(props: TooltipProps, ref: React.Ref<HTMLElement>) {\n    const { title, children, placement, hide = false, ...otherProps } = props;\n    const className = cn('break-words', otherProps.className);\n\n    if (hide) {\n        return children;\n    }\n\n    return (\n        <TooltipPrimitive.Root>\n            <TooltipPrimitive.Trigger delay={250} ref={ref as any} render={children} />\n            <TooltipPrimitive.Portal>\n                <TooltipPrimitive.Positioner side={placement} sideOffset={8}>\n                    <TooltipPrimitive.Popup\n                        {...otherProps}\n                        className={cn(\n                            'max-w-[theme(spacing.32)] animate-[fade-in_150ms] rounded bg-gray-900 px-2 py-1 text-xs text-white xs:max-w-[theme(spacing.56)] print:hidden',\n                            className\n                        )}\n                        data-taco=\"tooltip\">\n                        <TooltipPrimitive.Arrow className=\"data-[side=bottom]:top-[-5px] data-[side=left]:right-[-10px] data-[side=right]:left-[-10px] data-[side=top]:bottom-[-5px] data-[side=left]:rotate-90 data-[side=right]:-rotate-90 data-[side=top]:rotate-180\">\n                            <svg width=\"20\" height=\"10\" viewBox=\"0 0 20 10\">\n                                <path\n                                    d=\"M9.66437 2.60207L4.80758 6.97318C4.07308 7.63423 3.11989 8 2.13172 8H0V10H20V8H18.5349C17.5468 8 16.5936 7.63423 15.8591 6.97318L11.0023 2.60207C10.622 2.2598 10.0447 2.25979 9.66437 2.60207Z\"\n                                    className=\"fill-gray-900\"\n                                />\n                                <path\n                                    d=\"M8.99542 1.85876C9.75604 1.17425 10.9106 1.17422 11.6713 1.85878L16.5281 6.22989C17.0789 6.72568 17.7938 7.00001 18.5349 7.00001L15.89 7L11.0023 2.60207C10.622 2.2598 10.0447 2.2598 9.66436 2.60207L4.77734 7L2.13171 7.00001C2.87284 7.00001 3.58774 6.72568 4.13861 6.22989L8.99542 1.85876Z\"\n                                    className=\"fill-gray-900\"\n                                />\n                                <path\n                                    className=\"fill-gray-900\"\n                                    d=\"M10.3333 3.34539L5.47654 7.71648C4.55842 8.54279 3.36693 9 2.13172 9H0V8H2.13172C3.11989 8 4.07308 7.63423 4.80758 6.97318L9.66437 2.60207C10.0447 2.25979 10.622 2.2598 11.0023 2.60207L15.8591 6.97318C16.5936 7.63423 17.5468 8 18.5349 8H20V9H18.5349C17.2998 9 16.1083 8.54278 15.1901 7.71648L10.3333 3.34539Z\"\n                                />\n                            </svg>\n                        </TooltipPrimitive.Arrow>\n                        {title}\n                    </TooltipPrimitive.Popup>\n                </TooltipPrimitive.Positioner>\n            </TooltipPrimitive.Portal>\n        </TooltipPrimitive.Root>\n    );\n});\n"],"names":["Tooltip","TooltipPrimitive"],"mappings":";;;AAmBO,MAAM,UAAU,MAAM,WAAW,SAASA,SAAQ,OAAqB,KAA6B;AACvG,QAAM,EAAE,OAAO,UAAU,WAAW,OAAO,OAAO,GAAG,eAAe;AACpE,QAAM,YAAY,GAAG,eAAe,WAAW,SAAS;AAExD,MAAI,MAAM;AACN,WAAO;AAAA,EACX;AAEA,SACI,sBAAA,cAACC,UAAiB,MAAjB,MACG,sBAAA,cAACA,UAAiB,SAAjB,EAAyB,OAAO,KAAK,KAAiB,QAAQ,UAAU,GACzE,sBAAA,cAACA,UAAiB,QAAjB,MACG,sBAAA,cAACA,UAAiB,YAAjB,EAA4B,MAAM,WAAW,YAAY,EAAA,GACtD,sBAAA;AAAA,IAACA,UAAiB;AAAA,IAAjB;AAAA,MACI,GAAG;AAAA,MACJ,WAAW;AAAA,QACP;AAAA,QACA;AAAA,MAAA;AAAA,MAEJ,aAAU;AAAA,IAAA;AAAA,IACV,sBAAA,cAACA,UAAiB,OAAjB,EAAuB,WAAU,+MAAA,GAC9B,sBAAA,cAAC,OAAA,EAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,YAAA,GAChC,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,GAAE;AAAA,QACF,WAAU;AAAA,MAAA;AAAA,IAAA,GAEd,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,GAAE;AAAA,QACF,WAAU;AAAA,MAAA;AAAA,IAAA,GAEd,sBAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,GAAE;AAAA,MAAA;AAAA,IAAA,CAEV,CACJ;AAAA,IACC;AAAA,EAAA,CAET,CACJ,CACJ;AAER,CAAC;"}

package/dist/components/Tour/Tour.cjs

@@ -49,7 +49,7 @@ const Tooltip = ({
       window.removeEventListener("keydown", onWindowKeyDown);
     };
   }, [disableTourSkipOnEsc]);
-  return /* @__PURE__ */ React__namespace.createElement("div", { ...tooltipProps, className: "yt-tour__step w-88 relative rounded bg-white p-4" }, /* @__PURE__ */ React__namespace.createElement(
+  return /* @__PURE__ */ React__namespace.createElement("div", { ...tooltipProps, className: "yt-tour__step relative w-88 rounded bg-white p-4" }, /* @__PURE__ */ React__namespace.createElement(
     IconButton.LegacyIconButton,
     {
       ...skipProps,
@@ -92,10 +92,7 @@ const Tour = (props) => {
     });
   }, [props.children]);
   const getStep = React__namespace.useCallback(
-    (selector) => {
-      var _a;
-      return (_a = props.children.find((child) => child.props.selector === selector)) == null ? void 0 : _a.props;
-    },
+    (selector) => props.children.find((child) => child.props.selector === selector)?.props,
     [props.children]
   );
   const callback = (data, _controls) => {