@economic/taco 2.49.0-server.3 → 2.49.0

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

@@ -1,42 +1,43 @@
 import React__default from 'react';
 import cn from 'clsx';
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { IconButton } from '../IconButton/IconButton.js';
 import { useLocalization } from '../Provider/Localization.js';
 import { useAnimation, motion } from 'framer-motion';
 import useTimer from '../../utils/hooks/useTimer.js';
 import { getToastEmptyContentWarning, getBadgeIcon } from './util.js';
 
-var _excluded = ["content", "lastUpdated", "onClose", "options"];
-var Toast = function Toast(_ref) {
-  var content = _ref.content,
-    lastUpdated = _ref.lastUpdated,
-    handleClose = _ref.onClose,
-    options = _ref.options,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var _useLocalization = useLocalization(),
-    texts = _useLocalization.texts;
-  var autoClose = options.autoClose,
-    _options$type = options.type,
-    type = _options$type === void 0 ? 'default' : _options$type;
-  var className = cn('bg-white relative flex items-center py-1 px-2 mt-3 w-full rounded yt-shadow print:hidden', {
+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', {
     'border border-grey-200': type === 'default' || type === 'loading' || !type,
     'border border-grey-500': type === 'success',
     'border border-blue-500': type === 'information',
     'border border-yellow-700': type === 'warning',
     'border border-red': type === 'error'
   });
-  var timer = useTimer(autoClose, handleClose);
-  var controls = useAnimation();
+  const timer = useTimer(autoClose, handleClose);
+  const controls = useAnimation();
   if (!content) {
     console.warn(getToastEmptyContentWarning(content));
   }
-  React__default.useEffect(function () {
+  React__default.useEffect(() => {
     if (autoClose) {
       timer.start();
     }
   }, [autoClose]);
-  var triggerUpdateAnimation = function triggerUpdateAnimation() {
+  const triggerUpdateAnimation = function () {
     try {
       return Promise.resolve(controls.start({
         scale: 1.05
@@ -49,7 +50,7 @@ var Toast = function Toast(_ref) {
       return Promise.reject(e);
     }
   };
-  React__default.useEffect(function () {
+  React__default.useEffect(() => {
     if (lastUpdated) {
       triggerUpdateAnimation();
       if (timer.running) {

package/dist/esm/packages/taco/src/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 { State } from '../../types';\nimport { useLocalization } from '../Provider/Localization';\nimport { IconButton } from '../IconButton/IconButton';\n\nexport type ToastsTexts = {\n    /** Aria-label for the close icon button of toast */\n    dismiss: string;\n};\n\nexport type ToastType = Omit<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-grey-200': type === 'default' || type === 'loading' || !type,\n        'border border-grey-500': type === 'success',\n        'border border-blue-500': type === 'information',\n        'border border-yellow-700': type === 'warning',\n        'border border-red': type === 'error',\n    });\n    const timer = useTimer(autoClose, handleClose);\n    const controls = useAnimation();\n\n    if (!content) {\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}</div>\n            <IconButton\n                appearance=\"discrete\"\n                className=\"text-grey-700 -mr-2 cursor-pointer self-start !px-0\"\n                icon=\"close\"\n                aria-label={texts.toasts.dismiss}\n                onClick={handleClose}\n            />\n        </motion.div>\n    );\n};\n"],"names":["Toast","_ref","content","lastUpdated","handleClose","onClose","options","props","_objectWithoutPropertiesLoose","_excluded","_useLocalization","useLocalization","texts","autoClose","_options$type","type","className","cn","timer","useTimer","controls","useAnimation","console","warn","getToastEmptyContentWarning","React","useEffect","start","triggerUpdateAnimation","scale","then","Promise","resolve","e","reject","running","motion","div","animate","onMouseEnter","pause","onMouseLeave","resume","getBadgeIcon","IconButton","appearance","icon","toasts","dismiss","onClick"],"mappings":";;;;;;;;;;IA4CaA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA;MAAMC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IAAEC,WAAW,GAAAF,IAAA,CAAXE,WAAW;IAAWC,WAAW,GAAAH,IAAA,CAApBI,OAAO;IAAeC,OAAO,GAAAL,IAAA,CAAPK,OAAO;IAAKC,KAAK,GAAAC,6BAAA,CAAAP,IAAA,EAAAQ,SAAA;EACjF,IAAAC,gBAAA,GAAkBC,eAAe,EAAE;IAA3BC,KAAK,GAAAF,gBAAA,CAALE,KAAK;EACb,IAAQC,SAAS,GAAuBP,OAAO,CAAvCO,SAAS;IAAAC,aAAA,GAAuBR,OAAO,CAA5BS,IAAI;IAAJA,IAAI,GAAAD,aAAA,cAAG,SAAS,GAAAA,aAAA;EACnC,IAAME,SAAS,GAAGC,EAAE,CAAC,0FAA0F,EAAE;IAC7G,wBAAwB,EAAEF,IAAI,KAAK,SAAS,IAAIA,IAAI,KAAK,SAAS,IAAI,CAACA,IAAI;IAC3E,wBAAwB,EAAEA,IAAI,KAAK,SAAS;IAC5C,wBAAwB,EAAEA,IAAI,KAAK,aAAa;IAChD,0BAA0B,EAAEA,IAAI,KAAK,SAAS;IAC9C,mBAAmB,EAAEA,IAAI,KAAK;GACjC,CAAC;EACF,IAAMG,KAAK,GAAGC,QAAQ,CAACN,SAAS,EAAET,WAAW,CAAC;EAC9C,IAAMgB,QAAQ,GAAGC,YAAY,EAAE;EAE/B,IAAI,CAACnB,OAAO,EAAE;IACVoB,OAAO,CAACC,IAAI,CAACC,2BAA2B,CAACtB,OAAO,CAAC,CAAC;;EAGtDuB,cAAK,CAACC,SAAS,CAAC;IACZ,IAAIb,SAAS,EAAE;MACXK,KAAK,CAACS,KAAK,EAAE;;GAEpB,EAAE,CAACd,SAAS,CAAC,CAAC;EAEf,IAAMe,sBAAsB,YAAtBA,sBAAsBA;IAAA;6BAClBR,QAAQ,CAACO,KAAK,CAAC;QAAEE,KAAK,EAAE;OAAM,CAAC,EAAAC,IAAA;QAAA,OAAAC,OAAA,CAAAC,OAAA,CAC/BZ,QAAQ,CAACO,KAAK,CAAC;UAAEE,KAAK,EAAE;SAAG,CAAC,EAAAC,IAAA;;KACrC,QAAAG,CAAA;MAAA,OAAAF,OAAA,CAAAG,MAAA,CAAAD,CAAA;;;EAEDR,cAAK,CAACC,SAAS,CAAC;IACZ,IAAIvB,WAAW,EAAE;MACbyB,sBAAsB,EAAE;MAExB,IAAIV,KAAK,CAACiB,OAAO,EAAE;QACfjB,KAAK,CAACS,KAAK,EAAE;;;GAGxB,EAAE,CAACxB,WAAW,CAAC,CAAC;EAEjB,oBACIsB,6BAACW,MAAM,CAACC,GAAG,oBACH9B,KAAK;IACT+B,OAAO,EAAElB,QAAQ;IACjBJ,SAAS,EAAEA,SAAS;iBACV,OAAO;IACjBuB,YAAY,EAAErB,KAAK,CAACsB,KAAK;IACzBC,YAAY,EAAEvB,KAAK,CAACwB;MACnBC,YAAY,CAAC5B,IAAI,CAAC,eACnBU;IAAKT,SAAS,EAAC;KAAad,OAAO,CAAO,eAC1CuB,6BAACmB,UAAU;IACPC,UAAU,EAAC,UAAU;IACrB7B,SAAS,EAAC,qDAAqD;IAC/D8B,IAAI,EAAC,OAAO;kBACAlC,KAAK,CAACmC,MAAM,CAACC,OAAO;IAChCC,OAAO,EAAE7C;IACX,CACO;AAErB;;;;"}
+{"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 { State } from '../../types';\nimport { useLocalization } from '../Provider/Localization';\nimport { IconButton } from '../IconButton/IconButton';\n\nexport type ToastsTexts = {\n    /** Aria-label for the close icon button of toast */\n    dismiss: string;\n};\n\nexport type ToastType = Omit<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-grey-200': type === 'default' || type === 'loading' || !type,\n        'border border-grey-500': type === 'success',\n        'border border-blue-500': type === 'information',\n        'border border-yellow-700': type === 'warning',\n        'border border-red': type === 'error',\n    });\n    const timer = useTimer(autoClose, handleClose);\n    const controls = useAnimation();\n\n    if (!content) {\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}</div>\n            <IconButton\n                appearance=\"discrete\"\n                className=\"text-grey-700 -mr-2 cursor-pointer self-start !px-0\"\n                icon=\"close\"\n                aria-label={texts.toasts.dismiss}\n                onClick={handleClose}\n            />\n        </motion.div>\n    );\n};\n"],"names":["Toast","content","lastUpdated","onClose","handleClose","options","props","texts","useLocalization","autoClose","type","className","cn","timer","useTimer","controls","useAnimation","console","warn","getToastEmptyContentWarning","React","useEffect","start","triggerUpdateAnimation","scale","then","Promise","resolve","e","reject","running","motion","div","animate","onMouseEnter","pause","onMouseLeave","resume","getBadgeIcon","IconButton","appearance","icon","toasts","dismiss","onClick"],"mappings":";;;;;;;;MA4CaA,KAAK,GAAGA,CAAC;EAAEC,OAAO;EAAEC,WAAW;EAAEC,OAAO,EAAEC,WAAW;EAAEC,OAAO;EAAE,GAAGC;CAAmB;EAC/F,MAAM;IAAEC;GAAO,GAAGC,eAAe,EAAE;EACnC,MAAM;IAAEC,SAAS;IAAEC,IAAI,GAAG;GAAW,GAAGL,OAAO;EAC/C,MAAMM,SAAS,GAAGC,EAAE,CAAC,0FAA0F,EAAE;IAC7G,wBAAwB,EAAEF,IAAI,KAAK,SAAS,IAAIA,IAAI,KAAK,SAAS,IAAI,CAACA,IAAI;IAC3E,wBAAwB,EAAEA,IAAI,KAAK,SAAS;IAC5C,wBAAwB,EAAEA,IAAI,KAAK,aAAa;IAChD,0BAA0B,EAAEA,IAAI,KAAK,SAAS;IAC9C,mBAAmB,EAAEA,IAAI,KAAK;GACjC,CAAC;EACF,MAAMG,KAAK,GAAGC,QAAQ,CAACL,SAAS,EAAEL,WAAW,CAAC;EAC9C,MAAMW,QAAQ,GAAGC,YAAY,EAAE;EAE/B,IAAI,CAACf,OAAO,EAAE;IACVgB,OAAO,CAACC,IAAI,CAACC,2BAA2B,CAAClB,OAAO,CAAC,CAAC;;EAGtDmB,cAAK,CAACC,SAAS,CAAC;IACZ,IAAIZ,SAAS,EAAE;MACXI,KAAK,CAACS,KAAK,EAAE;;GAEpB,EAAE,CAACb,SAAS,CAAC,CAAC;EAEf,MAAMc,sBAAsB;IAAA;6BAClBR,QAAQ,CAACO,KAAK,CAAC;QAAEE,KAAK,EAAE;OAAM,CAAC,EAAAC,IAAA;QAAA,OAAAC,OAAA,CAAAC,OAAA,CAC/BZ,QAAQ,CAACO,KAAK,CAAC;UAAEE,KAAK,EAAE;SAAG,CAAC,EAAAC,IAAA;;KACrC,QAAAG,CAAA;MAAA,OAAAF,OAAA,CAAAG,MAAA,CAAAD,CAAA;;;EAEDR,cAAK,CAACC,SAAS,CAAC;IACZ,IAAInB,WAAW,EAAE;MACbqB,sBAAsB,EAAE;MAExB,IAAIV,KAAK,CAACiB,OAAO,EAAE;QACfjB,KAAK,CAACS,KAAK,EAAE;;;GAGxB,EAAE,CAACpB,WAAW,CAAC,CAAC;EAEjB,oBACIkB,6BAACW,MAAM,CAACC,GAAG,oBACH1B,KAAK;IACT2B,OAAO,EAAElB,QAAQ;IACjBJ,SAAS,EAAEA,SAAS;iBACV,OAAO;IACjBuB,YAAY,EAAErB,KAAK,CAACsB,KAAK;IACzBC,YAAY,EAAEvB,KAAK,CAACwB;MACnBC,YAAY,CAAC5B,IAAI,CAAC,eACnBU;IAAKT,SAAS,EAAC;KAAaV,OAAO,CAAO,eAC1CmB,6BAACmB,UAAU;IACPC,UAAU,EAAC,UAAU;IACrB7B,SAAS,EAAC,qDAAqD;IAC/D8B,IAAI,EAAC,OAAO;kBACAlC,KAAK,CAACmC,MAAM,CAACC,OAAO;IAChCC,OAAO,EAAExC;IACX,CACO;AAErB;;;;"}

package/dist/esm/packages/taco/src/components/Toast/Toaster.js

@@ -1,56 +1,43 @@
 import { useState, useCallback, useEffect, createElement, useContext, createContext } from 'react';
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose, extends as _extends } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { v4 } from 'uuid';
 import { AnimatePresence, motion } from 'framer-motion';
 import { Portal } from '@radix-ui/react-portal';
 import { Toast } from './Toast.js';
 
-var _excluded = ["children"];
-var DEFAULT_AUTO_CLOSE_TIMEOUT = 7500;
-var ToastContext = /*#__PURE__*/createContext({});
-var insertToastWithoutDuplicates = function insertToastWithoutDuplicates(currentToasts, id, content, options, close) {
-  var nextToasts = [].concat(currentToasts);
-  var existingToastIndex = currentToasts.findIndex(function (toast) {
-    return JSON.stringify(toast.content) === JSON.stringify(content);
-  });
+const DEFAULT_AUTO_CLOSE_TIMEOUT = 7500;
+const ToastContext = /*#__PURE__*/createContext({});
+const insertToastWithoutDuplicates = (currentToasts, id, content, options, close) => {
+  const nextToasts = [...currentToasts];
+  const existingToastIndex = currentToasts.findIndex(toast => JSON.stringify(toast.content) === JSON.stringify(content));
   if (existingToastIndex > -1) {
     nextToasts[existingToastIndex].lastDuplicateId = id;
     nextToasts[existingToastIndex].lastUpdated = Date.now();
   } else {
     nextToasts.push({
-      id: id,
+      id,
       content: typeof content === 'function' ? content(close) : content,
-      options: options
+      options
     });
   }
   return nextToasts;
 };
-var ToastProvider = function ToastProvider(_ref) {
-  var children = _ref.children,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var _React$useState = useState([]),
-    toasts = _React$useState[0],
-    setToasts = _React$useState[1];
-  var handleClose = function handleClose(id) {
-    setToasts(function (currentToasts) {
-      return currentToasts.filter(function (toast) {
-        return toast.id !== id;
-      });
-    });
+const ToastProvider = ({
+  children,
+  ...props
+}) => {
+  const [toasts, setToasts] = useState([]);
+  const handleClose = id => {
+    setToasts(currentToasts => currentToasts.filter(toast => toast.id !== id));
   };
   // memoize (useCallback) this function,
   // it is the value of the context provider and we don't want it to trigger state tree re-renders on provider children
-  var toaster = useCallback(function (content, options) {
-    var id = v4();
-    var close = function close() {
-      return handleClose(id);
-    };
-    setToasts(function (currentToasts) {
-      return insertToastWithoutDuplicates(currentToasts, id, content, options, close);
-    });
-    var update = function update(content, options) {
-      setToasts(function (currentToasts) {
-        var nextToasts = currentToasts.filter(function (toast) {
+  const toaster = useCallback((content, options) => {
+    const id = v4();
+    const close = () => handleClose(id);
+    setToasts(currentToasts => insertToastWithoutDuplicates(currentToasts, id, content, options, close));
+    const update = (content, options) => {
+      setToasts(currentToasts => {
+        const nextToasts = currentToasts.filter(toast => {
           if (toast.lastDuplicateId) {
             return toast.lastDuplicateId !== id;
           }
@@ -59,71 +46,69 @@ var ToastProvider = function ToastProvider(_ref) {
         return insertToastWithoutDuplicates(nextToasts, v4(), content, options, close);
       });
     };
-    var success = function success(content, options) {
-      update(content, _extends({
-        autoClose: DEFAULT_AUTO_CLOSE_TIMEOUT
-      }, options, {
+    const success = (content, options) => {
+      update(content, {
+        autoClose: DEFAULT_AUTO_CLOSE_TIMEOUT,
+        ...options,
         type: 'success'
-      }));
+      });
     };
-    var error = function error(content, options) {
-      update(content, _extends({}, options, {
+    const error = (content, options) => {
+      update(content, {
+        ...options,
         type: 'error'
-      }));
+      });
     };
-    var warning = function warning(content, options) {
-      update(content, _extends({}, options, {
+    const warning = (content, options) => {
+      update(content, {
+        ...options,
         type: 'warning'
-      }));
+      });
     };
-    var information = function information(content, options) {
-      update(content, _extends({}, options, {
+    const information = (content, options) => {
+      update(content, {
+        ...options,
         type: 'information'
-      }));
+      });
     };
-    var loading = function loading(content, options) {
-      update(content, _extends({}, options, {
+    const loading = (content, options) => {
+      update(content, {
+        ...options,
         type: 'loading'
-      }));
+      });
     };
     return {
-      success: success,
-      error: error,
-      warning: warning,
-      information: information,
-      loading: loading,
-      close: close
+      success,
+      error,
+      warning,
+      information,
+      loading,
+      close
     };
   }, []);
   // no need to rebind these every render, do them once in an effect
-  useEffect(function () {
-    toaster.success = function (content, options) {
-      return toaster(content, _extends({
-        autoClose: DEFAULT_AUTO_CLOSE_TIMEOUT
-      }, options, {
-        type: 'success'
-      }));
-    };
-    toaster.error = function (content, options) {
-      return toaster(content, _extends({}, options, {
-        type: 'error'
-      }));
-    };
-    toaster.warning = function (content, options) {
-      return toaster(content, _extends({}, options, {
-        type: 'warning'
-      }));
-    };
-    toaster.information = function (content, options) {
-      return toaster(content, _extends({}, options, {
-        type: 'information'
-      }));
-    };
-    toaster.loading = function (content, options) {
-      return toaster(content, _extends({}, options, {
-        type: 'loading'
-      }));
-    };
+  useEffect(() => {
+    toaster.success = (content, options) => toaster(content, {
+      autoClose: DEFAULT_AUTO_CLOSE_TIMEOUT,
+      ...options,
+      type: 'success'
+    });
+    toaster.error = (content, options) => toaster(content, {
+      ...options,
+      type: 'error'
+    });
+    toaster.warning = (content, options) => toaster(content, {
+      ...options,
+      type: 'warning'
+    });
+    toaster.information = (content, options) => toaster(content, {
+      ...options,
+      type: 'information'
+    });
+    toaster.loading = (content, options) => toaster(content, {
+      ...options,
+      type: 'loading'
+    });
   }, []);
   return /*#__PURE__*/createElement(ToastContext.Provider, Object.assign({}, props, {
     value: toaster
@@ -133,41 +118,35 @@ var ToastProvider = function ToastProvider(_ref) {
     role: "log"
   }, /*#__PURE__*/createElement(AnimatePresence, {
     initial: false
-  }, toasts.map(function (toast) {
-    return /*#__PURE__*/createElement(motion.div, {
-      key: toast.id,
+  }, toasts.map(toast => (/*#__PURE__*/createElement(motion.div, {
+    key: toast.id,
+    transition: {
+      type: 'spring',
+      damping: 20,
+      stiffness: 300
+    },
+    initial: {
+      opacity: 0,
+      y: 10,
+      scale: 0.5
+    },
+    animate: {
+      opacity: 1,
+      y: 0,
+      scale: 1
+    },
+    exit: {
+      opacity: 0,
+      scale: 0.5,
       transition: {
-        type: 'spring',
-        damping: 20,
-        stiffness: 300
-      },
-      initial: {
-        opacity: 0,
-        y: 10,
-        scale: 0.5
-      },
-      animate: {
-        opacity: 1,
-        y: 0,
-        scale: 1
-      },
-      exit: {
-        opacity: 0,
-        scale: 0.5,
-        transition: {
-          duration: 0.2
-        }
-      }
-    }, /*#__PURE__*/createElement(Toast, Object.assign({}, toast, {
-      onClose: function onClose() {
-        return handleClose(toast.id);
+        duration: 0.2
       }
-    })));
-  })))));
-};
-var useToast = function useToast() {
-  return useContext(ToastContext);
+    }
+  }, /*#__PURE__*/createElement(Toast, Object.assign({}, toast, {
+    onClose: () => handleClose(toast.id)
+  })))))))));
 };
+const useToast = () => useContext(ToastContext);
 
 export { ToastProvider, useToast };
 //# sourceMappingURL=Toaster.js.map

package/dist/esm/packages/taco/src/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 { v4 as uuid } from 'uuid';\nimport { AnimatePresence, motion } from 'framer-motion';\nimport { Portal } from '@radix-ui/react-portal';\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) {\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\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 = uuid();\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, uuid(), 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":["DEFAULT_AUTO_CLOSE_TIMEOUT","ToastContext","React","insertToastWithoutDuplicates","currentToasts","id","content","options","close","nextToasts","concat","existingToastIndex","findIndex","toast","JSON","stringify","lastDuplicateId","lastUpdated","Date","now","push","ToastProvider","_ref","children","props","_objectWithoutPropertiesLoose","_excluded","_React$useState","toasts","setToasts","handleClose","filter","toaster","uuid","update","success","_extends","autoClose","type","error","warning","information","loading","Provider","value","Portal","className","role","AnimatePresence","initial","map","motion","div","key","transition","damping","stiffness","opacity","y","scale","animate","exit","duration","Toast","onClose","useToast"],"mappings":"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"}
+{"version":3,"file":"Toaster.js","sources":["../../../../../../../src/components/Toast/Toaster.tsx"],"sourcesContent":["import * as React from 'react';\nimport { v4 as uuid } from 'uuid';\nimport { AnimatePresence, motion } from 'framer-motion';\nimport { Portal } from '@radix-ui/react-portal';\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) {\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\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 = uuid();\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, uuid(), 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":["DEFAULT_AUTO_CLOSE_TIMEOUT","ToastContext","React","insertToastWithoutDuplicates","currentToasts","id","content","options","close","nextToasts","existingToastIndex","findIndex","toast","JSON","stringify","lastDuplicateId","lastUpdated","Date","now","push","ToastProvider","children","props","toasts","setToasts","handleClose","filter","toaster","uuid","update","success","autoClose","type","error","warning","information","loading","Provider","value","Portal","className","role","AnimatePresence","initial","map","motion","div","key","transition","damping","stiffness","opacity","y","scale","animate","exit","duration","Toast","onClose","useToast"],"mappings":"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"}

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

@@ -2,10 +2,10 @@ import React__default from 'react';
 import { BadgeIcon } from '../BadgeIcon/BadgeIcon.js';
 import { Spinner } from '../Spinner/Spinner.js';
 
-var getBadgeIcon = function getBadgeIcon(type) {
+const getBadgeIcon = type => {
   return /*#__PURE__*/React__default.createElement("div", {
     className: "mr-2 mt-[5px] flex-shrink-0 self-start"
-  }, function () {
+  }, (() => {
     switch (type) {
       case 'success':
         return /*#__PURE__*/React__default.createElement(BadgeIcon, {
@@ -35,11 +35,9 @@ var getBadgeIcon = function getBadgeIcon(type) {
       default:
         return null;
     }
-  }());
-};
-var getToastEmptyContentWarning = function getToastEmptyContentWarning(content) {
-  return "Toast requires 'content' property, which can't be empty string, null or undefined. Current content value is set to " + (content === '' ? 'empty string' : content) + ".";
+  })());
 };
+const getToastEmptyContentWarning = content => `Toast requires 'content' property, which can't be empty string, null or undefined. Current content value is set to ${content === '' ? 'empty string' : content}.`;
 
 export { getBadgeIcon, getToastEmptyContentWarning };
 //# sourceMappingURL=util.js.map

package/dist/esm/packages/taco/src/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): 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":["getBadgeIcon","type","React","className","BadgeIcon","icon","color","Spinner","delay","getToastEmptyContentWarning","content"],"mappings":";;;;IAKaA,YAAY,GAAG,SAAfA,YAAYA,CAAIC,IAAe;EACxC,oBACIC;IAAKC,SAAS,EAAC;KACT;IACE,QAAQF,IAAI;MACR,KAAK,SAAS;QACV,oBAAOC,6BAACE,SAAS;UAACC,IAAI,EAAC,MAAM;UAACC,KAAK,EAAC;UAAU;MAClD,KAAK,OAAO;QACR,oBAAOJ,6BAACE,SAAS;UAACC,IAAI,EAAC,OAAO;UAACC,KAAK,EAAC;UAAQ;MACjD,KAAK,SAAS;QACV,oBAAOJ,6BAACE,SAAS;UAACC,IAAI,EAAC,SAAS;UAACC,KAAK,EAAC;UAAW;MACtD,KAAK,aAAa;QACd,oBAAOJ,6BAACE,SAAS;UAACC,IAAI,EAAC,MAAM;UAACC,KAAK,EAAC;UAAS;MACjD,KAAK,SAAS;QACV,oBAAOJ,6BAACK,OAAO;UAACC,KAAK,EAAE,CAAC;UAAEL,SAAS,EAAC;UAAY;MACpD;QACI,OAAO,IAAI;;GAEtB,EAAG,CACF;AAEd;IAEaM,2BAA2B,GAAG,SAA9BA,2BAA2BA,CAAIC,OAAsB;EAAA,gIAE1DA,OAAO,KAAK,EAAE,GAAG,cAAc,GAAGA,OACtC;AAAA;;;;"}
+{"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): 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":["getBadgeIcon","type","React","className","BadgeIcon","icon","color","Spinner","delay","getToastEmptyContentWarning","content"],"mappings":";;;;MAKaA,YAAY,GAAIC,IAAe;EACxC,oBACIC;IAAKC,SAAS,EAAC;KACV,CAAC;IACE,QAAQF,IAAI;MACR,KAAK,SAAS;QACV,oBAAOC,6BAACE,SAAS;UAACC,IAAI,EAAC,MAAM;UAACC,KAAK,EAAC;UAAU;MAClD,KAAK,OAAO;QACR,oBAAOJ,6BAACE,SAAS;UAACC,IAAI,EAAC,OAAO;UAACC,KAAK,EAAC;UAAQ;MACjD,KAAK,SAAS;QACV,oBAAOJ,6BAACE,SAAS;UAACC,IAAI,EAAC,SAAS;UAACC,KAAK,EAAC;UAAW;MACtD,KAAK,aAAa;QACd,oBAAOJ,6BAACE,SAAS;UAACC,IAAI,EAAC,MAAM;UAACC,KAAK,EAAC;UAAS;MACjD,KAAK,SAAS;QACV,oBAAOJ,6BAACK,OAAO;UAACC,KAAK,EAAE,CAAC;UAAEL,SAAS,EAAC;UAAY;MACpD;QACI,OAAO,IAAI;;GAEtB,GAAG,CACF;AAEd;MAEaM,2BAA2B,GAAIC,OAAsB,IAC9D,sHACIA,OAAO,KAAK,EAAE,GAAG,cAAc,GAAGA,OACtC;;;;"}

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

@@ -1,17 +1,16 @@
 import { forwardRef, createElement } from 'react';
 import cn from 'clsx';
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { Root, Trigger, Portal, Content, Arrow } from '@radix-ui/react-tooltip';
 
-var _excluded = ["title", "children", "placement", "hide"];
-var Tooltip = /*#__PURE__*/forwardRef(function Tooltip(props, ref) {
-  var title = props.title,
-    children = props.children,
-    placement = props.placement,
-    _props$hide = props.hide,
-    hide = _props$hide === void 0 ? false : _props$hide,
-    otherProps = _objectWithoutPropertiesLoose(props, _excluded);
-  var className = cn('break-words', otherProps.className);
+const Tooltip = /*#__PURE__*/forwardRef(function Tooltip(props, ref) {
+  const {
+    title,
+    children,
+    placement,
+    hide = false,
+    ...otherProps
+  } = props;
+  const className = cn('break-words', otherProps.className);
   if (hide) {
     return children;
   }

package/dist/esm/packages/taco/src/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 * as TooltipPrimitive from '@radix-ui/react-tooltip';\nimport cn from 'clsx';\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 | any;\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 delayDuration={250}>\n            <TooltipPrimitive.Trigger asChild ref={ref as any}>\n                {children}\n            </TooltipPrimitive.Trigger>\n            <TooltipPrimitive.Portal>\n                <TooltipPrimitive.Content {...otherProps} asChild className={className} side={placement} sideOffset={3}>\n                    <div\n                        className=\"xs:max-w-[theme(spacing.56)] max-w-[theme(spacing.32)] animate-[fade-in_150ms] rounded-sm bg-blue-900 px-2 py-1 text-xs font-bold text-white print:hidden\"\n                        data-taco=\"tooltip\"\n                        style={{\n                            transformOrigin: 'var(--radix-tooltip-content-transform-origin)',\n                        }}>\n                        <TooltipPrimitive.Arrow className=\"-mt-px fill-blue-900/90 stroke-blue-900/90\" />\n                        {title}\n                    </div>\n                </TooltipPrimitive.Content>\n            </TooltipPrimitive.Portal>\n        </TooltipPrimitive.Root>\n    );\n});\n"],"names":["Tooltip","React","props","ref","title","children","placement","_props$hide","hide","otherProps","_objectWithoutPropertiesLoose","_excluded","className","cn","TooltipPrimitive","delayDuration","asChild","side","sideOffset","style","transformOrigin"],"mappings":";;;;;;IAkBaA,OAAO,gBAAGC,UAAgB,CAAC,SAASD,OAAOA,CAACE,KAAmB,EAAEC,GAA2B;EACrG,IAAQC,KAAK,GAAuDF,KAAK,CAAjEE,KAAK;IAAEC,QAAQ,GAA6CH,KAAK,CAA1DG,QAAQ;IAAEC,SAAS,GAAkCJ,KAAK,CAAhDI,SAAS;IAAAC,WAAA,GAAkCL,KAAK,CAArCM,IAAI;IAAJA,IAAI,GAAAD,WAAA,cAAG,KAAK,GAAAA,WAAA;IAAKE,UAAU,GAAAC,6BAAA,CAAKR,KAAK,EAAAS,SAAA;EACzE,IAAMC,SAAS,GAAGC,EAAE,CAAC,aAAa,EAAEJ,UAAU,CAACG,SAAS,CAAC;EAEzD,IAAIJ,IAAI,EAAE;IACN,OAAOH,QAAQ;;EAGnB,oBACIJ,cAACa,IAAqB;IAACC,aAAa,EAAE;kBAClCd,cAACa,OAAwB;IAACE,OAAO;IAACb,GAAG,EAAEA;KAClCE,QAAQ,CACc,eAC3BJ,cAACa,MAAuB,qBACpBb,cAACa,OAAwB,oBAAKL,UAAU;IAAEO,OAAO;IAACJ,SAAS,EAAEA,SAAS;IAAEK,IAAI,EAAEX,SAAS;IAAEY,UAAU,EAAE;mBACjGjB;IACIW,SAAS,EAAC,2JAA2J;iBAC3J,SAAS;IACnBO,KAAK,EAAE;MACHC,eAAe,EAAE;;kBAErBnB,cAACa,KAAsB;IAACF,SAAS,EAAC;IAA+C,EAChFR,KAAK,CACJ,CACiB,CACL,CACN;AAEhC,CAAC;;;;"}
+{"version":3,"file":"Tooltip.js","sources":["../../../../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip';\nimport cn from 'clsx';\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 | any;\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 delayDuration={250}>\n            <TooltipPrimitive.Trigger asChild ref={ref as any}>\n                {children}\n            </TooltipPrimitive.Trigger>\n            <TooltipPrimitive.Portal>\n                <TooltipPrimitive.Content {...otherProps} asChild className={className} side={placement} sideOffset={3}>\n                    <div\n                        className=\"xs:max-w-[theme(spacing.56)] max-w-[theme(spacing.32)] animate-[fade-in_150ms] rounded-sm bg-blue-900 px-2 py-1 text-xs font-bold text-white print:hidden\"\n                        data-taco=\"tooltip\"\n                        style={{\n                            transformOrigin: 'var(--radix-tooltip-content-transform-origin)',\n                        }}>\n                        <TooltipPrimitive.Arrow className=\"-mt-px fill-blue-900/90 stroke-blue-900/90\" />\n                        {title}\n                    </div>\n                </TooltipPrimitive.Content>\n            </TooltipPrimitive.Portal>\n        </TooltipPrimitive.Root>\n    );\n});\n"],"names":["Tooltip","React","props","ref","title","children","placement","hide","otherProps","className","cn","TooltipPrimitive","delayDuration","asChild","side","sideOffset","style","transformOrigin"],"mappings":";;;;MAkBaA,OAAO,gBAAGC,UAAgB,CAAC,SAASD,OAAOA,CAACE,KAAmB,EAAEC,GAA2B;EACrG,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,SAAS;IAAEC,IAAI,GAAG,KAAK;IAAE,GAAGC;GAAY,GAAGN,KAAK;EACzE,MAAMO,SAAS,GAAGC,EAAE,CAAC,aAAa,EAAEF,UAAU,CAACC,SAAS,CAAC;EAEzD,IAAIF,IAAI,EAAE;IACN,OAAOF,QAAQ;;EAGnB,oBACIJ,cAACU,IAAqB;IAACC,aAAa,EAAE;kBAClCX,cAACU,OAAwB;IAACE,OAAO;IAACV,GAAG,EAAEA;KAClCE,QAAQ,CACc,eAC3BJ,cAACU,MAAuB,qBACpBV,cAACU,OAAwB,oBAAKH,UAAU;IAAEK,OAAO;IAACJ,SAAS,EAAEA,SAAS;IAAEK,IAAI,EAAER,SAAS;IAAES,UAAU,EAAE;mBACjGd;IACIQ,SAAS,EAAC,2JAA2J;iBAC3J,SAAS;IACnBO,KAAK,EAAE;MACHC,eAAe,EAAE;;kBAErBhB,cAACU,KAAsB;IAACF,SAAS,EAAC;IAA+C,EAChFL,KAAK,CACJ,CACiB,CACL,CACN;AAEhC,CAAC;;;;"}