@economic/taco 2.48.5 → 2.49.0-server.2

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

@@ -1,28 +1,33 @@
 import { forwardRef, createElement, useLayoutEffect, useRef, memo, cloneElement } from 'react';
 import cn from 'clsx';
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { Icon } from '../Icon/Icon.js';
 import { useMergedRef } from '../../hooks/useMergedRef.js';
 import { isPressingMetaKey } from '../../utils/keyboard.js';
 import { getButtonStateClasses, getInputClasses } from './util.js';
 import { useBoundingClientRectListener } from '../../hooks/useBoundingClientRectListener.js';
 
-const validSetSelectionRangeTypes = ['text', 'search', 'url', 'tel', 'password'];
-const InputWithoutDeprecatedFeatures = /*#__PURE__*/forwardRef(function InputWithoutDeprecatedFeatures(props, ref) {
-  const {
-    highlighted,
-    invalid,
-    onKeyDown,
-    postfix,
-    prefix,
-    type = 'text',
-    ...attributes
-  } = props;
-  const internalRef = useMergedRef(ref);
+var _excluded = ["highlighted", "invalid", "onKeyDown", "postfix", "prefix", "type"],
+  _excluded2 = ["button", "icon"];
+var validSetSelectionRangeTypes = ['text', 'search', 'url', 'tel', 'password'];
+var InputWithoutDeprecatedFeatures = /*#__PURE__*/forwardRef(function InputWithoutDeprecatedFeatures(props, ref) {
+  var highlighted = props.highlighted,
+    invalid = props.invalid,
+    onKeyDown = props.onKeyDown,
+    postfix = props.postfix,
+    prefix = props.prefix,
+    _props$type = props.type,
+    type = _props$type === void 0 ? 'text' : _props$type,
+    attributes = _objectWithoutPropertiesLoose(props, _excluded);
+  var internalRef = useMergedRef(ref);
   // input[type=number] does not support setSelectionRange by default, this adds support
-  useLayoutEffect(() => {
+  useLayoutEffect(function () {
     if (internalRef.current && type === 'number') {
       (function (fn) {
-        internalRef.current.setSelectionRange = function (...args) {
+        internalRef.current.setSelectionRange = function () {
+          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+            args[_key] = arguments[_key];
+          }
           if (this.type === 'number') {
             this.type = 'text';
             fn.apply(this, args);
@@ -34,7 +39,7 @@ const InputWithoutDeprecatedFeatures = /*#__PURE__*/forwardRef(function InputWit
       })(internalRef.current.setSelectionRange);
     }
   }, []);
-  const handleKeyDown = event => {
+  var handleKeyDown = function handleKeyDown(event) {
     // prevent any external keyboard shortcuts from executing while typing single characters in input
     if (event.key.length === 1 && !isPressingMetaKey(event)) {
       event.stopPropagation();
@@ -46,11 +51,11 @@ const InputWithoutDeprecatedFeatures = /*#__PURE__*/forwardRef(function InputWit
     if (validSetSelectionRangeTypes.includes(type)) {
       if (!event.shiftKey && (event.key === 'Home' || event.key === 'End')) {
         event.preventDefault();
-        const position = event.key === 'End' ? event.currentTarget.value.length : 0;
+        var position = event.key === 'End' ? event.currentTarget.value.length : 0;
         event.currentTarget.setSelectionRange(position, position);
         // Necessary for ensuring the cursor is scrolled into view when using Home/End keys on Windows
         if (internalRef.current) {
-          const scrollPosition = event.key === 'End' ? internalRef.current.scrollWidth : 0;
+          var scrollPosition = event.key === 'End' ? internalRef.current.scrollWidth : 0;
           internalRef.current.scrollLeft = scrollPosition;
         }
       }
@@ -59,22 +64,22 @@ const InputWithoutDeprecatedFeatures = /*#__PURE__*/forwardRef(function InputWit
       onKeyDown(event);
     }
   };
-  const prefixRef = useRef(null);
-  const prefixRect = useBoundingClientRectListener(prefixRef);
-  const postfixRef = useRef(null);
-  const postfixRect = useBoundingClientRectListener(postfixRef, [postfix]);
-  const className = cn(getInputClasses(props), {
+  var prefixRef = useRef(null);
+  var prefixRect = useBoundingClientRectListener(prefixRef);
+  var postfixRef = useRef(null);
+  var postfixRect = useBoundingClientRectListener(postfixRef, [postfix]);
+  var className = cn(getInputClasses(props), {
     'pl-8': !!prefix,
     'pr-8': !!postfix
   }, attributes.className);
-  const typeAttributes = {
-    type
+  var typeAttributes = {
+    type: type
   };
   if (type === 'number') {
-    typeAttributes.onWheelCapture = event => {
+    typeAttributes.onWheelCapture = function (event) {
       // blur is the only way to prevent scroll, so restore focus if it had it
       if (document.activeElement === event.currentTarget) {
-        requestAnimationFrame(() => {
+        requestAnimationFrame(function () {
           event.target.focus();
         });
       }
@@ -96,8 +101,8 @@ const InputWithoutDeprecatedFeatures = /*#__PURE__*/forwardRef(function InputWit
     onKeyDown: handleKeyDown,
     ref: internalRef,
     style: {
-      paddingLeft: prefixRect ? `${prefixRect.width - 1}px` : undefined,
-      paddingRight: postfixRect ? `${postfixRect.width - 1}px` : undefined
+      paddingLeft: prefixRect ? prefixRect.width - 1 + "px" : undefined,
+      paddingRight: postfixRect ? postfixRect.width - 1 + "px" : undefined
     }
   })), prefix ? /*#__PURE__*/createElement(Affix, {
     type: "prefix",
@@ -111,12 +116,10 @@ const InputWithoutDeprecatedFeatures = /*#__PURE__*/forwardRef(function InputWit
     ref: postfixRef
   }) : null);
 });
-const Affix = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(function Affix(props, ref) {
-  const {
-    children,
-    disabled,
-    type
-  } = props;
+var Affix = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(function Affix(props, ref) {
+  var children = props.children,
+    disabled = props.disabled,
+    type = props.type;
   return /*#__PURE__*/createElement("div", {
     className: cn('group absolute top-0 flex h-full items-center justify-center px-2',
     // icon
@@ -130,20 +133,18 @@ const Affix = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(function Affix(props, re
     ref: ref
   }, children);
 }));
-const Input = /*#__PURE__*/forwardRef(function LegacyInput(props, ref) {
+var Input = /*#__PURE__*/forwardRef(function LegacyInput(props, ref) {
   var _attributes$postfix;
-  const {
-    button,
-    icon,
-    ...attributes
-  } = props;
-  let postfix;
+  var button = props.button,
+    icon = props.icon,
+    attributes = _objectWithoutPropertiesLoose(props, _excluded2);
+  var postfix;
   if (button) {
-    const disabled = button.props.disabled || attributes.disabled;
-    const buttonClassName = cn('items-center focus:z-10 flex justify-center rounded-l-none rounded-r h-full focus:rounded focus:outline-none', getButtonStateClasses(attributes.invalid, disabled), button.props.className);
+    var disabled = button.props.disabled || attributes.disabled;
+    var buttonClassName = cn('items-center focus:z-10 flex justify-center rounded-l-none rounded-r h-full focus:rounded focus:outline-none', getButtonStateClasses(attributes.invalid, disabled), button.props.className);
     postfix = /*#__PURE__*/cloneElement(button, {
       className: buttonClassName,
-      disabled
+      disabled: disabled
     });
   } else if (icon) {
     postfix = typeof icon === 'string' ? /*#__PURE__*/createElement(Icon, {

package/dist/esm/packages/taco/src/components/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sources":["../../../../../../../src/components/Input/Input.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\nimport { Icon, IconName } from '../Icon/Icon';\nimport { getButtonStateClasses, getInputClasses } from './util';\nimport { useBoundingClientRectListener } from '../../hooks/useBoundingClientRectListener';\nimport { useMergedRef } from '../../hooks/useMergedRef';\nimport { isPressingMetaKey } from '../../utils/keyboard';\n\nexport type InputWithoutDeprecatedFeaturesProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'prefix'> & {\n    /** Draws attention to the input 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    postfix?: string | JSX.Element;\n    prefix?: string | JSX.Element;\n};\n\nconst validSetSelectionRangeTypes = ['text', 'search', 'url', 'tel', 'password'];\n\nconst InputWithoutDeprecatedFeatures = React.forwardRef(function InputWithoutDeprecatedFeatures(\n    props: InputWithoutDeprecatedFeaturesProps,\n    ref: React.Ref<HTMLInputElement>\n) {\n    const { highlighted, invalid, onKeyDown, postfix, prefix, type = 'text', ...attributes } = props;\n    const internalRef = useMergedRef<HTMLInputElement>(ref);\n\n    // input[type=number] does not support setSelectionRange by default, this adds support\n    React.useLayoutEffect(() => {\n        if (internalRef.current && type === 'number') {\n            (function (fn) {\n                internalRef.current.setSelectionRange = function (...args) {\n                    if (this.type === 'number') {\n                        this.type = 'text';\n                        fn.apply(this, args);\n                        this.type = 'number';\n                    } else {\n                        fn.apply(this, args);\n                    }\n                };\n            })(internalRef.current.setSelectionRange);\n        }\n    }, []);\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n        // prevent any external keyboard shortcuts from executing while typing single characters in input\n        if (event.key.length === 1 && !isPressingMetaKey(event)) {\n            event.stopPropagation();\n        }\n\n        // home and end keys only navigate to the start/end of input value if the input 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        // only the 'text', 'search', 'url', 'tel', 'password' input types support setSelectionRange\n        if (validSetSelectionRangeTypes.includes(type)) {\n            if (!event.shiftKey && (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\n                // Necessary for ensuring the cursor is scrolled into view when using Home/End keys on Windows\n                if (internalRef.current) {\n                    const scrollPosition = event.key === 'End' ? internalRef.current.scrollWidth : 0;\n                    internalRef.current.scrollLeft = scrollPosition;\n                }\n            }\n        }\n\n        if (typeof onKeyDown === 'function') {\n            onKeyDown(event);\n        }\n    };\n\n    const prefixRef = React.useRef<HTMLDivElement>(null);\n    const prefixRect = useBoundingClientRectListener(prefixRef);\n    const postfixRef = React.useRef<HTMLDivElement>(null);\n    const postfixRect = useBoundingClientRectListener(postfixRef, [postfix]);\n\n    const className = cn(\n        getInputClasses(props),\n        {\n            'pl-8': !!prefix,\n            'pr-8': !!postfix,\n        },\n        attributes.className\n    );\n\n    const typeAttributes: Partial<React.InputHTMLAttributes<HTMLInputElement>> = {\n        type,\n    };\n\n    if (type === 'number') {\n        typeAttributes.onWheelCapture = (event: React.WheelEvent<HTMLInputElement>) => {\n            // blur is the only way to prevent scroll, so restore focus if it had it\n            if (document.activeElement === event.currentTarget) {\n                requestAnimationFrame(() => {\n                    (event.target as HTMLInputElement).focus();\n                });\n            }\n            // blur the field on scroll - only way to prevent scroll\n            event.currentTarget.blur();\n        };\n    }\n\n    return (\n        <div className=\"relative inline-flex h-fit w-full\" data-taco=\"input-container\" style={{ opacity: 0.999 }}>\n            <input\n                {...attributes}\n                {...typeAttributes}\n                aria-invalid={invalid}\n                className={className}\n                data-highlighted={highlighted}\n                data-taco=\"input\"\n                onKeyDown={handleKeyDown}\n                ref={internalRef}\n                style={{\n                    paddingLeft: prefixRect ? `${prefixRect.width - 1}px` : undefined,\n                    paddingRight: postfixRect ? `${postfixRect.width - 1}px` : undefined,\n                }}\n            />\n            {prefix ? <Affix type=\"prefix\" children={prefix} disabled={attributes.disabled} ref={prefixRef} /> : null}\n            {postfix ? <Affix type=\"postfix\" children={postfix} disabled={attributes.disabled} ref={postfixRef} /> : null}\n        </div>\n    );\n});\n\ntype AffixProps = {\n    children: string | JSX.Element;\n    disabled?: boolean;\n    type: 'prefix' | 'postfix';\n};\nconst Affix = React.memo(\n    React.forwardRef(function Affix(props: AffixProps, ref: React.Ref<HTMLDivElement>) {\n        const { children, disabled, type } = props;\n\n        return (\n            <div\n                className={cn(\n                    'group absolute top-0 flex h-full items-center justify-center px-2',\n                    // icon\n                    '[&_[data-taco=\"icon\"]]:!h-5 [&_[data-taco=\"icon\"]]:!w-5',\n                    {\n                        'text-grey-300': disabled,\n                        'text-grey-700': !disabled,\n                        'left-0 [&>button]:!-ml-2': type === 'prefix',\n                        'right-0 [&>button]:!-mr-2': type === 'postfix',\n                    }\n                )}\n                data-affix-type={type}\n                ref={ref}>\n                {children}\n            </div>\n        );\n    })\n);\n\nexport type InputProps = InputWithoutDeprecatedFeaturesProps & {\n    /** Shows a button within the input field */\n    button?: React.ReactElement;\n    /** Shows an icon within the input field  */\n    icon?: IconName | JSX.Element;\n};\n\nexport const Input = React.forwardRef(function LegacyInput(props: InputProps, ref: React.Ref<HTMLInputElement>) {\n    const { button, icon, ...attributes } = props;\n\n    let postfix;\n\n    if (button) {\n        const disabled = button.props.disabled || attributes.disabled;\n        const buttonClassName = cn(\n            'items-center focus:z-10 flex justify-center rounded-l-none rounded-r h-full focus:rounded focus:outline-none',\n            getButtonStateClasses(attributes.invalid, disabled),\n            button.props.className\n        );\n        postfix = React.cloneElement(button, {\n            className: buttonClassName,\n            disabled,\n        });\n    } else if (icon) {\n        postfix = typeof icon === 'string' ? <Icon name={icon} /> : icon;\n    }\n\n    return <InputWithoutDeprecatedFeatures {...attributes} postfix={attributes.postfix ?? postfix} ref={ref} />;\n});\n"],"names":["validSetSelectionRangeTypes","InputWithoutDeprecatedFeatures","React","props","ref","highlighted","invalid","onKeyDown","postfix","prefix","type","attributes","internalRef","useMergedRef","current","fn","setSelectionRange","args","apply","handleKeyDown","event","key","length","isPressingMetaKey","stopPropagation","includes","shiftKey","preventDefault","position","currentTarget","value","scrollPosition","scrollWidth","scrollLeft","prefixRef","prefixRect","useBoundingClientRectListener","postfixRef","postfixRect","className","cn","getInputClasses","typeAttributes","onWheelCapture","document","activeElement","requestAnimationFrame","target","focus","blur","style","opacity","paddingLeft","width","undefined","paddingRight","Affix","children","disabled","Input","LegacyInput","button","icon","buttonClassName","getButtonStateClasses","Icon","name","_attributes$postfix"],"mappings":"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"}
+{"version":3,"file":"Input.js","sources":["../../../../../../../src/components/Input/Input.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\nimport { Icon, IconName } from '../Icon/Icon';\nimport { getButtonStateClasses, getInputClasses } from './util';\nimport { useBoundingClientRectListener } from '../../hooks/useBoundingClientRectListener';\nimport { useMergedRef } from '../../hooks/useMergedRef';\nimport { isPressingMetaKey } from '../../utils/keyboard';\n\nexport type InputWithoutDeprecatedFeaturesProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'prefix'> & {\n    /** Draws attention to the input 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    postfix?: string | JSX.Element;\n    prefix?: string | JSX.Element;\n};\n\nconst validSetSelectionRangeTypes = ['text', 'search', 'url', 'tel', 'password'];\n\nconst InputWithoutDeprecatedFeatures = React.forwardRef(function InputWithoutDeprecatedFeatures(\n    props: InputWithoutDeprecatedFeaturesProps,\n    ref: React.Ref<HTMLInputElement>\n) {\n    const { highlighted, invalid, onKeyDown, postfix, prefix, type = 'text', ...attributes } = props;\n    const internalRef = useMergedRef<HTMLInputElement>(ref);\n\n    // input[type=number] does not support setSelectionRange by default, this adds support\n    React.useLayoutEffect(() => {\n        if (internalRef.current && type === 'number') {\n            (function (fn) {\n                internalRef.current.setSelectionRange = function (...args) {\n                    if (this.type === 'number') {\n                        this.type = 'text';\n                        fn.apply(this, args);\n                        this.type = 'number';\n                    } else {\n                        fn.apply(this, args);\n                    }\n                };\n            })(internalRef.current.setSelectionRange);\n        }\n    }, []);\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n        // prevent any external keyboard shortcuts from executing while typing single characters in input\n        if (event.key.length === 1 && !isPressingMetaKey(event)) {\n            event.stopPropagation();\n        }\n\n        // home and end keys only navigate to the start/end of input value if the input 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        // only the 'text', 'search', 'url', 'tel', 'password' input types support setSelectionRange\n        if (validSetSelectionRangeTypes.includes(type)) {\n            if (!event.shiftKey && (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\n                // Necessary for ensuring the cursor is scrolled into view when using Home/End keys on Windows\n                if (internalRef.current) {\n                    const scrollPosition = event.key === 'End' ? internalRef.current.scrollWidth : 0;\n                    internalRef.current.scrollLeft = scrollPosition;\n                }\n            }\n        }\n\n        if (typeof onKeyDown === 'function') {\n            onKeyDown(event);\n        }\n    };\n\n    const prefixRef = React.useRef<HTMLDivElement>(null);\n    const prefixRect = useBoundingClientRectListener(prefixRef);\n    const postfixRef = React.useRef<HTMLDivElement>(null);\n    const postfixRect = useBoundingClientRectListener(postfixRef, [postfix]);\n\n    const className = cn(\n        getInputClasses(props),\n        {\n            'pl-8': !!prefix,\n            'pr-8': !!postfix,\n        },\n        attributes.className\n    );\n\n    const typeAttributes: Partial<React.InputHTMLAttributes<HTMLInputElement>> = {\n        type,\n    };\n\n    if (type === 'number') {\n        typeAttributes.onWheelCapture = (event: React.WheelEvent<HTMLInputElement>) => {\n            // blur is the only way to prevent scroll, so restore focus if it had it\n            if (document.activeElement === event.currentTarget) {\n                requestAnimationFrame(() => {\n                    (event.target as HTMLInputElement).focus();\n                });\n            }\n            // blur the field on scroll - only way to prevent scroll\n            event.currentTarget.blur();\n        };\n    }\n\n    return (\n        <div className=\"relative inline-flex h-fit w-full\" data-taco=\"input-container\" style={{ opacity: 0.999 }}>\n            <input\n                {...attributes}\n                {...typeAttributes}\n                aria-invalid={invalid}\n                className={className}\n                data-highlighted={highlighted}\n                data-taco=\"input\"\n                onKeyDown={handleKeyDown}\n                ref={internalRef}\n                style={{\n                    paddingLeft: prefixRect ? `${prefixRect.width - 1}px` : undefined,\n                    paddingRight: postfixRect ? `${postfixRect.width - 1}px` : undefined,\n                }}\n            />\n            {prefix ? <Affix type=\"prefix\" children={prefix} disabled={attributes.disabled} ref={prefixRef} /> : null}\n            {postfix ? <Affix type=\"postfix\" children={postfix} disabled={attributes.disabled} ref={postfixRef} /> : null}\n        </div>\n    );\n});\n\ntype AffixProps = {\n    children: string | JSX.Element;\n    disabled?: boolean;\n    type: 'prefix' | 'postfix';\n};\nconst Affix = React.memo(\n    React.forwardRef(function Affix(props: AffixProps, ref: React.Ref<HTMLDivElement>) {\n        const { children, disabled, type } = props;\n\n        return (\n            <div\n                className={cn(\n                    'group absolute top-0 flex h-full items-center justify-center px-2',\n                    // icon\n                    '[&_[data-taco=\"icon\"]]:!h-5 [&_[data-taco=\"icon\"]]:!w-5',\n                    {\n                        'text-grey-300': disabled,\n                        'text-grey-700': !disabled,\n                        'left-0 [&>button]:!-ml-2': type === 'prefix',\n                        'right-0 [&>button]:!-mr-2': type === 'postfix',\n                    }\n                )}\n                data-affix-type={type}\n                ref={ref}>\n                {children}\n            </div>\n        );\n    })\n);\n\nexport type InputProps = InputWithoutDeprecatedFeaturesProps & {\n    /** Shows a button within the input field */\n    button?: React.ReactElement;\n    /** Shows an icon within the input field  */\n    icon?: IconName | JSX.Element;\n};\n\nexport const Input = React.forwardRef(function LegacyInput(props: InputProps, ref: React.Ref<HTMLInputElement>) {\n    const { button, icon, ...attributes } = props;\n\n    let postfix;\n\n    if (button) {\n        const disabled = button.props.disabled || attributes.disabled;\n        const buttonClassName = cn(\n            'items-center focus:z-10 flex justify-center rounded-l-none rounded-r h-full focus:rounded focus:outline-none',\n            getButtonStateClasses(attributes.invalid, disabled),\n            button.props.className\n        );\n        postfix = React.cloneElement(button, {\n            className: buttonClassName,\n            disabled,\n        });\n    } else if (icon) {\n        postfix = typeof icon === 'string' ? <Icon name={icon} /> : icon;\n    }\n\n    return <InputWithoutDeprecatedFeatures {...attributes} postfix={attributes.postfix ?? postfix} ref={ref} />;\n});\n"],"names":["validSetSelectionRangeTypes","InputWithoutDeprecatedFeatures","React","props","ref","highlighted","invalid","onKeyDown","postfix","prefix","_props$type","type","attributes","_objectWithoutPropertiesLoose","_excluded","internalRef","useMergedRef","current","fn","setSelectionRange","args","Array","_len","_key","arguments","apply","handleKeyDown","event","key","length","isPressingMetaKey","stopPropagation","includes","shiftKey","preventDefault","position","currentTarget","value","scrollPosition","scrollWidth","scrollLeft","prefixRef","prefixRect","useBoundingClientRectListener","postfixRef","postfixRect","className","cn","getInputClasses","typeAttributes","onWheelCapture","document","activeElement","requestAnimationFrame","target","focus","blur","style","opacity","paddingLeft","width","undefined","paddingRight","Affix","children","disabled","Input","LegacyInput","button","icon","_excluded2","buttonClassName","getButtonStateClasses","Icon","name","_attributes$postfix"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Input/util.js

@@ -1,9 +1,9 @@
 import cn from 'clsx';
 
-const getInputClasses = props => {
-  const disabled = props.disabled || !!props['aria-disabled'];
-  const readOnly = props.readOnly || !!props['aria-readonly'];
-  const invalid = props.invalid || !!props['aria-invalid'];
+var getInputClasses = function getInputClasses(props) {
+  var disabled = props.disabled || !!props['aria-disabled'];
+  var readOnly = props.readOnly || !!props['aria-readonly'];
+  var invalid = props.invalid || !!props['aria-invalid'];
   return cn('peer text-black text-sm border font-normal not-italic no-underline rounded flex items-center leading-6 px-2 relative w-full text-ellipsis transition-colors transition-opacity ease-in min-h-[theme(spacing.8)] focus:yt-focus',
   // hide the arrow controls on input[type=number]
   '[appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none', {
@@ -21,7 +21,10 @@ const getInputClasses = props => {
     'cursor-not-allowed text-black bg-grey-200': readOnly
   });
 };
-const getButtonStateClasses = (invalid, disabled = false) => {
+var getButtonStateClasses = function getButtonStateClasses(invalid, disabled) {
+  if (disabled === void 0) {
+    disabled = false;
+  }
   if (invalid) {
     return cn('border border-red-500 group-peer-hover:enabled:border-red-700 transition-colors ease-in', {
       'border-red-500/30': disabled

package/dist/esm/packages/taco/src/components/Input/util.js.map

@@ -1 +1 @@
-{"version":3,"file":"util.js","sources":["../../../../../../../src/components/Input/util.ts"],"sourcesContent":["import cn from 'clsx';\n\nexport const getInputClasses = props => {\n    const disabled = props.disabled || !!props['aria-disabled'];\n    const readOnly = props.readOnly || !!props['aria-readonly'];\n    const invalid = props.invalid || !!props['aria-invalid'];\n\n    return cn(\n        'peer text-black text-sm border font-normal not-italic no-underline rounded flex items-center leading-6 px-2 relative w-full text-ellipsis transition-colors transition-opacity ease-in min-h-[theme(spacing.8)] focus:yt-focus',\n        // hide the arrow controls on input[type=number]\n        '[appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none',\n        {\n            'bg-white': !props.highlighted && !readOnly,\n            // default\n            'border-grey-300 enabled:hover:border-grey-500 disabled:border-grey-200': !invalid,\n            // disabled\n            'text-opacity-25 cursor-not-allowed placeholder:text-grey-700': disabled,\n            // highlighted\n            'bg-yellow-100/50': props.highlighted && disabled,\n            'bg-yellow-100': props.highlighted && !disabled,\n            // invalid\n            'border-red-500 enabled:hover:border-red-700 disabled:border-red-500/50': invalid,\n            // readOnly\n            'cursor-not-allowed text-black bg-grey-200': readOnly,\n        }\n    );\n};\n\nexport const getButtonStateClasses = (invalid: boolean | undefined, disabled = false): string => {\n    if (invalid) {\n        return cn('border border-red-500 group-peer-hover:enabled:border-red-700 transition-colors ease-in', {\n            'border-red-500/30': disabled,\n        });\n    }\n\n    return 'border border-grey-300 group-peer-hover:enabled:border-grey-500 transition-colors transition-opacity ease-in';\n};\n"],"names":["getInputClasses","props","disabled","readOnly","invalid","cn","highlighted","getButtonStateClasses"],"mappings":";;MAEaA,eAAe,GAAGC,KAAK;EAChC,MAAMC,QAAQ,GAAGD,KAAK,CAACC,QAAQ,IAAI,CAAC,CAACD,KAAK,CAAC,eAAe,CAAC;EAC3D,MAAME,QAAQ,GAAGF,KAAK,CAACE,QAAQ,IAAI,CAAC,CAACF,KAAK,CAAC,eAAe,CAAC;EAC3D,MAAMG,OAAO,GAAGH,KAAK,CAACG,OAAO,IAAI,CAAC,CAACH,KAAK,CAAC,cAAc,CAAC;EAExD,OAAOI,EAAE,CACL,gOAAgO;;EAEhO,sHAAsH,EACtH;IACI,UAAU,EAAE,CAACJ,KAAK,CAACK,WAAW,IAAI,CAACH,QAAQ;;IAE3C,wEAAwE,EAAE,CAACC,OAAO;;IAElF,8DAA8D,EAAEF,QAAQ;;IAExE,kBAAkB,EAAED,KAAK,CAACK,WAAW,IAAIJ,QAAQ;IACjD,eAAe,EAAED,KAAK,CAACK,WAAW,IAAI,CAACJ,QAAQ;;IAE/C,wEAAwE,EAAEE,OAAO;;IAEjF,2CAA2C,EAAED;GAChD,CACJ;AACL;MAEaI,qBAAqB,GAAGA,CAACH,OAA4B,EAAEF,QAAQ,GAAG,KAAK;EAChF,IAAIE,OAAO,EAAE;IACT,OAAOC,EAAE,CAAC,yFAAyF,EAAE;MACjG,mBAAmB,EAAEH;KACxB,CAAC;;EAGN,OAAO,8GAA8G;AACzH;;;;"}
+{"version":3,"file":"util.js","sources":["../../../../../../../src/components/Input/util.ts"],"sourcesContent":["import cn from 'clsx';\n\nexport const getInputClasses = props => {\n    const disabled = props.disabled || !!props['aria-disabled'];\n    const readOnly = props.readOnly || !!props['aria-readonly'];\n    const invalid = props.invalid || !!props['aria-invalid'];\n\n    return cn(\n        'peer text-black text-sm border font-normal not-italic no-underline rounded flex items-center leading-6 px-2 relative w-full text-ellipsis transition-colors transition-opacity ease-in min-h-[theme(spacing.8)] focus:yt-focus',\n        // hide the arrow controls on input[type=number]\n        '[appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none',\n        {\n            'bg-white': !props.highlighted && !readOnly,\n            // default\n            'border-grey-300 enabled:hover:border-grey-500 disabled:border-grey-200': !invalid,\n            // disabled\n            'text-opacity-25 cursor-not-allowed placeholder:text-grey-700': disabled,\n            // highlighted\n            'bg-yellow-100/50': props.highlighted && disabled,\n            'bg-yellow-100': props.highlighted && !disabled,\n            // invalid\n            'border-red-500 enabled:hover:border-red-700 disabled:border-red-500/50': invalid,\n            // readOnly\n            'cursor-not-allowed text-black bg-grey-200': readOnly,\n        }\n    );\n};\n\nexport const getButtonStateClasses = (invalid: boolean | undefined, disabled = false): string => {\n    if (invalid) {\n        return cn('border border-red-500 group-peer-hover:enabled:border-red-700 transition-colors ease-in', {\n            'border-red-500/30': disabled,\n        });\n    }\n\n    return 'border border-grey-300 group-peer-hover:enabled:border-grey-500 transition-colors transition-opacity ease-in';\n};\n"],"names":["getInputClasses","props","disabled","readOnly","invalid","cn","highlighted","getButtonStateClasses"],"mappings":";;IAEaA,eAAe,GAAG,SAAlBA,eAAeA,CAAGC,KAAK;EAChC,IAAMC,QAAQ,GAAGD,KAAK,CAACC,QAAQ,IAAI,CAAC,CAACD,KAAK,CAAC,eAAe,CAAC;EAC3D,IAAME,QAAQ,GAAGF,KAAK,CAACE,QAAQ,IAAI,CAAC,CAACF,KAAK,CAAC,eAAe,CAAC;EAC3D,IAAMG,OAAO,GAAGH,KAAK,CAACG,OAAO,IAAI,CAAC,CAACH,KAAK,CAAC,cAAc,CAAC;EAExD,OAAOI,EAAE,CACL,gOAAgO;;EAEhO,sHAAsH,EACtH;IACI,UAAU,EAAE,CAACJ,KAAK,CAACK,WAAW,IAAI,CAACH,QAAQ;;IAE3C,wEAAwE,EAAE,CAACC,OAAO;;IAElF,8DAA8D,EAAEF,QAAQ;;IAExE,kBAAkB,EAAED,KAAK,CAACK,WAAW,IAAIJ,QAAQ;IACjD,eAAe,EAAED,KAAK,CAACK,WAAW,IAAI,CAACJ,QAAQ;;IAE/C,wEAAwE,EAAEE,OAAO;;IAEjF,2CAA2C,EAAED;GAChD,CACJ;AACL;IAEaI,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAIH,OAA4B,EAAEF,QAAQ;MAARA,QAAQ;IAARA,QAAQ,GAAG,KAAK;;EAChF,IAAIE,OAAO,EAAE;IACT,OAAOC,EAAE,CAAC,yFAAyF,EAAE;MACjG,mBAAmB,EAAEH;KACxB,CAAC;;EAGN,OAAO,8GAA8G;AACzH;;;;"}

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

@@ -6,13 +6,15 @@ import { Sidebar } from './components/Sidebar.js';
 import { Top } from './components/Top.js';
 import { Page } from './components/Page.js';
 
-const Layout = /*#__PURE__*/React__default.forwardRef(function Layout(props, ref) {
-  const [sidebarOpen, setSidebarOpen] = React__default.useState(false);
-  const className = cn('flex h-screen w-screen flex-col overflow-hidden print:overflow-visible print:h-full relative', props.className);
+var Layout = /*#__PURE__*/React__default.forwardRef(function Layout(props, ref) {
+  var _React$useState = React__default.useState(false),
+    sidebarOpen = _React$useState[0],
+    setSidebarOpen = _React$useState[1];
+  var className = cn('flex h-screen w-screen flex-col overflow-hidden print:overflow-visible print:h-full relative', props.className);
   return /*#__PURE__*/React__default.createElement(LayoutContext.Provider, {
     value: {
-      sidebarOpen,
-      setSidebarOpen
+      sidebarOpen: sidebarOpen,
+      setSidebarOpen: setSidebarOpen
     }
   }, /*#__PURE__*/React__default.createElement("div", Object.assign({}, props, {
     className: className,

package/dist/esm/packages/taco/src/components/Layout/Layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"Layout.js","sources":["../../../../../../../src/components/Layout/Layout.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { LayoutContext } from './components/Context';\nimport { Content } from './components/Content';\nimport { Sidebar } from './components/Sidebar';\nimport { Top } from './components/Top';\nimport { Page } from './components/Page';\n\nexport type LayoutProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const Layout = React.forwardRef<HTMLDivElement, LayoutProps>(function Layout(props, ref) {\n    const [sidebarOpen, setSidebarOpen] = React.useState(false);\n    const className = cn(\n        'flex h-screen w-screen flex-col overflow-hidden print:overflow-visible print:h-full relative',\n        props.className\n    );\n\n    return (\n        <LayoutContext.Provider value={{ sidebarOpen, setSidebarOpen }}>\n            <div {...props} className={className} ref={ref} />\n        </LayoutContext.Provider>\n    );\n}) as React.ForwardRefExoticComponent<LayoutProps> & {\n    Top: typeof Top;\n    Page: typeof Page;\n    Sidebar: typeof Sidebar;\n    Content: typeof Content;\n};\n\nLayout.Top = Top;\nLayout.Page = Page;\nLayout.Sidebar = Sidebar;\nLayout.Content = Content;\n\nexport type { LayoutContentProps } from './components/Content';\nexport type { LayoutPageProps } from './components/Page';\nexport type { LayoutSidebarProps } from './components/Sidebar';\nexport type { LayoutTopProps } from './components/Top';\n"],"names":["Layout","React","forwardRef","props","ref","sidebarOpen","setSidebarOpen","useState","className","cn","LayoutContext","Provider","value","Top","Page","Sidebar","Content"],"mappings":";;;;;;;;MAUaA,MAAM,gBAAGC,cAAK,CAACC,UAAU,CAA8B,SAASF,MAAMA,CAACG,KAAK,EAAEC,GAAG;EAC1F,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGL,cAAK,CAACM,QAAQ,CAAC,KAAK,CAAC;EAC3D,MAAMC,SAAS,GAAGC,EAAE,CAChB,8FAA8F,EAC9FN,KAAK,CAACK,SAAS,CAClB;EAED,oBACIP,6BAACS,aAAa,CAACC,QAAQ;IAACC,KAAK,EAAE;MAAEP,WAAW;MAAEC;;kBAC1CL,sDAASE,KAAK;IAAEK,SAAS,EAAEA,SAAS;IAAEJ,GAAG,EAAEA;KAAO,CAC7B;AAEjC,CAAC;AAODJ,MAAM,CAACa,GAAG,GAAGA,GAAG;AAChBb,MAAM,CAACc,IAAI,GAAGA,IAAI;AAClBd,MAAM,CAACe,OAAO,GAAGA,OAAO;AACxBf,MAAM,CAACgB,OAAO,GAAGA,OAAO;;;;"}
+{"version":3,"file":"Layout.js","sources":["../../../../../../../src/components/Layout/Layout.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { LayoutContext } from './components/Context';\nimport { Content } from './components/Content';\nimport { Sidebar } from './components/Sidebar';\nimport { Top } from './components/Top';\nimport { Page } from './components/Page';\n\nexport type LayoutProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const Layout = React.forwardRef<HTMLDivElement, LayoutProps>(function Layout(props, ref) {\n    const [sidebarOpen, setSidebarOpen] = React.useState(false);\n    const className = cn(\n        'flex h-screen w-screen flex-col overflow-hidden print:overflow-visible print:h-full relative',\n        props.className\n    );\n\n    return (\n        <LayoutContext.Provider value={{ sidebarOpen, setSidebarOpen }}>\n            <div {...props} className={className} ref={ref} />\n        </LayoutContext.Provider>\n    );\n}) as React.ForwardRefExoticComponent<LayoutProps> & {\n    Top: typeof Top;\n    Page: typeof Page;\n    Sidebar: typeof Sidebar;\n    Content: typeof Content;\n};\n\nLayout.Top = Top;\nLayout.Page = Page;\nLayout.Sidebar = Sidebar;\nLayout.Content = Content;\n\nexport type { LayoutContentProps } from './components/Content';\nexport type { LayoutPageProps } from './components/Page';\nexport type { LayoutSidebarProps } from './components/Sidebar';\nexport type { LayoutTopProps } from './components/Top';\n"],"names":["Layout","React","forwardRef","props","ref","_React$useState","useState","sidebarOpen","setSidebarOpen","className","cn","LayoutContext","Provider","value","Top","Page","Sidebar","Content"],"mappings":";;;;;;;;IAUaA,MAAM,gBAAGC,cAAK,CAACC,UAAU,CAA8B,SAASF,MAAMA,CAACG,KAAK,EAAEC,GAAG;EAC1F,IAAAC,eAAA,GAAsCJ,cAAK,CAACK,QAAQ,CAAC,KAAK,CAAC;IAApDC,WAAW,GAAAF,eAAA;IAAEG,cAAc,GAAAH,eAAA;EAClC,IAAMI,SAAS,GAAGC,EAAE,CAChB,8FAA8F,EAC9FP,KAAK,CAACM,SAAS,CAClB;EAED,oBACIR,6BAACU,aAAa,CAACC,QAAQ;IAACC,KAAK,EAAE;MAAEN,WAAW,EAAXA,WAAW;MAAEC,cAAc,EAAdA;;kBAC1CP,sDAASE,KAAK;IAAEM,SAAS,EAAEA,SAAS;IAAEL,GAAG,EAAEA;KAAO,CAC7B;AAEjC,CAAC;AAODJ,MAAM,CAACc,GAAG,GAAGA,GAAG;AAChBd,MAAM,CAACe,IAAI,GAAGA,IAAI;AAClBf,MAAM,CAACgB,OAAO,GAAGA,OAAO;AACxBhB,MAAM,CAACiB,OAAO,GAAGA,OAAO;;;;"}

package/dist/esm/packages/taco/src/components/Layout/components/Content.js

@@ -1,8 +1,8 @@
 import React__default from 'react';
 import cn from 'clsx';
 
-const Content = /*#__PURE__*/React__default.forwardRef(function LayoutContent(props, ref) {
-  const className = cn('flex-grow overflow-y-auto print:overflow-visible print:h-full print:!p-0 bg-white flex flex-shrink flex-col relative', props.className);
+var Content = /*#__PURE__*/React__default.forwardRef(function LayoutContent(props, ref) {
+  var className = cn('flex-grow overflow-y-auto print:overflow-visible print:h-full print:!p-0 bg-white flex flex-shrink flex-col relative', props.className);
   return /*#__PURE__*/React__default.createElement("main", Object.assign({}, props, {
     className: className,
     ref: ref

package/dist/esm/packages/taco/src/components/Layout/components/Content.js.map

@@ -1 +1 @@
-{"version":3,"file":"Content.js","sources":["../../../../../../../../src/components/Layout/components/Content.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\n\nexport type LayoutContentProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const Content = React.forwardRef<HTMLDivElement, LayoutContentProps>(function LayoutContent(props, ref) {\n    const className = cn(\n        'flex-grow overflow-y-auto print:overflow-visible print:h-full print:!p-0 bg-white flex flex-shrink flex-col relative',\n        props.className\n    );\n    return <main {...props} className={className} ref={ref} />;\n});\n"],"names":["Content","React","forwardRef","LayoutContent","props","ref","className","cn"],"mappings":";;;MAKaA,OAAO,gBAAGC,cAAK,CAACC,UAAU,CAAqC,SAASC,aAAaA,CAACC,KAAK,EAAEC,GAAG;EACzG,MAAMC,SAAS,GAAGC,EAAE,CAChB,sHAAsH,EACtHH,KAAK,CAACE,SAAS,CAClB;EACD,oBAAOL,uDAAUG,KAAK;IAAEE,SAAS,EAAEA,SAAS;IAAED,GAAG,EAAEA;KAAO;AAC9D,CAAC;;;;"}
+{"version":3,"file":"Content.js","sources":["../../../../../../../../src/components/Layout/components/Content.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\n\nexport type LayoutContentProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const Content = React.forwardRef<HTMLDivElement, LayoutContentProps>(function LayoutContent(props, ref) {\n    const className = cn(\n        'flex-grow overflow-y-auto print:overflow-visible print:h-full print:!p-0 bg-white flex flex-shrink flex-col relative',\n        props.className\n    );\n    return <main {...props} className={className} ref={ref} />;\n});\n"],"names":["Content","React","forwardRef","LayoutContent","props","ref","className","cn"],"mappings":";;;IAKaA,OAAO,gBAAGC,cAAK,CAACC,UAAU,CAAqC,SAASC,aAAaA,CAACC,KAAK,EAAEC,GAAG;EACzG,IAAMC,SAAS,GAAGC,EAAE,CAChB,sHAAsH,EACtHH,KAAK,CAACE,SAAS,CAClB;EACD,oBAAOL,uDAAUG,KAAK;IAAEE,SAAS,EAAEA,SAAS;IAAED,GAAG,EAAEA;KAAO;AAC9D,CAAC;;;;"}

package/dist/esm/packages/taco/src/components/Layout/components/Context.js

@@ -1,8 +1,10 @@
 import React__default from 'react';
 
-const LayoutContext = /*#__PURE__*/React__default.createContext({
+var LayoutContext = /*#__PURE__*/React__default.createContext({
   sidebarOpen: false,
-  setSidebarOpen: () => undefined
+  setSidebarOpen: function setSidebarOpen() {
+    return undefined;
+  }
 });
 
 export { LayoutContext };

package/dist/esm/packages/taco/src/components/Layout/components/Context.js.map

@@ -1 +1 @@
-{"version":3,"file":"Context.js","sources":["../../../../../../../../src/components/Layout/components/Context.tsx"],"sourcesContent":["import React from 'react';\n\nexport type LayoutContextValue = {\n    sidebarOpen: boolean;\n    setSidebarOpen: React.Dispatch<React.SetStateAction<boolean>>;\n};\n\nexport const LayoutContext = React.createContext<LayoutContextValue>({ sidebarOpen: false, setSidebarOpen: () => undefined });\n"],"names":["LayoutContext","React","createContext","sidebarOpen","setSidebarOpen","undefined"],"mappings":";;MAOaA,aAAa,gBAAGC,cAAK,CAACC,aAAa,CAAqB;EAAEC,WAAW,EAAE,KAAK;EAAEC,cAAc,EAAEA,MAAMC;CAAW;;;;"}
+{"version":3,"file":"Context.js","sources":["../../../../../../../../src/components/Layout/components/Context.tsx"],"sourcesContent":["import React from 'react';\n\nexport type LayoutContextValue = {\n    sidebarOpen: boolean;\n    setSidebarOpen: React.Dispatch<React.SetStateAction<boolean>>;\n};\n\nexport const LayoutContext = React.createContext<LayoutContextValue>({ sidebarOpen: false, setSidebarOpen: () => undefined });\n"],"names":["LayoutContext","React","createContext","sidebarOpen","setSidebarOpen","undefined"],"mappings":";;IAOaA,aAAa,gBAAGC,cAAK,CAACC,aAAa,CAAqB;EAAEC,WAAW,EAAE,KAAK;EAAEC,cAAc,EAAE,SAAAA;IAAA,OAAMC,SAAS;;CAAE;;;;"}

package/dist/esm/packages/taco/src/components/Layout/components/Page.js

@@ -1,8 +1,8 @@
 import React__default from 'react';
 import cn from 'clsx';
 
-const Page = /*#__PURE__*/React__default.forwardRef(function LayoutPage(props, ref) {
-  const className = cn('flex flex-grow overflow-hidden print:overflow-visible print:h-full relative', props.className);
+var Page = /*#__PURE__*/React__default.forwardRef(function LayoutPage(props, ref) {
+  var className = cn('flex flex-grow overflow-hidden print:overflow-visible print:h-full relative', props.className);
   return /*#__PURE__*/React__default.createElement("div", Object.assign({}, props, {
     className: className,
     ref: ref

package/dist/esm/packages/taco/src/components/Layout/components/Page.js.map

@@ -1 +1 @@
-{"version":3,"file":"Page.js","sources":["../../../../../../../../src/components/Layout/components/Page.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\n\nexport type LayoutPageProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const Page = React.forwardRef<HTMLDivElement, LayoutPageProps>(function LayoutPage(props, ref) {\n    const className = cn('flex flex-grow overflow-hidden print:overflow-visible print:h-full relative', props.className);\n    return <div {...props} className={className} ref={ref} />;\n});\n"],"names":["Page","React","forwardRef","LayoutPage","props","ref","className","cn"],"mappings":";;;MAKaA,IAAI,gBAAGC,cAAK,CAACC,UAAU,CAAkC,SAASC,UAAUA,CAACC,KAAK,EAAEC,GAAG;EAChG,MAAMC,SAAS,GAAGC,EAAE,CAAC,6EAA6E,EAAEH,KAAK,CAACE,SAAS,CAAC;EACpH,oBAAOL,sDAASG,KAAK;IAAEE,SAAS,EAAEA,SAAS;IAAED,GAAG,EAAEA;KAAO;AAC7D,CAAC;;;;"}
+{"version":3,"file":"Page.js","sources":["../../../../../../../../src/components/Layout/components/Page.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\n\nexport type LayoutPageProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const Page = React.forwardRef<HTMLDivElement, LayoutPageProps>(function LayoutPage(props, ref) {\n    const className = cn('flex flex-grow overflow-hidden print:overflow-visible print:h-full relative', props.className);\n    return <div {...props} className={className} ref={ref} />;\n});\n"],"names":["Page","React","forwardRef","LayoutPage","props","ref","className","cn"],"mappings":";;;IAKaA,IAAI,gBAAGC,cAAK,CAACC,UAAU,CAAkC,SAASC,UAAUA,CAACC,KAAK,EAAEC,GAAG;EAChG,IAAMC,SAAS,GAAGC,EAAE,CAAC,6EAA6E,EAAEH,KAAK,CAACE,SAAS,CAAC;EACpH,oBAAOL,sDAASG,KAAK;IAAEE,SAAS,EAAEA,SAAS;IAAED,GAAG,EAAEA;KAAO;AAC7D,CAAC;;;;"}

package/dist/esm/packages/taco/src/components/Layout/components/Sidebar.js

@@ -1,30 +1,29 @@
 import React__default from 'react';
 import cn from 'clsx';
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { Backdrop } from '../../Backdrop/Backdrop.js';
 import { AnimatePresence, motion } from 'framer-motion';
 import { useIsLargeScreen } from '../../../hooks/useIsLargeScreen.js';
 import { LayoutContext } from './Context.js';
 
-const SidebarBackdrop = /*#__PURE__*/motion(Backdrop);
-const Sidebar = /*#__PURE__*/React__default.forwardRef(function LayoutSidebar(props, ref) {
-  const {
-    children,
-    ...attributes
-  } = props;
-  const {
-    sidebarOpen,
-    setSidebarOpen
-  } = React__default.useContext(LayoutContext);
-  const isLargeScreen = useIsLargeScreen();
-  const isSmallScreen = !isLargeScreen;
+var _excluded = ["children"];
+var SidebarBackdrop = /*#__PURE__*/motion(Backdrop);
+var Sidebar = /*#__PURE__*/React__default.forwardRef(function LayoutSidebar(props, ref) {
+  var children = props.children,
+    attributes = _objectWithoutPropertiesLoose(props, _excluded);
+  var _React$useContext = React__default.useContext(LayoutContext),
+    sidebarOpen = _React$useContext.sidebarOpen,
+    setSidebarOpen = _React$useContext.setSidebarOpen;
+  var isLargeScreen = useIsLargeScreen();
+  var isSmallScreen = !isLargeScreen;
   // if it's a large screen we override the open state and make it always visible
-  const isVisible = isLargeScreen || sidebarOpen;
+  var isVisible = isLargeScreen || sidebarOpen;
   // ensures the menu is always closed by default when resizing to a smaller window size
-  React__default.useEffect(() => {
+  React__default.useEffect(function () {
     setSidebarOpen(isLargeScreen);
   }, [isLargeScreen]);
-  React__default.useEffect(() => {
-    const handleEscapeKey = event => {
+  React__default.useEffect(function () {
+    var handleEscapeKey = function handleEscapeKey(event) {
       if (event.key === 'Escape') {
         event.preventDefault();
         event.stopPropagation();
@@ -34,13 +33,15 @@ const Sidebar = /*#__PURE__*/React__default.forwardRef(function LayoutSidebar(pr
     if (isSmallScreen && sidebarOpen) {
       window.addEventListener('keydown', handleEscapeKey);
     }
-    return () => {
+    return function () {
       window.removeEventListener('keydown', handleEscapeKey);
     };
   }, [isSmallScreen, sidebarOpen]);
-  const showBackdrop = isSmallScreen && sidebarOpen === true;
-  const [ready, setReady] = React__default.useState(isSmallScreen);
-  const className = cn('bg-grey-50 h-full w-64 flex-shrink-0 flex-grow-0 print:hidden', {
+  var showBackdrop = isSmallScreen && sidebarOpen === true;
+  var _React$useState = React__default.useState(isSmallScreen),
+    ready = _React$useState[0],
+    setReady = _React$useState[1];
+  var className = cn('bg-grey-50 h-full w-64 flex-shrink-0 flex-grow-0 print:hidden', {
     'absolute z-10 aria-hidden:-translate-x-64 ': isSmallScreen,
     // prevent animation when crossing the boundary from large to small screen,
     // this prevents awkward animation in the edge case (resizing the browser, instead of starting at a given size)
@@ -48,17 +49,21 @@ const Sidebar = /*#__PURE__*/React__default.forwardRef(function LayoutSidebar(pr
     'transition-[transform] duration-300 visible': isSmallScreen && ready,
     'border-r-2 border-black/[.08] ': !showBackdrop
   }, props.className);
-  React__default.useEffect(() => {
+  React__default.useEffect(function () {
     // ensure state is updated in the next cpu tick so that the animation definitely doesn't run
-    setTimeout(() => {
+    setTimeout(function () {
       setReady(isSmallScreen);
     }, 1);
   }, [isSmallScreen]);
-  const toggleSidebar = () => setSidebarOpen(open => !open);
-  const content = typeof children === 'function' ? children({
-    isLargeScreen,
+  var toggleSidebar = function toggleSidebar() {
+    return setSidebarOpen(function (open) {
+      return !open;
+    });
+  };
+  var content = typeof children === 'function' ? children({
+    isLargeScreen: isLargeScreen,
     open: sidebarOpen,
-    toggleSidebar
+    toggleSidebar: toggleSidebar
   }) : children;
   if (!content) {
     return null;
@@ -79,7 +84,9 @@ const Sidebar = /*#__PURE__*/React__default.forwardRef(function LayoutSidebar(pr
       opacity: 0
     },
     className: "z-[1]",
-    onClick: () => setSidebarOpen(false)
+    onClick: function onClick() {
+      return setSidebarOpen(false);
+    }
   }))));
 });
 

package/dist/esm/packages/taco/src/components/Layout/components/Sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.js","sources":["../../../../../../../../src/components/Layout/components/Sidebar.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { AnimatePresence, motion } from 'framer-motion';\nimport { LayoutContext } from './Context';\nimport { useIsLargeScreen } from '../../../hooks/useIsLargeScreen';\nimport { Backdrop, BackdropProps } from '../../Backdrop/Backdrop';\n\nconst SidebarBackdrop = motion<BackdropProps>(Backdrop);\n\nexport type LayoutSidebarProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const Sidebar = React.forwardRef<HTMLDivElement, LayoutSidebarProps>(function LayoutSidebar(props, ref) {\n    const { children, ...attributes } = props;\n    const { sidebarOpen, setSidebarOpen } = React.useContext(LayoutContext);\n    const isLargeScreen = useIsLargeScreen();\n    const isSmallScreen = !isLargeScreen;\n\n    // if it's a large screen we override the open state and make it always visible\n    const isVisible = isLargeScreen || sidebarOpen;\n\n    // ensures the menu is always closed by default when resizing to a smaller window size\n    React.useEffect(() => {\n        setSidebarOpen(isLargeScreen);\n    }, [isLargeScreen]);\n\n    React.useEffect(() => {\n        const handleEscapeKey = (event: KeyboardEvent) => {\n            if (event.key === 'Escape') {\n                event.preventDefault();\n                event.stopPropagation();\n                setSidebarOpen(false);\n            }\n        };\n\n        if (isSmallScreen && sidebarOpen) {\n            window.addEventListener('keydown', handleEscapeKey);\n        }\n\n        return () => {\n            window.removeEventListener('keydown', handleEscapeKey);\n        };\n    }, [isSmallScreen, sidebarOpen]);\n\n    const showBackdrop = isSmallScreen && sidebarOpen === true;\n\n    const [ready, setReady] = React.useState(isSmallScreen);\n\n    const className = cn(\n        'bg-grey-50 h-full w-64 flex-shrink-0 flex-grow-0 print:hidden',\n        {\n            'absolute z-10 aria-hidden:-translate-x-64 ': isSmallScreen,\n            // prevent animation when crossing the boundary from large to small screen,\n            // this prevents awkward animation in the edge case (resizing the browser, instead of starting at a given size)\n            invisible: isSmallScreen && !ready,\n            'transition-[transform] duration-300 visible': isSmallScreen && ready,\n            'border-r-2 border-black/[.08] ': !showBackdrop,\n        },\n        props.className\n    );\n\n    React.useEffect(() => {\n        // ensure state is updated in the next cpu tick so that the animation definitely doesn't run\n        setTimeout(() => {\n            setReady(isSmallScreen);\n        }, 1);\n    }, [isSmallScreen]);\n\n    const toggleSidebar = () => setSidebarOpen(open => !open);\n    const content = typeof children === 'function' ? children({ isLargeScreen, open: sidebarOpen, toggleSidebar }) : children;\n\n    if (!content) {\n        return null;\n    }\n\n    return (\n        <>\n            <nav {...attributes} data-responsive={isSmallScreen} aria-hidden={!isVisible} className={className} ref={ref}>\n                {content}\n            </nav>\n            <AnimatePresence>\n                {showBackdrop && (\n                    <SidebarBackdrop\n                        initial={{ opacity: 0 }}\n                        animate={{ opacity: 1 }}\n                        exit={{ opacity: 0 }}\n                        className=\"z-[1]\"\n                        onClick={() => setSidebarOpen(false)}\n                    />\n                )}\n            </AnimatePresence>\n        </>\n    );\n});\n"],"names":["SidebarBackdrop","motion","Backdrop","Sidebar","React","forwardRef","LayoutSidebar","props","ref","children","attributes","sidebarOpen","setSidebarOpen","useContext","LayoutContext","isLargeScreen","useIsLargeScreen","isSmallScreen","isVisible","useEffect","handleEscapeKey","event","key","preventDefault","stopPropagation","window","addEventListener","removeEventListener","showBackdrop","ready","setReady","useState","className","cn","invisible","setTimeout","toggleSidebar","open","content","AnimatePresence","initial","opacity","animate","exit","onClick"],"mappings":";;;;;;;AAOA,MAAMA,eAAe,gBAAGC,MAAM,CAAgBC,QAAQ,CAAC;MAI1CC,OAAO,gBAAGC,cAAK,CAACC,UAAU,CAAqC,SAASC,aAAaA,CAACC,KAAK,EAAEC,GAAG;EACzG,MAAM;IAAEC,QAAQ;IAAE,GAAGC;GAAY,GAAGH,KAAK;EACzC,MAAM;IAAEI,WAAW;IAAEC;GAAgB,GAAGR,cAAK,CAACS,UAAU,CAACC,aAAa,CAAC;EACvE,MAAMC,aAAa,GAAGC,gBAAgB,EAAE;EACxC,MAAMC,aAAa,GAAG,CAACF,aAAa;;EAGpC,MAAMG,SAAS,GAAGH,aAAa,IAAIJ,WAAW;;EAG9CP,cAAK,CAACe,SAAS,CAAC;IACZP,cAAc,CAACG,aAAa,CAAC;GAChC,EAAE,CAACA,aAAa,CAAC,CAAC;EAEnBX,cAAK,CAACe,SAAS,CAAC;IACZ,MAAMC,eAAe,GAAIC,KAAoB;MACzC,IAAIA,KAAK,CAACC,GAAG,KAAK,QAAQ,EAAE;QACxBD,KAAK,CAACE,cAAc,EAAE;QACtBF,KAAK,CAACG,eAAe,EAAE;QACvBZ,cAAc,CAAC,KAAK,CAAC;;KAE5B;IAED,IAAIK,aAAa,IAAIN,WAAW,EAAE;MAC9Bc,MAAM,CAACC,gBAAgB,CAAC,SAAS,EAAEN,eAAe,CAAC;;IAGvD,OAAO;MACHK,MAAM,CAACE,mBAAmB,CAAC,SAAS,EAAEP,eAAe,CAAC;KACzD;GACJ,EAAE,CAACH,aAAa,EAAEN,WAAW,CAAC,CAAC;EAEhC,MAAMiB,YAAY,GAAGX,aAAa,IAAIN,WAAW,KAAK,IAAI;EAE1D,MAAM,CAACkB,KAAK,EAAEC,QAAQ,CAAC,GAAG1B,cAAK,CAAC2B,QAAQ,CAACd,aAAa,CAAC;EAEvD,MAAMe,SAAS,GAAGC,EAAE,CAChB,+DAA+D,EAC/D;IACI,4CAA4C,EAAEhB,aAAa;;;IAG3DiB,SAAS,EAAEjB,aAAa,IAAI,CAACY,KAAK;IAClC,6CAA6C,EAAEZ,aAAa,IAAIY,KAAK;IACrE,gCAAgC,EAAE,CAACD;GACtC,EACDrB,KAAK,CAACyB,SAAS,CAClB;EAED5B,cAAK,CAACe,SAAS,CAAC;;IAEZgB,UAAU,CAAC;MACPL,QAAQ,CAACb,aAAa,CAAC;KAC1B,EAAE,CAAC,CAAC;GACR,EAAE,CAACA,aAAa,CAAC,CAAC;EAEnB,MAAMmB,aAAa,GAAGA,MAAMxB,cAAc,CAACyB,IAAI,IAAI,CAACA,IAAI,CAAC;EACzD,MAAMC,OAAO,GAAG,OAAO7B,QAAQ,KAAK,UAAU,GAAGA,QAAQ,CAAC;IAAEM,aAAa;IAAEsB,IAAI,EAAE1B,WAAW;IAAEyB;GAAe,CAAC,GAAG3B,QAAQ;EAEzH,IAAI,CAAC6B,OAAO,EAAE;IACV,OAAO,IAAI;;EAGf,oBACIlC,yEACIA,sDAASM,UAAU;uBAAmBO,aAAa;mBAAe,CAACC,SAAS;IAAEc,SAAS,EAAEA,SAAS;IAAExB,GAAG,EAAEA;MACpG8B,OAAO,CACN,eACNlC,6BAACmC,eAAe,QACXX,YAAY,kBACTxB,6BAACJ,eAAe;IACZwC,OAAO,EAAE;MAAEC,OAAO,EAAE;KAAG;IACvBC,OAAO,EAAE;MAAED,OAAO,EAAE;KAAG;IACvBE,IAAI,EAAE;MAAEF,OAAO,EAAE;KAAG;IACpBT,SAAS,EAAC,OAAO;IACjBY,OAAO,EAAEA,MAAMhC,cAAc,CAAC,KAAK;IACrC,CACL,CACa,CACnB;AAEX,CAAC;;;;"}
+{"version":3,"file":"Sidebar.js","sources":["../../../../../../../../src/components/Layout/components/Sidebar.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { AnimatePresence, motion } from 'framer-motion';\nimport { LayoutContext } from './Context';\nimport { useIsLargeScreen } from '../../../hooks/useIsLargeScreen';\nimport { Backdrop, BackdropProps } from '../../Backdrop/Backdrop';\n\nconst SidebarBackdrop = motion<BackdropProps>(Backdrop);\n\nexport type LayoutSidebarProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const Sidebar = React.forwardRef<HTMLDivElement, LayoutSidebarProps>(function LayoutSidebar(props, ref) {\n    const { children, ...attributes } = props;\n    const { sidebarOpen, setSidebarOpen } = React.useContext(LayoutContext);\n    const isLargeScreen = useIsLargeScreen();\n    const isSmallScreen = !isLargeScreen;\n\n    // if it's a large screen we override the open state and make it always visible\n    const isVisible = isLargeScreen || sidebarOpen;\n\n    // ensures the menu is always closed by default when resizing to a smaller window size\n    React.useEffect(() => {\n        setSidebarOpen(isLargeScreen);\n    }, [isLargeScreen]);\n\n    React.useEffect(() => {\n        const handleEscapeKey = (event: KeyboardEvent) => {\n            if (event.key === 'Escape') {\n                event.preventDefault();\n                event.stopPropagation();\n                setSidebarOpen(false);\n            }\n        };\n\n        if (isSmallScreen && sidebarOpen) {\n            window.addEventListener('keydown', handleEscapeKey);\n        }\n\n        return () => {\n            window.removeEventListener('keydown', handleEscapeKey);\n        };\n    }, [isSmallScreen, sidebarOpen]);\n\n    const showBackdrop = isSmallScreen && sidebarOpen === true;\n\n    const [ready, setReady] = React.useState(isSmallScreen);\n\n    const className = cn(\n        'bg-grey-50 h-full w-64 flex-shrink-0 flex-grow-0 print:hidden',\n        {\n            'absolute z-10 aria-hidden:-translate-x-64 ': isSmallScreen,\n            // prevent animation when crossing the boundary from large to small screen,\n            // this prevents awkward animation in the edge case (resizing the browser, instead of starting at a given size)\n            invisible: isSmallScreen && !ready,\n            'transition-[transform] duration-300 visible': isSmallScreen && ready,\n            'border-r-2 border-black/[.08] ': !showBackdrop,\n        },\n        props.className\n    );\n\n    React.useEffect(() => {\n        // ensure state is updated in the next cpu tick so that the animation definitely doesn't run\n        setTimeout(() => {\n            setReady(isSmallScreen);\n        }, 1);\n    }, [isSmallScreen]);\n\n    const toggleSidebar = () => setSidebarOpen(open => !open);\n    const content = typeof children === 'function' ? children({ isLargeScreen, open: sidebarOpen, toggleSidebar }) : children;\n\n    if (!content) {\n        return null;\n    }\n\n    return (\n        <>\n            <nav {...attributes} data-responsive={isSmallScreen} aria-hidden={!isVisible} className={className} ref={ref}>\n                {content}\n            </nav>\n            <AnimatePresence>\n                {showBackdrop && (\n                    <SidebarBackdrop\n                        initial={{ opacity: 0 }}\n                        animate={{ opacity: 1 }}\n                        exit={{ opacity: 0 }}\n                        className=\"z-[1]\"\n                        onClick={() => setSidebarOpen(false)}\n                    />\n                )}\n            </AnimatePresence>\n        </>\n    );\n});\n"],"names":["SidebarBackdrop","motion","Backdrop","Sidebar","React","forwardRef","LayoutSidebar","props","ref","children","attributes","_objectWithoutPropertiesLoose","_excluded","_React$useContext","useContext","LayoutContext","sidebarOpen","setSidebarOpen","isLargeScreen","useIsLargeScreen","isSmallScreen","isVisible","useEffect","handleEscapeKey","event","key","preventDefault","stopPropagation","window","addEventListener","removeEventListener","showBackdrop","_React$useState","useState","ready","setReady","className","cn","invisible","setTimeout","toggleSidebar","open","content","AnimatePresence","initial","opacity","animate","exit","onClick"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Layout/components/Top.js

@@ -1,13 +1,16 @@
 import React__default from 'react';
 import { LayoutContext } from './Context.js';
 
-const Top = props => {
-  const {
-    setSidebarOpen
-  } = React__default.useContext(LayoutContext);
-  const toggleSidebar = () => setSidebarOpen(open => !open);
+var Top = function Top(props) {
+  var _React$useContext = React__default.useContext(LayoutContext),
+    setSidebarOpen = _React$useContext.setSidebarOpen;
+  var toggleSidebar = function toggleSidebar() {
+    return setSidebarOpen(function (open) {
+      return !open;
+    });
+  };
   return typeof props.children === 'function' ? props.children({
-    toggleSidebar
+    toggleSidebar: toggleSidebar
   }) : props.children;
 };
 

package/dist/esm/packages/taco/src/components/Layout/components/Top.js.map

@@ -1 +1 @@
-{"version":3,"file":"Top.js","sources":["../../../../../../../../src/components/Layout/components/Top.tsx"],"sourcesContent":["import React from 'react';\nimport { LayoutContext } from './Context';\n\nexport type LayoutTopProps = {\n    children: React.ReactNode | React.ReactNode[] | (({ toggleSidebar }) => React.ReactNode | React.ReactNode[]);\n};\n\nexport const Top = (props: LayoutTopProps) => {\n    const { setSidebarOpen } = React.useContext(LayoutContext);\n    const toggleSidebar = () => setSidebarOpen(open => !open);\n\n    return typeof props.children === 'function' ? props.children({ toggleSidebar }) : props.children;\n};\n"],"names":["Top","props","setSidebarOpen","React","useContext","LayoutContext","toggleSidebar","open","children"],"mappings":";;;MAOaA,GAAG,GAAIC,KAAqB;EACrC,MAAM;IAAEC;GAAgB,GAAGC,cAAK,CAACC,UAAU,CAACC,aAAa,CAAC;EAC1D,MAAMC,aAAa,GAAGA,MAAMJ,cAAc,CAACK,IAAI,IAAI,CAACA,IAAI,CAAC;EAEzD,OAAO,OAAON,KAAK,CAACO,QAAQ,KAAK,UAAU,GAAGP,KAAK,CAACO,QAAQ,CAAC;IAAEF;GAAe,CAAC,GAAGL,KAAK,CAACO,QAAQ;AACpG;;;;"}
+{"version":3,"file":"Top.js","sources":["../../../../../../../../src/components/Layout/components/Top.tsx"],"sourcesContent":["import React from 'react';\nimport { LayoutContext } from './Context';\n\nexport type LayoutTopProps = {\n    children: React.ReactNode | React.ReactNode[] | (({ toggleSidebar }) => React.ReactNode | React.ReactNode[]);\n};\n\nexport const Top = (props: LayoutTopProps) => {\n    const { setSidebarOpen } = React.useContext(LayoutContext);\n    const toggleSidebar = () => setSidebarOpen(open => !open);\n\n    return typeof props.children === 'function' ? props.children({ toggleSidebar }) : props.children;\n};\n"],"names":["Top","props","_React$useContext","React","useContext","LayoutContext","setSidebarOpen","toggleSidebar","open","children"],"mappings":";;;IAOaA,GAAG,GAAG,SAANA,GAAGA,CAAIC,KAAqB;EACrC,IAAAC,iBAAA,GAA2BC,cAAK,CAACC,UAAU,CAACC,aAAa,CAAC;IAAlDC,cAAc,GAAAJ,iBAAA,CAAdI,cAAc;EACtB,IAAMC,aAAa,GAAG,SAAhBA,aAAaA;IAAA,OAASD,cAAc,CAAC,UAAAE,IAAI;MAAA,OAAI,CAACA,IAAI;MAAC;;EAEzD,OAAO,OAAOP,KAAK,CAACQ,QAAQ,KAAK,UAAU,GAAGR,KAAK,CAACQ,QAAQ,CAAC;IAAEF,aAAa,EAAbA;GAAe,CAAC,GAAGN,KAAK,CAACQ,QAAQ;AACpG;;;;"}

package/dist/esm/packages/taco/src/components/List/components/Button.js

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import { Item } from './Item.js';
 
-const Button = /*#__PURE__*/React__default.forwardRef(function Link(props, ref) {
+var Button = /*#__PURE__*/React__default.forwardRef(function Link(props, ref) {
   return /*#__PURE__*/React__default.createElement(Item, Object.assign({}, props, {
     as: "button",
     ref: ref

package/dist/esm/packages/taco/src/components/List/components/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../../../../../../src/components/List/components/Button.tsx"],"sourcesContent":["import React from 'react';\nimport { Item, ComposableListItemProps } from './Item';\n\nexport type ListButtonProps = Omit<ComposableListItemProps<'button'>, 'onClick'> & {\n    onClick: React.MouseEventHandler<HTMLButtonElement>;\n};\n\nexport const Button = React.forwardRef<HTMLButtonElement, ListButtonProps>(function Link(props, ref) {\n    return <Item {...props} as=\"button\" ref={ref} />;\n});\n"],"names":["Button","React","forwardRef","Link","props","ref","Item","as"],"mappings":";;;MAOaA,MAAM,gBAAGC,cAAK,CAACC,UAAU,CAAqC,SAASC,IAAIA,CAACC,KAAK,EAAEC,GAAG;EAC/F,oBAAOJ,6BAACK,IAAI,oBAAKF,KAAK;IAAEG,EAAE,EAAC,QAAQ;IAACF,GAAG,EAAEA;KAAO;AACpD,CAAC;;;;"}
+{"version":3,"file":"Button.js","sources":["../../../../../../../../src/components/List/components/Button.tsx"],"sourcesContent":["import React from 'react';\nimport { Item, ComposableListItemProps } from './Item';\n\nexport type ListButtonProps = Omit<ComposableListItemProps<'button'>, 'onClick'> & {\n    onClick: React.MouseEventHandler<HTMLButtonElement>;\n};\n\nexport const Button = React.forwardRef<HTMLButtonElement, ListButtonProps>(function Link(props, ref) {\n    return <Item {...props} as=\"button\" ref={ref} />;\n});\n"],"names":["Button","React","forwardRef","Link","props","ref","Item","as"],"mappings":";;;IAOaA,MAAM,gBAAGC,cAAK,CAACC,UAAU,CAAqC,SAASC,IAAIA,CAACC,KAAK,EAAEC,GAAG;EAC/F,oBAAOJ,6BAACK,IAAI,oBAAKF,KAAK;IAAEG,EAAE,EAAC,QAAQ;IAACF,GAAG,EAAEA;KAAO;AACpD,CAAC;;;;"}

package/dist/esm/packages/taco/src/components/List/components/Collapsible.js

@@ -1,15 +1,18 @@
 import React__default from 'react';
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { Icon } from '../../Icon/Icon.js';
 import { Item } from './Item.js';
 import { Root, Trigger, Content } from '@radix-ui/react-collapsible';
 
-const Collapsible = /*#__PURE__*/React__default.forwardRef(function Accordion(props, ref) {
-  const {
-    defaultOpen = false,
-    ...attributes
-  } = props;
-  const [open, setOpen] = React__default.useState(defaultOpen);
-  const control = /*#__PURE__*/React__default.createElement(Icon, {
+var _excluded = ["defaultOpen"];
+var Collapsible = /*#__PURE__*/React__default.forwardRef(function Accordion(props, ref) {
+  var _props$defaultOpen = props.defaultOpen,
+    defaultOpen = _props$defaultOpen === void 0 ? false : _props$defaultOpen,
+    attributes = _objectWithoutPropertiesLoose(props, _excluded);
+  var _React$useState = React__default.useState(defaultOpen),
+    open = _React$useState[0],
+    setOpen = _React$useState[1];
+  var control = /*#__PURE__*/React__default.createElement(Icon, {
     name: open ? 'chevron-up' : 'chevron-down'
   });
   return /*#__PURE__*/React__default.createElement(Root, {