@economic/taco 1.1.7 → 1.1.9

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

@@ -0,0 +1,71 @@
+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, {
+    'flex w-full': orientation === 'vertical'
+  }, props.className);
+  return createElement(Root, Object.assign({}, otherProps, {
+    className: className,
+    "data-taco": "tabs",
+    defaultValue: defaultId,
+    dir: "ltr",
+    onValueChange: onChange,
+    orientation: orientation,
+    ref: 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);
+  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-darker' : 'cursor-pointer rounded-t hover:border-grey-dark aria-selected:border-blue aria-selected:text-black aria-selected:hover:border-blue-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,
+    ref: ref,
+    style: {
+      transition: 'border 0.2s ease-in'
+    },
+    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);
+  return createElement(Content, Object.assign({}, otherProps, {
+    className: className,
+    ref: ref,
+    value: id
+  }));
+});
+Tabs.List = TabList;
+Tabs.Trigger = TabTrigger;
+Tabs.Content = TabContent;
+
+export { Tabs };
+//# sourceMappingURL=Tabs.js.map

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

@@ -0,0 +1 @@
+{"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-darker'\n            : 'cursor-pointer rounded-t hover:border-grey-dark aria-selected:border-blue aria-selected:text-black aria-selected:hover:border-blue-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;EACjC,IAAQC,EAAR,GAAyFF,KAAzF,CAAQE,EAAR;MAAYC,SAAZ,GAAyFH,KAAzF,CAAYG,SAAZ;MAAuBC,QAAvB,GAAyFJ,KAAzF,CAAuBI,QAAvB;MAAiCC,QAAjC,GAAyFL,KAAzF,CAAiCK,QAAjC;2BAAyFL,KAAzF,CAA2CM,WAA3C;MAA2CA,WAA3C,mCAAyD,YAAzD;MAA0EC,UAA1E,iCAAyFP,KAAzF;;EACA,IAAMQ,SAAS,GAAGC,EAAE,CAChB,SADgB,gBAEJH,WAFI,EAGhB;IACI,eAAeA,WAAW,KAAK;GAJnB,EAMhBN,KAAK,CAACQ,SANU,CAApB;EASA,OACIT,aAAA,CAACW,IAAD,oBACQH;IACJC,SAAS,EAAEA;iBACD;IACVG,YAAY,EAAER;IACdS,GAAG,EAAC;IACJC,aAAa,EAAER;IACfC,WAAW,EAAEA;IACbL,GAAG,EAAEA;IACLa,KAAK,EAAEZ;IATX,EAWKE,QAXL,CADJ;AAeH,CA1BmB;AA4BpB,IAAMW,OAAO,gBAAGhB,UAAA,CAAiB,SAASiB,GAAT,CAAahB,KAAb,EAAkCC,GAAlC;EAC7B,IAAMO,SAAS,GAAGC,EAAE,CAAC,gEAAD,EAAmET,KAAK,CAACQ,SAAzE,CAApB;EAEA,OAAOT,aAAA,CAACW,IAAD,oBAAwBV;IAAOQ,SAAS,EAAEA;IAAWP,GAAG,EAAEA;IAA1D,CAAP;AACH,CAJe,CAAhB;AAMA,IAAMgB,UAAU,gBAAGlB,UAAA,CAAiB,SAASiB,GAAT,CAAahB,KAAb,EAAqCC,GAArC;EAChC,IAAQC,EAAR,GAAwCF,KAAxC,CAAQE,EAAR;MAAYgB,QAAZ,GAAwClB,KAAxC,CAAYkB,QAAZ;MAAyBX,UAAzB,iCAAwCP,KAAxC;;EACA,IAAMQ,SAAS,GAAGC,EAAE,CAChB,qFADgB,EAEhBS,QAAQ,GACF,sCADE,GAEF,+NAJU,EAKhBlB,KAAK,CAACQ,SALU,CAApB;EAQA,OACIT,aAAA,CAACW,OAAD,oBACQH;IACJC,SAAS,EAAEA;IACXU,QAAQ,EAAEA;IACVjB,GAAG,EAAEA;IACLkB,KAAK,EAAE;MACHC,UAAU,EAAE;;IAEhBN,KAAK,EAAEZ;IARX,CADJ;AAYH,CAtBkB,CAAnB;AAwBA,IAAMmB,UAAU,gBAAGtB,UAAA,CAAiB,SAASiB,GAAT,CAAahB,KAAb,EAAqCC,GAArC;EAChC,IAAQC,EAAR,GAA8BF,KAA9B,CAAQE,EAAR;MAAeK,UAAf,iCAA8BP,KAA9B;;EACA,IAAMQ,SAAS,GAAGC,EAAE,CAAC,4BAAD,EAA+BT,KAAK,CAACQ,SAArC,CAApB;EAEA,OAAOT,aAAA,CAACW,OAAD,oBAA2BH;IAAYC,SAAS,EAAEA;IAAWP,GAAG,EAAEA;IAAKa,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

@@ -0,0 +1,37 @@
+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
+  // 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) {
+    if (event.key === 'Home' || event.key === 'End') {
+      event.preventDefault();
+      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;
+    }
+
+    if (onKeyDown) {
+      onKeyDown(event);
+    }
+  };
+
+  return createElement("textarea", Object.assign({}, otherProps, {
+    className: classNames,
+    "data-taco": "textarea",
+    onKeyDown: handleKeyDown,
+    ref: ref
+  }));
+});
+
+export { Textarea };
+//# sourceMappingURL=Textarea.js.map

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

@@ -0,0 +1 @@
+{"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;MACUC,SAA/C,GAA4EF,KAA5E,CAA+CE,SAA/C;MAA6DC,UAA7D,iCAA4EH,KAA5E;;EACA,IAAMI,UAAU,GAAGC,EAAE,CAACC,eAAe,CAACN,KAAD,CAAhB,EAAyB,wCAAzB,EAAmEA,KAAK,CAACO,SAAzE,CAArB;;;;EAKA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD;IAClB,IAAIA,KAAK,CAACC,GAAN,KAAc,MAAd,IAAwBD,KAAK,CAACC,GAAN,KAAc,KAA1C,EAAiD;MAC7CD,KAAK,CAACE,cAAN;MACA,IAAMC,QAAQ,GAAGH,KAAK,CAACC,GAAN,KAAc,KAAd,GAAsBD,KAAK,CAACI,aAAN,CAAoBC,KAApB,CAA0BC,MAAhD,GAAyD,CAA1E;MACAN,KAAK,CAACI,aAAN,CAAoBG,iBAApB,CAAsCJ,QAAtC,EAAgDA,QAAhD;MACAH,KAAK,CAACI,aAAN,CAAoBI,SAApB,GAAgCR,KAAK,CAACC,GAAN,KAAc,KAAd,GAAsBD,KAAK,CAACI,aAAN,CAAoBK,YAA1C,GAAyD,CAAzF;;;IAGJ,IAAIhB,SAAJ,EAAe;MACXA,SAAS,CAACO,KAAD,CAAT;;GATR;;EAaA,OAAOV,aAAA,WAAA,oBAAcI;IAAYI,SAAS,EAAEH;iBAAsB;IAAWF,SAAS,EAAEM;IAAeP,GAAG,EAAEA;IAArG,CAAP;AACH,CArBuB;;;;"}

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

@@ -0,0 +1,80 @@
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React__default from 'react';
+import cn from 'classnames';
+import { IconButton } from '../IconButton/IconButton.js';
+import { useAnimation, motion } from 'framer-motion';
+import useTimer from '../../utils/hooks/useTimer.js';
+import { getBadgeIcon } from './util.js';
+import { useLocalization } from '../Provider/Provider.js';
+
+var _excluded = ["content", "lastUpdated", "onClose", "options"];
+var Toast = function Toast(_ref) {
+  var content = _ref.content,
+      lastUpdated = _ref.lastUpdated,
+      handleClose = _ref.onClose,
+      options = _ref.options,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded);
+
+  var _useLocalization = useLocalization(),
+      texts = _useLocalization.texts;
+
+  var autoClose = options.autoClose,
+      _options$type = options.type,
+      type = _options$type === void 0 ? 'default' : _options$type;
+  var className = cn('bg-white relative flex items-center py-1 px-2 mt-3 w-full rounded yt-shadow', {
+    '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'
+  });
+  var timer = useTimer(autoClose, handleClose);
+  var controls = useAnimation();
+  React__default.useEffect(function () {
+    if (autoClose) {
+      timer.start();
+    }
+  }, [autoClose]);
+
+  var triggerUpdateAnimation = function triggerUpdateAnimation() {
+    try {
+      return Promise.resolve(controls.start({
+        scale: 1.05
+      })).then(function () {
+        return Promise.resolve(controls.start({
+          scale: 1
+        })).then(function () {});
+      });
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+
+  React__default.useEffect(function () {
+    if (lastUpdated) {
+      triggerUpdateAnimation();
+
+      if (timer.running) {
+        timer.start();
+      }
+    }
+  }, [lastUpdated]);
+  return React__default.createElement(motion.div, Object.assign({}, props, {
+    animate: controls,
+    className: className,
+    "data-taco": "toast",
+    onMouseEnter: timer.pause,
+    onMouseLeave: timer.resume
+  }), getBadgeIcon(type), content && React__default.createElement("div", {
+    className: "flex-grow"
+  }, content), React__default.createElement(IconButton, {
+    appearance: "discrete",
+    className: "text-grey-darkest cursor-pointer -mr-2 !px-0",
+    icon: "close",
+    "aria-label": texts.toasts.dismiss,
+    onClick: handleClose
+  }));
+};
+
+export { Toast };
+//# sourceMappingURL=Toast.js.map

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

@@ -0,0 +1 @@
+{"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;;EAC5E,uBAAkBC,eAAe,EAAjC;MAAQC,KAAR,oBAAQA,KAAR;;EACA,IAAQC,SAAR,GAAwCJ,OAAxC,CAAQI,SAAR;sBAAwCJ,OAAxC,CAAmBK,IAAnB;MAAmBA,IAAnB,8BAA0B,SAA1B;EACA,IAAMC,SAAS,GAAGC,EAAE,CAAC,6EAAD,EAAgF;IAChG,sBAAsBF,IAAI,KAAK,SAAT,IAAsBA,IAAI,KAAK,SAA/B,IAA4C,CAACA,IAD6B;IAEhG,6BAA6BA,IAAI,KAAK,SAF0D;IAGhG,sBAAsBA,IAAI,KAAK,aAHiE;IAIhG,6BAA6BA,IAAI,KAAK,SAJ0D;IAKhG,qBAAqBA,IAAI,KAAK;GALd,CAApB;EAOA,IAAMG,KAAK,GAAGC,QAAQ,CAACL,SAAD,EAAYN,WAAZ,CAAtB;EACA,IAAMY,QAAQ,GAAGC,YAAY,EAA7B;EAEAC,cAAK,CAACC,SAAN,CAAgB;IACZ,IAAIT,SAAJ,EAAe;MACXI,KAAK,CAACM,KAAN;;GAFR,EAIG,CAACV,SAAD,CAJH;;EAMA,IAAMW,sBAAsB,YAAtBA,sBAAsB;IAAA;6BAClBL,QAAQ,CAACI,KAAT,CAAe;QAAEE,KAAK,EAAE;OAAxB;+BACAN,QAAQ,CAACI,KAAT,CAAe;UAAEE,KAAK,EAAE;SAAxB;;KAFkB;MAAA;;GAA5B;;EAKAJ,cAAK,CAACC,SAAN,CAAgB;IACZ,IAAIhB,WAAJ,EAAiB;MACbkB,sBAAsB;;MAEtB,IAAIP,KAAK,CAACS,OAAV,EAAmB;QACfT,KAAK,CAACM,KAAN;;;GALZ,EAQG,CAACjB,WAAD,CARH;EAUA,OACIe,4BAAA,CAACM,MAAM,CAACC,GAAR,oBACQlB;IACJmB,OAAO,EAAEV;IACTJ,SAAS,EAAEA;iBACD;IACVe,YAAY,EAAEb,KAAK,CAACc;IACpBC,YAAY,EAAEf,KAAK,CAACgB;IANxB,EAQKC,YAAY,CAACpB,IAAD,CARjB,EASKT,OAAO,IAAIgB,4BAAA,MAAA;IAAKN,SAAS,EAAC;GAAf,EAA4BV,OAA5B,CAThB,EAUIgB,4BAAA,CAACc,UAAD;IACIC,UAAU,EAAC;IACXrB,SAAS,EAAC;IACVsB,IAAI,EAAC;kBACOzB,KAAK,CAAC0B,MAAN,CAAaC;IACzBC,OAAO,EAAEjC;GALb,CAVJ,CADJ;AAoBH;;;;"}

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

@@ -0,0 +1,193 @@
+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({});
+
+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,
+      content: typeof content === 'function' ? content(close) : content,
+      options: options
+    });
+  }
+
+  return nextToasts;
+};
+
+var ToastProvider = function ToastProvider(_ref) {
+  var children = _ref.children,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded);
+
+  var _React$useState = useState([]),
+      toasts = _React$useState[0],
+      setToasts = _React$useState[1];
+
+  var handleClose = function handleClose(id) {
+    setToasts(function (currentToasts) {
+      return currentToasts.filter(function (toast) {
+        return toast.id !== id;
+      });
+    });
+  }; // memoize (useCallback) this function,
+  // it is the value of the context provider and we don't want it to trigger state tree re-renders on provider children
+
+
+  var toaster = useCallback(function (content, options) {
+    var id = v4();
+
+    var close = function close() {
+      return handleClose(id);
+    };
+
+    setToasts(function (currentToasts) {
+      return insertToastWithoutDuplicates(currentToasts, id, content, options, close);
+    });
+
+    var update = function update(content, options) {
+      setToasts(function (currentToasts) {
+        var nextToasts = currentToasts.filter(function (toast) {
+          if (toast.lastDuplicateId) {
+            return toast.lastDuplicateId !== id;
+          }
+
+          return toast.id !== id;
+        });
+        return insertToastWithoutDuplicates(nextToasts, v4(), content, options, close);
+      });
+    };
+
+    var success = function success(content, options) {
+      update(content, _extends({
+        autoClose: DEFAULT_AUTO_CLOSE_TIMEOUT
+      }, options, {
+        type: 'success'
+      }));
+    };
+
+    var error = function error(content, options) {
+      update(content, _extends({}, options, {
+        type: 'error'
+      }));
+    };
+
+    var warning = function warning(content, options) {
+      update(content, _extends({}, options, {
+        type: 'warning'
+      }));
+    };
+
+    var information = function information(content, options) {
+      update(content, _extends({}, options, {
+        type: 'information'
+      }));
+    };
+
+    var loading = function loading(content, options) {
+      update(content, _extends({}, options, {
+        type: 'loading'
+      }));
+    };
+
+    return {
+      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(function () {
+    toaster.success = function (content, options) {
+      return toaster(content, _extends({
+        autoClose: DEFAULT_AUTO_CLOSE_TIMEOUT
+      }, options, {
+        type: 'success'
+      }));
+    };
+
+    toaster.error = function (content, options) {
+      return toaster(content, _extends({}, options, {
+        type: 'error'
+      }));
+    };
+
+    toaster.warning = function (content, options) {
+      return toaster(content, _extends({}, options, {
+        type: 'warning'
+      }));
+    };
+
+    toaster.information = function (content, options) {
+      return toaster(content, _extends({}, options, {
+        type: 'information'
+      }));
+    };
+
+    toaster.loading = function (content, options) {
+      return toaster(content, _extends({}, options, {
+        type: 'loading'
+      }));
+    };
+  }, []);
+  return createElement(ToastContext.Provider, Object.assign({}, props, {
+    value: toaster
+  }), children, createElement("div", {
+    id: "yt-toast__container",
+    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",
+    role: "log"
+  }, createElement(AnimatePresence, {
+    initial: false
+  }, toasts.map(function (toast) {
+    return 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: {
+          duration: 0.2
+        }
+      }
+    }, createElement(Toast, Object.assign({}, toast, {
+      onClose: function onClose() {
+        return handleClose(toast.id);
+      }
+    })));
+  }))));
+};
+var useToast = function useToast() {
+  return useContext(ToastContext);
+};
+
+export { ToastProvider, useToast };
+//# sourceMappingURL=Toaster.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toaster.js","sources":["../../../../src/components/Toast/Toaster.tsx"],"sourcesContent":["import * as React from 'react';\nimport { v4 as uuid } from 'uuid';\nimport { AnimatePresence, motion } from 'framer-motion';\nimport { 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

@@ -0,0 +1,46 @@
+import React__default from 'react';
+import cn from 'classnames';
+import { Icon } from '../Icon/Icon.js';
+import { Spinner } from '../Spinner/Spinner.js';
+
+var getBadgeIcon = function getBadgeIcon(type) {
+  var css = 'rounded-full flex-shrink-0 mr-2';
+
+  switch (type) {
+    case 'success':
+      return React__default.createElement(Icon, {
+        name: "tick",
+        className: cn(css, 'yt-green-solid')
+      });
+
+    case 'warning':
+      return React__default.createElement(Icon, {
+        name: "warning",
+        className: cn(css, 'yt-yellow-solid')
+      });
+
+    case 'error':
+      return React__default.createElement(Icon, {
+        name: "warning",
+        className: cn(css, 'yt-red-solid')
+      });
+
+    case 'information':
+      return React__default.createElement(Icon, {
+        name: "info",
+        className: cn(css, 'yt-blue-solid')
+      });
+
+    case 'loading':
+      return React__default.createElement(Spinner, {
+        delay: 0,
+        className: cn(css, 'h-6 w-6')
+      });
+
+    default:
+      return null;
+  }
+};
+
+export { getBadgeIcon };
+//# sourceMappingURL=util.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"util.js","sources":["../../../../src/components/Toast/util.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { Icon } from '../Icon/Icon';\nimport { Spinner } from '../Spinner/Spinner';\nimport { ToastType } from './Toast';\n\nexport const getBadgeIcon = (type: ToastType): JSX.Element | null => {\n    const css = 'rounded-full flex-shrink-0 mr-2';\n\n    switch (type) {\n        case 'success':\n            return <Icon name=\"tick\" className={cn(css, 'yt-green-solid')} />;\n\n        case 'warning':\n            return <Icon name=\"warning\" className={cn(css, 'yt-yellow-solid')} />;\n\n        case 'error':\n            return <Icon name=\"warning\" className={cn(css, 'yt-red-solid')} />;\n\n        case 'information':\n            return <Icon name=\"info\" className={cn(css, 'yt-blue-solid')} />;\n\n        case 'loading':\n            return <Spinner delay={0} className={cn(css, 'h-6 w-6')} />;\n\n        default:\n            return null;\n    }\n};\n"],"names":["getBadgeIcon","type","css","React","Icon","name","className","cn","Spinner","delay"],"mappings":";;;;;IAMaA,YAAY,GAAG,SAAfA,YAAe,CAACC,IAAD;EACxB,IAAMC,GAAG,GAAG,iCAAZ;;EAEA,QAAQD,IAAR;IACI,KAAK,SAAL;MACI,OAAOE,4BAAA,CAACC,IAAD;QAAMC,IAAI,EAAC;QAAOC,SAAS,EAAEC,EAAE,CAACL,GAAD,EAAM,gBAAN;OAA/B,CAAP;;IAEJ,KAAK,SAAL;MACI,OAAOC,4BAAA,CAACC,IAAD;QAAMC,IAAI,EAAC;QAAUC,SAAS,EAAEC,EAAE,CAACL,GAAD,EAAM,iBAAN;OAAlC,CAAP;;IAEJ,KAAK,OAAL;MACI,OAAOC,4BAAA,CAACC,IAAD;QAAMC,IAAI,EAAC;QAAUC,SAAS,EAAEC,EAAE,CAACL,GAAD,EAAM,cAAN;OAAlC,CAAP;;IAEJ,KAAK,aAAL;MACI,OAAOC,4BAAA,CAACC,IAAD;QAAMC,IAAI,EAAC;QAAOC,SAAS,EAAEC,EAAE,CAACL,GAAD,EAAM,eAAN;OAA/B,CAAP;;IAEJ,KAAK,SAAL;MACI,OAAOC,4BAAA,CAACK,OAAD;QAASC,KAAK,EAAE;QAAGH,SAAS,EAAEC,EAAE,CAACL,GAAD,EAAM,SAAN;OAAhC,CAAP;;IAEJ;MACI,OAAO,IAAP;;AAEX;;;;"}

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

@@ -0,0 +1,33 @@
+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);
+
+  return createElement(Root, {
+    delayDuration: 50
+  }, createElement(Trigger, {
+    asChild: true,
+    ref: ref
+  }, children), createElement(Content, Object.assign({}, otherProps, {
+    asChild: true,
+    side: placement,
+    sideOffset: 3
+  }), createElement("div", {
+    className: "wcag-purple max-w-[theme(spacing.56)] animate-[fade-in_150ms] rounded-sm px-2 py-1 text-xs font-bold opacity-90",
+    "data-taco": "tooltip",
+    style: {
+      transformOrigin: 'var(--radix-tooltip-content-transform-origin)'
+    }
+  }, createElement(Arrow, {
+    className: "fill-purple stroke-purple"
+  }), title)));
+});
+
+export { Tooltip };
+//# sourceMappingURL=Tooltip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip';\n\nexport type TooltipProps = React.HTMLAttributes<HTMLDivElement> & {\n    /** The element which activates the tooltip when hovered. Should be a single React/HTML element */\n    children: React.ReactElement | any;\n    /** Text displayed in the tooltip */\n    title: string;\n    /**\n     *  Placement of the tooltip relative to the reference element. Placement will be reversed if a collision occurs\n     * @defaultValue bottom\n     */\n    placement?: 'top' | 'right' | 'bottom' | 'left';\n};\n\nexport const Tooltip = React.forwardRef(function Tooltip(props: TooltipProps, ref: React.Ref<HTMLElement>) {\n    const { title, children, placement, ...otherProps } = props;\n\n    return (\n        <TooltipPrimitive.Root delayDuration={50}>\n            <TooltipPrimitive.Trigger asChild ref={ref as any}>\n                {children}\n            </TooltipPrimitive.Trigger>\n            <TooltipPrimitive.Content {...otherProps} asChild side={placement} sideOffset={3}>\n                <div\n                    className=\"wcag-purple max-w-[theme(spacing.56)] animate-[fade-in_150ms] rounded-sm px-2 py-1 text-xs font-bold opacity-90\"\n                    data-taco=\"tooltip\"\n                    style={{\n                        transformOrigin: 'var(--radix-tooltip-content-transform-origin)',\n                    }}\n                >\n                    <TooltipPrimitive.Arrow className=\"fill-purple stroke-purple\" />\n                    {title}\n                </div>\n            </TooltipPrimitive.Content>\n        </TooltipPrimitive.Root>\n    );\n});\n"],"names":["Tooltip","React","props","ref","title","children","placement","otherProps","TooltipPrimitive","delayDuration","asChild","side","sideOffset","className","style","transformOrigin"],"mappings":";;;;;IAeaA,OAAO,gBAAGC,UAAA,CAAiB,SAASD,OAAT,CAAiBE,KAAjB,EAAsCC,GAAtC;EACpC,IAAQC,KAAR,GAAsDF,KAAtD,CAAQE,KAAR;MAAeC,QAAf,GAAsDH,KAAtD,CAAeG,QAAf;MAAyBC,SAAzB,GAAsDJ,KAAtD,CAAyBI,SAAzB;MAAuCC,UAAvC,iCAAsDL,KAAtD;;EAEA,OACID,aAAA,CAACO,IAAD;IAAuBC,aAAa,EAAE;GAAtC,EACIR,aAAA,CAACO,OAAD;IAA0BE,OAAO;IAACP,GAAG,EAAEA;GAAvC,EACKE,QADL,CADJ,EAIIJ,aAAA,CAACO,OAAD,oBAA8BD;IAAYG,OAAO;IAACC,IAAI,EAAEL;IAAWM,UAAU,EAAE;IAA/E,EACIX,aAAA,MAAA;IACIY,SAAS,EAAC;iBACA;IACVC,KAAK,EAAE;MACHC,eAAe,EAAE;;GAJzB,EAOId,aAAA,CAACO,KAAD;IAAwBK,SAAS,EAAC;GAAlC,CAPJ,EAQKT,KARL,CADJ,CAJJ,CADJ;AAmBH,CAtBsB;;;;"}