@economic/taco 1.12.3 → 1.13.0

package/dist/esm/components/Select/Select.js

@@ -1,101 +0,0 @@
-import { forwardRef, createElement, useRef, useEffect, Fragment } from 'react';
-import cn from 'classnames';
-import { Icon } from '../Icon/Icon.js';
-import { Badge } from '../Badge/Badge.js';
-import { Root, Trigger, Content } from '@radix-ui/react-popover';
-import { getInputClasses } from '../Input/util.js';
-import { useBoundingClientRectListener } from '../../utils/hooks/useBoundingClientRectListener.js';
-import { Combobox } from '../Combobox/Combobox.js';
-import { MultiListbox, Listbox } from '../Listbox/Listbox.js';
-import { useSelect } from './useSelect.js';
-
-const BaseSelect = /*#__PURE__*/forwardRef(function BaseSelect(props, ref) {
-  const {
-    autoFocus,
-    className: externalClassName,
-    highlighted,
-    style,
-    ...otherProps
-  } = props;
-  const {
-    button,
-    listbox,
-    popover,
-    input,
-    text,
-    more = 0
-  } = useSelect(otherProps, ref);
-  const internalRef = useRef(null);
-  const selectDimensions = useBoundingClientRectListener(internalRef);
-  const className = cn('inline-flex relative w-full', {
-    'yt-select--readonly': props.readOnly
-  }, externalClassName);
-  const inputClassname = cn(getInputClasses(props), 'h-8 text-left pr-0', {
-    'border-blue': popover.open
-  });
-  useEffect(() => {
-    if (autoFocus && internalRef.current) {
-      internalRef.current.focus();
-    }
-  }, []);
-
-  const renderMultiSelection = () => {
-    return /*#__PURE__*/createElement(Fragment, null, /*#__PURE__*/createElement("span", {
-      className: "flex-grow truncate text-left"
-    }, text), more > 0 && /*#__PURE__*/createElement(Badge, {
-      className: "ml-2"
-    }, `+${more}`));
-  };
-
-  const commonListboxProps = { ...listbox,
-    className: 'w-auto',
-    invalid: undefined,
-    style: {
-      minWidth: selectDimensions === null || selectDimensions === void 0 ? void 0 : selectDimensions.width
-    },
-    tabIndex: popover.open ? 0 : -1
-  };
-  return /*#__PURE__*/createElement("span", {
-    className: className,
-    "data-taco": "select",
-    style: style
-  }, /*#__PURE__*/createElement(Root, Object.assign({}, popover), /*#__PURE__*/createElement(Trigger, Object.assign({}, button, {
-    className: inputClassname,
-    ref: internalRef
-  }), props.multiselect ? renderMultiSelection() : /*#__PURE__*/createElement("span", {
-    className: "flex-grow truncate text-left"
-  }, text), /*#__PURE__*/createElement("span", {
-    className: "flex h-8 w-8 items-center justify-center"
-  }, /*#__PURE__*/createElement(Icon, {
-    className: "pointer-events-none",
-    name: popover.open ? 'chevron-up' : 'chevron-down'
-  }))), /*#__PURE__*/createElement(Content, {
-    align: "start",
-    className: "z-10",
-    sideOffset: 4
-  }, props.multiselect ? /*#__PURE__*/createElement(MultiListbox, Object.assign({}, commonListboxProps)) : /*#__PURE__*/createElement(Listbox, Object.assign({}, commonListboxProps))), /*#__PURE__*/createElement("input", Object.assign({}, input, {
-    className: "hidden",
-    type: "text"
-  }))));
-});
-const Select = /*#__PURE__*/forwardRef(function Select(props, ref) {
-  const {
-    editable,
-    ...otherProps
-  } = props;
-
-  if (editable) {
-    return /*#__PURE__*/createElement(Combobox, Object.assign({}, otherProps, {
-      dialog: undefined,
-      inline: true,
-      ref: ref
-    }));
-  }
-
-  return /*#__PURE__*/createElement(BaseSelect, Object.assign({}, otherProps, {
-    ref: ref
-  }));
-});
-
-export { Select };
-//# sourceMappingURL=Select.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Select.js","sources":["../../../../src/components/Select/Select.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'classnames';\nimport * as PopoverPrimitive from '@radix-ui/react-popover';\nimport { Icon } from '../Icon/Icon';\nimport { Listbox, MultiListbox, ListboxProps } from '../Listbox/Listbox';\nimport { useBoundingClientRectListener } from '../../utils/hooks/useBoundingClientRectListener';\nimport { useSelect } from './useSelect';\nimport { Combobox, ComboboxProps } from '../Combobox/Combobox';\nimport { Badge } from '../Badge/Badge';\nimport { getInputClasses } from '../Input/util';\n\nexport type SelectTexts = {\n    /**\n     * The text displayed when all options are selected when multiselect mode in on.\n     */\n    allOptionsSelected: string;\n};\n\nexport type BaseSelectProps = Omit<ListboxProps, 'dialog'> &\n    Omit<ComboboxProps, 'inline'> & {\n        /**\n         * Allows to select multiple values.\n         * All the selected values will be combined in a comma-seperated string as the value of the input.\n         */\n        multiselect?: boolean;\n    };\n\nexport type SelectProps = BaseSelectProps & {\n    /**\n     * Creates an editable select.\n     * Setting this will render a inline Combobox which will display the provided data on click/focus,\n     * even if there is no value in the input.\n     * After user starts typing, matching data will be displayed.\n     */\n    editable?: boolean;\n};\n\nconst BaseSelect = React.forwardRef(function BaseSelect(props: BaseSelectProps, ref: React.Ref<HTMLInputElement>) {\n    const { autoFocus, className: externalClassName, highlighted, style, ...otherProps } = props;\n    const { button, listbox, popover, input, text, more = 0 } = useSelect(otherProps, ref);\n    const internalRef = React.useRef<HTMLButtonElement>(null);\n    const selectDimensions = useBoundingClientRectListener(internalRef);\n    const className = cn('inline-flex relative w-full', { 'yt-select--readonly': props.readOnly }, externalClassName);\n    const inputClassname = cn(getInputClasses(props), 'h-8 text-left pr-0', {\n        'border-blue': popover.open,\n    });\n\n    React.useEffect(() => {\n        if (autoFocus && internalRef.current) {\n            internalRef.current.focus();\n        }\n    }, []);\n\n    const renderMultiSelection = (): React.ReactNode => {\n        return (\n            <>\n                <span className=\"flex-grow truncate text-left\">{text}</span>\n                {more > 0 && <Badge className=\"ml-2\">{`+${more}`}</Badge>}\n            </>\n        );\n    };\n\n    const commonListboxProps: ListboxProps = {\n        ...listbox,\n        className: 'w-auto',\n        invalid: undefined,\n        style: { minWidth: selectDimensions?.width },\n        tabIndex: popover.open ? 0 : -1,\n    };\n\n    return (\n        <span className={className} data-taco=\"select\" style={style}>\n            <PopoverPrimitive.Root {...popover}>\n                <PopoverPrimitive.Trigger {...button} className={inputClassname} ref={internalRef}>\n                    {props.multiselect ? renderMultiSelection() : <span className=\"flex-grow truncate text-left\">{text}</span>}\n                    <span className=\"flex h-8 w-8 items-center justify-center\">\n                        <Icon className=\"pointer-events-none\" name={popover.open ? 'chevron-up' : 'chevron-down'} />\n                    </span>\n                </PopoverPrimitive.Trigger>\n                <PopoverPrimitive.Content align=\"start\" className=\"z-10\" sideOffset={4}>\n                    {props.multiselect ? <MultiListbox {...commonListboxProps} /> : <Listbox {...commonListboxProps} />}\n                </PopoverPrimitive.Content>\n                <input {...input} className=\"hidden\" type=\"text\" />\n            </PopoverPrimitive.Root>\n        </span>\n    );\n});\n\nexport const Select = React.forwardRef(function Select(props: SelectProps, ref: React.Ref<HTMLInputElement>) {\n    const { editable, ...otherProps } = props;\n\n    if (editable) {\n        return <Combobox {...otherProps} dialog={undefined} inline ref={ref} />;\n    }\n\n    return <BaseSelect {...otherProps} ref={ref} />;\n});\n"],"names":["BaseSelect","React","props","ref","autoFocus","className","externalClassName","highlighted","style","otherProps","button","listbox","popover","input","text","more","useSelect","internalRef","selectDimensions","useBoundingClientRectListener","cn","readOnly","inputClassname","getInputClasses","open","current","focus","renderMultiSelection","Badge","commonListboxProps","invalid","undefined","minWidth","width","tabIndex","PopoverPrimitive","multiselect","Icon","name","align","sideOffset","MultiListbox","Listbox","type","Select","editable","Combobox","dialog","inline"],"mappings":"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"}

package/dist/esm/components/Select/useSelect.js

@@ -1,211 +0,0 @@
-import { useState, useMemo, useRef, useEffect, createElement, Fragment, cloneElement } from 'react';
-import cn from 'classnames';
-import { useProxiedRef } from '../../utils/hooks/useProxiedRef.js';
-import { v4 } from 'uuid';
-import { useLocalization } from '../Provider/Provider.js';
-import { createCustomEvent } from '../../utils/input.js';
-import { useFlattenedData, findByValue, setInputValueByRef, sanitizeItem } from '../Listbox/util.js';
-
-const useSelect = ({
-  'aria-label': ariaLabel,
-  'aria-labelledby': ariaLabelledBy,
-  data = [],
-  defaultValue,
-  disabled,
-  emptyValue,
-  id: nativeId,
-  multiselect,
-  onBlur,
-  onClick,
-  onChange,
-  readOnly,
-  value,
-  ...otherProps
-}, ref) => {
-  const {
-    texts
-  } = useLocalization();
-  const flattenedData = useFlattenedData(data);
-  const listboxInputRef = useProxiedRef(ref);
-  const [open, setOpen] = useState(false);
-  const id = useMemo(() => nativeId || `select_${v4()}`, [nativeId]);
-  const inputRef = useRef(null);
-  const buttonId = `${id}-button`; // support 'escape' resetting to the value that was set when the listbox opened
-
-  const [lastValue, setLastValue] = useState(value);
-  useEffect(() => {
-    setLastValue(value);
-  }, [open]);
-  useEffect(() => {
-    if (value === undefined) {
-      if (defaultValue !== undefined && findByValue(flattenedData, defaultValue)) {
-        setInputValueByRef(inputRef.current, defaultValue);
-      } else {
-        if (emptyValue !== undefined) {
-          setInputValueByRef(inputRef.current, emptyValue);
-        } else if (data.length > 0) {
-          setInputValueByRef(inputRef.current, data[0].value);
-        }
-      }
-    } else {
-      if (!multiselect && !findByValue(flattenedData, value)) {
-        if (emptyValue !== undefined) {
-          setInputValueByRef(inputRef.current, emptyValue);
-        } else if (data.length > 0) {
-          setInputValueByRef(inputRef.current, data[0].value);
-        }
-      }
-    }
-  }, []); // event handlers
-
-  const handleButtonKeyDown = event => {
-    if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {
-      event.preventDefault();
-      setOpen(true);
-    }
-  };
-
-  const handleListboxKeyDown = event => {
-    switch (event.key) {
-      case 'Escape':
-        {
-          event.preventDefault();
-
-          if (lastValue !== undefined) {
-            setInputValueByRef(listboxInputRef.current, lastValue);
-          }
-
-          setOpen(false);
-          break;
-        }
-
-      case 'Tab':
-      case 'Enter':
-        {
-          if (event.key !== 'Tab') {
-            event.preventDefault();
-          }
-
-          setOpen(false);
-          break;
-        }
-    }
-
-    if (otherProps.onKeyDown) {
-      otherProps.onKeyDown(event);
-    }
-  };
-
-  const handleListboxClick = event => {
-    event.preventDefault();
-
-    if (!multiselect) {
-      setOpen(false);
-
-      if (onBlur) {
-        onBlur(createCustomEvent('blur'));
-      }
-    }
-  };
-
-  let text = '';
-  let more = 0;
-
-  if (value !== undefined) {
-    if (multiselect) {
-      const selectedValues = (value === null || value === void 0 ? void 0 : value.toString().split(',')) || [];
-
-      if (selectedValues.length === flattenedData.filter(item => !item.disabled).length) {
-        text = texts.select.allOptionsSelected;
-      } else {
-        var _findByValue$text, _findByValue;
-
-        text = (_findByValue$text = (_findByValue = findByValue(flattenedData, selectedValues[0])) === null || _findByValue === void 0 ? void 0 : _findByValue.text) !== null && _findByValue$text !== void 0 ? _findByValue$text : '';
-        more = selectedValues.length > 1 ? selectedValues.length - 1 : 0;
-      }
-    } else {
-      const item = findByValue(flattenedData, value);
-
-      if (item) {
-        text = item.icon ? /*#__PURE__*/createElement(Fragment, null, /*#__PURE__*/cloneElement(item.icon, {
-          className: cn(item.icon.props.className, 'mr-1 -mt-px')
-        }), item.text) : item.text;
-      }
-    }
-  }
-
-  const handleInputChange = event => {
-    event.persist();
-
-    if (onChange) {
-      var _item$path$split, _item$path;
-
-      const item = findByValue(flattenedData, event.target.value);
-      event.detail = sanitizeItem(item);
-      const indexes = (_item$path$split = item === null || item === void 0 ? void 0 : (_item$path = item.path) === null || _item$path === void 0 ? void 0 : _item$path.split('.')) !== null && _item$path$split !== void 0 ? _item$path$split : [];
-
-      if (indexes.length > 1) {
-        // we don't want to map the current item
-        indexes.pop(); // we need to rebuild the path as we map
-
-        let lastPath;
-        event.detail.parents = indexes.map(i => {
-          lastPath = lastPath ? [lastPath, i].join('.') : i;
-          return sanitizeItem(flattenedData.find(i => i.path === lastPath));
-        });
-      }
-
-      onChange(event);
-    }
-  };
-
-  const button = {
-    'aria-haspopup': 'listbox',
-    'aria-label': ariaLabel ? `${ariaLabel} ${text}` : undefined,
-    'aria-labelledby': ariaLabelledBy ? `${ariaLabelledBy} ${buttonId}` : undefined,
-    disabled: disabled || readOnly,
-    id: buttonId,
-    onKeyDown: !disabled && !readOnly ? handleButtonKeyDown : undefined,
-    type: 'button'
-  };
-  const listbox = { ...otherProps,
-    'aria-label': ariaLabel,
-    'aria-labelledby': ariaLabelledBy,
-    data,
-    disabled,
-    emptyValue,
-    onBlur,
-    onClick: handleListboxClick,
-    onChange: event => {
-      setInputValueByRef(inputRef.current, event.target.value);
-    },
-    onKeyDown: handleListboxKeyDown,
-    ref: listboxInputRef,
-    value
-  };
-  const input = {
-    onChange: handleInputChange,
-    ref: inputRef,
-    value: String(value !== null && value !== void 0 ? value : '')
-  };
-  return {
-    button,
-    listbox,
-    input,
-    popover: {
-      open,
-      onOpenChange: open => {
-        if (!open && onBlur) {
-          onBlur(createCustomEvent('blur'));
-        }
-
-        setOpen(open);
-      }
-    },
-    text,
-    more
-  };
-};
-
-export { useSelect };
-//# sourceMappingURL=useSelect.js.map

package/dist/esm/components/Select/useSelect.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSelect.js","sources":["../../../../src/components/Select/useSelect.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'classnames';\nimport { v4 as uuid } from 'uuid';\nimport * as PopoverPrimitive from '@radix-ui/react-popover';\nimport { useLocalization } from '../Provider/Provider';\nimport { SelectProps } from './Select';\nimport { ListboxProps } from '../Listbox/Listbox';\nimport { useProxiedRef } from '../../utils/hooks/useProxiedRef';\nimport { setInputValueByRef, findByValue, useFlattenedData, sanitizeItem } from '../Listbox/util';\nimport { ScrollableListItemValue } from '../Listbox/ScrollableList';\nimport { createCustomEvent } from '../../utils/input';\n\ntype InternalButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement>;\ntype InternalListboxProps = ListboxProps & { ref: React.ForwardedRef<HTMLInputElement> };\ntype InternalInputProps = React.InputHTMLAttributes<HTMLInputElement> & { ref: React.ForwardedRef<HTMLInputElement> };\n\ntype useSelect = React.HtmlHTMLAttributes<HTMLDivElement> & {\n    button: InternalButtonProps;\n    listbox: InternalListboxProps;\n    input: InternalInputProps;\n    popover: Pick<PopoverPrimitive.PopoverProps, 'onOpenChange' | 'open'>;\n    text: string | JSX.Element;\n    more?: number;\n};\n\nexport const useSelect = (\n    {\n        'aria-label': ariaLabel,\n        'aria-labelledby': ariaLabelledBy,\n        data = [],\n        defaultValue,\n        disabled,\n        emptyValue,\n        id: nativeId,\n        multiselect,\n        onBlur,\n        onClick,\n        onChange,\n        readOnly,\n        value,\n        ...otherProps\n    }: SelectProps,\n    ref: React.Ref<HTMLInputElement>\n): useSelect => {\n    const { texts } = useLocalization();\n    const flattenedData = useFlattenedData(data);\n    const listboxInputRef = useProxiedRef<HTMLInputElement>(ref);\n    const [open, setOpen] = React.useState(false);\n    const id = React.useMemo(() => nativeId || `select_${uuid()}`, [nativeId]);\n    const inputRef = React.useRef<HTMLInputElement>(null);\n    const buttonId = `${id}-button`;\n    // support 'escape' resetting to the value that was set when the listbox opened\n    const [lastValue, setLastValue] = React.useState<ScrollableListItemValue | undefined>(value);\n\n    React.useEffect(() => {\n        setLastValue(value);\n    }, [open]);\n\n    React.useEffect(() => {\n        if (value === undefined) {\n            if (defaultValue !== undefined && findByValue(flattenedData, defaultValue)) {\n                setInputValueByRef(inputRef.current, defaultValue);\n            } else {\n                if (emptyValue !== undefined) {\n                    setInputValueByRef(inputRef.current, emptyValue);\n                } else if (data.length > 0) {\n                    setInputValueByRef(inputRef.current, data[0].value);\n                }\n            }\n        } else {\n            if (!multiselect && !findByValue(flattenedData, value)) {\n                if (emptyValue !== undefined) {\n                    setInputValueByRef(inputRef.current, emptyValue);\n                } else if (data.length > 0) {\n                    setInputValueByRef(inputRef.current, data[0].value);\n                }\n            }\n        }\n    }, []);\n\n    // event handlers\n    const handleButtonKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>): void => {\n        if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {\n            event.preventDefault();\n            setOpen(true);\n        }\n    };\n\n    const handleListboxKeyDown = (event: React.KeyboardEvent<HTMLElement>): void => {\n        switch (event.key) {\n            case 'Escape': {\n                event.preventDefault();\n                if (lastValue !== undefined) {\n                    setInputValueByRef(listboxInputRef.current, lastValue);\n                }\n\n                setOpen(false);\n                break;\n            }\n\n            case 'Tab':\n            case 'Enter': {\n                if (event.key !== 'Tab') {\n                    event.preventDefault();\n                }\n                setOpen(false);\n                break;\n            }\n\n            default:\n        }\n\n        if (otherProps.onKeyDown) {\n            otherProps.onKeyDown(event);\n        }\n    };\n\n    const handleListboxClick = (event: React.MouseEvent<HTMLLIElement>): void => {\n        event.preventDefault();\n        if (!multiselect) {\n            setOpen(false);\n            if (onBlur) {\n                onBlur(createCustomEvent('blur'));\n            }\n        }\n    };\n\n    let text: string | JSX.Element = '';\n    let more = 0;\n\n    if (value !== undefined) {\n        if (multiselect) {\n            const selectedValues = value?.toString().split(',') || [];\n\n            if (selectedValues.length === flattenedData.filter(item => !item.disabled).length) {\n                text = texts.select.allOptionsSelected;\n            } else {\n                text = findByValue(flattenedData, selectedValues[0])?.text ?? '';\n                more = selectedValues.length > 1 ? selectedValues.length - 1 : 0;\n            }\n        } else {\n            const item = findByValue(flattenedData, value);\n\n            if (item) {\n                text = item.icon ? (\n                    <>\n                        {React.cloneElement(item.icon, {\n                            className: cn(item.icon.props.className, 'mr-1 -mt-px'),\n                        })}\n                        {item.text}\n                    </>\n                ) : (\n                    item.text\n                );\n            }\n        }\n    }\n\n    const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>): void => {\n        event.persist();\n\n        if (onChange) {\n            const item = findByValue(flattenedData, event.target.value);\n            (event as any).detail = sanitizeItem(item);\n\n            const indexes = item?.path?.split('.') ?? [];\n\n            if (indexes.length > 1) {\n                // we don't want to map the current item\n                indexes.pop();\n                // we need to rebuild the path as we map\n                let lastPath: string;\n\n                (event as any).detail.parents = indexes.map(i => {\n                    lastPath = lastPath ? [lastPath, i].join('.') : i;\n                    return sanitizeItem(flattenedData.find(i => i.path === lastPath));\n                });\n            }\n\n            onChange(event);\n        }\n    };\n\n    const button: InternalButtonProps = {\n        'aria-haspopup': 'listbox' as const,\n        'aria-label': ariaLabel ? `${ariaLabel} ${text}` : undefined,\n        'aria-labelledby': ariaLabelledBy ? `${ariaLabelledBy} ${buttonId}` : undefined,\n        disabled: disabled || readOnly,\n        id: buttonId,\n        onKeyDown: !disabled && !readOnly ? handleButtonKeyDown : undefined,\n        type: 'button',\n    };\n\n    const listbox: InternalListboxProps = {\n        ...otherProps,\n        'aria-label': ariaLabel,\n        'aria-labelledby': ariaLabelledBy,\n        data,\n        disabled,\n        emptyValue,\n        onBlur,\n        onClick: handleListboxClick,\n        onChange: event => {\n            setInputValueByRef(inputRef.current, event.target.value);\n        },\n        onKeyDown: handleListboxKeyDown,\n        ref: listboxInputRef,\n        value,\n    };\n\n    const input: InternalInputProps = {\n        onChange: handleInputChange,\n        ref: inputRef,\n        value: String(value ?? ''),\n    };\n\n    return {\n        button,\n        listbox,\n        input,\n        popover: {\n            open,\n            onOpenChange: open => {\n                if (!open && onBlur) {\n                    onBlur(createCustomEvent('blur'));\n                }\n                setOpen(open);\n            },\n        },\n        text,\n        more,\n    };\n};\n"],"names":["useSelect","ariaLabel","ariaLabelledBy","data","defaultValue","disabled","emptyValue","id","nativeId","multiselect","onBlur","onClick","onChange","readOnly","value","otherProps","ref","texts","useLocalization","flattenedData","useFlattenedData","listboxInputRef","useProxiedRef","open","setOpen","React","uuid","inputRef","buttonId","lastValue","setLastValue","undefined","findByValue","setInputValueByRef","current","length","handleButtonKeyDown","event","key","preventDefault","handleListboxKeyDown","onKeyDown","handleListboxClick","createCustomEvent","text","more","selectedValues","toString","split","filter","item","select","allOptionsSelected","icon","className","cn","props","handleInputChange","persist","target","detail","sanitizeItem","indexes","path","pop","lastPath","parents","map","i","join","find","button","type","listbox","input","String","popover","onOpenChange"],"mappings":"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"}

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

@@ -1,48 +0,0 @@
-import React__default from 'react';
-import cn from 'classnames';
-
-const Spinner = /*#__PURE__*/React__default.forwardRef(function Spinner(props, ref) {
-  const {
-    delay = 500,
-    label,
-    ...otherProps
-  } = props;
-  const [visible, setVisibility] = React__default.useState(!delay);
-  React__default.useEffect(() => {
-    let timeout;
-
-    if (delay) {
-      timeout = window.setTimeout(() => setVisibility(true), delay);
-    }
-
-    return () => {
-      if (timeout) {
-        clearTimeout(timeout);
-      }
-    };
-  }, [delay]);
-
-  if (!visible) {
-    return null;
-  }
-
-  const className = cn('inline-flex flex-col relative items-center', otherProps.className);
-  return /*#__PURE__*/React__default.createElement("div", Object.assign({}, otherProps, {
-    className: className,
-    "data-taco": "spinner",
-    ref: ref
-  }), /*#__PURE__*/React__default.createElement("svg", {
-    className: "h-10 w-10 animate-[spinnerRotation_2s_linear_infinite]",
-    viewBox: "0 0 100 100",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/React__default.createElement("circle", {
-    cx: "50",
-    cy: "50",
-    r: "45"
-  })), label && /*#__PURE__*/React__default.createElement("span", {
-    className: "mt-4"
-  }, label));
-});
-
-export { Spinner };
-//# sourceMappingURL=Spinner.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Spinner.js","sources":["../../../../src/components/Spinner/Spinner.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport './Spinner.css';\n\nexport type SpinnerProps = React.HTMLAttributes<HTMLDivElement> & {\n    /**\n     * Define a delay in milliseconds after which the spinner is shown.\n     * Default value is `500`ms\n     */\n    delay?: number;\n    /** Define a text that will be displayed below spinner */\n    label?: string;\n};\n\nexport const Spinner = React.forwardRef(function Spinner(props: SpinnerProps, ref: React.Ref<HTMLDivElement>) {\n    const { delay = 500, label, ...otherProps } = props;\n    const [visible, setVisibility] = React.useState(!delay);\n\n    React.useEffect(() => {\n        let timeout: number;\n\n        if (delay) {\n            timeout = window.setTimeout(() => setVisibility(true), delay);\n        }\n\n        return () => {\n            if (timeout) {\n                clearTimeout(timeout);\n            }\n        };\n    }, [delay]);\n\n    if (!visible) {\n        return null;\n    }\n\n    const className = cn('inline-flex flex-col relative items-center', otherProps.className);\n\n    return (\n        <div {...otherProps} className={className} data-taco=\"spinner\" ref={ref}>\n            <svg\n                className=\"h-10 w-10 animate-[spinnerRotation_2s_linear_infinite]\"\n                viewBox=\"0 0 100 100\"\n                xmlns=\"http://www.w3.org/2000/svg\">\n                <circle cx=\"50\" cy=\"50\" r=\"45\"></circle>\n            </svg>\n            {label && <span className=\"mt-4\">{label}</span>}\n        </div>\n    );\n});\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;EACpC,MAAM;IAAEC,KAAK,GAAG,GAAV;IAAeC,KAAf;IAAsB,GAAGC;MAAeJ,KAA9C;EACA,MAAM,CAACK,OAAD,EAAUC,aAAV,IAA2BR,cAAK,CAACS,QAAN,CAAe,CAACL,KAAhB,CAAjC;EAEAJ,cAAK,CAACU,SAAN,CAAgB;IACZ,IAAIC,OAAJ;;IAEA,IAAIP,KAAJ,EAAW;MACPO,OAAO,GAAGC,MAAM,CAACC,UAAP,CAAkB,MAAML,aAAa,CAAC,IAAD,CAArC,EAA6CJ,KAA7C,CAAV;;;IAGJ,OAAO;MACH,IAAIO,OAAJ,EAAa;QACTG,YAAY,CAACH,OAAD,CAAZ;;KAFR;GAPJ,EAYG,CAACP,KAAD,CAZH;;EAcA,IAAI,CAACG,OAAL,EAAc;IACV,OAAO,IAAP;;;EAGJ,MAAMQ,SAAS,GAAGC,EAAE,CAAC,4CAAD,EAA+CV,UAAU,CAACS,SAA1D,CAApB;EAEA,oBACIf,4BAAA,MAAA,oBAASM;IAAYS,SAAS,EAAEA;iBAAqB;IAAUZ,GAAG,EAAEA;IAApE,eACIH,4BAAA,MAAA;IACIe,SAAS,EAAC;IACVE,OAAO,EAAC;IACRC,KAAK,EAAC;GAHV,eAIIlB,4BAAA,SAAA;IAAQmB,EAAE,EAAC;IAAKC,EAAE,EAAC;IAAKC,CAAC,EAAC;GAA1B,CAJJ,CADJ,EAOKhB,KAAK,iBAAIL,4BAAA,OAAA;IAAMe,SAAS,EAAC;GAAhB,EAAwBV,KAAxB,CAPd,CADJ;AAWH,CAnCsB;;;;"}

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

@@ -1,37 +0,0 @@
-import { forwardRef, createElement } from 'react';
-import cn from 'classnames';
-import { Root, Thumb } from '@radix-ui/react-switch';
-
-const Switch = /*#__PURE__*/forwardRef(function Switch(props, ref) {
-  const {
-    label,
-    onChange,
-    ...otherProps
-  } = props;
-  const className = cn('group h-5 w-9 flex flex-shrink-0 rounded-full inline-flex', {
-    'mr-2': !!label,
-    'bg-grey-darker hover:bg-grey-dark aria-checked:bg-blue aria-checked:hover:bg-blue-light focus:yt-focus': !props.disabled,
-    'bg-grey-light cursor-not-allowed aria-checked:bg-blue-light': props.disabled
-  }, props.className);
-  const element = /*#__PURE__*/createElement(Root, Object.assign({}, otherProps, {
-    className: className,
-    onCheckedChange: onChange,
-    ref: ref
-  }), /*#__PURE__*/createElement(Thumb, {
-    className: "'will-change-transform group-aria-checked:translate-x-[1.1rem] mt-0.5 h-4 w-4 translate-x-[0.15rem] rounded-full bg-white transition-transform group-disabled:opacity-50"
-  }));
-
-  if (label) {
-    const labelClassName = cn('flex self-start cursor-pointer', {
-      'cursor-not-allowed text-grey-dark': props.disabled
-    });
-    return /*#__PURE__*/createElement("label", {
-      className: labelClassName
-    }, element, label);
-  }
-
-  return element;
-});
-
-export { Switch };
-//# sourceMappingURL=Switch.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Switch.js","sources":["../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'classnames';\nimport * as PrimitiveSwitch from '@radix-ui/react-switch';\n\ntype SwitchBaseProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'onChange'> & {\n    /** Label for the switch */\n    label?: React.ReactNode;\n    /* Whether user input is required */\n    required?: boolean;\n};\n\ninterface UncontrolledSwitchProps extends SwitchBaseProps {\n    checked?: never;\n    onChange?: never;\n    /* The default checked state (uncontrolled) */\n    defaultChecked?: boolean;\n}\n\ninterface ControlledSwitchProps extends SwitchBaseProps {\n    defaultChecked?: never;\n    /* The current checked state (controlled) */\n    checked: boolean;\n    /* Handler called when the checked state changes */\n    onChange: (checked: boolean) => void;\n}\n\nexport type SwitchProps = UncontrolledSwitchProps | ControlledSwitchProps;\n\nexport const Switch = React.forwardRef(function Switch(props: SwitchProps, ref: React.Ref<HTMLButtonElement>) {\n    const { label, onChange, ...otherProps } = props;\n\n    const className = cn(\n        'group h-5 w-9 flex flex-shrink-0 rounded-full inline-flex',\n        {\n            'mr-2': !!label,\n            'bg-grey-darker hover:bg-grey-dark aria-checked:bg-blue aria-checked:hover:bg-blue-light focus:yt-focus':\n                !props.disabled,\n            'bg-grey-light cursor-not-allowed aria-checked:bg-blue-light': props.disabled,\n        },\n        props.className\n    );\n\n    const element = (\n        <PrimitiveSwitch.Root {...otherProps} className={className} onCheckedChange={onChange} ref={ref}>\n            <PrimitiveSwitch.Thumb className=\"'will-change-transform group-aria-checked:translate-x-[1.1rem] mt-0.5 h-4 w-4 translate-x-[0.15rem] rounded-full bg-white transition-transform group-disabled:opacity-50\" />\n        </PrimitiveSwitch.Root>\n    );\n\n    if (label) {\n        const labelClassName = cn('flex self-start cursor-pointer', {\n            'cursor-not-allowed text-grey-dark': props.disabled,\n        });\n\n        return (\n            <label className={labelClassName}>\n                {element}\n                {label}\n            </label>\n        );\n    }\n\n    return element;\n});\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;EACnC,MAAM;IAAEC,KAAF;IAASC,QAAT;IAAmB,GAAGC;MAAeJ,KAA3C;EAEA,MAAMK,SAAS,GAAGC,EAAE,CAChB,2DADgB,EAEhB;IACI,QAAQ,CAAC,CAACJ,KADd;IAEI,0GACI,CAACF,KAAK,CAACO,QAHf;IAII,+DAA+DP,KAAK,CAACO;GANzD,EAQhBP,KAAK,CAACK,SARU,CAApB;EAWA,MAAMG,OAAO,gBACTT,aAAA,CAACU,IAAD,oBAA0BL;IAAYC,SAAS,EAAEA;IAAWK,eAAe,EAAEP;IAAUF,GAAG,EAAEA;IAA5F,eACIF,aAAA,CAACU,KAAD;IAAuBJ,SAAS,EAAC;GAAjC,CADJ,CADJ;;EAMA,IAAIH,KAAJ,EAAW;IACP,MAAMS,cAAc,GAAGL,EAAE,CAAC,gCAAD,EAAmC;MACxD,qCAAqCN,KAAK,CAACO;KADtB,CAAzB;IAIA,oBACIR,aAAA,QAAA;MAAOM,SAAS,EAAEM;KAAlB,EACKH,OADL,EAEKN,KAFL,CADJ;;;EAQJ,OAAOM,OAAP;AACH,CAlCqB;;;;"}

package/dist/esm/components/Table/components/BaseTable.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseTable.js","sources":["../../../../../src/components/Table/components/BaseTable.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { HeaderGroup } from 'react-table';\nimport { useProxiedRef } from '../../../utils/hooks/useProxiedRef';\nimport { InternalBaseTable } from '../types';\nimport './Table.css';\nimport { Column } from '../util/renderColumn';\n\nexport const DefaultEmptyState = (): React.ReactNode => null;\n\nexport const BaseTable = React.forwardRef(function BaseTable(props: InternalBaseTable, ref: React.Ref<HTMLDivElement>) {\n    const tableRef = useProxiedRef<HTMLDivElement>(ref);\n    const { autoFocus, children, disableSorting: _, headerGroups, headerRef, bodyRef, ...otherProps } = props;\n\n    React.useEffect(() => {\n        if (autoFocus && tableRef.current) {\n            tableRef.current.focus();\n        }\n    }, []);\n\n    const className = cn('yt-table flex flex-col focus:yt-focus focus:rounded-sm', props.className);\n\n    return (\n        <div {...otherProps} role=\"table\" className={className} ref={tableRef}>\n            <div role=\"rowgroup\" className=\"yt-table__head\" ref={headerRef}>\n                {headerGroups?.map((headerGroup: HeaderGroup<object>, index: number) => (\n                    <div\n                        key={index}\n                        role=\"row\"\n                        className=\"border-grey-light flex h-auto min-h-[2.5rem] w-full select-none border-t-0 border-b-2 font-bold\">\n                        {headerGroup.headers.map((cell: any, index: number) => (\n                            <Column key={index} index={index} cell={cell} />\n                        ))}\n                    </div>\n                ))}\n            </div>\n\n            <div role=\"rowgroup\" className=\"yt-table__body\" ref={bodyRef}>\n                {children}\n            </div>\n        </div>\n    );\n});\n"],"names":["DefaultEmptyState","BaseTable","React","forwardRef","props","ref","tableRef","useProxiedRef","autoFocus","children","disableSorting","_","headerGroups","headerRef","bodyRef","otherProps","useEffect","current","focus","className","cn","role","map","headerGroup","index","key","headers","cell","Column"],"mappings":";;;;;MAQaA,iBAAiB,GAAG,MAAuB;MAE3CC,SAAS,gBAAGC,cAAK,CAACC,UAAN,CAAiB,SAASF,SAAT,CAAmBG,KAAnB,EAA6CC,GAA7C;EACtC,MAAMC,QAAQ,GAAGC,aAAa,CAAiBF,GAAjB,CAA9B;EACA,MAAM;IAAEG,SAAF;IAAaC,QAAb;IAAuBC,cAAc,EAAEC,CAAvC;IAA0CC,YAA1C;IAAwDC,SAAxD;IAAmEC,OAAnE;IAA4E,GAAGC;MAAeX,KAApG;EAEAF,cAAK,CAACc,SAAN,CAAgB;IACZ,IAAIR,SAAS,IAAIF,QAAQ,CAACW,OAA1B,EAAmC;MAC/BX,QAAQ,CAACW,OAAT,CAAiBC,KAAjB;;GAFR,EAIG,EAJH;EAMA,MAAMC,SAAS,GAAGC,EAAE,CAAC,wDAAD,EAA2DhB,KAAK,CAACe,SAAjE,CAApB;EAEA,oBACIjB,4BAAA,MAAA,oBAASa;IAAYM,IAAI,EAAC;IAAQF,SAAS,EAAEA;IAAWd,GAAG,EAAEC;IAA7D,eACIJ,4BAAA,MAAA;IAAKmB,IAAI,EAAC;IAAWF,SAAS,EAAC;IAAiBd,GAAG,EAAEQ;GAArD,EACKD,YADL,aACKA,YADL,uBACKA,YAAY,CAAEU,GAAd,CAAkB,CAACC,WAAD,EAAmCC,KAAnC,kBACftB,4BAAA,MAAA;IACIuB,GAAG,EAAED;IACLH,IAAI,EAAC;IACLF,SAAS,EAAC;GAHd,EAIKI,WAAW,CAACG,OAAZ,CAAoBJ,GAApB,CAAwB,CAACK,IAAD,EAAYH,KAAZ,kBACrBtB,4BAAA,CAAC0B,MAAD;IAAQH,GAAG,EAAED;IAAOA,KAAK,EAAEA;IAAOG,IAAI,EAAEA;GAAxC,CADH,CAJL,CADH,CADL,CADJ,eAcIzB,4BAAA,MAAA;IAAKmB,IAAI,EAAC;IAAWF,SAAS,EAAC;IAAiBd,GAAG,EAAES;GAArD,EACKL,QADL,CAdJ,CADJ;AAoBH,CAhCwB;;;;"}

package/dist/esm/components/Table/components/PaginatedTable.js

@@ -1,16 +0,0 @@
-import React__default from 'react';
-import { Table } from './Table.js';
-
-const PaginatedTable = /*#__PURE__*/React__default.forwardRef(function PaginatedTable(props, ref) {
-  return /*#__PURE__*/React__default.createElement(Table, Object.assign({}, props, {
-    disablePagination: false,
-    ref: ref
-  }));
-});
-
-PaginatedTable.Column = () => null;
-
-PaginatedTable.Group = () => null;
-
-export { PaginatedTable };
-//# sourceMappingURL=PaginatedTable.js.map

package/dist/esm/components/Table/components/PaginatedTable.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PaginatedTable.js","sources":["../../../../../src/components/Table/components/PaginatedTable.tsx"],"sourcesContent":["import React from 'react';\nimport { ForwardedGenericTableWithStatics, TableProps, TableRef } from '../types';\nimport { Table } from './Table';\n\nexport const PaginatedTable = React.forwardRef(function PaginatedTable<T>(props: TableProps<T>, ref: React.Ref<TableRef>) {\n    return <Table {...props} disablePagination={false} ref={ref} />;\n}) as ForwardedGenericTableWithStatics;\n\nPaginatedTable.Column = () => null;\nPaginatedTable.Group = () => null;\n"],"names":["PaginatedTable","React","forwardRef","props","ref","Table","disablePagination","Column","Group"],"mappings":";;;MAIaA,cAAc,gBAAGC,cAAK,CAACC,UAAN,CAAiB,SAASF,cAAT,CAA2BG,KAA3B,EAAiDC,GAAjD;EAC3C,oBAAOH,4BAAA,CAACI,KAAD,oBAAWF;IAAOG,iBAAiB,EAAE;IAAOF,GAAG,EAAEA;IAAjD,CAAP;AACH,CAF6B;;AAI9BJ,cAAc,CAACO,MAAf,GAAwB,MAAM,IAA9B;;AACAP,cAAc,CAACQ,KAAf,GAAuB,MAAM,IAA7B;;;;"}

package/dist/esm/components/Table/components/Table.js

@@ -1,56 +0,0 @@
-import React__default from 'react';
-import { useProxiedRef } from '../../../utils/hooks/useProxiedRef.js';
-import { Pagination } from '../../Pagination/Pagination.js';
-import { useTable } from '../hooks/useTable.js';
-import { Row } from '../util/renderRow.js';
-import { BaseTable, DefaultEmptyState } from './BaseTable.js';
-
-const Table = /*#__PURE__*/React__default.forwardRef(function Table(props, ref) {
-  const {
-    emptyStateRenderer = DefaultEmptyState,
-    ...otherProps
-  } = props;
-  const tableRef = useProxiedRef(ref);
-  const {
-    rowProps,
-    tableProps,
-    rows,
-    prepareRow,
-    pagination,
-    instance
-  } = useTable(otherProps, tableRef);
-  let paginationElement;
-
-  if (pagination) {
-    paginationElement = /*#__PURE__*/React__default.createElement(Pagination, {
-      className: "my-4 w-full",
-      length: pagination.length,
-      pageIndex: pagination.pageIndex,
-      pageSize: pagination.pageSize,
-      setPageIndex: pagination.setPageIndex,
-      setPageSize: pagination.setPageSize,
-      showPageControls: pagination.length > pagination.pageSize,
-      dangerouslyHijackGlobalKeyboardNavigation: props.dangerouslyHijackGlobalKeyboardNavigation
-    });
-  }
-
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, paginationElement, /*#__PURE__*/React__default.createElement(BaseTable, Object.assign({}, tableProps, {
-    ref: tableRef
-  }), rows.length ? rows.map((row, index) => {
-    prepareRow(row, index);
-    return /*#__PURE__*/React__default.createElement(Row, Object.assign({}, rowProps, {
-      key: index,
-      index: index,
-      row: row,
-      instance: instance,
-      headerGroups: tableProps.headerGroups
-    }));
-  }) : emptyStateRenderer()), paginationElement);
-});
-
-Table.Column = () => null;
-
-Table.Group = () => null;
-
-export { Table };
-//# sourceMappingURL=Table.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Table.js","sources":["../../../../../src/components/Table/components/Table.tsx"],"sourcesContent":["import React from 'react';\nimport { PluginHook } from 'react-table';\nimport { TableProps, InternalTableRow, ForwardedGenericTableWithStatics, TableRef } from '../types';\nimport { useTable } from '../hooks/useTable';\nimport { Pagination } from '../../Pagination/Pagination';\nimport { useProxiedRef } from '../../../utils/hooks/useProxiedRef';\nimport { Row } from '../util/renderRow';\nimport { DefaultEmptyState, BaseTable } from './BaseTable';\n\nexport const Table = React.forwardRef(function Table<T>(\n    props: TableProps<T> & { plugins: PluginHook<{}>[] },\n    ref: React.Ref<TableRef>\n) {\n    const { emptyStateRenderer = DefaultEmptyState, ...otherProps } = props;\n    const tableRef: any = useProxiedRef<HTMLDivElement>(ref);\n    const { rowProps, tableProps, rows, prepareRow, pagination, instance } = useTable(otherProps, tableRef);\n\n    let paginationElement;\n\n    if (pagination) {\n        paginationElement = (\n            <Pagination\n                className=\"my-4 w-full\"\n                length={pagination.length}\n                pageIndex={pagination.pageIndex}\n                pageSize={pagination.pageSize}\n                setPageIndex={pagination.setPageIndex}\n                setPageSize={pagination.setPageSize}\n                showPageControls={pagination.length > pagination.pageSize}\n                dangerouslyHijackGlobalKeyboardNavigation={props.dangerouslyHijackGlobalKeyboardNavigation}\n            />\n        );\n    }\n\n    return (\n        <>\n            {paginationElement}\n            <BaseTable {...tableProps} ref={tableRef}>\n                {rows.length\n                    ? rows.map((row: InternalTableRow, index: number) => {\n                          prepareRow(row, index);\n                          return (\n                              <Row\n                                  {...rowProps}\n                                  key={index}\n                                  index={index}\n                                  row={row}\n                                  instance={instance}\n                                  headerGroups={tableProps.headerGroups}\n                              />\n                          );\n                      })\n                    : emptyStateRenderer()}\n            </BaseTable>\n            {paginationElement}\n        </>\n    );\n}) as ForwardedGenericTableWithStatics;\n\nTable.Column = () => null;\nTable.Group = () => null;\n"],"names":["Table","React","forwardRef","props","ref","emptyStateRenderer","DefaultEmptyState","otherProps","tableRef","useProxiedRef","rowProps","tableProps","rows","prepareRow","pagination","instance","useTable","paginationElement","Pagination","className","length","pageIndex","pageSize","setPageIndex","setPageSize","showPageControls","dangerouslyHijackGlobalKeyboardNavigation","BaseTable","map","row","index","Row","key","headerGroups","Column","Group"],"mappings":";;;;;;;MASaA,KAAK,gBAAGC,cAAK,CAACC,UAAN,CAAiB,SAASF,KAAT,CAClCG,KADkC,EAElCC,GAFkC;EAIlC,MAAM;IAAEC,kBAAkB,GAAGC,iBAAvB;IAA0C,GAAGC;MAAeJ,KAAlE;EACA,MAAMK,QAAQ,GAAQC,aAAa,CAAiBL,GAAjB,CAAnC;EACA,MAAM;IAAEM,QAAF;IAAYC,UAAZ;IAAwBC,IAAxB;IAA8BC,UAA9B;IAA0CC,UAA1C;IAAsDC;MAAaC,QAAQ,CAACT,UAAD,EAAaC,QAAb,CAAjF;EAEA,IAAIS,iBAAJ;;EAEA,IAAIH,UAAJ,EAAgB;IACZG,iBAAiB,gBACbhB,4BAAA,CAACiB,UAAD;MACIC,SAAS,EAAC;MACVC,MAAM,EAAEN,UAAU,CAACM;MACnBC,SAAS,EAAEP,UAAU,CAACO;MACtBC,QAAQ,EAAER,UAAU,CAACQ;MACrBC,YAAY,EAAET,UAAU,CAACS;MACzBC,WAAW,EAAEV,UAAU,CAACU;MACxBC,gBAAgB,EAAEX,UAAU,CAACM,MAAX,GAAoBN,UAAU,CAACQ;MACjDI,yCAAyC,EAAEvB,KAAK,CAACuB;KARrD,CADJ;;;EAcJ,oBACIzB,4BAAA,wBAAA,MAAA,EACKgB,iBADL,eAEIhB,4BAAA,CAAC0B,SAAD,oBAAehB;IAAYP,GAAG,EAAEI;IAAhC,EACKI,IAAI,CAACQ,MAAL,GACKR,IAAI,CAACgB,GAAL,CAAS,CAACC,GAAD,EAAwBC,KAAxB;IACLjB,UAAU,CAACgB,GAAD,EAAMC,KAAN,CAAV;IACA,oBACI7B,4BAAA,CAAC8B,GAAD,oBACQrB;MACJsB,GAAG,EAAEF;MACLA,KAAK,EAAEA;MACPD,GAAG,EAAEA;MACLd,QAAQ,EAAEA;MACVkB,YAAY,EAAEtB,UAAU,CAACsB;MAN7B,CADJ;GAFJ,CADL,GAcK5B,kBAAkB,EAf5B,CAFJ,EAmBKY,iBAnBL,CADJ;AAuBH,CAhDoB;;AAkDrBjB,KAAK,CAACkC,MAAN,GAAe,MAAM,IAArB;;AACAlC,KAAK,CAACmC,KAAN,GAAc,MAAM,IAApB;;;;"}