@economic/taco 1.12.2 → 1.13.0

package/dist/esm/packages/taco/src/components/Select2/components/Trigger.js

@@ -0,0 +1,199 @@
+import React__default from 'react';
+import cn from 'classnames';
+import { Icon } from '../../Icon/Icon.js';
+import { Badge } from '../../Badge/Badge.js';
+import { Tooltip } from '../../Tooltip/Tooltip.js';
+import { getInputClasses } from '../../Input/util.js';
+import { Tag } from '../../Tag/Tag.js';
+import { useSelect2Context } from './Context.js';
+import { getIndexOfFirstChildOverflowingParent } from '../../../utils/dom.js';
+import { ScrollArea } from '../../ScrollArea/ScrollArea.js';
+
+const Trigger = /*#__PURE__*/React__default.forwardRef(function Select2Trigger(props, ref) {
+  const {
+    multiple,
+    value
+  } = useSelect2Context();
+  if (Array.isArray(value) || multiple) {
+    const values = Array.isArray(value) ? value : value !== undefined ? [value] : undefined;
+    return /*#__PURE__*/React__default.createElement(Multiple, Object.assign({}, props, {
+      ref: ref,
+      values: values
+    }));
+  }
+  return /*#__PURE__*/React__default.createElement(Single, Object.assign({}, props, {
+    ref: ref,
+    value: value
+  }));
+});
+const Button = /*#__PURE__*/React__default.forwardRef(function Select2TriggerButton(props, ref) {
+  var _props$className;
+  const {
+    children,
+    onClick,
+    tabIndex = 0,
+    ...otherProps
+  } = props;
+  const {
+    disabled,
+    highlighted,
+    invalid,
+    open,
+    readOnly
+  } = useSelect2Context();
+  const className = cn('cursor-pointer !px-1.5', getInputClasses({
+    ...props,
+    disabled,
+    highlighted,
+    invalid,
+    readOnly
+  }).replace('w-full ', ''), {
+    'w-full': !((_props$className = props.className) !== null && _props$className !== void 0 && _props$className.includes('w-'))
+  }, props.className);
+  const handleClick = event => {
+    if (disabled || readOnly) {
+      event.preventDefault();
+      return;
+    }
+    if (typeof onClick === 'function') {
+      onClick(event);
+    }
+  };
+  return /*#__PURE__*/React__default.createElement("button", Object.assign({}, otherProps, {
+    "aria-invalid": invalid ? true : undefined,
+    "aria-readonly": readOnly ? true : undefined,
+    className: className,
+    disabled: disabled,
+    onClick: handleClick,
+    ref: ref,
+    role: "combobox",
+    tabIndex: disabled || readOnly ? -1 : tabIndex,
+    type: "button"
+  }), children, /*#__PURE__*/React__default.createElement(Icon, {
+    name: open ? 'chevron-up' : 'chevron-down',
+    className: "-mx-1 ml-auto"
+  }));
+});
+const Single = /*#__PURE__*/React__default.forwardRef(function Select2TriggerSingle(props, ref) {
+  const {
+    children,
+    value,
+    ...buttonProps
+  } = props;
+  const {
+    disabled,
+    readOnly,
+    tags
+  } = useSelect2Context();
+  const contentClassName = cn('truncate', {
+    'flex gap-1': tags
+  });
+  const currentValue = children.find(matchesValue(value));
+  let output;
+  if (currentValue) {
+    if (tags) {
+      output = /*#__PURE__*/React__default.createElement(Tag, {
+        className: "truncate",
+        color: currentValue.props.color,
+        disabled: disabled,
+        icon: currentValue.props.icon,
+        readOnly: readOnly
+      }, currentValue.props.children);
+    } else {
+      output = /*#__PURE__*/React__default.createElement(React__default.Fragment, null, currentValue.props.icon ? typeof currentValue.props.icon === 'string' ? /*#__PURE__*/React__default.createElement(Icon, {
+        className: "mr-1",
+        name: currentValue.props.icon
+      }) : currentValue.props.icon : null, currentValue.props.children);
+    }
+  }
+  return /*#__PURE__*/React__default.createElement(Button, Object.assign({}, buttonProps, {
+    ref: ref
+  }), /*#__PURE__*/React__default.createElement("span", {
+    className: contentClassName
+  }, output));
+});
+const Multiple = /*#__PURE__*/React__default.forwardRef(function Select2TriggerMultiple(props, ref) {
+  const {
+    children,
+    values = [],
+    ...buttonProps
+  } = props;
+  const {
+    disabled,
+    open,
+    readOnly,
+    setValue,
+    tags
+  } = useSelect2Context();
+  const contentRef = React__default.useRef(null);
+  const createClickHandler = tagValue => event => {
+    event === null || event === void 0 ? void 0 : event.stopPropagation();
+    event === null || event === void 0 ? void 0 : event.preventDefault();
+    if (!disabled && !readOnly) {
+      setValue(tagValue);
+    }
+  };
+  const valuesAsChildren = values.map(value => children.find(c => c.props.value === value));
+  if (open) {
+    return /*#__PURE__*/React__default.createElement("span", {
+      className: "relative h-8"
+    }, /*#__PURE__*/React__default.createElement(Button, Object.assign({}, buttonProps, {
+      className: cn('absolute z-20', buttonProps.className),
+      ref: ref
+    }), /*#__PURE__*/React__default.createElement(ScrollArea, {
+      className: "my-1 flex max-h-[5.5rem] flex-col"
+    }, /*#__PURE__*/React__default.createElement("span", {
+      className: "flex flex-wrap gap-1"
+    }, valuesAsChildren.map(child => /*#__PURE__*/React__default.createElement(Tag, {
+      key: child.props.value,
+      className: "truncate",
+      color: tags ? child.props.color : undefined,
+      disabled: disabled,
+      icon: child.props.icon,
+      onDelete: open ? createClickHandler(child.props.value) : undefined,
+      readOnly: readOnly
+    }, child.props.children))))));
+  }
+  const boundaryIndex = contentRef.current ? getIndexOfFirstChildOverflowingParent(contentRef.current, 30) : undefined;
+  return /*#__PURE__*/React__default.createElement(Button, Object.assign({}, buttonProps, {
+    ref: ref
+  }), /*#__PURE__*/React__default.createElement("span", {
+    className: "relative flex items-center gap-1 overflow-hidden"
+  }, /*#__PURE__*/React__default.createElement("span", {
+    className: "flex gap-1 truncate",
+    ref: contentRef
+  }, valuesAsChildren.map((child, index) => {
+    const tag = /*#__PURE__*/React__default.createElement(Tag, {
+      key: child.props.value,
+      className: cn('cursor-pointer', {
+        truncate: index === boundaryIndex,
+        hidden: boundaryIndex !== undefined && boundaryIndex !== null ? index > boundaryIndex : false
+      }),
+      color: tags ? child.props.color : undefined,
+      disabled: disabled,
+      icon: child.props.icon,
+      onDelete: open ? createClickHandler(child.props.value) : undefined,
+      readOnly: readOnly
+    }, child.props.children);
+    if (index === boundaryIndex) {
+      return /*#__PURE__*/React__default.createElement(Tooltip, {
+        key: child.props.value,
+        title: String(child.props.children)
+      }, tag);
+    }
+    return tag;
+  })), boundaryIndex !== undefined && boundaryIndex !== null && boundaryIndex < valuesAsChildren.length - 1 ? /*#__PURE__*/React__default.createElement(Tooltip, {
+    title: valuesAsChildren.slice(boundaryIndex + 1).map(child => child ? String(child.props.children) : '').join(', ')
+  }, /*#__PURE__*/React__default.createElement(Badge, {
+    className: "flex-shrink-0"
+  }, "+", valuesAsChildren.length - (boundaryIndex + 1))) : null));
+});
+const matchesValue = value => child => {
+  if (Array.isArray(value)) {
+    return value.includes(child.props.value);
+  }
+  return child.props.value === value;
+};
+
+export { Trigger };
+//# sourceMappingURL=Trigger.js.map

package/dist/esm/packages/taco/src/components/Select2/components/Trigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Trigger.js","sources":["../../../../../../../../src/components/Select2/components/Trigger.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { Tag } from '../../Tag/Tag';\nimport { Tooltip } from '../../Tooltip/Tooltip';\nimport { Icon } from '../../Icon/Icon';\nimport { Badge } from '../../Badge/Badge';\nimport { getInputClasses } from '../../Input/util';\nimport { Select2OptionValue } from '../types';\nimport { useSelect2Context } from './Context';\nimport { Select2OptionProps } from './Option';\nimport { getIndexOfFirstChildOverflowingParent } from '../../../utils/dom';\nimport { ScrollArea } from '../../ScrollArea/ScrollArea';\n\ntype Select2TriggerProps = Omit<React.HTMLAttributes<HTMLButtonElement>, 'children' | 'defaultValue' | 'onChange' | 'value'> & {\n    children: React.ReactElement<Select2OptionProps>[];\n};\n\nexport const Trigger = React.forwardRef<HTMLButtonElement, Select2TriggerProps>(function Select2Trigger(props, ref) {\n    const { multiple, value } = useSelect2Context();\n\n    if (Array.isArray(value) || multiple) {\n        const values = Array.isArray(value) ? value : value !== undefined ? [value] : undefined;\n        return <Multiple {...props} ref={ref} values={values} />;\n    }\n\n    return <Single {...props} ref={ref} value={value} />;\n});\n\ntype ButtonProps = React.HTMLAttributes<HTMLButtonElement> &\n    Omit<Select2TriggerProps, 'children' | 'open' | 'setValue' | 'value'>;\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(function Select2TriggerButton(props, ref) {\n    const { children, onClick, tabIndex = 0, ...otherProps } = props;\n    const { disabled, highlighted, invalid, open, readOnly } = useSelect2Context();\n\n    const className = cn(\n        'cursor-pointer !px-1.5',\n        getInputClasses({ ...props, disabled, highlighted, invalid, readOnly }).replace('w-full ', ''),\n        { 'w-full': !props.className?.includes('w-') },\n        props.className\n    );\n\n    const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n        if (disabled || readOnly) {\n            event.preventDefault();\n            return;\n        }\n\n        if (typeof onClick === 'function') {\n            onClick(event);\n        }\n    };\n\n    return (\n        <button\n            {...otherProps}\n            aria-invalid={invalid ? true : undefined}\n            aria-readonly={readOnly ? true : undefined}\n            className={className}\n            disabled={disabled}\n            onClick={handleClick}\n            ref={ref}\n            role=\"combobox\"\n            tabIndex={disabled || readOnly ? -1 : tabIndex}\n            type=\"button\">\n            {children}\n            <Icon name={open ? 'chevron-up' : 'chevron-down'} className=\"-mx-1 ml-auto\" />\n        </button>\n    );\n});\n\ntype SingleProps = Omit<Select2TriggerProps, 'value'> & { value?: Select2OptionValue };\n\nconst Single = React.forwardRef<HTMLButtonElement, SingleProps>(function Select2TriggerSingle(props, ref) {\n    const { children, value, ...buttonProps } = props;\n    const { disabled, readOnly, tags } = useSelect2Context();\n    const contentClassName = cn('truncate', {\n        'flex gap-1': tags,\n    });\n\n    const currentValue = children.find(matchesValue(value));\n\n    let output;\n\n    if (currentValue) {\n        if (tags) {\n            output = (\n                <Tag\n                    className=\"truncate\"\n                    color={currentValue.props.color}\n                    disabled={disabled}\n                    icon={currentValue.props.icon}\n                    readOnly={readOnly}>\n                    {currentValue.props.children}\n                </Tag>\n            );\n        } else {\n            output = (\n                <>\n                    {currentValue.props.icon ? (\n                        typeof currentValue.props.icon === 'string' ? (\n                            <Icon className=\"mr-1\" name={currentValue.props.icon} />\n                        ) : (\n                            currentValue.props.icon\n                        )\n                    ) : null}\n                    {currentValue.props.children}\n                </>\n            );\n        }\n    }\n\n    return (\n        <Button {...buttonProps} ref={ref}>\n            <span className={contentClassName}>{output}</span>\n        </Button>\n    );\n});\n\ntype MultipleProps = Omit<Select2TriggerProps, 'value'> & {\n    values?: Select2OptionValue[];\n};\n\nconst Multiple = React.forwardRef<HTMLButtonElement, MultipleProps>(function Select2TriggerMultiple(props, ref) {\n    const { children, values = [], ...buttonProps } = props;\n    const { disabled, open, readOnly, setValue, tags } = useSelect2Context();\n    const contentRef = React.useRef<HTMLSpanElement>(null);\n\n    const createClickHandler = tagValue => event => {\n        event?.stopPropagation();\n        event?.preventDefault();\n\n        if (!disabled && !readOnly) {\n            setValue(tagValue);\n        }\n    };\n    const valuesAsChildren = values.map(value =>\n        children.find(c => c.props.value === value)\n    ) as React.ReactElement<Select2OptionProps>[];\n\n    if (open) {\n        return (\n            <span className=\"relative h-8\">\n                <Button {...buttonProps} className={cn('absolute z-20', buttonProps.className)} ref={ref}>\n                    <ScrollArea className=\"my-1 flex max-h-[5.5rem] flex-col\">\n                        <span className=\"flex flex-wrap gap-1\">\n                            {valuesAsChildren.map(child => (\n                                <Tag\n                                    key={child.props.value}\n                                    className=\"truncate\"\n                                    color={tags ? child.props.color : undefined}\n                                    disabled={disabled}\n                                    icon={child.props.icon}\n                                    onDelete={open ? createClickHandler(child.props.value) : undefined}\n                                    readOnly={readOnly}>\n                                    {child.props.children}\n                                </Tag>\n                            ))}\n                        </span>\n                    </ScrollArea>\n                </Button>\n            </span>\n        );\n    }\n\n    const boundaryIndex = contentRef.current ? getIndexOfFirstChildOverflowingParent(contentRef.current, 30) : undefined;\n\n    return (\n        <Button {...buttonProps} ref={ref}>\n            <span className=\"relative flex items-center gap-1 overflow-hidden\">\n                <span className=\"flex gap-1 truncate\" ref={contentRef}>\n                    {valuesAsChildren.map((child, index) => {\n                        const tag = (\n                            <Tag\n                                key={child.props.value}\n                                className={cn('cursor-pointer', {\n                                    truncate: index === boundaryIndex,\n                                    hidden: boundaryIndex !== undefined && boundaryIndex !== null ? index > boundaryIndex : false,\n                                })}\n                                color={tags ? child.props.color : undefined}\n                                disabled={disabled}\n                                icon={child.props.icon}\n                                onDelete={open ? createClickHandler(child.props.value) : undefined}\n                                readOnly={readOnly}>\n                                {child.props.children}\n                            </Tag>\n                        );\n\n                        if (index === boundaryIndex) {\n                            return (\n                                <Tooltip key={child.props.value} title={String(child.props.children)}>\n                                    {tag}\n                                </Tooltip>\n                            );\n                        }\n\n                        return tag;\n                    })}\n                </span>\n                {boundaryIndex !== undefined && boundaryIndex !== null && boundaryIndex < valuesAsChildren.length - 1 ? (\n                    <Tooltip\n                        title={valuesAsChildren\n                            .slice(boundaryIndex + 1)\n                            .map(child => (child ? String(child.props.children) : ''))\n                            .join(', ')}>\n                        <Badge className=\"flex-shrink-0\">+{valuesAsChildren.length - (boundaryIndex + 1)}</Badge>\n                    </Tooltip>\n                ) : null}\n            </span>\n        </Button>\n    );\n});\n\nconst matchesValue = (value: undefined | any | any[]) => (child: React.ReactElement<any>) => {\n    if (Array.isArray(value)) {\n        return value.includes(child.props.value);\n    }\n\n    return child.props.value === value;\n};\n"],"names":["Trigger","React","forwardRef","Select2Trigger","props","ref","multiple","value","useSelect2Context","Array","isArray","values","undefined","Multiple","Single","Button","Select2TriggerButton","children","onClick","tabIndex","otherProps","disabled","highlighted","invalid","open","readOnly","className","cn","getInputClasses","replace","includes","handleClick","event","preventDefault","role","type","Icon","name","Select2TriggerSingle","buttonProps","tags","contentClassName","currentValue","find","matchesValue","output","Tag","color","icon","Select2TriggerMultiple","setValue","contentRef","useRef","createClickHandler","tagValue","stopPropagation","valuesAsChildren","map","c","ScrollArea","child","key","onDelete","boundaryIndex","current","getIndexOfFirstChildOverflowingParent","index","tag","truncate","hidden","Tooltip","title","String","length","slice","join","Badge"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Select2/hooks/useChildren.js

@@ -0,0 +1,53 @@
+import React__default from 'react';
+import { Option } from '../components/Option.js';
+
+const useChildren = ({
+  children: initialChildren,
+  emptyValue,
+  open,
+  setValue,
+  value
+}) => {
+  const [searchQuery, setSearchQuery] = React__default.useState('');
+  // support empty value - probably a more elegant way to achieve this
+  const allChildren = React__default.useMemo(() => {
+    if (emptyValue !== undefined) {
+      return [/*#__PURE__*/React__default.createElement(Option, {
+        key: "__empty",
+        children: "",
+        value: emptyValue
+      }), ...initialChildren];
+    }
+    return initialChildren;
+  }, [initialChildren, emptyValue]);
+  // set an initial value if none is set, we have to trigger state updates for controlled components
+  React__default.useEffect(() => {
+    if (emptyValue === undefined && value === undefined) {
+      var _allChildren$;
+      setValue(allChildren === null || allChildren === void 0 ? void 0 : (_allChildren$ = allChildren[0]) === null || _allChildren$ === void 0 ? void 0 : _allChildren$.props.value);
+    }
+  }, []);
+  React__default.useEffect(() => {
+    if (!open) {
+      setSearchQuery('');
+    }
+  }, [open]);
+  // apply filtering
+  const filteredChildren = React__default.useMemo(() => {
+    return allChildren.filter(child => {
+      if (child.props.textValue) {
+        return child.props.textValue.toLowerCase().includes(searchQuery.toLowerCase());
+      }
+      return String(child.props.children).toLowerCase().includes(searchQuery.toLowerCase());
+    });
+  }, [allChildren, searchQuery]);
+  return {
+    allChildren,
+    filteredChildren,
+    searchQuery,
+    setSearchQuery
+  };
+};
+
+export { useChildren };
+//# sourceMappingURL=useChildren.js.map

package/dist/esm/packages/taco/src/components/Select2/hooks/useChildren.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChildren.js","sources":["../../../../../../../../src/components/Select2/hooks/useChildren.tsx"],"sourcesContent":["import React from 'react';\nimport { Option, Select2OptionProps } from '../components/Option';\nimport { Select2OptionValue, Select2Value } from '../types';\n\nexport type useChildrenArgs = {\n    children: React.ReactElement<Select2OptionProps>[];\n    emptyValue?: Select2OptionValue;\n    open?: boolean;\n    setValue: (nextValue: Select2OptionValue) => void;\n    value?: Select2Value;\n};\nexport const useChildren = ({ children: initialChildren, emptyValue, open, setValue, value }: useChildrenArgs) => {\n    const [searchQuery, setSearchQuery] = React.useState<string>('');\n\n    // support empty value - probably a more elegant way to achieve this\n    const allChildren: React.ReactElement<Select2OptionProps>[] = React.useMemo(() => {\n        if (emptyValue !== undefined) {\n            return [<Option key=\"__empty\" children=\"\" value={emptyValue} />, ...initialChildren];\n        }\n\n        return initialChildren;\n    }, [initialChildren, emptyValue]);\n\n    // set an initial value if none is set, we have to trigger state updates for controlled components\n    React.useEffect(() => {\n        if (emptyValue === undefined && value === undefined) {\n            setValue(allChildren?.[0]?.props.value);\n        }\n    }, []);\n\n    React.useEffect(() => {\n        if (!open) {\n            setSearchQuery('');\n        }\n    }, [open]);\n\n    // apply filtering\n    const filteredChildren: React.ReactElement<Select2OptionProps>[] = React.useMemo(() => {\n        return allChildren.filter(child => {\n            if (child.props.textValue) {\n                return child.props.textValue.toLowerCase().includes(searchQuery.toLowerCase());\n            }\n\n            return String(child.props.children).toLowerCase().includes(searchQuery.toLowerCase());\n        });\n    }, [allChildren, searchQuery]);\n\n    return {\n        allChildren,\n        filteredChildren,\n        searchQuery,\n        setSearchQuery,\n    };\n};\n"],"names":["useChildren","children","initialChildren","emptyValue","open","setValue","value","searchQuery","setSearchQuery","React","useState","allChildren","useMemo","undefined","Option","key","useEffect","props","filteredChildren","filter","child","textValue","toLowerCase","includes","String"],"mappings":";;;MAWaA,WAAW,GAAG,CAAC;EAAEC,QAAQ,EAAEC,eAAe;EAAEC,UAAU;EAAEC,IAAI;EAAEC,QAAQ;EAAEC;CAAwB;EACzG,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAAS,EAAE,CAAC;;EAGhE,MAAMC,WAAW,GAA6CF,cAAK,CAACG,OAAO,CAAC;IACxE,IAAIT,UAAU,KAAKU,SAAS,EAAE;MAC1B,OAAO,cAACJ,6BAACK,MAAM;QAACC,GAAG,EAAC,SAAS;QAACd,QAAQ,EAAC,EAAE;QAACK,KAAK,EAAEH;QAAc,EAAE,GAAGD,eAAe,CAAC;;IAGxF,OAAOA,eAAe;GACzB,EAAE,CAACA,eAAe,EAAEC,UAAU,CAAC,CAAC;;EAGjCM,cAAK,CAACO,SAAS,CAAC;IACZ,IAAIb,UAAU,KAAKU,SAAS,IAAIP,KAAK,KAAKO,SAAS,EAAE;MAAA;MACjDR,QAAQ,CAACM,WAAW,aAAXA,WAAW,wCAAXA,WAAW,CAAG,CAAC,CAAC,kDAAhB,cAAkBM,KAAK,CAACX,KAAK,CAAC;;GAE9C,EAAE,EAAE,CAAC;EAENG,cAAK,CAACO,SAAS,CAAC;IACZ,IAAI,CAACZ,IAAI,EAAE;MACPI,cAAc,CAAC,EAAE,CAAC;;GAEzB,EAAE,CAACJ,IAAI,CAAC,CAAC;;EAGV,MAAMc,gBAAgB,GAA6CT,cAAK,CAACG,OAAO,CAAC;IAC7E,OAAOD,WAAW,CAACQ,MAAM,CAACC,KAAK;MAC3B,IAAIA,KAAK,CAACH,KAAK,CAACI,SAAS,EAAE;QACvB,OAAOD,KAAK,CAACH,KAAK,CAACI,SAAS,CAACC,WAAW,EAAE,CAACC,QAAQ,CAAChB,WAAW,CAACe,WAAW,EAAE,CAAC;;MAGlF,OAAOE,MAAM,CAACJ,KAAK,CAACH,KAAK,CAAChB,QAAQ,CAAC,CAACqB,WAAW,EAAE,CAACC,QAAQ,CAAChB,WAAW,CAACe,WAAW,EAAE,CAAC;KACxF,CAAC;GACL,EAAE,CAACX,WAAW,EAAEJ,WAAW,CAAC,CAAC;EAE9B,OAAO;IACHI,WAAW;IACXO,gBAAgB;IAChBX,WAAW;IACXC;GACH;AACL;;;;"}

package/dist/esm/packages/taco/src/components/Select2/utilities.js

@@ -0,0 +1,5 @@
+const createOptionClassName = () => 'group mb-px flex h-8 w-full text-sm flex-shrink-0 font-normal cursor-pointer items-center rounded bg-white px-2 leading-8 text-black aria-hidden:hidden gap-1.5 bg-white hover:bg-grey-light aria-current:bg-grey-light aria-disabled:text-black/25 aria-disabled:pointer-events-none';
+const createCollectionClassName = () => 'flex flex-col gap-px';
+
+export { createCollectionClassName, createOptionClassName };
+//# sourceMappingURL=utilities.js.map

package/dist/esm/packages/taco/src/components/Select2/utilities.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utilities.js","sources":["../../../../../../../src/components/Select2/utilities.ts"],"sourcesContent":["export const createOptionClassName = () =>\n    'group mb-px flex h-8 w-full text-sm flex-shrink-0 font-normal cursor-pointer items-center rounded bg-white px-2 leading-8 text-black aria-hidden:hidden gap-1.5 bg-white hover:bg-grey-light aria-current:bg-grey-light aria-disabled:text-black/25 aria-disabled:pointer-events-none';\n\nexport const createCollectionClassName = () => 'flex flex-col gap-px';\n"],"names":["createOptionClassName","createCollectionClassName"],"mappings":"MAAaA,qBAAqB,GAAG,MACjC;MAESC,yBAAyB,GAAG,MAAM;;;;"}

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

@@ -0,0 +1,44 @@
+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/packages/taco/src/components/Spinner/Spinner.js.map

@@ -0,0 +1 @@
+{"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,UAAU,CAAC,SAASF,OAAO,CAACG,KAAmB,EAAEC,GAA8B;EACxG,MAAM;IAAEC,KAAK,GAAG,GAAG;IAAEC,KAAK;IAAE,GAAGC;GAAY,GAAGJ,KAAK;EACnD,MAAM,CAACK,OAAO,EAAEC,aAAa,CAAC,GAAGR,cAAK,CAACS,QAAQ,CAAC,CAACL,KAAK,CAAC;EAEvDJ,cAAK,CAACU,SAAS,CAAC;IACZ,IAAIC,OAAe;IAEnB,IAAIP,KAAK,EAAE;MACPO,OAAO,GAAGC,MAAM,CAACC,UAAU,CAAC,MAAML,aAAa,CAAC,IAAI,CAAC,EAAEJ,KAAK,CAAC;;IAGjE,OAAO;MACH,IAAIO,OAAO,EAAE;QACTG,YAAY,CAACH,OAAO,CAAC;;KAE5B;GACJ,EAAE,CAACP,KAAK,CAAC,CAAC;EAEX,IAAI,CAACG,OAAO,EAAE;IACV,OAAO,IAAI;;EAGf,MAAMQ,SAAS,GAAGC,EAAE,CAAC,4CAA4C,EAAEV,UAAU,CAACS,SAAS,CAAC;EAExF,oBACIf,sDAASM,UAAU;IAAES,SAAS,EAAEA,SAAS;iBAAY,SAAS;IAACZ,GAAG,EAAEA;mBAChEH;IACIe,SAAS,EAAC,wDAAwD;IAClEE,OAAO,EAAC,aAAa;IACrBC,KAAK,EAAC;kBACNlB;IAAQmB,EAAE,EAAC,IAAI;IAACC,EAAE,EAAC,IAAI;IAACC,CAAC,EAAC;IAAc,CACtC,EACLhB,KAAK,iBAAIL;IAAMe,SAAS,EAAC;KAAQV,KAAK,CAAQ,CAC7C;AAEd,CAAC;;;;"}

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

@@ -0,0 +1,35 @@
+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/packages/taco/src/components/Switch/Switch.js.map

@@ -0,0 +1 @@
+{"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,UAAgB,CAAC,SAASD,MAAM,CAACE,KAAkB,EAAEC,GAAiC;EACxG,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAE,GAAGC;GAAY,GAAGJ,KAAK;EAEhD,MAAMK,SAAS,GAAGC,EAAE,CAChB,2DAA2D,EAC3D;IACI,MAAM,EAAE,CAAC,CAACJ,KAAK;IACf,wGAAwG,EACpG,CAACF,KAAK,CAACO,QAAQ;IACnB,6DAA6D,EAAEP,KAAK,CAACO;GACxE,EACDP,KAAK,CAACK,SAAS,CAClB;EAED,MAAMG,OAAO,gBACTT,cAACU,IAAoB,oBAAKL,UAAU;IAAEC,SAAS,EAAEA,SAAS;IAAEK,eAAe,EAAEP,QAAQ;IAAEF,GAAG,EAAEA;mBACxFF,cAACU,KAAqB;IAACJ,SAAS,EAAC;IAA6K,CAErN;EAED,IAAIH,KAAK,EAAE;IACP,MAAMS,cAAc,GAAGL,EAAE,CAAC,gCAAgC,EAAE;MACxD,mCAAmC,EAAEN,KAAK,CAACO;KAC9C,CAAC;IAEF,oBACIR;MAAOM,SAAS,EAAEM;OACbH,OAAO,EACPN,KAAK,CACF;;EAIhB,OAAOM,OAAO;AAClB,CAAC;;;;"}

package/dist/esm/packages/taco/src/components/Table/components/BaseTable.js.map

@@ -0,0 +1 @@
+{"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,UAAU,CAAC,SAASF,SAAS,CAACG,KAAwB,EAAEC,GAA8B;EACjH,MAAMC,QAAQ,GAAGC,aAAa,CAAiBF,GAAG,CAAC;EACnD,MAAM;IAAEG,SAAS;IAAEC,QAAQ;IAAEC,cAAc,EAAEC,CAAC;IAAEC,YAAY;IAAEC,SAAS;IAAEC,OAAO;IAAE,GAAGC;GAAY,GAAGX,KAAK;EAEzGF,cAAK,CAACc,SAAS,CAAC;IACZ,IAAIR,SAAS,IAAIF,QAAQ,CAACW,OAAO,EAAE;MAC/BX,QAAQ,CAACW,OAAO,CAACC,KAAK,EAAE;;GAE/B,EAAE,EAAE,CAAC;EAEN,MAAMC,SAAS,GAAGC,EAAE,CAAC,wDAAwD,EAAEhB,KAAK,CAACe,SAAS,CAAC;EAE/F,oBACIjB,sDAASa,UAAU;IAAEM,IAAI,EAAC,OAAO;IAACF,SAAS,EAAEA,SAAS;IAAEd,GAAG,EAAEC;mBACzDJ;IAAKmB,IAAI,EAAC,UAAU;IAACF,SAAS,EAAC,gBAAgB;IAACd,GAAG,EAAEQ;KAChDD,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEU,GAAG,CAAC,CAACC,WAAgC,EAAEC,KAAa,kBAC/DtB;IACIuB,GAAG,EAAED,KAAK;IACVH,IAAI,EAAC,KAAK;IACVF,SAAS,EAAC;KACTI,WAAW,CAACG,OAAO,CAACJ,GAAG,CAAC,CAACK,IAAS,EAAEH,KAAa,kBAC9CtB,6BAAC0B,MAAM;IAACH,GAAG,EAAED,KAAK;IAAEA,KAAK,EAAEA,KAAK;IAAEG,IAAI,EAAEA;IAC3C,CAAC,CAET,CAAC,CACA,eAENzB;IAAKmB,IAAI,EAAC,UAAU;IAACF,SAAS,EAAC,gBAAgB;IAACd,GAAG,EAAES;KAChDL,QAAQ,CACP,CACJ;AAEd,CAAC;;;;"}

package/dist/esm/packages/taco/src/components/Table/components/PaginatedTable.js

@@ -0,0 +1,14 @@
+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/packages/taco/src/components/Table/components/PaginatedTable.js.map

@@ -0,0 +1 @@
+{"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,UAAU,CAAC,SAASF,cAAc,CAAIG,KAAoB,EAAEC,GAAwB;EACpH,oBAAOH,6BAACI,KAAK,oBAAKF,KAAK;IAAEG,iBAAiB,EAAE,KAAK;IAAEF,GAAG,EAAEA;KAAO;AACnE,CAAC;AAEDJ,cAAc,CAACO,MAAM,GAAG,MAAM,IAAI;AAClCP,cAAc,CAACQ,KAAK,GAAG,MAAM,IAAI;;;;"}

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

@@ -0,0 +1,52 @@
+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/packages/taco/src/components/Table/components/Table.js.map

@@ -0,0 +1 @@
+{"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,UAAU,CAAC,SAASF,KAAK,CAChDG,KAAoD,EACpDC,GAAwB;EAExB,MAAM;IAAEC,kBAAkB,GAAGC,iBAAiB;IAAE,GAAGC;GAAY,GAAGJ,KAAK;EACvE,MAAMK,QAAQ,GAAQC,aAAa,CAAiBL,GAAG,CAAC;EACxD,MAAM;IAAEM,QAAQ;IAAEC,UAAU;IAAEC,IAAI;IAAEC,UAAU;IAAEC,UAAU;IAAEC;GAAU,GAAGC,QAAQ,CAACT,UAAU,EAAEC,QAAQ,CAAC;EAEvG,IAAIS,iBAAiB;EAErB,IAAIH,UAAU,EAAE;IACZG,iBAAiB,gBACbhB,6BAACiB,UAAU;MACPC,SAAS,EAAC,aAAa;MACvBC,MAAM,EAAEN,UAAU,CAACM,MAAM;MACzBC,SAAS,EAAEP,UAAU,CAACO,SAAS;MAC/BC,QAAQ,EAAER,UAAU,CAACQ,QAAQ;MAC7BC,YAAY,EAAET,UAAU,CAACS,YAAY;MACrCC,WAAW,EAAEV,UAAU,CAACU,WAAW;MACnCC,gBAAgB,EAAEX,UAAU,CAACM,MAAM,GAAGN,UAAU,CAACQ,QAAQ;MACzDI,yCAAyC,EAAEvB,KAAK,CAACuB;MAExD;;EAGL,oBACIzB,4DACKgB,iBAAiB,eAClBhB,6BAAC0B,SAAS,oBAAKhB,UAAU;IAAEP,GAAG,EAAEI;MAC3BI,IAAI,CAACQ,MAAM,GACNR,IAAI,CAACgB,GAAG,CAAC,CAACC,GAAqB,EAAEC,KAAa;IAC1CjB,UAAU,CAACgB,GAAG,EAAEC,KAAK,CAAC;IACtB,oBACI7B,6BAAC8B,GAAG,oBACIrB,QAAQ;MACZsB,GAAG,EAAEF,KAAK;MACVA,KAAK,EAAEA,KAAK;MACZD,GAAG,EAAEA,GAAG;MACRd,QAAQ,EAAEA,QAAQ;MAClBkB,YAAY,EAAEtB,UAAU,CAACsB;OAC3B;GAET,CAAC,GACF5B,kBAAkB,EAAE,CAClB,EACXY,iBAAiB,CACnB;AAEX,CAAC;AAEDjB,KAAK,CAACkC,MAAM,GAAG,MAAM,IAAI;AACzBlC,KAAK,CAACmC,KAAK,GAAG,MAAM,IAAI;;;;"}