@economic/taco 2.40.0 → 2.40.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.js","sources":["../../../../../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\nimport * as ButtonPrimitive from '../../primitives/Button';\nimport { Icon, IconName } from '../Icon/Icon';\nimport { getAppearanceClasses, getButtonClasses, createButtonWithTooltip, createButtonWithOverlays } from '../Button/util';\nimport { Appearance } from '../../types';\nimport { DialogProps, HangerProps, MenuProps, PopoverProps } from '../..';\n\nexport type IconButtonProps = Omit<ButtonPrimitive.ButtonProps, 'children'> & {\n    /** Appearance will change the style of the button */\n    appearance?: Appearance;\n    /**\n     * Dialog component associated with the button, clicking the button will open the dialog.\n     * *Note* that `onClick` event on button won't be handled, as in this case, the purpose of\n     * the button should be only to open the associated dialog when clicked.\n     */\n    dialog?: (props: Partial<DialogProps>) => JSX.Element;\n    /** Hanger component associated with the button. */\n    hanger?: (props: Partial<HangerProps>) => JSX.Element;\n    /** Set which icon should be rendered within button */\n    icon: IconName; // this dynamic type causes the type extraction for props to fail\n    /** Menu component associated with the button. */\n    menu?: (props: Partial<MenuProps>) => JSX.Element;\n    /**\n     * Popover component associated with the button, clicking the button will open the popover.\n     * *Note* that `onClick` event on button won't be handled, as in this case, the purpose of\n     * the button should be only to open the associated popover when clicked.\n     */\n    popover?: (props: Partial<PopoverProps>) => JSX.Element;\n    /**\n     * Set whether the button is rounded.\n     * Default value is `false`\n     */\n    rounded?: boolean;\n    /** A tooltip to show when hovering over the button */\n    tooltip?: string | JSX.Element;\n};\n\nexport const Base = React.forwardRef(function IconButtonBase(\n    props: IconButtonProps,\n    ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>\n) {\n    const { icon, rounded = false, ...otherProps } = props;\n\n    const className = cn(\n        'w-8',\n        getButtonClasses(),\n        getAppearanceClasses(otherProps.appearance, true),\n        {\n            'rounded-full': rounded,\n            rounded: !rounded,\n        },\n        props.className\n    );\n\n    if (!icon) {\n        return null;\n    }\n\n    return createButtonWithTooltip(\n        { ...otherProps, children: <Icon name={icon} className=\"m-0 p-0\" />, 'data-taco': 'icon-button' },\n        className,\n        ref\n    );\n});\n\nexport const IconButton = React.forwardRef(function Button(\n    props: IconButtonProps,\n    ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>\n) {\n    const { dialog, hanger, menu, popover, ...buttonProps } = props;\n    const button = <Base {...buttonProps} ref={ref} />;\n\n    return createButtonWithOverlays({ dialog, hanger, menu, popover }, button);\n});\n"],"names":["Base","React","IconButtonBase","props","ref","icon","rounded","otherProps","className","cn","getButtonClasses","getAppearanceClasses","appearance","createButtonWithTooltip","children","Icon","name","IconButton","Button","dialog","hanger","menu","popover","buttonProps","button","createButtonWithOverlays"],"mappings":";;;;;MAsCaA,IAAI,gBAAGC,UAAgB,CAAC,SAASC,cAAcA,CACxDC,KAAsB,EACtBC,GAAqD;EAErD,MAAM;IAAEC,IAAI;IAAEC,OAAO,GAAG,KAAK;IAAE,GAAGC;GAAY,GAAGJ,KAAK;EAEtD,MAAMK,SAAS,GAAGC,EAAE,CAChB,KAAK,EACLC,gBAAgB,EAAE,EAClBC,oBAAoB,CAACJ,UAAU,CAACK,UAAU,EAAE,IAAI,CAAC,EACjD;IACI,cAAc,EAAEN,OAAO;IACvBA,OAAO,EAAE,CAACA;GACb,EACDH,KAAK,CAACK,SAAS,CAClB;EAED,IAAI,CAACH,IAAI,EAAE;IACP,OAAO,IAAI;;EAGf,OAAOQ,uBAAuB,CAC1B;IAAE,GAAGN,UAAU;IAAEO,QAAQ,eAAEb,cAACc,IAAI;MAACC,IAAI,EAAEX,IAAI;MAAEG,SAAS,EAAC;MAAY;IAAE,WAAW,EAAE;GAAe,EACjGA,SAAS,EACTJ,GAAG,CACN;AACL,CAAC;MAEYa,UAAU,gBAAGhB,UAAgB,CAAC,SAASiB,MAAMA,CACtDf,KAAsB,EACtBC,GAAqD;EAErD,MAAM;IAAEe,MAAM;IAAEC,MAAM;IAAEC,IAAI;IAAEC,OAAO;IAAE,GAAGC;GAAa,GAAGpB,KAAK;EAC/D,MAAMqB,MAAM,gBAAGvB,cAACD,IAAI,oBAAKuB,WAAW;IAAEnB,GAAG,EAAEA;KAAO;EAElD,OAAOqB,wBAAwB,CAAC;IAAEN,MAAM;IAAEC,MAAM;IAAEC,IAAI;IAAEC;GAAS,EAAEE,MAAM,CAAC;AAC9E,CAAC;;;;"}

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

@@ -0,0 +1,160 @@
+import { forwardRef, createElement, useLayoutEffect, useRef, memo, cloneElement } from 'react';
+import cn from 'clsx';
+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);
+  // input[type=number] does not support setSelectionRange by default, this adds support
+  useLayoutEffect(() => {
+    if (internalRef.current && type === 'number') {
+      (function (fn) {
+        internalRef.current.setSelectionRange = function (...args) {
+          if (this.type === 'number') {
+            this.type = 'text';
+            fn.apply(this, args);
+            this.type = 'number';
+          } else {
+            fn.apply(this, args);
+          }
+        };
+      })(internalRef.current.setSelectionRange);
+    }
+  }, []);
+  const handleKeyDown = event => {
+    // prevent any external keyboard shortcuts from executing while typing single characters in input
+    if (event.key.length === 1 && !isPressingMetaKey(event)) {
+      event.stopPropagation();
+    }
+    // home and end keys only navigate to the start/end of input value if the input container does not scroll
+    // if it has scroll height then the browser reverts to native scrolling behaviour only
+    // so we manually override it to ensure _our_ desired behaviour remains intact
+    // only the 'text', 'search', 'url', 'tel', 'password' input types support setSelectionRange
+    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;
+        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;
+          internalRef.current.scrollLeft = scrollPosition;
+        }
+      }
+    }
+    if (typeof onKeyDown === 'function') {
+      onKeyDown(event);
+    }
+  };
+  const prefixRef = useRef(null);
+  const prefixRect = useBoundingClientRectListener(prefixRef);
+  const postfixRef = useRef(null);
+  const postfixRect = useBoundingClientRectListener(postfixRef, [postfix]);
+  const className = cn(getInputClasses(props), {
+    'pl-8': !!prefix,
+    'pr-8': !!postfix
+  }, attributes.className);
+  const typeAttributes = {
+    type
+  };
+  if (type === 'number') {
+    typeAttributes.onWheelCapture = event => {
+      // blur is the only way to prevent scroll, so restore focus if it had it
+      if (document.activeElement === event.currentTarget) {
+        requestAnimationFrame(() => {
+          event.target.focus();
+        });
+      }
+      // blur the field on scroll - only way to prevent scroll
+      event.currentTarget.blur();
+    };
+  }
+  return /*#__PURE__*/createElement("div", {
+    className: "relative inline-flex h-fit w-full",
+    "data-taco": "input-container",
+    style: {
+      opacity: 0.999
+    }
+  }, /*#__PURE__*/createElement("input", Object.assign({}, attributes, typeAttributes, {
+    "aria-invalid": invalid,
+    className: className,
+    "data-highlighted": highlighted,
+    "data-taco": "input",
+    onKeyDown: handleKeyDown,
+    ref: internalRef,
+    style: {
+      paddingLeft: prefixRect ? `${prefixRect.width - 1}px` : undefined,
+      paddingRight: postfixRect ? `${postfixRect.width - 1}px` : undefined
+    }
+  })), prefix ? /*#__PURE__*/createElement(Affix, {
+    type: "prefix",
+    children: prefix,
+    disabled: attributes.disabled,
+    ref: prefixRef
+  }) : null, postfix ? /*#__PURE__*/createElement(Affix, {
+    type: "postfix",
+    children: postfix,
+    disabled: attributes.disabled,
+    ref: postfixRef
+  }) : null);
+});
+const Affix = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(function Affix(props, ref) {
+  const {
+    children,
+    disabled,
+    type
+  } = props;
+  return /*#__PURE__*/createElement("div", {
+    className: cn('group absolute top-0 flex h-full items-center justify-center px-2',
+    // icon
+    '[&_[data-taco="icon"]]:!h-5 [&_[data-taco="icon"]]:!w-5', {
+      'text-grey-300': disabled,
+      'text-grey-700': !disabled,
+      'left-0 [&>button]:!-ml-2': type === 'prefix',
+      'right-0 [&>button]:!-mr-2': type === 'postfix'
+    }),
+    "data-affix-type": type,
+    ref: ref
+  }, children);
+}));
+const Input = /*#__PURE__*/forwardRef(function LegacyInput(props, ref) {
+  var _attributes$postfix;
+  const {
+    button,
+    icon,
+    ...attributes
+  } = props;
+  let 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);
+    postfix = /*#__PURE__*/cloneElement(button, {
+      className: buttonClassName,
+      disabled
+    });
+  } else if (icon) {
+    postfix = typeof icon === 'string' ? /*#__PURE__*/createElement(Icon, {
+      name: icon
+    }) : icon;
+  }
+  return /*#__PURE__*/createElement(InputWithoutDeprecatedFeatures, Object.assign({}, attributes, {
+    postfix: (_attributes$postfix = attributes.postfix) !== null && _attributes$postfix !== void 0 ? _attributes$postfix : postfix,
+    ref: ref
+  }));
+});
+
+export { Input };
+//# sourceMappingURL=Input.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,34 @@
+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'];
+  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-visible:yt-focus',
+  // hide the arrow controls on input[type=number]
+  '[appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none', {
+    'bg-white': !props.highlighted && !readOnly,
+    // default
+    'border-grey-300 enabled:hover:border-grey-500 disabled:border-grey-200': !invalid,
+    // disabled
+    'text-opacity-25 cursor-not-allowed placeholder:text-grey-700': disabled,
+    // highlighted
+    'bg-yellow-100/50': props.highlighted && disabled,
+    'bg-yellow-100': props.highlighted && !disabled,
+    // invalid
+    'border-red-500 enabled:hover:border-red-700 disabled:border-red-500/50': invalid,
+    // readOnly
+    'cursor-not-allowed text-black bg-grey-200': readOnly
+  });
+};
+const getButtonStateClasses = (invalid, 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
+    });
+  }
+  return 'border border-grey-300 group-peer-hover:enabled:border-grey-500 transition-colors transition-opacity ease-in';
+};
+
+export { getButtonStateClasses, getInputClasses };
+//# sourceMappingURL=util.js.map

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

@@ -0,0 +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-visible: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,wOAAwO;;EAExO,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;;;;"}

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

@@ -0,0 +1,28 @@
+import React__default from 'react';
+import cn from 'clsx';
+import { LayoutContext } from './components/Context.js';
+import { Content } from './components/Content.js';
+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);
+  return /*#__PURE__*/React__default.createElement(LayoutContext.Provider, {
+    value: {
+      sidebarOpen,
+      setSidebarOpen
+    }
+  }, /*#__PURE__*/React__default.createElement("div", Object.assign({}, props, {
+    className: className,
+    ref: ref
+  })));
+});
+Layout.Top = Top;
+Layout.Page = Page;
+Layout.Sidebar = Sidebar;
+Layout.Content = Content;
+
+export { Layout };
+//# sourceMappingURL=Layout.js.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,13 @@
+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);
+  return /*#__PURE__*/React__default.createElement("main", Object.assign({}, props, {
+    className: className,
+    ref: ref
+  }));
+});
+
+export { Content };
+//# sourceMappingURL=Content.js.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,9 @@
+import React__default from 'react';
+
+const LayoutContext = /*#__PURE__*/React__default.createContext({
+  sidebarOpen: false,
+  setSidebarOpen: () => undefined
+});
+
+export { LayoutContext };
+//# sourceMappingURL=Context.js.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,13 @@
+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);
+  return /*#__PURE__*/React__default.createElement("div", Object.assign({}, props, {
+    className: className,
+    ref: ref
+  }));
+});
+
+export { Page };
+//# sourceMappingURL=Page.js.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,87 @@
+import React__default from 'react';
+import cn from 'clsx';
+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;
+  // if it's a large screen we override the open state and make it always visible
+  const isVisible = isLargeScreen || sidebarOpen;
+  // ensures the menu is always closed by default when resizing to a smaller window size
+  React__default.useEffect(() => {
+    setSidebarOpen(isLargeScreen);
+  }, [isLargeScreen]);
+  React__default.useEffect(() => {
+    const handleEscapeKey = event => {
+      if (event.key === 'Escape') {
+        event.preventDefault();
+        event.stopPropagation();
+        setSidebarOpen(false);
+      }
+    };
+    if (isSmallScreen && sidebarOpen) {
+      window.addEventListener('keydown', handleEscapeKey);
+    }
+    return () => {
+      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', {
+    '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)
+    invisible: isSmallScreen && !ready,
+    'transition-[transform] duration-300 visible': isSmallScreen && ready,
+    'border-r-2 border-black/[.08] ': !showBackdrop
+  }, props.className);
+  React__default.useEffect(() => {
+    // ensure state is updated in the next cpu tick so that the animation definitely doesn't run
+    setTimeout(() => {
+      setReady(isSmallScreen);
+    }, 1);
+  }, [isSmallScreen]);
+  const toggleSidebar = () => setSidebarOpen(open => !open);
+  const content = typeof children === 'function' ? children({
+    isLargeScreen,
+    open: sidebarOpen,
+    toggleSidebar
+  }) : children;
+  if (!content) {
+    return null;
+  }
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("nav", Object.assign({}, attributes, {
+    "data-responsive": isSmallScreen,
+    "aria-hidden": !isVisible,
+    className: className,
+    ref: ref
+  }), content), /*#__PURE__*/React__default.createElement(AnimatePresence, null, showBackdrop && (/*#__PURE__*/React__default.createElement(SidebarBackdrop, {
+    initial: {
+      opacity: 0
+    },
+    animate: {
+      opacity: 1
+    },
+    exit: {
+      opacity: 0
+    },
+    className: "z-[1]",
+    onClick: () => setSidebarOpen(false)
+  }))));
+});
+
+export { Sidebar };
+//# sourceMappingURL=Sidebar.js.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,15 @@
+import React__default from 'react';
+import { LayoutContext } from './Context.js';
+
+const Top = props => {
+  const {
+    setSidebarOpen
+  } = React__default.useContext(LayoutContext);
+  const toggleSidebar = () => setSidebarOpen(open => !open);
+  return typeof props.children === 'function' ? props.children({
+    toggleSidebar
+  }) : props.children;
+};
+
+export { Top };
+//# sourceMappingURL=Top.js.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,21 @@
+import React__default from 'react';
+import { Group } from './components/Group.js';
+import { Link } from './components/Link.js';
+import { Collapsible } from './components/Collapsible.js';
+import { Switch, Checkbox } from './components/Toggle.js';
+import { Button } from './components/Button.js';
+
+function List(props) {
+  return /*#__PURE__*/React__default.createElement("div", Object.assign({}, props, {
+    "data-taco": "list"
+  }));
+}
+List.Button = Button;
+List.Link = Link;
+List.Collapsible = Collapsible;
+List.Switch = Switch;
+List.Checkbox = Checkbox;
+List.Group = Group;
+
+export { List };
+//# sourceMappingURL=List.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"List.js","sources":["../../../../../../../src/components/List/List.tsx"],"sourcesContent":["import React from 'react';\nimport { Group } from './components/Group';\nimport { Link } from './components/Link';\nimport { Collapsible } from './components/Collapsible';\nimport { Checkbox, Switch } from './components/Toggle';\nimport { Button } from './components/Button';\nimport './List.css';\n\nexport type ListProps = React.HTMLAttributes<HTMLDivElement> & {\n    /* One or more of List.Button, List.Link, List.Collapsible, List.Checkbox, List.Switch or List.Group */\n    children: JSX.Element | (JSX.Element | boolean | null | undefined)[];\n};\n\nexport function List(props: ListProps) {\n    return <div {...props} data-taco=\"list\" />;\n}\n\nList.Button = Button;\nList.Link = Link;\nList.Collapsible = Collapsible;\nList.Switch = Switch;\nList.Checkbox = Checkbox;\nList.Group = Group;\n\nexport type { ListButtonProps } from './components/Button';\nexport type { ListLinkProps } from './components/Link';\nexport type { ListCollapsibleProps } from './components/Collapsible';\nexport type { ListGroupProps } from './components/Group';\nexport type { ListSwitchProps, ListCheckboxProps } from './components/Toggle';\n"],"names":["List","props","React","Button","Link","Collapsible","Switch","Checkbox","Group"],"mappings":";;;;;;;SAagBA,IAAIA,CAACC,KAAgB;EACjC,oBAAOC,sDAASD,KAAK;iBAAY;KAAS;AAC9C;AAEAD,IAAI,CAACG,MAAM,GAAGA,MAAM;AACpBH,IAAI,CAACI,IAAI,GAAGA,IAAI;AAChBJ,IAAI,CAACK,WAAW,GAAGA,WAAW;AAC9BL,IAAI,CAACM,MAAM,GAAGA,MAAM;AACpBN,IAAI,CAACO,QAAQ,GAAGA,QAAQ;AACxBP,IAAI,CAACQ,KAAK,GAAGA,KAAK;;;;"}

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

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

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,30 @@
+import React__default from 'react';
+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, {
+    name: open ? 'chevron-up' : 'chevron-down'
+  });
+  return /*#__PURE__*/React__default.createElement(Root, {
+    "data-taco": "list-item-collapsible",
+    disabled: props.disabled,
+    open: open,
+    onOpenChange: setOpen
+  }, /*#__PURE__*/React__default.createElement(Trigger, {
+    asChild: true
+  }, /*#__PURE__*/React__default.createElement(Item, Object.assign({}, attributes, {
+    as: "button",
+    control: control,
+    ref: ref
+  }))), /*#__PURE__*/React__default.createElement(Content, null, props.children));
+});
+
+export { Collapsible };
+//# sourceMappingURL=Collapsible.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.js","sources":["../../../../../../../../src/components/List/components/Collapsible.tsx"],"sourcesContent":["import React from 'react';\nimport * as CollapsiblePrimitive from '@radix-ui/react-collapsible';\nimport { Item, ComposableListItemProps } from './Item';\nimport { Icon } from '../../Icon/Icon';\n\nexport type ListCollapsibleProps = Omit<ComposableListItemProps<typeof CollapsiblePrimitive.Root>, 'children'> & {\n    children: JSX.Element | JSX.Element[];\n    defaultOpen?: boolean;\n};\n\nexport const Collapsible = React.forwardRef<HTMLDivElement, ListCollapsibleProps>(function Accordion(props, ref) {\n    const { defaultOpen = false, ...attributes } = props;\n    const [open, setOpen] = React.useState(defaultOpen);\n    const control = <Icon name={open ? 'chevron-up' : 'chevron-down'} />;\n\n    return (\n        <CollapsiblePrimitive.Root data-taco=\"list-item-collapsible\" disabled={props.disabled} open={open} onOpenChange={setOpen}>\n            <CollapsiblePrimitive.Trigger asChild>\n                <Item {...attributes} as=\"button\" control={control} ref={ref} />\n            </CollapsiblePrimitive.Trigger>\n            <CollapsiblePrimitive.Content>{props.children}</CollapsiblePrimitive.Content>\n        </CollapsiblePrimitive.Root>\n    );\n});\n"],"names":["Collapsible","React","forwardRef","Accordion","props","ref","defaultOpen","attributes","open","setOpen","useState","control","Icon","name","CollapsiblePrimitive","disabled","onOpenChange","asChild","Item","as","children"],"mappings":";;;;;MAUaA,WAAW,gBAAGC,cAAK,CAACC,UAAU,CAAuC,SAASC,SAASA,CAACC,KAAK,EAAEC,GAAG;EAC3G,MAAM;IAAEC,WAAW,GAAG,KAAK;IAAE,GAAGC;GAAY,GAAGH,KAAK;EACpD,MAAM,CAACI,IAAI,EAAEC,OAAO,CAAC,GAAGR,cAAK,CAACS,QAAQ,CAACJ,WAAW,CAAC;EACnD,MAAMK,OAAO,gBAAGV,6BAACW,IAAI;IAACC,IAAI,EAAEL,IAAI,GAAG,YAAY,GAAG;IAAkB;EAEpE,oBACIP,6BAACa,IAAyB;iBAAW,uBAAuB;IAACC,QAAQ,EAAEX,KAAK,CAACW,QAAQ;IAAEP,IAAI,EAAEA,IAAI;IAAEQ,YAAY,EAAEP;kBAC7GR,6BAACa,OAA4B;IAACG,OAAO;kBACjChB,6BAACiB,IAAI,oBAAKX,UAAU;IAAEY,EAAE,EAAC,QAAQ;IAACR,OAAO,EAAEA,OAAO;IAAEN,GAAG,EAAEA;KAAO,CACrC,eAC/BJ,6BAACa,OAA4B,QAAEV,KAAK,CAACgB,QAAQ,CAAgC,CACrD;AAEpC,CAAC;;;;"}

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

@@ -0,0 +1,11 @@
+import React__default from 'react';
+
+const Group = /*#__PURE__*/React__default.forwardRef(function Group(props, ref) {
+  return /*#__PURE__*/React__default.createElement("div", Object.assign({}, props, {
+    "data-taco": "list-group",
+    ref: ref
+  }));
+});
+
+export { Group };
+//# sourceMappingURL=Group.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Group.js","sources":["../../../../../../../../src/components/List/components/Group.tsx"],"sourcesContent":["import React from 'react';\n\nexport type ListGroupProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {\n    children: JSX.Element | JSX.Element[];\n};\n\nexport const Group = React.forwardRef<HTMLDivElement, ListGroupProps>(function Group(props, ref) {\n    return <div {...props} data-taco=\"list-group\" ref={ref} />;\n});\n"],"names":["Group","React","forwardRef","props","ref"],"mappings":";;MAMaA,KAAK,gBAAGC,cAAK,CAACC,UAAU,CAAiC,SAASF,KAAKA,CAACG,KAAK,EAAEC,GAAG;EAC3F,oBAAOH,sDAASE,KAAK;iBAAY,YAAY;IAACC,GAAG,EAAEA;KAAO;AAC9D,CAAC;;;;"}

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

@@ -0,0 +1,40 @@
+import React__default from 'react';
+import cn from 'clsx';
+import { getSubtleColorShadeClasses } from '../../../utils/tailwind.js';
+import { Icon } from '../../Icon/Icon.js';
+
+const Item = /*#__PURE__*/React__default.forwardRef(function Item(props, ref) {
+  const {
+    as: Tag = 'div',
+    control,
+    description,
+    disabled,
+    icon,
+    color,
+    tabIndex = 0,
+    title,
+    ...attributes
+  } = props;
+  const iconClassName = cn('flex shrink-0 h-10 w-10 items-center justify-center rounded-md border border-black/10', getSubtleColorShadeClasses(color !== null && color !== void 0 ? color : 'transparent'));
+  return /*#__PURE__*/React__default.createElement(Tag, Object.assign({}, attributes, {
+    "aria-disabled": disabled ? true : undefined,
+    "data-taco": "list-item",
+    ref: ref,
+    tabIndex: disabled ? -1 : tabIndex
+  }), icon ? (/*#__PURE__*/React__default.createElement("span", {
+    className: iconClassName
+  }, /*#__PURE__*/React__default.createElement(Icon, {
+    name: icon
+  }))) : null, /*#__PURE__*/React__default.createElement("div", {
+    className: "flex grow flex-col justify-center"
+  }, /*#__PURE__*/React__default.createElement("span", {
+    className: "font-bold text-black"
+  }, title), description ? /*#__PURE__*/React__default.createElement("span", {
+    className: "text-grey-700"
+  }, description) : null), /*#__PURE__*/React__default.createElement("div", {
+    className: "text-grey-700 flex shrink-0 items-center"
+  }, control));
+});
+
+export { Item };
+//# sourceMappingURL=Item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Item.js","sources":["../../../../../../../../src/components/List/components/Item.tsx"],"sourcesContent":["import React from 'react';\nimport clsx from 'clsx';\nimport { Icon, IconName } from '../../Icon/Icon';\nimport { Color } from '../../../types';\nimport { getSubtleColorShadeClasses } from '../../../utils/tailwind';\n\nexport type ListItemProps<ElementType extends React.ElementType> = Omit<React.ComponentPropsWithoutRef<ElementType>, 'title'> & {\n    as?: ElementType;\n    color?: Color;\n    control?: JSX.Element;\n    description?: string | JSX.Element;\n    disabled?: boolean;\n    icon?: IconName;\n    title: string | JSX.Element;\n};\n\nexport type ComposableListItemProps<ElementType extends React.ElementType> = Omit<\n    ListItemProps<ElementType>,\n    'as' | 'control' | 'onChange'\n>;\n\nexport const Item = React.forwardRef<HTMLElement, ListItemProps<React.ElementType>>(function Item(props, ref) {\n    const { as: Tag = 'div', control, description, disabled, icon, color, tabIndex = 0, title, ...attributes } = props;\n    const iconClassName = clsx(\n        'flex shrink-0 h-10 w-10 items-center justify-center rounded-md border border-black/10',\n        getSubtleColorShadeClasses(color ?? 'transparent')\n    );\n\n    return (\n        <Tag\n            {...attributes}\n            aria-disabled={disabled ? true : undefined}\n            data-taco=\"list-item\"\n            ref={ref as any}\n            tabIndex={disabled ? -1 : tabIndex}>\n            {icon ? (\n                <span className={iconClassName}>\n                    <Icon name={icon} />\n                </span>\n            ) : null}\n            <div className=\"flex grow flex-col justify-center\">\n                <span className=\"font-bold text-black\">{title}</span>\n                {description ? <span className=\"text-grey-700\">{description}</span> : null}\n            </div>\n            <div className=\"text-grey-700 flex shrink-0 items-center\">{control}</div>\n        </Tag>\n    );\n});\n"],"names":["Item","React","forwardRef","props","ref","as","Tag","control","description","disabled","icon","color","tabIndex","title","attributes","iconClassName","clsx","getSubtleColorShadeClasses","undefined","className","Icon","name"],"mappings":";;;;;MAqBaA,IAAI,gBAAGC,cAAK,CAACC,UAAU,CAAgD,SAASF,IAAIA,CAACG,KAAK,EAAEC,GAAG;EACxG,MAAM;IAAEC,EAAE,EAAEC,GAAG,GAAG,KAAK;IAAEC,OAAO;IAAEC,WAAW;IAAEC,QAAQ;IAAEC,IAAI;IAAEC,KAAK;IAAEC,QAAQ,GAAG,CAAC;IAAEC,KAAK;IAAE,GAAGC;GAAY,GAAGX,KAAK;EAClH,MAAMY,aAAa,GAAGC,EAAI,CACtB,uFAAuF,EACvFC,0BAA0B,CAACN,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,aAAa,CAAC,CACrD;EAED,oBACIV,6BAACK,GAAG,oBACIQ,UAAU;qBACCL,QAAQ,GAAG,IAAI,GAAGS,SAAS;iBAChC,WAAW;IACrBd,GAAG,EAAEA,GAAU;IACfQ,QAAQ,EAAEH,QAAQ,GAAG,CAAC,CAAC,GAAGG;MACzBF,IAAI,iBACDT;IAAMkB,SAAS,EAAEJ;kBACbd,6BAACmB,IAAI;IAACC,IAAI,EAAEX;IAAQ,CACjB,IACP,IAAI,eACRT;IAAKkB,SAAS,EAAC;kBACXlB;IAAMkB,SAAS,EAAC;KAAwBN,KAAK,CAAQ,EACpDL,WAAW,gBAAGP;IAAMkB,SAAS,EAAC;KAAiBX,WAAW,CAAQ,GAAG,IAAI,CACxE,eACNP;IAAKkB,SAAS,EAAC;KAA4CZ,OAAO,CAAO,CACvE;AAEd,CAAC;;;;"}