@economic/taco 0.0.31-alpha.2 → 0.0.32-alpha.0

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

@@ -1 +1 @@
-{"version":3,"file":"Spinner.js","sources":["../../../../src/components/Spinner/Spinner.tsx"],"sourcesContent":["import React from 'react';\r\nimport cn from 'classnames';\r\nimport './Spinner.css';\r\n\r\nexport type SpinnerProps = React.HTMLAttributes<HTMLDivElement> & {\r\n    /**\r\n     * Define a delay in milliseconds after which the spinner is shown.\r\n     * Default value is `500`ms\r\n     */\r\n    delay?: number;\r\n    /** Define a text that will be displayed below spinner */\r\n    label?: string;\r\n};\r\n\r\nexport const Spinner = React.forwardRef(function Spinner(props: SpinnerProps, ref: React.Ref<HTMLDivElement>) {\r\n    const { delay = 500, label, ...otherProps } = props;\r\n    const [visible, setVisibility] = React.useState(!delay);\r\n\r\n    React.useEffect(() => {\r\n        let timeout: number;\r\n\r\n        if (delay) {\r\n            timeout = window.setTimeout(() => setVisibility(true), delay);\r\n        }\r\n\r\n        return () => {\r\n            if (timeout) {\r\n                clearTimeout(timeout);\r\n            }\r\n        };\r\n    }, [delay]);\r\n\r\n    if (!visible) {\r\n        return null;\r\n    }\r\n\r\n    const className = cn('inline-flex flex-col relative items-center', otherProps.className);\r\n\r\n    return (\r\n        <div {...otherProps} className={className} data-taco=\"spinner\" ref={ref}>\r\n            <svg\r\n                className=\"h-10 w-10 animate-[spinnerRotation_2s_linear_infinite]\"\r\n                viewBox=\"0 0 100 100\"\r\n                xmlns=\"http://www.w3.org/2000/svg\"\r\n            >\r\n                <circle cx=\"50\" cy=\"50\" r=\"45\"></circle>\r\n            </svg>\r\n            {label && <span className=\"mt-4\">{label}</span>}\r\n        </div>\r\n    );\r\n});\r\n"],"names":["Spinner","React","forwardRef","props","ref","delay","label","otherProps","useState","visible","setVisibility","useEffect","timeout","window","setTimeout","clearTimeout","className","cn","viewBox","xmlns","cx","cy","r"],"mappings":";;;;;IAcaA,OAAO,gBAAGC,cAAK,CAACC,UAAN,CAAiB,SAASF,OAAT,CAAiBG,KAAjB,EAAsCC,GAAtC;AACpC,qBAA8CD,KAA9C,CAAQE,KAAR;AAAA,MAAQA,KAAR,6BAAgB,GAAhB;AAAA,MAAqBC,KAArB,GAA8CH,KAA9C,CAAqBG,KAArB;AAAA,MAA+BC,UAA/B,iCAA8CJ,KAA9C;;AACA,wBAAiCF,cAAK,CAACO,QAAN,CAAe,CAACH,KAAhB,CAAjC;AAAA,MAAOI,OAAP;AAAA,MAAgBC,aAAhB;;AAEAT,EAAAA,cAAK,CAACU,SAAN,CAAgB;AACZ,QAAIC,OAAJ;;AAEA,QAAIP,KAAJ,EAAW;AACPO,MAAAA,OAAO,GAAGC,MAAM,CAACC,UAAP,CAAkB;AAAA,eAAMJ,aAAa,CAAC,IAAD,CAAnB;AAAA,OAAlB,EAA6CL,KAA7C,CAAV;AACH;;AAED,WAAO;AACH,UAAIO,OAAJ,EAAa;AACTG,QAAAA,YAAY,CAACH,OAAD,CAAZ;AACH;AACJ,KAJD;AAKH,GAZD,EAYG,CAACP,KAAD,CAZH;;AAcA,MAAI,CAACI,OAAL,EAAc;AACV,WAAO,IAAP;AACH;;AAED,MAAMO,SAAS,GAAGC,EAAE,CAAC,4CAAD,EAA+CV,UAAU,CAACS,SAA1D,CAApB;AAEA,SACIf,4BAAA,MAAA,oBAASM;AAAYS,IAAAA,SAAS,EAAEA;iBAAqB;AAAUZ,IAAAA,GAAG,EAAEA;IAApE,EACIH,4BAAA,MAAA;AACIe,IAAAA,SAAS,EAAC;AACVE,IAAAA,OAAO,EAAC;AACRC,IAAAA,KAAK,EAAC;GAHV,EAKIlB,4BAAA,SAAA;AAAQmB,IAAAA,EAAE,EAAC;AAAKC,IAAAA,EAAE,EAAC;AAAKC,IAAAA,CAAC,EAAC;GAA1B,CALJ,CADJ,EAQKhB,KAAK,IAAIL,4BAAA,OAAA;AAAMe,IAAAA,SAAS,EAAC;GAAhB,EAAwBV,KAAxB,CARd,CADJ;AAYH,CApCsB;;;;"}
+{"version":3,"file":"Spinner.js","sources":["../../../../src/components/Spinner/Spinner.tsx"],"sourcesContent":["import React from 'react';\r\nimport cn from 'classnames';\r\nimport './Spinner.css';\r\n\r\nexport type SpinnerProps = React.HTMLAttributes<HTMLDivElement> & {\r\n    /**\r\n     * Define a delay in milliseconds after which the spinner is shown.\r\n     * Default value is `500`ms\r\n     */\r\n    delay?: number;\r\n    /** Define a text that will be displayed below spinner */\r\n    label?: string;\r\n};\r\n\r\nexport const Spinner = React.forwardRef(function Spinner(props: SpinnerProps, ref: React.Ref<HTMLDivElement>) {\r\n    const { delay = 500, label, ...otherProps } = props;\r\n    const [visible, setVisibility] = React.useState(!delay);\r\n\r\n    React.useEffect(() => {\r\n        let timeout: number;\r\n\r\n        if (delay) {\r\n            timeout = window.setTimeout(() => setVisibility(true), delay);\r\n        }\r\n\r\n        return () => {\r\n            if (timeout) {\r\n                clearTimeout(timeout);\r\n            }\r\n        };\r\n    }, [delay]);\r\n\r\n    if (!visible) {\r\n        return null;\r\n    }\r\n\r\n    const className = cn('inline-flex flex-col relative items-center', otherProps.className);\r\n\r\n    return (\r\n        <div {...otherProps} className={className} data-taco=\"spinner\" ref={ref}>\r\n            <svg\r\n                className=\"h-10 w-10 animate-[spinnerRotation_2s_linear_infinite]\"\r\n                viewBox=\"0 0 100 100\"\r\n                xmlns=\"http://www.w3.org/2000/svg\"\r\n            >\r\n                <circle cx=\"50\" cy=\"50\" r=\"45\"></circle>\r\n            </svg>\r\n            {label && <span className=\"mt-4\">{label}</span>}\r\n        </div>\r\n    );\r\n});\r\n"],"names":["Spinner","React","forwardRef","props","ref","delay","label","otherProps","visible","setVisibility","useState","useEffect","timeout","window","setTimeout","clearTimeout","className","cn","viewBox","xmlns","cx","cy","r"],"mappings":";;;MAcaA,OAAO,gBAAGC,cAAK,CAACC,UAAN,CAAiB,SAASF,OAAT,CAAiBG,KAAjB,EAAsCC,GAAtC;AACpC,QAAM;AAAEC,IAAAA,KAAK,GAAG,GAAV;AAAeC,IAAAA,KAAf;AAAsB,OAAGC;AAAzB,MAAwCJ,KAA9C;AACA,QAAM,CAACK,OAAD,EAAUC,aAAV,IAA2BR,cAAK,CAACS,QAAN,CAAe,CAACL,KAAhB,CAAjC;AAEAJ,EAAAA,cAAK,CAACU,SAAN,CAAgB;AACZ,QAAIC,OAAJ;;AAEA,QAAIP,KAAJ,EAAW;AACPO,MAAAA,OAAO,GAAGC,MAAM,CAACC,UAAP,CAAkB,MAAML,aAAa,CAAC,IAAD,CAArC,EAA6CJ,KAA7C,CAAV;AACH;;AAED,WAAO;AACH,UAAIO,OAAJ,EAAa;AACTG,QAAAA,YAAY,CAACH,OAAD,CAAZ;AACH;AACJ,KAJD;AAKH,GAZD,EAYG,CAACP,KAAD,CAZH;;AAcA,MAAI,CAACG,OAAL,EAAc;AACV,WAAO,IAAP;AACH;;AAED,QAAMQ,SAAS,GAAGC,EAAE,CAAC,4CAAD,EAA+CV,UAAU,CAACS,SAA1D,CAApB;AAEA,SACIf,4BAAA,MAAA,oBAASM;AAAYS,IAAAA,SAAS,EAAEA;iBAAqB;AAAUZ,IAAAA,GAAG,EAAEA;IAApE,EACIH,4BAAA,MAAA;AACIe,IAAAA,SAAS,EAAC;AACVE,IAAAA,OAAO,EAAC;AACRC,IAAAA,KAAK,EAAC;GAHV,EAKIlB,4BAAA,SAAA;AAAQmB,IAAAA,EAAE,EAAC;AAAKC,IAAAA,EAAE,EAAC;AAAKC,IAAAA,CAAC,EAAC;GAA1B,CALJ,CADJ,EAQKhB,KAAK,IAAIL,4BAAA,OAAA;AAAMe,IAAAA,SAAS,EAAC;GAAhB,EAAwBV,KAAxB,CARd,CADJ;AAYH,CApCsB;;;;"}

package/dist/esm/components/Switch/Switch.js

@@ -1,20 +1,19 @@
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { forwardRef, createElement } from 'react';
 import cn from 'classnames';
 import { Root, Thumb } from '@radix-ui/react-switch';
 
-var _excluded = ["label", "onChange"];
-var Switch = /*#__PURE__*/forwardRef(function Switch(props, ref) {
-  var label = props.label,
-      onChange = props.onChange,
-      otherProps = _objectWithoutPropertiesLoose(props, _excluded);
-
-  var className = cn('group h-6 w-10 flex rounded-full inline-flex', {
+const Switch = /*#__PURE__*/forwardRef(function Switch(props, ref) {
+  const {
+    label,
+    onChange,
+    ...otherProps
+  } = props;
+  const className = cn('group h-6 w-10 flex rounded-full inline-flex', {
     'mr-2': !!label,
     'bg-grey-darker aria-checked:bg-blue focus:yt-focus': !props.disabled,
     'bg-grey-light cursor-not-allowed aria-checked:bg-blue-light': props.disabled
   }, props.className);
-  var element = createElement(Root, Object.assign({}, otherProps, {
+  const element = createElement(Root, Object.assign({}, otherProps, {
     className: className,
     onCheckedChange: onChange,
     ref: ref
@@ -23,7 +22,7 @@ var Switch = /*#__PURE__*/forwardRef(function Switch(props, ref) {
   }));
 
   if (label) {
-    var labelClassName = cn('flex items-center cursor-pointer', {
+    const labelClassName = cn('flex items-center cursor-pointer', {
       'cursor-not-allowed text-grey-dark': props.disabled
     });
     return createElement("label", {

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

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","sources":["../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport cn from 'classnames';\r\nimport * as PrimitiveSwitch from '@radix-ui/react-switch';\r\n\r\ntype SwitchBaseProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'onChange'> & {\r\n    /** Label for the switch */\r\n    label?: React.ReactNode;\r\n    /* Whether user input is required */\r\n    required?: boolean;\r\n};\r\n\r\ninterface UncontrolledSwitchProps extends SwitchBaseProps {\r\n    checked?: never;\r\n    onChange?: never;\r\n    /* The default checked state (uncontrolled) */\r\n    defaultChecked?: boolean;\r\n}\r\n\r\ninterface ControlledSwitchProps extends SwitchBaseProps {\r\n    defaultChecked?: never;\r\n    /* The current checked state (controlled) */\r\n    checked: boolean;\r\n    /* Handler called when the checked state changes */\r\n    onChange: (checked: boolean) => void;\r\n}\r\n\r\nexport type SwitchProps = UncontrolledSwitchProps | ControlledSwitchProps;\r\n\r\nexport const Switch = React.forwardRef(function Switch(props: SwitchProps, ref: React.Ref<HTMLButtonElement>) {\r\n    const { label, onChange, ...otherProps } = props;\r\n\r\n    const className = cn(\r\n        'group h-6 w-10 flex rounded-full inline-flex',\r\n        {\r\n            'mr-2': !!label,\r\n            'bg-grey-darker aria-checked:bg-blue focus:yt-focus': !props.disabled,\r\n            'bg-grey-light cursor-not-allowed aria-checked:bg-blue-light': props.disabled,\r\n        },\r\n        props.className\r\n    );\r\n\r\n    const element = (\r\n        <PrimitiveSwitch.Root {...otherProps} className={className} onCheckedChange={onChange} ref={ref}>\r\n            <PrimitiveSwitch.Thumb className=\"'will-change-transform transition-transform translate-x-1 group-aria-checked:translate-x-5 h-4 w-4 mt-1 bg-white rounded-full\" />\r\n        </PrimitiveSwitch.Root>\r\n    );\r\n\r\n    if (label) {\r\n        const labelClassName = cn('flex items-center cursor-pointer', {\r\n            'cursor-not-allowed text-grey-dark': props.disabled,\r\n        });\r\n\r\n        return (\r\n            <label className={labelClassName}>\r\n                {element}\r\n                {label}\r\n            </label>\r\n        );\r\n    }\r\n\r\n    return element;\r\n});\r\n"],"names":["Switch","React","props","ref","label","onChange","otherProps","className","cn","disabled","element","PrimitiveSwitch","onCheckedChange","labelClassName"],"mappings":";;;;;;IA4BaA,MAAM,gBAAGC,UAAA,CAAiB,SAASD,MAAT,CAAgBE,KAAhB,EAAoCC,GAApC;AACnC,MAAQC,KAAR,GAA2CF,KAA3C,CAAQE,KAAR;AAAA,MAAeC,QAAf,GAA2CH,KAA3C,CAAeG,QAAf;AAAA,MAA4BC,UAA5B,iCAA2CJ,KAA3C;;AAEA,MAAMK,SAAS,GAAGC,EAAE,CAChB,8CADgB,EAEhB;AACI,YAAQ,CAAC,CAACJ,KADd;AAEI,0DAAsD,CAACF,KAAK,CAACO,QAFjE;AAGI,mEAA+DP,KAAK,CAACO;AAHzE,GAFgB,EAOhBP,KAAK,CAACK,SAPU,CAApB;AAUA,MAAMG,OAAO,GACTT,aAAA,CAACU,IAAD,oBAA0BL;AAAYC,IAAAA,SAAS,EAAEA;AAAWK,IAAAA,eAAe,EAAEP;AAAUF,IAAAA,GAAG,EAAEA;IAA5F,EACIF,aAAA,CAACU,KAAD;AAAuBJ,IAAAA,SAAS,EAAC;GAAjC,CADJ,CADJ;;AAMA,MAAIH,KAAJ,EAAW;AACP,QAAMS,cAAc,GAAGL,EAAE,CAAC,kCAAD,EAAqC;AAC1D,2CAAqCN,KAAK,CAACO;AADe,KAArC,CAAzB;AAIA,WACIR,aAAA,QAAA;AAAOM,MAAAA,SAAS,EAAEM;KAAlB,EACKH,OADL,EAEKN,KAFL,CADJ;AAMH;;AAED,SAAOM,OAAP;AACH,CAjCqB;;;;"}
+{"version":3,"file":"Switch.js","sources":["../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport cn from 'classnames';\r\nimport * as PrimitiveSwitch from '@radix-ui/react-switch';\r\n\r\ntype SwitchBaseProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'onChange'> & {\r\n    /** Label for the switch */\r\n    label?: React.ReactNode;\r\n    /* Whether user input is required */\r\n    required?: boolean;\r\n};\r\n\r\ninterface UncontrolledSwitchProps extends SwitchBaseProps {\r\n    checked?: never;\r\n    onChange?: never;\r\n    /* The default checked state (uncontrolled) */\r\n    defaultChecked?: boolean;\r\n}\r\n\r\ninterface ControlledSwitchProps extends SwitchBaseProps {\r\n    defaultChecked?: never;\r\n    /* The current checked state (controlled) */\r\n    checked: boolean;\r\n    /* Handler called when the checked state changes */\r\n    onChange: (checked: boolean) => void;\r\n}\r\n\r\nexport type SwitchProps = UncontrolledSwitchProps | ControlledSwitchProps;\r\n\r\nexport const Switch = React.forwardRef(function Switch(props: SwitchProps, ref: React.Ref<HTMLButtonElement>) {\r\n    const { label, onChange, ...otherProps } = props;\r\n\r\n    const className = cn(\r\n        'group h-6 w-10 flex rounded-full inline-flex',\r\n        {\r\n            'mr-2': !!label,\r\n            'bg-grey-darker aria-checked:bg-blue focus:yt-focus': !props.disabled,\r\n            'bg-grey-light cursor-not-allowed aria-checked:bg-blue-light': props.disabled,\r\n        },\r\n        props.className\r\n    );\r\n\r\n    const element = (\r\n        <PrimitiveSwitch.Root {...otherProps} className={className} onCheckedChange={onChange} ref={ref}>\r\n            <PrimitiveSwitch.Thumb className=\"'will-change-transform transition-transform translate-x-1 group-aria-checked:translate-x-5 h-4 w-4 mt-1 bg-white rounded-full\" />\r\n        </PrimitiveSwitch.Root>\r\n    );\r\n\r\n    if (label) {\r\n        const labelClassName = cn('flex items-center cursor-pointer', {\r\n            'cursor-not-allowed text-grey-dark': props.disabled,\r\n        });\r\n\r\n        return (\r\n            <label className={labelClassName}>\r\n                {element}\r\n                {label}\r\n            </label>\r\n        );\r\n    }\r\n\r\n    return element;\r\n});\r\n"],"names":["Switch","React","props","ref","label","onChange","otherProps","className","cn","disabled","element","PrimitiveSwitch","onCheckedChange","labelClassName"],"mappings":";;;;MA4BaA,MAAM,gBAAGC,UAAA,CAAiB,SAASD,MAAT,CAAgBE,KAAhB,EAAoCC,GAApC;AACnC,QAAM;AAAEC,IAAAA,KAAF;AAASC,IAAAA,QAAT;AAAmB,OAAGC;AAAtB,MAAqCJ,KAA3C;AAEA,QAAMK,SAAS,GAAGC,EAAE,CAChB,8CADgB,EAEhB;AACI,YAAQ,CAAC,CAACJ,KADd;AAEI,0DAAsD,CAACF,KAAK,CAACO,QAFjE;AAGI,mEAA+DP,KAAK,CAACO;AAHzE,GAFgB,EAOhBP,KAAK,CAACK,SAPU,CAApB;AAUA,QAAMG,OAAO,GACTT,aAAA,CAACU,IAAD,oBAA0BL;AAAYC,IAAAA,SAAS,EAAEA;AAAWK,IAAAA,eAAe,EAAEP;AAAUF,IAAAA,GAAG,EAAEA;IAA5F,EACIF,aAAA,CAACU,KAAD;AAAuBJ,IAAAA,SAAS,EAAC;GAAjC,CADJ,CADJ;;AAMA,MAAIH,KAAJ,EAAW;AACP,UAAMS,cAAc,GAAGL,EAAE,CAAC,kCAAD,EAAqC;AAC1D,2CAAqCN,KAAK,CAACO;AADe,KAArC,CAAzB;AAIA,WACIR,aAAA,QAAA;AAAOM,MAAAA,SAAS,EAAEM;KAAlB,EACKH,OADL,EAEKN,KAFL,CADJ;AAMH;;AAED,SAAOM,OAAP;AACH,CAjCqB;;;;"}

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

@@ -1,21 +1,17 @@
-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';
 
-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, {
+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}`, {
     'flex w-full': orientation === 'vertical'
   }, props.className);
   return createElement(Root, Object.assign({}, otherProps, {
@@ -29,19 +25,20 @@ var Tabs = /*#__PURE__*/forwardRef(function Tabs(props, ref) {
     value: id
   }), children);
 });
-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);
+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);
   return createElement(List, Object.assign({}, props, {
     className: className,
     ref: ref
   }));
 });
-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);
+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);
   return createElement(Trigger, Object.assign({}, otherProps, {
     className: className,
     disabled: disabled,
@@ -52,11 +49,12 @@ var TabTrigger = /*#__PURE__*/forwardRef(function Tab(props, ref) {
     value: id
   }));
 });
-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);
+const TabContent = /*#__PURE__*/forwardRef(function Tab(props, ref) {
+  const {
+    id,
+    ...otherProps
+  } = props;
+  const 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":";;;;;;;;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;;;;"}
+{"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;;;;"}

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

@@ -1,21 +1,23 @@
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { forwardRef, createElement } from 'react';
 import cn from 'classnames';
 import { getInputClasses } from '../Input/util.js';
 
-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
+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
   // 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
 
-  var handleKeyDown = function handleKeyDown(event) {
+  const handleKeyDown = event => {
     if (event.key === 'Home' || event.key === 'End') {
       event.preventDefault();
-      var position = event.key === 'End' ? event.currentTarget.value.length : 0;
+      const 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","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;;;;"}
+{"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;;;;"}

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

@@ -1,65 +1,51 @@
-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';
 
-var _excluded = ["children"];
-var DEFAULT_AUTO_CLOSE_TIMEOUT = 7500;
-var ToastContext = /*#__PURE__*/createContext({});
+const DEFAULT_AUTO_CLOSE_TIMEOUT = 7500;
+const 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 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);
+const ToastProvider = ({
+  children,
+  ...props
+}) => {
+  const [toasts, setToasts] = useState([]);
 
-  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 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();
+  const toaster = useCallback((content, options) => {
+    const id = v4();
 
-    var close = function close() {
-      return handleClose(id);
-    };
+    const close = () => handleClose(id);
 
-    setToasts(function (currentToasts) {
-      return insertToastWithoutDuplicates(currentToasts, id, content, options, close);
-    });
+    setToasts(currentToasts => insertToastWithoutDuplicates(currentToasts, id, content, options, close));
 
-    var update = function update(content, options) {
-      setToasts(function (currentToasts) {
-        var nextToasts = currentToasts.filter(function (toast) {
+    const update = (content, options) => {
+      setToasts(currentToasts => {
+        const nextToasts = currentToasts.filter(toast => {
           if (toast.lastDuplicateId) {
             return toast.lastDuplicateId !== id;
           }
@@ -70,80 +56,70 @@ var ToastProvider = function ToastProvider(_ref) {
       });
     };
 
-    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'
-      }));
-    };
+  useEffect(() => {
+    toaster.success = (content, options) => toaster(content, {
+      autoClose: DEFAULT_AUTO_CLOSE_TIMEOUT,
+      ...options,
+      type: 'success'
+    });
 
-    toaster.error = function (content, options) {
-      return toaster(content, _extends({}, options, {
-        type: 'error'
-      }));
-    };
+    toaster.error = (content, options) => toaster(content, { ...options,
+      type: 'error'
+    });
 
-    toaster.warning = function (content, options) {
-      return toaster(content, _extends({}, options, {
-        type: 'warning'
-      }));
-    };
+    toaster.warning = (content, options) => toaster(content, { ...options,
+      type: 'warning'
+    });
 
-    toaster.information = function (content, options) {
-      return toaster(content, _extends({}, options, {
-        type: 'information'
-      }));
-    };
+    toaster.information = (content, options) => toaster(content, { ...options,
+      type: 'information'
+    });
 
-    toaster.loading = function (content, options) {
-      return toaster(content, _extends({}, options, {
-        type: 'loading'
-      }));
-    };
+    toaster.loading = (content, options) => toaster(content, { ...options,
+      type: 'loading'
+    });
   }, []);
   return createElement(ToastContext.Provider, Object.assign({}, props, {
     value: toaster
@@ -153,41 +129,35 @@ var ToastProvider = function ToastProvider(_ref) {
     role: "log"
   }, createElement(AnimatePresence, {
     initial: false
-  }, toasts.map(function (toast) {
-    return createElement(motion.div, {
-      key: toast.id,
+  }, 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,
       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
-        }
-      }
-    }, createElement(Toast, Object.assign({}, toast, {
-      onClose: function onClose() {
-        return handleClose(toast.id);
+        duration: 0.2
       }
-    })));
-  }))));
-};
-var useToast = function useToast() {
-  return useContext(ToastContext);
+    }
+  }, createElement(Toast, Object.assign({}, toast, {
+    onClose: () => handleClose(toast.id)
+  })))))));
 };
+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,IAAMA,0BAA0B,GAAG,IAAnC;AA+BA,IAAMC,YAAY,gBAAGC,aAAA,CAA6C,EAA7C,CAArB;;AAQA,IAAMC,4BAA4B,GAAG,SAA/BA,4BAA+B,CACjCC,aADiC,EAEjCC,EAFiC,EAGjCC,OAHiC,EAIjCC,OAJiC,EAKjCC,KALiC;AAOjC,MAAMC,UAAU,aAAOL,aAAP,CAAhB;AACA,MAAMM,kBAAkB,GAAGN,aAAa,CAACO,SAAd,CAAwB,UAAAC,KAAK;AAAA,WAAIC,IAAI,CAACC,SAAL,CAAeF,KAAK,CAACN,OAArB,MAAkCO,IAAI,CAACC,SAAL,CAAeR,OAAf,CAAtC;AAAA,GAA7B,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,EAAE,EAAFA,EADY;AAEZC,MAAAA,OAAO,EAAE,OAAOA,OAAP,KAAmB,UAAnB,GAAgCA,OAAO,CAACE,KAAD,CAAvC,GAAiDF,OAF9C;AAGZC,MAAAA,OAAO,EAAPA;AAHY,KAAhB;AAKH;;AAED,SAAOE,UAAP;AACH,CAtBD;;IAwBaW,aAAa,GAAG,SAAhBA,aAAgB;MAAGC,gBAAAA;MAAaC;;AACzC,wBAA4BpB,QAAA,CAAgC,EAAhC,CAA5B;AAAA,MAAOqB,MAAP;AAAA,MAAeC,SAAf;;AAEA,MAAMC,WAAW,GAAG,SAAdA,WAAc,CAACpB,EAAD;AAChBmB,IAAAA,SAAS,CAAC,UAAApB,aAAa;AAAA,aAAIA,aAAa,CAACsB,MAAd,CAAqB,UAAAd,KAAK;AAAA,eAAIA,KAAK,CAACP,EAAN,KAAaA,EAAjB;AAAA,OAA1B,CAAJ;AAAA,KAAd,CAAT;AACH,GAFD;AAKA;;;AACA,MAAMsB,OAAO,GAAGzB,WAAA,CAAkB,UAACI,OAAD,EAA2BC,OAA3B;AAC9B,QAAMF,EAAE,GAAGuB,EAAI,EAAf;;AACA,QAAMpB,KAAK,GAAG,SAARA,KAAQ;AAAA,aAAYiB,WAAW,CAACpB,EAAD,CAAvB;AAAA,KAAd;;AAEAmB,IAAAA,SAAS,CAAC,UAAApB,aAAa;AAAA,aAAID,4BAA4B,CAACC,aAAD,EAAgBC,EAAhB,EAAoBC,OAApB,EAA6BC,OAA7B,EAAsCC,KAAtC,CAAhC;AAAA,KAAd,CAAT;;AAEA,QAAMqB,MAAM,GAAG,SAATA,MAAS,CAACvB,OAAD,EAA2BC,OAA3B;AACXiB,MAAAA,SAAS,CAAC,UAAApB,aAAa;AACnB,YAAMK,UAAU,GAAGL,aAAa,CAACsB,MAAd,CAAqB,UAAAd,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,QAAMsB,OAAO,GAAG,SAAVA,OAAU,CAACxB,OAAD,EAA2BC,OAA3B;AACZsB,MAAAA,MAAM,CAACvB,OAAD;AAAYyB,QAAAA,SAAS,EAAE/B;AAAvB,SAAsDO,OAAtD;AAA+DyB,QAAAA,IAAI,EAAE;AAArE,SAAN;AACH,KAFD;;AAGA,QAAMC,KAAK,GAAG,SAARA,KAAQ,CAAC3B,OAAD,EAA2BC,OAA3B;AACVsB,MAAAA,MAAM,CAACvB,OAAD,eAAeC,OAAf;AAAwByB,QAAAA,IAAI,EAAE;AAA9B,SAAN;AACH,KAFD;;AAGA,QAAME,OAAO,GAAG,SAAVA,OAAU,CAAC5B,OAAD,EAA2BC,OAA3B;AACZsB,MAAAA,MAAM,CAACvB,OAAD,eAAeC,OAAf;AAAwByB,QAAAA,IAAI,EAAE;AAA9B,SAAN;AACH,KAFD;;AAGA,QAAMG,WAAW,GAAG,SAAdA,WAAc,CAAC7B,OAAD,EAA2BC,OAA3B;AAChBsB,MAAAA,MAAM,CAACvB,OAAD,eAAeC,OAAf;AAAwByB,QAAAA,IAAI,EAAE;AAA9B,SAAN;AACH,KAFD;;AAGA,QAAMI,OAAO,GAAG,SAAVA,OAAU,CAAC9B,OAAD,EAA2BC,OAA3B;AACZsB,MAAAA,MAAM,CAACvB,OAAD,eAAeC,OAAf;AAAwByB,QAAAA,IAAI,EAAE;AAA9B,SAAN;AACH,KAFD;;AAIA,WAAO;AACHF,MAAAA,OAAO,EAAPA,OADG;AAEHG,MAAAA,KAAK,EAALA,KAFG;AAGHC,MAAAA,OAAO,EAAPA,OAHG;AAIHC,MAAAA,WAAW,EAAXA,WAJG;AAKHC,MAAAA,OAAO,EAAPA,OALG;AAMH5B,MAAAA,KAAK,EAALA;AANG,KAAP;AAQH,GA3Ce,EA2Cb,EA3Ca,CAAhB;;AA8CAN,EAAAA,SAAA,CAAgB;AACZyB,IAAAA,OAAO,CAACG,OAAR,GAAkB,UAACxB,OAAD,EAA2BC,OAA3B;AAAA,aACdoB,OAAO,CAACrB,OAAD;AAAYyB,QAAAA,SAAS,EAAE/B;AAAvB,SAAsDO,OAAtD;AAA+DyB,QAAAA,IAAI,EAAE;AAArE,SADO;AAAA,KAAlB;;AAEAL,IAAAA,OAAO,CAACM,KAAR,GAAgB,UAAC3B,OAAD,EAA2BC,OAA3B;AAAA,aACZoB,OAAO,CAACrB,OAAD,eAAeC,OAAf;AAAwByB,QAAAA,IAAI,EAAE;AAA9B,SADK;AAAA,KAAhB;;AAEAL,IAAAA,OAAO,CAACO,OAAR,GAAkB,UAAC5B,OAAD,EAA2BC,OAA3B;AAAA,aACdoB,OAAO,CAACrB,OAAD,eAAeC,OAAf;AAAwByB,QAAAA,IAAI,EAAE;AAA9B,SADO;AAAA,KAAlB;;AAEAL,IAAAA,OAAO,CAACQ,WAAR,GAAsB,UAAC7B,OAAD,EAA2BC,OAA3B;AAAA,aAClBoB,OAAO,CAACrB,OAAD,eAAeC,OAAf;AAAwByB,QAAAA,IAAI,EAAE;AAA9B,SADW;AAAA,KAAtB;;AAEAL,IAAAA,OAAO,CAACS,OAAR,GAAkB,UAAC9B,OAAD,EAA2BC,OAA3B;AAAA,aACdoB,OAAO,CAACrB,OAAD,eAAeC,OAAf;AAAwByB,QAAAA,IAAI,EAAE;AAA9B,SADO;AAAA,KAAlB;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,CAAW,UAAC/B,KAAD;AAAA,WACRV,aAAA,CAAC0C,MAAM,CAACC,GAAR;AACIC,MAAAA,GAAG,EAAElC,KAAK,CAACP;AACX0C,MAAAA,UAAU,EAAE;AACRf,QAAAA,IAAI,EAAE,QADE;AAERgB,QAAAA,OAAO,EAAE,EAFD;AAGRC,QAAAA,SAAS,EAAE;AAHH;AAKZP,MAAAA,OAAO,EAAE;AAAEQ,QAAAA,OAAO,EAAE,CAAX;AAAcC,QAAAA,CAAC,EAAE,EAAjB;AAAqBC,QAAAA,KAAK,EAAE;AAA5B;AACTC,MAAAA,OAAO,EAAE;AAAEH,QAAAA,OAAO,EAAE,CAAX;AAAcC,QAAAA,CAAC,EAAE,CAAjB;AAAoBC,QAAAA,KAAK,EAAE;AAA3B;AACTE,MAAAA,IAAI,EAAE;AAAEJ,QAAAA,OAAO,EAAE,CAAX;AAAcE,QAAAA,KAAK,EAAE,GAArB;AAA0BL,QAAAA,UAAU,EAAE;AAAEQ,UAAAA,QAAQ,EAAE;AAAZ;AAAtC;KATV,EAWIrD,aAAA,CAACsD,KAAD,oBAAW5C;AAAO6C,MAAAA,OAAO,EAAE;AAAA,eAAMhC,WAAW,CAACb,KAAK,CAACP,EAAP,CAAjB;AAAA;MAA3B,CAXJ,CADQ;AAAA,GAAX,CADL,CALJ,CAFJ,CADJ;AA4BH;IAEYqD,QAAQ,GAAG,SAAXA,QAAW;AAAA,SAA+BxD,UAAA,CAAiBD,YAAjB,CAA/B;AAAA;;;;"}
+{"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":"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"}

package/dist/esm/components/Tooltip/Tooltip.js

@@ -1,14 +1,13 @@
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { forwardRef, createElement } from 'react';
 import { Root, Trigger, Content, Arrow } from '@radix-ui/react-tooltip';
 
-var _excluded = ["title", "children", "placement"];
-var Tooltip = /*#__PURE__*/forwardRef(function Tooltip(props, ref) {
-  var title = props.title,
-      children = props.children,
-      placement = props.placement,
-      otherProps = _objectWithoutPropertiesLoose(props, _excluded);
-
+const Tooltip = /*#__PURE__*/forwardRef(function Tooltip(props, ref) {
+  const {
+    title,
+    children,
+    placement,
+    ...otherProps
+  } = props;
   return createElement(Root, {
     delayDuration: 50
   }, createElement(Trigger, {