@economic/taco 1.0.7 → 1.0.8

package/dist/esm/components/Tabs/Tabs.js

@@ -1,17 +1,21 @@
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { forwardRef, createElement } from 'react';
 import cn from 'classnames';
 import { Root, List, Trigger, Content } from '@radix-ui/react-tabs';
 
-const Tabs = /*#__PURE__*/forwardRef(function Tabs(props, ref) {
-  const {
-    id,
-    defaultId,
-    children,
-    onChange,
-    orientation = 'horizontal',
-    ...otherProps
-  } = props;
-  const className = cn('yt-tabs', `yt-tabs--${orientation}`, {
+var _excluded = ["id", "defaultId", "children", "onChange", "orientation"],
+    _excluded2 = ["id", "disabled"],
+    _excluded3 = ["id"];
+var Tabs = /*#__PURE__*/forwardRef(function Tabs(props, ref) {
+  var id = props.id,
+      defaultId = props.defaultId,
+      children = props.children,
+      onChange = props.onChange,
+      _props$orientation = props.orientation,
+      orientation = _props$orientation === void 0 ? 'horizontal' : _props$orientation,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+
+  var className = cn('yt-tabs', "yt-tabs--" + orientation, {
     'flex w-full': orientation === 'vertical'
   }, props.className);
   return createElement(Root, Object.assign({}, otherProps, {
@@ -25,20 +29,19 @@ const Tabs = /*#__PURE__*/forwardRef(function Tabs(props, ref) {
     value: id
   }), children);
 });
-const TabList = /*#__PURE__*/forwardRef(function Tab(props, ref) {
-  const className = cn('yt-tab__list border-b border-grey-light flex flex-row m-0 mb-4', props.className);
+var TabList = /*#__PURE__*/forwardRef(function Tab(props, ref) {
+  var className = cn('yt-tab__list border-b border-grey-light flex flex-row m-0 mb-4', props.className);
   return createElement(List, Object.assign({}, props, {
     className: className,
     ref: ref
   }));
 });
-const TabTrigger = /*#__PURE__*/forwardRef(function Tab(props, ref) {
-  const {
-    id,
-    disabled,
-    ...otherProps
-  } = props;
-  const className = cn('yt-tab bg-transparent border-b-2 border-transparent text-grey-darkest m-0 py-2 px-4', disabled ? 'cursor-not-allowed !text-grey' : 'cursor-pointer rounded-t hover:border-grey-light hover:text-black active:yt-focus active:border-blue focus:yt-focus focus:border-blue', props.className);
+var TabTrigger = /*#__PURE__*/forwardRef(function Tab(props, ref) {
+  var id = props.id,
+      disabled = props.disabled,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded2);
+
+  var className = cn('yt-tab bg-transparent border-b-2 border-transparent text-grey-darkest m-0 py-2 px-4', disabled ? 'cursor-not-allowed !text-grey' : 'cursor-pointer rounded-t hover:border-grey-light hover:text-black active:yt-focus active:border-blue focus:yt-focus focus:border-blue', props.className);
   return createElement(Trigger, Object.assign({}, otherProps, {
     className: className,
     disabled: disabled,
@@ -49,12 +52,11 @@ const TabTrigger = /*#__PURE__*/forwardRef(function Tab(props, ref) {
     value: id
   }));
 });
-const TabContent = /*#__PURE__*/forwardRef(function Tab(props, ref) {
-  const {
-    id,
-    ...otherProps
-  } = props;
-  const className = cn('yt-tab__panel outline-none', props.className);
+var TabContent = /*#__PURE__*/forwardRef(function Tab(props, ref) {
+  var id = props.id,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded3);
+
+  var className = cn('yt-tab__panel outline-none', props.className);
   return createElement(Content, Object.assign({}, otherProps, {
     className: className,
     ref: ref,

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

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sources":["../../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport cn from 'classnames';\r\nimport * as TabsPrimitive from '@radix-ui/react-tabs';\r\n\r\nimport { Orientation } from '../../types';\r\nimport './Tabs.css';\r\n\r\nexport type TabsProps = React.HTMLAttributes<HTMLDivElement> & {\r\n    /**\r\n     * The controlled value of the tab to activate. Should be used in conjunction with `onChange`.\r\n     */\r\n    id?: string;\r\n    /**\r\n     * Set which tab is selected on mount.\r\n     * This has to be one of the existing ids provided for tabs\r\n     */\r\n    defaultId?: string;\r\n    /**\r\n     * Content should be one or an array of `Tabs.Trigger` components inside `Tabs.List` and then\r\n     * followed by one or an array of `Tabs.Content`.\r\n     * *Note* that there can also be tabs that are rendered conditionally.\r\n     */\r\n    children: React.ReactNode;\r\n    /**\r\n     * Define orientation of tabs.\r\n     * @defaultValue horizontal\r\n     */\r\n    orientation?: Orientation;\r\n    /**\r\n     * Callback that is called when tab is changed.\r\n     */\r\n    onChange?: (id: string) => void;\r\n};\r\n\r\nexport type TabListProps = React.HTMLAttributes<HTMLDivElement>;\r\n\r\nexport type TabTriggerProps = React.HTMLAttributes<HTMLButtonElement> & {\r\n    /**\r\n     * A unique value that associates the trigger with a content.\r\n     */\r\n    id: string;\r\n    /**\r\n     * When true, prevents the user from interacting with the tab.\r\n     */\r\n    disabled?: boolean;\r\n};\r\n\r\nexport type TabContentProps = React.HTMLAttributes<HTMLDivElement> & {\r\n    /**\r\n     * A unique value that associates the content with a trigger.\r\n     */\r\n    id: string;\r\n};\r\n\r\nexport type ForwardedTabsWithStatics = React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>> & {\r\n    /** Tab list component containing all tab triggers, rendered in a `Tabs` group component */\r\n    List: React.ForwardRefExoticComponent<TabListProps & React.RefAttributes<HTMLDivElement>>;\r\n    /** Tab trigger component rendered in a `Tabs.List` component */\r\n    Trigger: React.ForwardRefExoticComponent<TabTriggerProps & React.RefAttributes<HTMLButtonElement>>;\r\n    /** Tab content component rendered in a `Tabs` group component */\r\n    Content: React.ForwardRefExoticComponent<TabContentProps & React.RefAttributes<HTMLDivElement>>;\r\n};\r\n\r\nexport const Tabs = React.forwardRef(function Tabs(props: TabsProps, ref: React.Ref<HTMLDivElement>) {\r\n    const { id, defaultId, children, onChange, orientation = 'horizontal', ...otherProps } = props;\r\n    const className = cn(\r\n        'yt-tabs',\r\n        `yt-tabs--${orientation}`,\r\n        {\r\n            'flex w-full': orientation === 'vertical',\r\n        },\r\n        props.className\r\n    );\r\n\r\n    return (\r\n        <TabsPrimitive.Root\r\n            {...otherProps}\r\n            className={className}\r\n            data-taco=\"tabs\"\r\n            defaultValue={defaultId}\r\n            dir=\"ltr\"\r\n            onValueChange={onChange}\r\n            orientation={orientation}\r\n            ref={ref}\r\n            value={id}\r\n        >\r\n            {children}\r\n        </TabsPrimitive.Root>\r\n    );\r\n}) as ForwardedTabsWithStatics;\r\n\r\nconst TabList = React.forwardRef(function Tab(props: TabListProps, ref: React.Ref<HTMLDivElement>) {\r\n    const className = cn('yt-tab__list border-b border-grey-light flex flex-row m-0 mb-4', props.className);\r\n\r\n    return <TabsPrimitive.List {...props} className={className} ref={ref} />;\r\n});\r\n\r\nconst TabTrigger = React.forwardRef(function Tab(props: TabTriggerProps, ref: React.Ref<HTMLButtonElement>) {\r\n    const { id, disabled, ...otherProps } = props;\r\n    const className = cn(\r\n        'yt-tab bg-transparent border-b-2 border-transparent text-grey-darkest m-0 py-2 px-4',\r\n        disabled\r\n            ? 'cursor-not-allowed !text-grey'\r\n            : 'cursor-pointer rounded-t hover:border-grey-light hover:text-black active:yt-focus active:border-blue focus:yt-focus focus:border-blue',\r\n        props.className\r\n    );\r\n\r\n    return (\r\n        <TabsPrimitive.Trigger\r\n            {...otherProps}\r\n            className={className}\r\n            disabled={disabled}\r\n            ref={ref}\r\n            style={{\r\n                transition: 'border 0.2s ease-in',\r\n            }}\r\n            value={id}\r\n        />\r\n    );\r\n});\r\n\r\nconst TabContent = React.forwardRef(function Tab(props: TabContentProps, ref: React.Ref<HTMLDivElement>) {\r\n    const { id, ...otherProps } = props;\r\n    const className = cn('yt-tab__panel outline-none', props.className);\r\n\r\n    return <TabsPrimitive.Content {...otherProps} className={className} ref={ref} value={id} />;\r\n});\r\n\r\nTabs.List = TabList;\r\nTabs.Trigger = TabTrigger;\r\nTabs.Content = TabContent;\r\n"],"names":["Tabs","React","props","ref","id","defaultId","children","onChange","orientation","otherProps","className","cn","TabsPrimitive","defaultValue","dir","onValueChange","value","TabList","Tab","TabTrigger","disabled","style","transition","TabContent","List","Trigger","Content"],"mappings":";;;;MA+DaA,IAAI,gBAAGC,UAAA,CAAiB,SAASD,IAAT,CAAcE,KAAd,EAAgCC,GAAhC;AACjC,QAAM;AAAEC,IAAAA,EAAF;AAAMC,IAAAA,SAAN;AAAiBC,IAAAA,QAAjB;AAA2BC,IAAAA,QAA3B;AAAqCC,IAAAA,WAAW,GAAG,YAAnD;AAAiE,OAAGC;AAApE,MAAmFP,KAAzF;AACA,QAAMQ,SAAS,GAAGC,EAAE,CAChB,SADgB,cAEJH,aAFI,EAGhB;AACI,mBAAeA,WAAW,KAAK;AADnC,GAHgB,EAMhBN,KAAK,CAACQ,SANU,CAApB;AASA,SACIT,aAAA,CAACW,IAAD,oBACQH;AACJC,IAAAA,SAAS,EAAEA;iBACD;AACVG,IAAAA,YAAY,EAAER;AACdS,IAAAA,GAAG,EAAC;AACJC,IAAAA,aAAa,EAAER;AACfC,IAAAA,WAAW,EAAEA;AACbL,IAAAA,GAAG,EAAEA;AACLa,IAAAA,KAAK,EAAEZ;IATX,EAWKE,QAXL,CADJ;AAeH,CA1BmB;AA4BpB,MAAMW,OAAO,gBAAGhB,UAAA,CAAiB,SAASiB,GAAT,CAAahB,KAAb,EAAkCC,GAAlC;AAC7B,QAAMO,SAAS,GAAGC,EAAE,CAAC,gEAAD,EAAmET,KAAK,CAACQ,SAAzE,CAApB;AAEA,SAAOT,aAAA,CAACW,IAAD,oBAAwBV;AAAOQ,IAAAA,SAAS,EAAEA;AAAWP,IAAAA,GAAG,EAAEA;IAA1D,CAAP;AACH,CAJe,CAAhB;AAMA,MAAMgB,UAAU,gBAAGlB,UAAA,CAAiB,SAASiB,GAAT,CAAahB,KAAb,EAAqCC,GAArC;AAChC,QAAM;AAAEC,IAAAA,EAAF;AAAMgB,IAAAA,QAAN;AAAgB,OAAGX;AAAnB,MAAkCP,KAAxC;AACA,QAAMQ,SAAS,GAAGC,EAAE,CAChB,qFADgB,EAEhBS,QAAQ,GACF,+BADE,GAEF,uIAJU,EAKhBlB,KAAK,CAACQ,SALU,CAApB;AAQA,SACIT,aAAA,CAACW,OAAD,oBACQH;AACJC,IAAAA,SAAS,EAAEA;AACXU,IAAAA,QAAQ,EAAEA;AACVjB,IAAAA,GAAG,EAAEA;AACLkB,IAAAA,KAAK,EAAE;AACHC,MAAAA,UAAU,EAAE;AADT;AAGPN,IAAAA,KAAK,EAAEZ;IARX,CADJ;AAYH,CAtBkB,CAAnB;AAwBA,MAAMmB,UAAU,gBAAGtB,UAAA,CAAiB,SAASiB,GAAT,CAAahB,KAAb,EAAqCC,GAArC;AAChC,QAAM;AAAEC,IAAAA,EAAF;AAAM,OAAGK;AAAT,MAAwBP,KAA9B;AACA,QAAMQ,SAAS,GAAGC,EAAE,CAAC,4BAAD,EAA+BT,KAAK,CAACQ,SAArC,CAApB;AAEA,SAAOT,aAAA,CAACW,OAAD,oBAA2BH;AAAYC,IAAAA,SAAS,EAAEA;AAAWP,IAAAA,GAAG,EAAEA;AAAKa,IAAAA,KAAK,EAAEZ;IAA9E,CAAP;AACH,CALkB,CAAnB;AAOAJ,IAAI,CAACwB,IAAL,GAAYP,OAAZ;AACAjB,IAAI,CAACyB,OAAL,GAAeN,UAAf;AACAnB,IAAI,CAAC0B,OAAL,GAAeH,UAAf;;;;"}
+{"version":3,"file":"Tabs.js","sources":["../../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'classnames';\nimport * as TabsPrimitive from '@radix-ui/react-tabs';\n\nimport { Orientation } from '../../types';\nimport './Tabs.css';\n\nexport type TabsProps = React.HTMLAttributes<HTMLDivElement> & {\n    /**\n     * The controlled value of the tab to activate. Should be used in conjunction with `onChange`.\n     */\n    id?: string;\n    /**\n     * Set which tab is selected on mount.\n     * This has to be one of the existing ids provided for tabs\n     */\n    defaultId?: string;\n    /**\n     * Content should be one or an array of `Tabs.Trigger` components inside `Tabs.List` and then\n     * followed by one or an array of `Tabs.Content`.\n     * *Note* that there can also be tabs that are rendered conditionally.\n     */\n    children: React.ReactNode;\n    /**\n     * Define orientation of tabs.\n     * @defaultValue horizontal\n     */\n    orientation?: Orientation;\n    /**\n     * Callback that is called when tab is changed.\n     */\n    onChange?: (id: string) => void;\n};\n\nexport type TabListProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport type TabTriggerProps = React.HTMLAttributes<HTMLButtonElement> & {\n    /**\n     * A unique value that associates the trigger with a content.\n     */\n    id: string;\n    /**\n     * When true, prevents the user from interacting with the tab.\n     */\n    disabled?: boolean;\n};\n\nexport type TabContentProps = React.HTMLAttributes<HTMLDivElement> & {\n    /**\n     * A unique value that associates the content with a trigger.\n     */\n    id: string;\n};\n\nexport type ForwardedTabsWithStatics = React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>> & {\n    /** Tab list component containing all tab triggers, rendered in a `Tabs` group component */\n    List: React.ForwardRefExoticComponent<TabListProps & React.RefAttributes<HTMLDivElement>>;\n    /** Tab trigger component rendered in a `Tabs.List` component */\n    Trigger: React.ForwardRefExoticComponent<TabTriggerProps & React.RefAttributes<HTMLButtonElement>>;\n    /** Tab content component rendered in a `Tabs` group component */\n    Content: React.ForwardRefExoticComponent<TabContentProps & React.RefAttributes<HTMLDivElement>>;\n};\n\nexport const Tabs = React.forwardRef(function Tabs(props: TabsProps, ref: React.Ref<HTMLDivElement>) {\n    const { id, defaultId, children, onChange, orientation = 'horizontal', ...otherProps } = props;\n    const className = cn(\n        'yt-tabs',\n        `yt-tabs--${orientation}`,\n        {\n            'flex w-full': orientation === 'vertical',\n        },\n        props.className\n    );\n\n    return (\n        <TabsPrimitive.Root\n            {...otherProps}\n            className={className}\n            data-taco=\"tabs\"\n            defaultValue={defaultId}\n            dir=\"ltr\"\n            onValueChange={onChange}\n            orientation={orientation}\n            ref={ref}\n            value={id}\n        >\n            {children}\n        </TabsPrimitive.Root>\n    );\n}) as ForwardedTabsWithStatics;\n\nconst TabList = React.forwardRef(function Tab(props: TabListProps, ref: React.Ref<HTMLDivElement>) {\n    const className = cn('yt-tab__list border-b border-grey-light flex flex-row m-0 mb-4', props.className);\n\n    return <TabsPrimitive.List {...props} className={className} ref={ref} />;\n});\n\nconst TabTrigger = React.forwardRef(function Tab(props: TabTriggerProps, ref: React.Ref<HTMLButtonElement>) {\n    const { id, disabled, ...otherProps } = props;\n    const className = cn(\n        'yt-tab bg-transparent border-b-2 border-transparent text-grey-darkest m-0 py-2 px-4',\n        disabled\n            ? 'cursor-not-allowed !text-grey'\n            : 'cursor-pointer rounded-t hover:border-grey-light hover:text-black active:yt-focus active:border-blue focus:yt-focus focus:border-blue',\n        props.className\n    );\n\n    return (\n        <TabsPrimitive.Trigger\n            {...otherProps}\n            className={className}\n            disabled={disabled}\n            ref={ref}\n            style={{\n                transition: 'border 0.2s ease-in',\n            }}\n            value={id}\n        />\n    );\n});\n\nconst TabContent = React.forwardRef(function Tab(props: TabContentProps, ref: React.Ref<HTMLDivElement>) {\n    const { id, ...otherProps } = props;\n    const className = cn('yt-tab__panel outline-none', props.className);\n\n    return <TabsPrimitive.Content {...otherProps} className={className} ref={ref} value={id} />;\n});\n\nTabs.List = TabList;\nTabs.Trigger = TabTrigger;\nTabs.Content = TabContent;\n"],"names":["Tabs","React","props","ref","id","defaultId","children","onChange","orientation","otherProps","className","cn","TabsPrimitive","defaultValue","dir","onValueChange","value","TabList","Tab","TabTrigger","disabled","style","transition","TabContent","List","Trigger","Content"],"mappings":";;;;;;;;IA+DaA,IAAI,gBAAGC,UAAA,CAAiB,SAASD,IAAT,CAAcE,KAAd,EAAgCC,GAAhC;AACjC,MAAQC,EAAR,GAAyFF,KAAzF,CAAQE,EAAR;AAAA,MAAYC,SAAZ,GAAyFH,KAAzF,CAAYG,SAAZ;AAAA,MAAuBC,QAAvB,GAAyFJ,KAAzF,CAAuBI,QAAvB;AAAA,MAAiCC,QAAjC,GAAyFL,KAAzF,CAAiCK,QAAjC;AAAA,2BAAyFL,KAAzF,CAA2CM,WAA3C;AAAA,MAA2CA,WAA3C,mCAAyD,YAAzD;AAAA,MAA0EC,UAA1E,iCAAyFP,KAAzF;;AACA,MAAMQ,SAAS,GAAGC,EAAE,CAChB,SADgB,gBAEJH,WAFI,EAGhB;AACI,mBAAeA,WAAW,KAAK;AADnC,GAHgB,EAMhBN,KAAK,CAACQ,SANU,CAApB;AASA,SACIT,aAAA,CAACW,IAAD,oBACQH;AACJC,IAAAA,SAAS,EAAEA;iBACD;AACVG,IAAAA,YAAY,EAAER;AACdS,IAAAA,GAAG,EAAC;AACJC,IAAAA,aAAa,EAAER;AACfC,IAAAA,WAAW,EAAEA;AACbL,IAAAA,GAAG,EAAEA;AACLa,IAAAA,KAAK,EAAEZ;IATX,EAWKE,QAXL,CADJ;AAeH,CA1BmB;AA4BpB,IAAMW,OAAO,gBAAGhB,UAAA,CAAiB,SAASiB,GAAT,CAAahB,KAAb,EAAkCC,GAAlC;AAC7B,MAAMO,SAAS,GAAGC,EAAE,CAAC,gEAAD,EAAmET,KAAK,CAACQ,SAAzE,CAApB;AAEA,SAAOT,aAAA,CAACW,IAAD,oBAAwBV;AAAOQ,IAAAA,SAAS,EAAEA;AAAWP,IAAAA,GAAG,EAAEA;IAA1D,CAAP;AACH,CAJe,CAAhB;AAMA,IAAMgB,UAAU,gBAAGlB,UAAA,CAAiB,SAASiB,GAAT,CAAahB,KAAb,EAAqCC,GAArC;AAChC,MAAQC,EAAR,GAAwCF,KAAxC,CAAQE,EAAR;AAAA,MAAYgB,QAAZ,GAAwClB,KAAxC,CAAYkB,QAAZ;AAAA,MAAyBX,UAAzB,iCAAwCP,KAAxC;;AACA,MAAMQ,SAAS,GAAGC,EAAE,CAChB,qFADgB,EAEhBS,QAAQ,GACF,+BADE,GAEF,uIAJU,EAKhBlB,KAAK,CAACQ,SALU,CAApB;AAQA,SACIT,aAAA,CAACW,OAAD,oBACQH;AACJC,IAAAA,SAAS,EAAEA;AACXU,IAAAA,QAAQ,EAAEA;AACVjB,IAAAA,GAAG,EAAEA;AACLkB,IAAAA,KAAK,EAAE;AACHC,MAAAA,UAAU,EAAE;AADT;AAGPN,IAAAA,KAAK,EAAEZ;IARX,CADJ;AAYH,CAtBkB,CAAnB;AAwBA,IAAMmB,UAAU,gBAAGtB,UAAA,CAAiB,SAASiB,GAAT,CAAahB,KAAb,EAAqCC,GAArC;AAChC,MAAQC,EAAR,GAA8BF,KAA9B,CAAQE,EAAR;AAAA,MAAeK,UAAf,iCAA8BP,KAA9B;;AACA,MAAMQ,SAAS,GAAGC,EAAE,CAAC,4BAAD,EAA+BT,KAAK,CAACQ,SAArC,CAApB;AAEA,SAAOT,aAAA,CAACW,OAAD,oBAA2BH;AAAYC,IAAAA,SAAS,EAAEA;AAAWP,IAAAA,GAAG,EAAEA;AAAKa,IAAAA,KAAK,EAAEZ;IAA9E,CAAP;AACH,CALkB,CAAnB;AAOAJ,IAAI,CAACwB,IAAL,GAAYP,OAAZ;AACAjB,IAAI,CAACyB,OAAL,GAAeN,UAAf;AACAnB,IAAI,CAAC0B,OAAL,GAAeH,UAAf;;;;"}

package/dist/esm/components/Textarea/Textarea.js

@@ -1,23 +1,21 @@
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { forwardRef, createElement } from 'react';
 import cn from 'classnames';
 import { getInputClasses } from '../Input/util.js';
 
-const Textarea = /*#__PURE__*/forwardRef(function Textarea(props, ref) {
-  const {
-    defaultValue: _,
-    highlighted,
-    invalid,
-    onKeyDown,
-    ...otherProps
-  } = props;
-  const classNames = cn(getInputClasses(props), 'py-1 min-h-[75px] disabled:resize-none', props.className); // home and end keys only navigate to the start/end of textarea value if the textarea container does not scroll
+var _excluded = ["defaultValue", "highlighted", "invalid", "onKeyDown"];
+var Textarea = /*#__PURE__*/forwardRef(function Textarea(props, ref) {
+  var onKeyDown = props.onKeyDown,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+
+  var classNames = cn(getInputClasses(props), 'py-1 min-h-[75px] disabled:resize-none', props.className); // home and end keys only navigate to the start/end of textarea value if the textarea container does not scroll
   // if it has scroll height then the browser reverts to native scrolling behaviour only
   // so we manually override it to ensure _our_ desired behaviour remains intact
 
-  const handleKeyDown = event => {
+  var handleKeyDown = function handleKeyDown(event) {
     if (event.key === 'Home' || event.key === 'End') {
       event.preventDefault();
-      const position = event.key === 'End' ? event.currentTarget.value.length : 0;
+      var position = event.key === 'End' ? event.currentTarget.value.length : 0;
       event.currentTarget.setSelectionRange(position, position);
       event.currentTarget.scrollTop = event.key === 'End' ? event.currentTarget.scrollHeight : 0;
     }

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

@@ -1 +1 @@
-{"version":3,"file":"Textarea.js","sources":["../../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport cn from 'classnames';\r\nimport { getInputClasses } from '../Input/util';\r\n\r\nexport type TextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement> & {\r\n    /** Draws attention to the textarea by changing its style and making it visually prominent */\r\n    highlighted?: boolean;\r\n    /* Whether the input is in an invalid state */\r\n    invalid?: boolean;\r\n    /** Value of the textarea */\r\n    value?: string;\r\n};\r\n\r\nexport const Textarea = React.forwardRef(function Textarea(props: TextareaProps, ref: React.Ref<HTMLTextAreaElement>) {\r\n    const { defaultValue: _, highlighted, invalid, onKeyDown, ...otherProps } = props;\r\n    const classNames = cn(getInputClasses(props), 'py-1 min-h-[75px] disabled:resize-none', props.className);\r\n\r\n    // home and end keys only navigate to the start/end of textarea value if the textarea container does not scroll\r\n    // if it has scroll height then the browser reverts to native scrolling behaviour only\r\n    // so we manually override it to ensure _our_ desired behaviour remains intact\r\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLTextAreaElement>) => {\r\n        if (event.key === 'Home' || event.key === 'End') {\r\n            event.preventDefault();\r\n            const position = event.key === 'End' ? event.currentTarget.value.length : 0;\r\n            event.currentTarget.setSelectionRange(position, position);\r\n            event.currentTarget.scrollTop = event.key === 'End' ? event.currentTarget.scrollHeight : 0;\r\n        }\r\n\r\n        if (onKeyDown) {\r\n            onKeyDown(event);\r\n        }\r\n    };\r\n\r\n    return <textarea {...otherProps} className={classNames} data-taco=\"textarea\" onKeyDown={handleKeyDown} ref={ref} />;\r\n});\r\n"],"names":["Textarea","React","props","ref","defaultValue","_","highlighted","invalid","onKeyDown","otherProps","classNames","cn","getInputClasses","className","handleKeyDown","event","key","preventDefault","position","currentTarget","value","length","setSelectionRange","scrollTop","scrollHeight"],"mappings":";;;;MAaaA,QAAQ,gBAAGC,UAAA,CAAiB,SAASD,QAAT,CAAkBE,KAAlB,EAAwCC,GAAxC;AACrC,QAAM;AAAEC,IAAAA,YAAY,EAAEC,CAAhB;AAAmBC,IAAAA,WAAnB;AAAgCC,IAAAA,OAAhC;AAAyCC,IAAAA,SAAzC;AAAoD,OAAGC;AAAvD,MAAsEP,KAA5E;AACA,QAAMQ,UAAU,GAAGC,EAAE,CAACC,eAAe,CAACV,KAAD,CAAhB,EAAyB,wCAAzB,EAAmEA,KAAK,CAACW,SAAzE,CAArB;AAGA;AACA;;AACA,QAAMC,aAAa,GAAIC,KAAD;AAClB,QAAIA,KAAK,CAACC,GAAN,KAAc,MAAd,IAAwBD,KAAK,CAACC,GAAN,KAAc,KAA1C,EAAiD;AAC7CD,MAAAA,KAAK,CAACE,cAAN;AACA,YAAMC,QAAQ,GAAGH,KAAK,CAACC,GAAN,KAAc,KAAd,GAAsBD,KAAK,CAACI,aAAN,CAAoBC,KAApB,CAA0BC,MAAhD,GAAyD,CAA1E;AACAN,MAAAA,KAAK,CAACI,aAAN,CAAoBG,iBAApB,CAAsCJ,QAAtC,EAAgDA,QAAhD;AACAH,MAAAA,KAAK,CAACI,aAAN,CAAoBI,SAApB,GAAgCR,KAAK,CAACC,GAAN,KAAc,KAAd,GAAsBD,KAAK,CAACI,aAAN,CAAoBK,YAA1C,GAAyD,CAAzF;AACH;;AAED,QAAIhB,SAAJ,EAAe;AACXA,MAAAA,SAAS,CAACO,KAAD,CAAT;AACH;AACJ,GAXD;;AAaA,SAAOd,aAAA,WAAA,oBAAcQ;AAAYI,IAAAA,SAAS,EAAEH;iBAAsB;AAAWF,IAAAA,SAAS,EAAEM;AAAeX,IAAAA,GAAG,EAAEA;IAArG,CAAP;AACH,CArBuB;;;;"}
+{"version":3,"file":"Textarea.js","sources":["../../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'classnames';\nimport { getInputClasses } from '../Input/util';\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: _, highlighted, invalid, onKeyDown, ...otherProps } = props;\n    const classNames = cn(getInputClasses(props), 'py-1 min-h-[75px] disabled:resize-none', props.className);\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        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","React","props","ref","onKeyDown","otherProps","classNames","cn","getInputClasses","className","handleKeyDown","event","key","preventDefault","position","currentTarget","value","length","setSelectionRange","scrollTop","scrollHeight"],"mappings":";;;;;;IAaaA,QAAQ,gBAAGC,UAAA,CAAiB,SAASD,QAAT,CAAkBE,KAAlB,EAAwCC,GAAxC;AACrC,MAA+CC,SAA/C,GAA4EF,KAA5E,CAA+CE,SAA/C;AAAA,MAA6DC,UAA7D,iCAA4EH,KAA5E;;AACA,MAAMI,UAAU,GAAGC,EAAE,CAACC,eAAe,CAACN,KAAD,CAAhB,EAAyB,wCAAzB,EAAmEA,KAAK,CAACO,SAAzE,CAArB;AAGA;AACA;;AACA,MAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD;AAClB,QAAIA,KAAK,CAACC,GAAN,KAAc,MAAd,IAAwBD,KAAK,CAACC,GAAN,KAAc,KAA1C,EAAiD;AAC7CD,MAAAA,KAAK,CAACE,cAAN;AACA,UAAMC,QAAQ,GAAGH,KAAK,CAACC,GAAN,KAAc,KAAd,GAAsBD,KAAK,CAACI,aAAN,CAAoBC,KAApB,CAA0BC,MAAhD,GAAyD,CAA1E;AACAN,MAAAA,KAAK,CAACI,aAAN,CAAoBG,iBAApB,CAAsCJ,QAAtC,EAAgDA,QAAhD;AACAH,MAAAA,KAAK,CAACI,aAAN,CAAoBI,SAApB,GAAgCR,KAAK,CAACC,GAAN,KAAc,KAAd,GAAsBD,KAAK,CAACI,aAAN,CAAoBK,YAA1C,GAAyD,CAAzF;AACH;;AAED,QAAIhB,SAAJ,EAAe;AACXA,MAAAA,SAAS,CAACO,KAAD,CAAT;AACH;AACJ,GAXD;;AAaA,SAAOV,aAAA,WAAA,oBAAcI;AAAYI,IAAAA,SAAS,EAAEH;iBAAsB;AAAWF,IAAAA,SAAS,EAAEM;AAAeP,IAAAA,GAAG,EAAEA;IAArG,CAAP;AACH,CArBuB;;;;"}

package/dist/esm/components/Toast/Toast.js

@@ -1,3 +1,4 @@
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import cn from 'classnames';
 import { IconButton } from '../IconButton/IconButton.js';
@@ -6,36 +7,36 @@ import useTimer from '../../utils/hooks/useTimer.js';
 import { getBadgeIcon } from './util.js';
 import { useLocalization } from '../Provider/Provider.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', {
+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', {
     'border border-grey': type === 'default' || type === 'loading' || !type,
     'border border-grey-darker': type === 'success',
     'border border-blue': type === 'information',
     'border border-yellow-dark': type === 'warning',
     'border border-red': type === 'error'
   });
-  const timer = useTimer(autoClose, handleClose);
-  const controls = useAnimation();
-  React__default.useEffect(() => {
+  var timer = useTimer(autoClose, handleClose);
+  var controls = useAnimation();
+  React__default.useEffect(function () {
     if (autoClose) {
       timer.start();
     }
   }, [autoClose]);
 
-  const triggerUpdateAnimation = function () {
+  var triggerUpdateAnimation = function triggerUpdateAnimation() {
     try {
       return Promise.resolve(controls.start({
         scale: 1.05
@@ -49,7 +50,7 @@ const Toast = ({
     }
   };
 
-  React__default.useEffect(() => {
+  React__default.useEffect(function () {
     if (lastUpdated) {
       triggerUpdateAnimation();
 

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

@@ -1 +1 @@
-{"version":3,"file":"Toast.js","sources":["../../../../src/components/Toast/Toast.tsx"],"sourcesContent":["import React from 'react';\r\nimport cn from 'classnames';\r\nimport { motion, useAnimation } from 'framer-motion';\r\nimport useTimer from '../../utils/hooks/useTimer';\r\nimport { getBadgeIcon } from './util';\r\nimport { State } from '../../types';\r\nimport { useLocalization } from '../Provider/Provider';\r\nimport { IconButton } from '../IconButton/IconButton';\r\n\r\nexport type ToastsTexts = {\r\n    /** Aria-label for the close icon button of toast */\r\n    dismiss: string;\r\n};\r\n\r\nexport type ToastType = Omit<State, 'default'> | 'loading';\r\nexport type ToastOptions = {\r\n    /** Provide time in milliseconds after which the toast should autoclose */\r\n    autoClose?: number;\r\n    /**\r\n     * State will change the icon displayed in toast and other characteristics,\r\n     * for e.g. `loading` state will display a progress animation.\r\n     * Default value is `default`\r\n     */\r\n    type?: ToastType;\r\n};\r\nexport type ToastProps = {\r\n    /** Provide a unique id for toast */\r\n    id: string;\r\n    /**\r\n     * Content can be any valid react node, for e.g. a `div`, or a simple text.\r\n     * Note that content can also be `null`, resulting in a slimmer version of your toast with a vertically centered title\r\n     */\r\n    content: React.ReactNode;\r\n    /** Additional options to define your toast */\r\n    options: ToastOptions;\r\n    /**\r\n     * Handler called when toast closes.\r\n     * To read more about how to provide the text, see [Provider](component:provider) component\r\n     */\r\n    onClose: () => void;\r\n    lastUpdated?: number;\r\n    lastDuplicateId?: string;\r\n};\r\n\r\nexport const Toast = ({ content, lastUpdated, onClose: handleClose, options, ...props }: ToastProps): JSX.Element => {\r\n    const { texts } = useLocalization();\r\n    const { autoClose, type = 'default' } = options;\r\n    const className = cn('bg-white relative flex items-center py-1 px-2 mt-3 w-full rounded yt-shadow', {\r\n        'border border-grey': type === 'default' || type === 'loading' || !type,\r\n        'border border-grey-darker': type === 'success',\r\n        'border border-blue': type === 'information',\r\n        'border border-yellow-dark': type === 'warning',\r\n        'border border-red': type === 'error',\r\n    });\r\n    const timer = useTimer(autoClose, handleClose);\r\n    const controls = useAnimation();\r\n\r\n    React.useEffect(() => {\r\n        if (autoClose) {\r\n            timer.start();\r\n        }\r\n    }, [autoClose]);\r\n\r\n    const triggerUpdateAnimation = async () => {\r\n        await controls.start({ scale: 1.05 });\r\n        await controls.start({ scale: 1 });\r\n    };\r\n\r\n    React.useEffect(() => {\r\n        if (lastUpdated) {\r\n            triggerUpdateAnimation();\r\n\r\n            if (timer.running) {\r\n                timer.start();\r\n            }\r\n        }\r\n    }, [lastUpdated]);\r\n\r\n    return (\r\n        <motion.div\r\n            {...props}\r\n            animate={controls}\r\n            className={className}\r\n            data-taco=\"toast\"\r\n            onMouseEnter={timer.pause}\r\n            onMouseLeave={timer.resume}\r\n        >\r\n            {getBadgeIcon(type)}\r\n            {content && <div className=\"flex-grow\">{content}</div>}\r\n            <IconButton\r\n                appearance=\"discrete\"\r\n                className=\"text-grey-darkest cursor-pointer -mr-2 !px-0\"\r\n                icon=\"close\"\r\n                aria-label={texts.toasts.dismiss}\r\n                onClick={handleClose}\r\n            />\r\n        </motion.div>\r\n    );\r\n};\r\n"],"names":["Toast","content","lastUpdated","onClose","handleClose","options","props","texts","useLocalization","autoClose","type","className","cn","timer","useTimer","controls","useAnimation","React","useEffect","start","triggerUpdateAnimation","scale","running","motion","div","animate","onMouseEnter","pause","onMouseLeave","resume","getBadgeIcon","IconButton","appearance","icon","toasts","dismiss","onClick"],"mappings":";;;;;;;;MA4CaA,KAAK,GAAG,CAAC;AAAEC,EAAAA,OAAF;AAAWC,EAAAA,WAAX;AAAwBC,EAAAA,OAAO,EAAEC,WAAjC;AAA8CC,EAAAA,OAA9C;AAAuD,KAAGC;AAA1D,CAAD;AACjB,QAAM;AAAEC,IAAAA;AAAF,MAAYC,eAAe,EAAjC;AACA,QAAM;AAAEC,IAAAA,SAAF;AAAaC,IAAAA,IAAI,GAAG;AAApB,MAAkCL,OAAxC;AACA,QAAMM,SAAS,GAAGC,EAAE,CAAC,6EAAD,EAAgF;AAChG,0BAAsBF,IAAI,KAAK,SAAT,IAAsBA,IAAI,KAAK,SAA/B,IAA4C,CAACA,IAD6B;AAEhG,iCAA6BA,IAAI,KAAK,SAF0D;AAGhG,0BAAsBA,IAAI,KAAK,aAHiE;AAIhG,iCAA6BA,IAAI,KAAK,SAJ0D;AAKhG,yBAAqBA,IAAI,KAAK;AALkE,GAAhF,CAApB;AAOA,QAAMG,KAAK,GAAGC,QAAQ,CAACL,SAAD,EAAYL,WAAZ,CAAtB;AACA,QAAMW,QAAQ,GAAGC,YAAY,EAA7B;AAEAC,EAAAA,cAAK,CAACC,SAAN,CAAgB;AACZ,QAAIT,SAAJ,EAAe;AACXI,MAAAA,KAAK,CAACM,KAAN;AACH;AACJ,GAJD,EAIG,CAACV,SAAD,CAJH;;AAMA,QAAMW,sBAAsB;AAAA;6BAClBL,QAAQ,CAACI,KAAT,CAAe;AAAEE,QAAAA,KAAK,EAAE;AAAT,OAAf;+BACAN,QAAQ,CAACI,KAAT,CAAe;AAAEE,UAAAA,KAAK,EAAE;AAAT,SAAf;;AACT,KAH2B;AAAA;AAAA;AAAA,GAA5B;;AAKAJ,EAAAA,cAAK,CAACC,SAAN,CAAgB;AACZ,QAAIhB,WAAJ,EAAiB;AACbkB,MAAAA,sBAAsB;;AAEtB,UAAIP,KAAK,CAACS,OAAV,EAAmB;AACfT,QAAAA,KAAK,CAACM,KAAN;AACH;AACJ;AACJ,GARD,EAQG,CAACjB,WAAD,CARH;AAUA,SACIe,4BAAA,CAACM,MAAM,CAACC,GAAR,oBACQlB;AACJmB,IAAAA,OAAO,EAAEV;AACTJ,IAAAA,SAAS,EAAEA;iBACD;AACVe,IAAAA,YAAY,EAAEb,KAAK,CAACc;AACpBC,IAAAA,YAAY,EAAEf,KAAK,CAACgB;IANxB,EAQKC,YAAY,CAACpB,IAAD,CARjB,EASKT,OAAO,IAAIgB,4BAAA,MAAA;AAAKN,IAAAA,SAAS,EAAC;GAAf,EAA4BV,OAA5B,CAThB,EAUIgB,4BAAA,CAACc,UAAD;AACIC,IAAAA,UAAU,EAAC;AACXrB,IAAAA,SAAS,EAAC;AACVsB,IAAAA,IAAI,EAAC;kBACO1B,KAAK,CAAC2B,MAAN,CAAaC;AACzBC,IAAAA,OAAO,EAAEhC;GALb,CAVJ,CADJ;AAoBH;;;;"}
+{"version":3,"file":"Toast.js","sources":["../../../../src/components/Toast/Toast.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { motion, useAnimation } from 'framer-motion';\nimport useTimer from '../../utils/hooks/useTimer';\nimport { getBadgeIcon } from './util';\nimport { State } from '../../types';\nimport { useLocalization } from '../Provider/Provider';\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 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     * Note that content can also be `null`, resulting in a slimmer version of your toast with a vertically centered title\n     */\n    content: React.ReactNode;\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', {\n        'border border-grey': type === 'default' || type === 'loading' || !type,\n        'border border-grey-darker': type === 'success',\n        'border border-blue': type === 'information',\n        'border border-yellow-dark': type === 'warning',\n        'border border-red': type === 'error',\n    });\n    const timer = useTimer(autoClose, handleClose);\n    const controls = useAnimation();\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        >\n            {getBadgeIcon(type)}\n            {content && <div className=\"flex-grow\">{content}</div>}\n            <IconButton\n                appearance=\"discrete\"\n                className=\"text-grey-darkest cursor-pointer -mr-2 !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","handleClose","onClose","options","props","useLocalization","texts","autoClose","type","className","cn","timer","useTimer","controls","useAnimation","React","useEffect","start","triggerUpdateAnimation","scale","running","motion","div","animate","onMouseEnter","pause","onMouseLeave","resume","getBadgeIcon","IconButton","appearance","icon","toasts","dismiss","onClick"],"mappings":";;;;;;;;;;IA4CaA,KAAK,GAAG,SAARA,KAAQ;MAAGC,eAAAA;MAASC,mBAAAA;MAAsBC,mBAATC;MAAsBC,eAAAA;MAAYC;;AAC5E,yBAAkBC,eAAe,EAAjC;AAAA,MAAQC,KAAR,oBAAQA,KAAR;;AACA,MAAQC,SAAR,GAAwCJ,OAAxC,CAAQI,SAAR;AAAA,sBAAwCJ,OAAxC,CAAmBK,IAAnB;AAAA,MAAmBA,IAAnB,8BAA0B,SAA1B;AACA,MAAMC,SAAS,GAAGC,EAAE,CAAC,6EAAD,EAAgF;AAChG,0BAAsBF,IAAI,KAAK,SAAT,IAAsBA,IAAI,KAAK,SAA/B,IAA4C,CAACA,IAD6B;AAEhG,iCAA6BA,IAAI,KAAK,SAF0D;AAGhG,0BAAsBA,IAAI,KAAK,aAHiE;AAIhG,iCAA6BA,IAAI,KAAK,SAJ0D;AAKhG,yBAAqBA,IAAI,KAAK;AALkE,GAAhF,CAApB;AAOA,MAAMG,KAAK,GAAGC,QAAQ,CAACL,SAAD,EAAYN,WAAZ,CAAtB;AACA,MAAMY,QAAQ,GAAGC,YAAY,EAA7B;AAEAC,EAAAA,cAAK,CAACC,SAAN,CAAgB;AACZ,QAAIT,SAAJ,EAAe;AACXI,MAAAA,KAAK,CAACM,KAAN;AACH;AACJ,GAJD,EAIG,CAACV,SAAD,CAJH;;AAMA,MAAMW,sBAAsB,YAAtBA,sBAAsB;AAAA;6BAClBL,QAAQ,CAACI,KAAT,CAAe;AAAEE,QAAAA,KAAK,EAAE;AAAT,OAAf;+BACAN,QAAQ,CAACI,KAAT,CAAe;AAAEE,UAAAA,KAAK,EAAE;AAAT,SAAf;;AACT,KAH2B;AAAA;AAAA;AAAA,GAA5B;;AAKAJ,EAAAA,cAAK,CAACC,SAAN,CAAgB;AACZ,QAAIhB,WAAJ,EAAiB;AACbkB,MAAAA,sBAAsB;;AAEtB,UAAIP,KAAK,CAACS,OAAV,EAAmB;AACfT,QAAAA,KAAK,CAACM,KAAN;AACH;AACJ;AACJ,GARD,EAQG,CAACjB,WAAD,CARH;AAUA,SACIe,4BAAA,CAACM,MAAM,CAACC,GAAR,oBACQlB;AACJmB,IAAAA,OAAO,EAAEV;AACTJ,IAAAA,SAAS,EAAEA;iBACD;AACVe,IAAAA,YAAY,EAAEb,KAAK,CAACc;AACpBC,IAAAA,YAAY,EAAEf,KAAK,CAACgB;IANxB,EAQKC,YAAY,CAACpB,IAAD,CARjB,EASKT,OAAO,IAAIgB,4BAAA,MAAA;AAAKN,IAAAA,SAAS,EAAC;GAAf,EAA4BV,OAA5B,CAThB,EAUIgB,4BAAA,CAACc,UAAD;AACIC,IAAAA,UAAU,EAAC;AACXrB,IAAAA,SAAS,EAAC;AACVsB,IAAAA,IAAI,EAAC;kBACOzB,KAAK,CAAC0B,MAAN,CAAaC;AACzBC,IAAAA,OAAO,EAAEjC;GALb,CAVJ,CADJ;AAoBH;;;;"}

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

@@ -1,51 +1,65 @@
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { useState, useCallback, useEffect, createElement, useContext, createContext } from 'react';
 import { v4 } from 'uuid';
 import { AnimatePresence, motion } from 'framer-motion';
 import { Toast } from './Toast.js';
 
-const DEFAULT_AUTO_CLOSE_TIMEOUT = 7500;
-const ToastContext = /*#__PURE__*/createContext({});
+var _excluded = ["children"];
+var DEFAULT_AUTO_CLOSE_TIMEOUT = 7500;
+var 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));
+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);
+  });
 
   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;
 };
 
-const ToastProvider = ({
-  children,
-  ...props
-}) => {
-  const [toasts, setToasts] = useState([]);
+var ToastProvider = function ToastProvider(_ref) {
+  var children = _ref.children,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded);
 
-  const handleClose = id => {
-    setToasts(currentToasts => currentToasts.filter(toast => toast.id !== id));
+  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;
+      });
+    });
   }; // 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
 
 
-  const toaster = useCallback((content, options) => {
-    const id = v4();
+  var toaster = useCallback(function (content, options) {
+    var id = v4();
 
-    const close = () => handleClose(id);
+    var close = function close() {
+      return handleClose(id);
+    };
 
-    setToasts(currentToasts => insertToastWithoutDuplicates(currentToasts, id, content, options, close));
+    setToasts(function (currentToasts) {
+      return insertToastWithoutDuplicates(currentToasts, id, content, options, close);
+    });
 
-    const update = (content, options) => {
-      setToasts(currentToasts => {
-        const nextToasts = currentToasts.filter(toast => {
+    var update = function update(content, options) {
+      setToasts(function (currentToasts) {
+        var nextToasts = currentToasts.filter(function (toast) {
           if (toast.lastDuplicateId) {
             return toast.lastDuplicateId !== id;
           }
@@ -56,70 +70,80 @@ const ToastProvider = ({
       });
     };
 
-    const success = (content, options) => {
-      update(content, {
-        autoClose: DEFAULT_AUTO_CLOSE_TIMEOUT,
-        ...options,
+    var success = function success(content, options) {
+      update(content, _extends({
+        autoClose: DEFAULT_AUTO_CLOSE_TIMEOUT
+      }, options, {
         type: 'success'
-      });
+      }));
     };
 
-    const error = (content, options) => {
-      update(content, { ...options,
+    var error = function error(content, options) {
+      update(content, _extends({}, options, {
         type: 'error'
-      });
+      }));
     };
 
-    const warning = (content, options) => {
-      update(content, { ...options,
+    var warning = function warning(content, options) {
+      update(content, _extends({}, options, {
         type: 'warning'
-      });
+      }));
     };
 
-    const information = (content, options) => {
-      update(content, { ...options,
+    var information = function information(content, options) {
+      update(content, _extends({}, options, {
         type: 'information'
-      });
+      }));
     };
 
-    const loading = (content, options) => {
-      update(content, { ...options,
+    var loading = function loading(content, options) {
+      update(content, _extends({}, options, {
         type: 'loading'
-      });
+      }));
     };
 
     return {
-      success,
-      error,
-      warning,
-      information,
-      loading,
-      close
+      success: success,
+      error: error,
+      warning: warning,
+      information: information,
+      loading: loading,
+      close: close
     };
   }, []); // no need to rebind these every render, do them once in an effect
 
-  useEffect(() => {
-    toaster.success = (content, options) => toaster(content, {
-      autoClose: DEFAULT_AUTO_CLOSE_TIMEOUT,
-      ...options,
-      type: 'success'
-    });
+  useEffect(function () {
+    toaster.success = function (content, options) {
+      return toaster(content, _extends({
+        autoClose: DEFAULT_AUTO_CLOSE_TIMEOUT
+      }, options, {
+        type: 'success'
+      }));
+    };
 
-    toaster.error = (content, options) => toaster(content, { ...options,
-      type: 'error'
-    });
+    toaster.error = function (content, options) {
+      return toaster(content, _extends({}, options, {
+        type: 'error'
+      }));
+    };
 
-    toaster.warning = (content, options) => toaster(content, { ...options,
-      type: 'warning'
-    });
+    toaster.warning = function (content, options) {
+      return toaster(content, _extends({}, options, {
+        type: 'warning'
+      }));
+    };
 
-    toaster.information = (content, options) => toaster(content, { ...options,
-      type: 'information'
-    });
+    toaster.information = function (content, options) {
+      return toaster(content, _extends({}, options, {
+        type: 'information'
+      }));
+    };
 
-    toaster.loading = (content, options) => toaster(content, { ...options,
-      type: 'loading'
-    });
+    toaster.loading = function (content, options) {
+      return toaster(content, _extends({}, options, {
+        type: 'loading'
+      }));
+    };
   }, []);
   return createElement(ToastContext.Provider, Object.assign({}, props, {
     value: toaster
@@ -129,35 +153,41 @@ const ToastProvider = ({
     role: "log"
   }, createElement(AnimatePresence, {
     initial: false
-  }, toasts.map(toast => 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,
+  }, toasts.map(function (toast) {
+    return createElement(motion.div, {
+      key: toast.id,
       transition: {
-        duration: 0.2
+        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
+        }
+      }
+    }, createElement(Toast, Object.assign({}, toast, {
+      onClose: function onClose() {
+        return handleClose(toast.id);
       }
-    }
-  }, createElement(Toast, Object.assign({}, toast, {
-    onClose: () => handleClose(toast.id)
-  })))))));
+    })));
+  }))));
+};
+var useToast = function useToast() {
+  return useContext(ToastContext);
 };
-const useToast = () => useContext(ToastContext);
 
 export { ToastProvider, useToast };
 //# sourceMappingURL=Toaster.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Toaster.js","sources":["../../../../src/components/Toast/Toaster.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { v4 as uuid } from 'uuid';\r\nimport { AnimatePresence, motion } from 'framer-motion';\r\nimport { ToastOptions, Toast, ToastProps } from './Toast';\r\nimport './Toast.css';\r\n\r\nconst DEFAULT_AUTO_CLOSE_TIMEOUT = 7500;\r\n\r\ntype ToastCreator<T> = (content: React.ReactNode | ((close: () => void) => React.ReactNode), options?: ToastOptions) => T;\r\n\r\nexport interface Toaster<T> extends ToastCreator<T> {\r\n    success: ToastCreator<T>;\r\n    error: ToastCreator<T>;\r\n    warning: ToastCreator<T>;\r\n    information: ToastCreator<T>;\r\n    loading: ToastCreator<T>;\r\n}\r\n\r\nexport interface ToastReference {\r\n    /** Show a success toast */\r\n    success: ToastCreator<void>;\r\n    /** Show an error toast */\r\n    error: ToastCreator<void>;\r\n    /** Show a warning toast */\r\n    warning: ToastCreator<void>;\r\n    /** Show an information toast */\r\n    information: ToastCreator<void>;\r\n    /** Show a loading toast */\r\n    loading: ToastCreator<void>;\r\n    /**\r\n     * Close an existing toast.\r\n     * The toast function returns a reference to the active toast,\r\n     * allowing you to programmatically close it when needed\r\n     */\r\n    close: () => void;\r\n}\r\n\r\nconst ToastContext = React.createContext<Toaster<ToastReference>>({} as Toaster<ToastReference>);\r\n\r\nexport interface ToastProviderProps {\r\n    children: React.ReactNode;\r\n}\r\n\r\ntype InternalToast = Omit<ToastProps, 'onClose'>;\r\n\r\nconst insertToastWithoutDuplicates = (\r\n    currentToasts: InternalToast[],\r\n    id: string,\r\n    content: React.ReactNode,\r\n    options: ToastOptions,\r\n    close: () => void\r\n): InternalToast[] => {\r\n    const nextToasts = [...currentToasts];\r\n    const existingToastIndex = currentToasts.findIndex(toast => JSON.stringify(toast.content) === JSON.stringify(content));\r\n\r\n    if (existingToastIndex > -1) {\r\n        nextToasts[existingToastIndex].lastDuplicateId = id;\r\n        nextToasts[existingToastIndex].lastUpdated = Date.now();\r\n    } else {\r\n        nextToasts.push({\r\n            id,\r\n            content: typeof content === 'function' ? content(close) : content,\r\n            options,\r\n        });\r\n    }\r\n\r\n    return nextToasts;\r\n};\r\n\r\nexport const ToastProvider = ({ children, ...props }: ToastProviderProps): JSX.Element => {\r\n    const [toasts, setToasts] = React.useState<InternalToast[]>([]);\r\n\r\n    const handleClose = (id: string): void => {\r\n        setToasts(currentToasts => currentToasts.filter(toast => toast.id !== id));\r\n    };\r\n\r\n    // memoize (useCallback) this function,\r\n    // it is the value of the context provider and we don't want it to trigger state tree re-renders on provider children\r\n    const toaster = React.useCallback((content: React.ReactNode, options: ToastOptions): ToastReference => {\r\n        const id = uuid();\r\n        const close = (): void => handleClose(id);\r\n\r\n        setToasts(currentToasts => insertToastWithoutDuplicates(currentToasts, id, content, options, close));\r\n\r\n        const update = (content: React.ReactNode, options: ToastOptions): void => {\r\n            setToasts(currentToasts => {\r\n                const nextToasts = currentToasts.filter(toast => {\r\n                    if (toast.lastDuplicateId) {\r\n                        return toast.lastDuplicateId !== id;\r\n                    }\r\n\r\n                    return toast.id !== id;\r\n                });\r\n                return insertToastWithoutDuplicates(nextToasts, uuid(), content, options, close);\r\n            });\r\n        };\r\n\r\n        const success = (content: React.ReactNode, options?: Omit<ToastOptions, 'type'>): void => {\r\n            update(content, { autoClose: DEFAULT_AUTO_CLOSE_TIMEOUT, ...options, type: 'success' });\r\n        };\r\n        const error = (content: React.ReactNode, options?: Omit<ToastOptions, 'type'>): void => {\r\n            update(content, { ...options, type: 'error' });\r\n        };\r\n        const warning = (content: React.ReactNode, options?: Omit<ToastOptions, 'type'>): void => {\r\n            update(content, { ...options, type: 'warning' });\r\n        };\r\n        const information = (content: React.ReactNode, options?: Omit<ToastOptions, 'type'>): void => {\r\n            update(content, { ...options, type: 'information' });\r\n        };\r\n        const loading = (content: React.ReactNode, options?: Omit<ToastOptions, 'type'>): void => {\r\n            update(content, { ...options, type: 'loading' });\r\n        };\r\n\r\n        return {\r\n            success,\r\n            error,\r\n            warning,\r\n            information,\r\n            loading,\r\n            close,\r\n        };\r\n    }, []) as Toaster<ToastReference>;\r\n\r\n    // no need to rebind these every render, do them once in an effect\r\n    React.useEffect(() => {\r\n        toaster.success = (content: React.ReactNode, options?: Omit<ToastOptions, 'type'>): ToastReference =>\r\n            toaster(content, { autoClose: DEFAULT_AUTO_CLOSE_TIMEOUT, ...options, type: 'success' });\r\n        toaster.error = (content: React.ReactNode, options?: Omit<ToastOptions, 'type'>): ToastReference =>\r\n            toaster(content, { ...options, type: 'error' });\r\n        toaster.warning = (content: React.ReactNode, options?: Omit<ToastOptions, 'type'>): ToastReference =>\r\n            toaster(content, { ...options, type: 'warning' });\r\n        toaster.information = (content: React.ReactNode, options?: Omit<ToastOptions, 'type'>): ToastReference =>\r\n            toaster(content, { ...options, type: 'information' });\r\n        toaster.loading = (content: React.ReactNode, options?: Omit<ToastOptions, 'type'>): ToastReference =>\r\n            toaster(content, { ...options, type: 'loading' });\r\n    }, []);\r\n\r\n    return (\r\n        <ToastContext.Provider {...props} value={toaster}>\r\n            {children}\r\n            <div\r\n                id=\"yt-toast__container\"\r\n                className=\"pointer-events-all absolute bottom-0 right-0 !left-auto z-[1000] mb-4 mr-4 flex max-w-md flex-col items-end justify-end\"\r\n                role=\"log\"\r\n            >\r\n                <AnimatePresence initial={false}>\r\n                    {toasts.map((toast: ToastProps) => (\r\n                        <motion.div\r\n                            key={toast.id}\r\n                            transition={{\r\n                                type: 'spring',\r\n                                damping: 20,\r\n                                stiffness: 300,\r\n                            }}\r\n                            initial={{ opacity: 0, y: 10, scale: 0.5 }}\r\n                            animate={{ opacity: 1, y: 0, scale: 1 }}\r\n                            exit={{ opacity: 0, scale: 0.5, transition: { duration: 0.2 } }}\r\n                        >\r\n                            <Toast {...toast} onClose={() => handleClose(toast.id)} />\r\n                        </motion.div>\r\n                    ))}\r\n                </AnimatePresence>\r\n            </div>\r\n        </ToastContext.Provider>\r\n    );\r\n};\r\n\r\nexport const useToast = (): Toaster<ToastReference> => React.useContext(ToastContext);\r\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","className","role","AnimatePresence","initial","map","motion","div","key","transition","damping","stiffness","opacity","y","scale","animate","exit","duration","Toast","onClose","useToast"],"mappings":";;;;;AAMA,MAAMA,0BAA0B,GAAG,IAAnC;AA+BA,MAAMC,YAAY,gBAAGC,aAAA,CAA6C,EAA7C,CAArB;;AAQA,MAAMC,4BAA4B,GAAG,CACjCC,aADiC,EAEjCC,EAFiC,EAGjCC,OAHiC,EAIjCC,OAJiC,EAKjCC,KALiC;AAOjC,QAAMC,UAAU,GAAG,CAAC,GAAGL,aAAJ,CAAnB;AACA,QAAMM,kBAAkB,GAAGN,aAAa,CAACO,SAAd,CAAwBC,KAAK,IAAIC,IAAI,CAACC,SAAL,CAAeF,KAAK,CAACN,OAArB,MAAkCO,IAAI,CAACC,SAAL,CAAeR,OAAf,CAAnE,CAA3B;;AAEA,MAAII,kBAAkB,GAAG,CAAC,CAA1B,EAA6B;AACzBD,IAAAA,UAAU,CAACC,kBAAD,CAAV,CAA+BK,eAA/B,GAAiDV,EAAjD;AACAI,IAAAA,UAAU,CAACC,kBAAD,CAAV,CAA+BM,WAA/B,GAA6CC,IAAI,CAACC,GAAL,EAA7C;AACH,GAHD,MAGO;AACHT,IAAAA,UAAU,CAACU,IAAX,CAAgB;AACZd,MAAAA,EADY;AAEZC,MAAAA,OAAO,EAAE,OAAOA,OAAP,KAAmB,UAAnB,GAAgCA,OAAO,CAACE,KAAD,CAAvC,GAAiDF,OAF9C;AAGZC,MAAAA;AAHY,KAAhB;AAKH;;AAED,SAAOE,UAAP;AACH,CAtBD;;MAwBaW,aAAa,GAAG,CAAC;AAAEC,EAAAA,QAAF;AAAY,KAAGC;AAAf,CAAD;AACzB,QAAM,CAACC,MAAD,EAASC,SAAT,IAAsBtB,QAAA,CAAgC,EAAhC,CAA5B;;AAEA,QAAMuB,WAAW,GAAIpB,EAAD;AAChBmB,IAAAA,SAAS,CAACpB,aAAa,IAAIA,aAAa,CAACsB,MAAd,CAAqBd,KAAK,IAAIA,KAAK,CAACP,EAAN,KAAaA,EAA3C,CAAlB,CAAT;AACH,GAFD;AAKA;;;AACA,QAAMsB,OAAO,GAAGzB,WAAA,CAAkB,CAACI,OAAD,EAA2BC,OAA3B;AAC9B,UAAMF,EAAE,GAAGuB,EAAI,EAAf;;AACA,UAAMpB,KAAK,GAAG,MAAYiB,WAAW,CAACpB,EAAD,CAArC;;AAEAmB,IAAAA,SAAS,CAACpB,aAAa,IAAID,4BAA4B,CAACC,aAAD,EAAgBC,EAAhB,EAAoBC,OAApB,EAA6BC,OAA7B,EAAsCC,KAAtC,CAA9C,CAAT;;AAEA,UAAMqB,MAAM,GAAG,CAACvB,OAAD,EAA2BC,OAA3B;AACXiB,MAAAA,SAAS,CAACpB,aAAa;AACnB,cAAMK,UAAU,GAAGL,aAAa,CAACsB,MAAd,CAAqBd,KAAK;AACzC,cAAIA,KAAK,CAACG,eAAV,EAA2B;AACvB,mBAAOH,KAAK,CAACG,eAAN,KAA0BV,EAAjC;AACH;;AAED,iBAAOO,KAAK,CAACP,EAAN,KAAaA,EAApB;AACH,SANkB,CAAnB;AAOA,eAAOF,4BAA4B,CAACM,UAAD,EAAamB,EAAI,EAAjB,EAAqBtB,OAArB,EAA8BC,OAA9B,EAAuCC,KAAvC,CAAnC;AACH,OATQ,CAAT;AAUH,KAXD;;AAaA,UAAMsB,OAAO,GAAG,CAACxB,OAAD,EAA2BC,OAA3B;AACZsB,MAAAA,MAAM,CAACvB,OAAD,EAAU;AAAEyB,QAAAA,SAAS,EAAE/B,0BAAb;AAAyC,WAAGO,OAA5C;AAAqDyB,QAAAA,IAAI,EAAE;AAA3D,OAAV,CAAN;AACH,KAFD;;AAGA,UAAMC,KAAK,GAAG,CAAC3B,OAAD,EAA2BC,OAA3B;AACVsB,MAAAA,MAAM,CAACvB,OAAD,EAAU,EAAE,GAAGC,OAAL;AAAcyB,QAAAA,IAAI,EAAE;AAApB,OAAV,CAAN;AACH,KAFD;;AAGA,UAAME,OAAO,GAAG,CAAC5B,OAAD,EAA2BC,OAA3B;AACZsB,MAAAA,MAAM,CAACvB,OAAD,EAAU,EAAE,GAAGC,OAAL;AAAcyB,QAAAA,IAAI,EAAE;AAApB,OAAV,CAAN;AACH,KAFD;;AAGA,UAAMG,WAAW,GAAG,CAAC7B,OAAD,EAA2BC,OAA3B;AAChBsB,MAAAA,MAAM,CAACvB,OAAD,EAAU,EAAE,GAAGC,OAAL;AAAcyB,QAAAA,IAAI,EAAE;AAApB,OAAV,CAAN;AACH,KAFD;;AAGA,UAAMI,OAAO,GAAG,CAAC9B,OAAD,EAA2BC,OAA3B;AACZsB,MAAAA,MAAM,CAACvB,OAAD,EAAU,EAAE,GAAGC,OAAL;AAAcyB,QAAAA,IAAI,EAAE;AAApB,OAAV,CAAN;AACH,KAFD;;AAIA,WAAO;AACHF,MAAAA,OADG;AAEHG,MAAAA,KAFG;AAGHC,MAAAA,OAHG;AAIHC,MAAAA,WAJG;AAKHC,MAAAA,OALG;AAMH5B,MAAAA;AANG,KAAP;AAQH,GA3Ce,EA2Cb,EA3Ca,CAAhB;;AA8CAN,EAAAA,SAAA,CAAgB;AACZyB,IAAAA,OAAO,CAACG,OAAR,GAAkB,CAACxB,OAAD,EAA2BC,OAA3B,KACdoB,OAAO,CAACrB,OAAD,EAAU;AAAEyB,MAAAA,SAAS,EAAE/B,0BAAb;AAAyC,SAAGO,OAA5C;AAAqDyB,MAAAA,IAAI,EAAE;AAA3D,KAAV,CADX;;AAEAL,IAAAA,OAAO,CAACM,KAAR,GAAgB,CAAC3B,OAAD,EAA2BC,OAA3B,KACZoB,OAAO,CAACrB,OAAD,EAAU,EAAE,GAAGC,OAAL;AAAcyB,MAAAA,IAAI,EAAE;AAApB,KAAV,CADX;;AAEAL,IAAAA,OAAO,CAACO,OAAR,GAAkB,CAAC5B,OAAD,EAA2BC,OAA3B,KACdoB,OAAO,CAACrB,OAAD,EAAU,EAAE,GAAGC,OAAL;AAAcyB,MAAAA,IAAI,EAAE;AAApB,KAAV,CADX;;AAEAL,IAAAA,OAAO,CAACQ,WAAR,GAAsB,CAAC7B,OAAD,EAA2BC,OAA3B,KAClBoB,OAAO,CAACrB,OAAD,EAAU,EAAE,GAAGC,OAAL;AAAcyB,MAAAA,IAAI,EAAE;AAApB,KAAV,CADX;;AAEAL,IAAAA,OAAO,CAACS,OAAR,GAAkB,CAAC9B,OAAD,EAA2BC,OAA3B,KACdoB,OAAO,CAACrB,OAAD,EAAU,EAAE,GAAGC,OAAL;AAAcyB,MAAAA,IAAI,EAAE;AAApB,KAAV,CADX;AAEH,GAXD,EAWG,EAXH;AAaA,SACI9B,aAAA,CAACD,YAAY,CAACoC,QAAd,oBAA2Bf;AAAOgB,IAAAA,KAAK,EAAEX;IAAzC,EACKN,QADL,EAEInB,aAAA,MAAA;AACIG,IAAAA,EAAE,EAAC;AACHkC,IAAAA,SAAS,EAAC;AACVC,IAAAA,IAAI,EAAC;GAHT,EAKItC,aAAA,CAACuC,eAAD;AAAiBC,IAAAA,OAAO,EAAE;GAA1B,EACKnB,MAAM,CAACoB,GAAP,CAAY/B,KAAD,IACRV,aAAA,CAAC0C,MAAM,CAACC,GAAR;AACIC,IAAAA,GAAG,EAAElC,KAAK,CAACP;AACX0C,IAAAA,UAAU,EAAE;AACRf,MAAAA,IAAI,EAAE,QADE;AAERgB,MAAAA,OAAO,EAAE,EAFD;AAGRC,MAAAA,SAAS,EAAE;AAHH;AAKZP,IAAAA,OAAO,EAAE;AAAEQ,MAAAA,OAAO,EAAE,CAAX;AAAcC,MAAAA,CAAC,EAAE,EAAjB;AAAqBC,MAAAA,KAAK,EAAE;AAA5B;AACTC,IAAAA,OAAO,EAAE;AAAEH,MAAAA,OAAO,EAAE,CAAX;AAAcC,MAAAA,CAAC,EAAE,CAAjB;AAAoBC,MAAAA,KAAK,EAAE;AAA3B;AACTE,IAAAA,IAAI,EAAE;AAAEJ,MAAAA,OAAO,EAAE,CAAX;AAAcE,MAAAA,KAAK,EAAE,GAArB;AAA0BL,MAAAA,UAAU,EAAE;AAAEQ,QAAAA,QAAQ,EAAE;AAAZ;AAAtC;GATV,EAWIrD,aAAA,CAACsD,KAAD,oBAAW5C;AAAO6C,IAAAA,OAAO,EAAE,MAAMhC,WAAW,CAACb,KAAK,CAACP,EAAP;IAA5C,CAXJ,CADH,CADL,CALJ,CAFJ,CADJ;AA4BH;MAEYqD,QAAQ,GAAG,MAA+BxD,UAAA,CAAiBD,YAAjB;;;;"}
+{"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 { ToastOptions, Toast, ToastProps } from './Toast';\nimport './Toast.css';\n\nconst DEFAULT_AUTO_CLOSE_TIMEOUT = 7500;\n\ntype ToastCreator<T> = (content: React.ReactNode | ((close: () => void) => React.ReactNode), 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: React.ReactNode,\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: React.ReactNode, 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: React.ReactNode, 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: React.ReactNode, options?: Omit<ToastOptions, 'type'>): void => {\n            update(content, { autoClose: DEFAULT_AUTO_CLOSE_TIMEOUT, ...options, type: 'success' });\n        };\n        const error = (content: React.ReactNode, options?: Omit<ToastOptions, 'type'>): void => {\n            update(content, { ...options, type: 'error' });\n        };\n        const warning = (content: React.ReactNode, options?: Omit<ToastOptions, 'type'>): void => {\n            update(content, { ...options, type: 'warning' });\n        };\n        const information = (content: React.ReactNode, options?: Omit<ToastOptions, 'type'>): void => {\n            update(content, { ...options, type: 'information' });\n        };\n        const loading = (content: React.ReactNode, 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: React.ReactNode, options?: Omit<ToastOptions, 'type'>): ToastReference =>\n            toaster(content, { autoClose: DEFAULT_AUTO_CLOSE_TIMEOUT, ...options, type: 'success' });\n        toaster.error = (content: React.ReactNode, options?: Omit<ToastOptions, 'type'>): ToastReference =>\n            toaster(content, { ...options, type: 'error' });\n        toaster.warning = (content: React.ReactNode, options?: Omit<ToastOptions, 'type'>): ToastReference =>\n            toaster(content, { ...options, type: 'warning' });\n        toaster.information = (content: React.ReactNode, options?: Omit<ToastOptions, 'type'>): ToastReference =>\n            toaster(content, { ...options, type: 'information' });\n        toaster.loading = (content: React.ReactNode, options?: Omit<ToastOptions, 'type'>): ToastReference =>\n            toaster(content, { ...options, type: 'loading' });\n    }, []);\n\n    return (\n        <ToastContext.Provider {...props} value={toaster}>\n            {children}\n            <div\n                id=\"yt-toast__container\"\n                className=\"pointer-events-all absolute bottom-0 right-0 !left-auto z-[1000] mb-4 mr-4 flex max-w-md flex-col items-end justify-end\"\n                role=\"log\"\n            >\n                <AnimatePresence initial={false}>\n                    {toasts.map((toast: ToastProps) => (\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                        >\n                            <Toast {...toast} onClose={() => handleClose(toast.id)} />\n                        </motion.div>\n                    ))}\n                </AnimatePresence>\n            </div>\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","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/components/Toast/util.js

@@ -3,8 +3,8 @@ import cn from 'classnames';
 import { Icon } from '../Icon/Icon.js';
 import { Spinner } from '../Spinner/Spinner.js';
 
-const getBadgeIcon = type => {
-  const css = 'rounded-full flex-shrink-0 mr-2';
+var getBadgeIcon = function getBadgeIcon(type) {
+  var css = 'rounded-full flex-shrink-0 mr-2';
 
   switch (type) {
     case 'success':