@economic/taco 1.17.0-alpha.0 → 1.17.0

package/dist/esm/packages/taco/src/primitives/BubbleSelect.js

@@ -0,0 +1,53 @@
+import React__default from 'react';
+import { usePreviousValue } from '../hooks/usePrevious.js';
+
+// taken from radix - https://github.com/radix-ui/primitives/blob/main/packages/react/select/src/Select.tsx#L1183-L1224
+const BubbleSelect = props => {
+  const {
+    value,
+    ...selectProps
+  } = props;
+  const ref = React__default.useRef(null);
+  const prevValue = usePreviousValue(value);
+  // Bubble value change to parents (e.g form change event)
+  React__default.useEffect(() => {
+    const select = ref.current;
+    const descriptor = Object.getOwnPropertyDescriptor(window.HTMLSelectElement.prototype, 'value');
+    const setValue = descriptor.set;
+    if (prevValue !== value && setValue) {
+      if (Array.isArray(value)) {
+        value.forEach(v => {
+          const option = select.querySelector(`option[value='${v}']`);
+          if (option) {
+            option.selected = true;
+          }
+        });
+      } else {
+        setValue.call(select, value);
+      }
+      const event = new Event('change', {
+        bubbles: true
+      });
+      select.dispatchEvent(event);
+    }
+  }, [prevValue, value]);
+  /**
+   * We purposefully do not use `type="hidden"` here otherwise forms that
+   * wrap it will not be able to access its value via the FormData API.
+   *
+   * We purposefully do not add the `value` attribute here to allow the value
+   * to be set programatically and bubble to any parent form `onChange` event.
+   * Adding the `value` will cause React to consider the programatic
+   * dispatch a duplicate and it will get swallowed.
+   */
+  return /*#__PURE__*/React__default.createElement("select", Object.assign({}, selectProps, {
+    defaultValue: value,
+    ref: ref,
+    style: {
+      display: 'none'
+    }
+  }));
+};
+
+export { BubbleSelect };
+//# sourceMappingURL=BubbleSelect.js.map

package/dist/esm/packages/taco/src/primitives/BubbleSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BubbleSelect.js","sources":["../../../../../../src/primitives/BubbleSelect.tsx"],"sourcesContent":["import React from 'react';\nimport { usePreviousValue } from '../hooks/usePrevious';\n\n// taken from radix - https://github.com/radix-ui/primitives/blob/main/packages/react/select/src/Select.tsx#L1183-L1224\nexport const BubbleSelect = (props: React.SelectHTMLAttributes<HTMLSelectElement>) => {\n    const { value, ...selectProps } = props;\n    const ref = React.useRef<HTMLSelectElement>(null);\n    const prevValue = usePreviousValue(value);\n\n    // Bubble value change to parents (e.g form change event)\n    React.useEffect(() => {\n        const select = ref.current!;\n        const descriptor = Object.getOwnPropertyDescriptor(window.HTMLSelectElement.prototype, 'value') as PropertyDescriptor;\n        const setValue = descriptor.set;\n\n        if (prevValue !== value && setValue) {\n            if (Array.isArray(value)) {\n                value.forEach(v => {\n                    const option: HTMLOptionElement | null = select.querySelector(`option[value='${v}']`);\n\n                    if (option) {\n                        option.selected = true;\n                    }\n                });\n            } else {\n                setValue.call(select, value);\n            }\n\n            const event = new Event('change', { bubbles: true });\n            select.dispatchEvent(event);\n        }\n    }, [prevValue, value]);\n\n    /**\n     * We purposefully do not use `type=\"hidden\"` here otherwise forms that\n     * wrap it will not be able to access its value via the FormData API.\n     *\n     * We purposefully do not add the `value` attribute here to allow the value\n     * to be set programatically and bubble to any parent form `onChange` event.\n     * Adding the `value` will cause React to consider the programatic\n     * dispatch a duplicate and it will get swallowed.\n     */\n    return <select {...selectProps} defaultValue={value} ref={ref} style={{ display: 'none' }} />;\n};\n"],"names":["BubbleSelect","props","value","selectProps","ref","React","useRef","prevValue","usePreviousValue","useEffect","select","current","descriptor","Object","getOwnPropertyDescriptor","window","HTMLSelectElement","prototype","setValue","set","Array","isArray","forEach","v","option","querySelector","selected","call","event","Event","bubbles","dispatchEvent","defaultValue","style","display"],"mappings":";;;AAGA;MACaA,YAAY,GAAIC,KAAoD;EAC7E,MAAM;IAAEC,KAAK;IAAE,GAAGC;GAAa,GAAGF,KAAK;EACvC,MAAMG,GAAG,GAAGC,cAAK,CAACC,MAAM,CAAoB,IAAI,CAAC;EACjD,MAAMC,SAAS,GAAGC,gBAAgB,CAACN,KAAK,CAAC;;EAGzCG,cAAK,CAACI,SAAS,CAAC;IACZ,MAAMC,MAAM,GAAGN,GAAG,CAACO,OAAQ;IAC3B,MAAMC,UAAU,GAAGC,MAAM,CAACC,wBAAwB,CAACC,MAAM,CAACC,iBAAiB,CAACC,SAAS,EAAE,OAAO,CAAuB;IACrH,MAAMC,QAAQ,GAAGN,UAAU,CAACO,GAAG;IAE/B,IAAIZ,SAAS,KAAKL,KAAK,IAAIgB,QAAQ,EAAE;MACjC,IAAIE,KAAK,CAACC,OAAO,CAACnB,KAAK,CAAC,EAAE;QACtBA,KAAK,CAACoB,OAAO,CAACC,CAAC;UACX,MAAMC,MAAM,GAA6Bd,MAAM,CAACe,aAAa,kBAAkBF,KAAK,CAAC;UAErF,IAAIC,MAAM,EAAE;YACRA,MAAM,CAACE,QAAQ,GAAG,IAAI;;SAE7B,CAAC;OACL,MAAM;QACHR,QAAQ,CAACS,IAAI,CAACjB,MAAM,EAAER,KAAK,CAAC;;MAGhC,MAAM0B,KAAK,GAAG,IAAIC,KAAK,CAAC,QAAQ,EAAE;QAAEC,OAAO,EAAE;OAAM,CAAC;MACpDpB,MAAM,CAACqB,aAAa,CAACH,KAAK,CAAC;;GAElC,EAAE,CAACrB,SAAS,EAAEL,KAAK,CAAC,CAAC;;;;;;;;;;EAWtB,oBAAOG,yDAAYF,WAAW;IAAE6B,YAAY,EAAE9B,KAAK;IAAEE,GAAG,EAAEA,GAAG;IAAE6B,KAAK,EAAE;MAAEC,OAAO,EAAE;;KAAY;AACjG;;;;"}

package/dist/esm/packages/taco/src/primitives/Button.js

@@ -0,0 +1,21 @@
+import { forwardRef, createElement, Children } from 'react';
+
+const Button = /*#__PURE__*/forwardRef(function Button(props, ref) {
+  const {
+    disabled,
+    target,
+    type = 'button',
+    ...otherProps
+  } = props;
+  const Tag = props.href ? 'a' : 'button';
+  return /*#__PURE__*/createElement(Tag, Object.assign({}, otherProps, {
+    "aria-disabled": disabled ? 'true' : undefined,
+    disabled: disabled,
+    target: Tag === 'a' ? target : undefined,
+    type: Tag !== 'a' ? type : undefined,
+    ref: ref
+  }), Children.count(props.children) > 1 ? Children.map(props.children, child => typeof child === 'string' ? /*#__PURE__*/createElement("span", null, child) : child) : props.children);
+});
+
+export { Button };
+//# sourceMappingURL=Button.js.map

package/dist/esm/packages/taco/src/primitives/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sources":["../../../../../../src/primitives/Button.tsx"],"sourcesContent":["import * as React from 'react';\n\ntype ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement | HTMLAnchorElement> & {\n    /** Content should be a text */\n    children: React.ReactNode;\n    /** Provides url for buttons being used as a link */\n    href?: string;\n    /** Provides target for buttons being used as a link */\n    target?: '_self' | '_blank' | '_parent' | '_top';\n};\n\nconst Button = React.forwardRef(function Button(props: ButtonProps, ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>) {\n    const { disabled, target, type = 'button', ...otherProps } = props;\n\n    const Tag = props.href ? 'a' : 'button';\n\n    return (\n        <Tag\n            {...otherProps}\n            aria-disabled={disabled ? 'true' : undefined}\n            disabled={disabled}\n            target={Tag === 'a' ? target : undefined}\n            type={Tag !== 'a' ? type : undefined}\n            ref={ref as any}>\n            {React.Children.count(props.children) > 1\n                ? React.Children.map(props.children, child => (typeof child === 'string' ? <span>{child}</span> : child))\n                : props.children}\n        </Tag>\n    );\n});\n\nexport { Button };\nexport type { ButtonProps };\n"],"names":["Button","React","props","ref","disabled","target","type","otherProps","Tag","href","undefined","count","children","map","child"],"mappings":";;MAWMA,MAAM,gBAAGC,UAAgB,CAAC,SAASD,MAAM,CAACE,KAAkB,EAAEC,GAAqD;EACrH,MAAM;IAAEC,QAAQ;IAAEC,MAAM;IAAEC,IAAI,GAAG,QAAQ;IAAE,GAAGC;GAAY,GAAGL,KAAK;EAElE,MAAMM,GAAG,GAAGN,KAAK,CAACO,IAAI,GAAG,GAAG,GAAG,QAAQ;EAEvC,oBACIR,cAACO,GAAG,oBACID,UAAU;qBACCH,QAAQ,GAAG,MAAM,GAAGM,SAAS;IAC5CN,QAAQ,EAAEA,QAAQ;IAClBC,MAAM,EAAEG,GAAG,KAAK,GAAG,GAAGH,MAAM,GAAGK,SAAS;IACxCJ,IAAI,EAAEE,GAAG,KAAK,GAAG,GAAGF,IAAI,GAAGI,SAAS;IACpCP,GAAG,EAAEA;MACJF,QAAc,CAACU,KAAK,CAACT,KAAK,CAACU,QAAQ,CAAC,GAAG,CAAC,GACnCX,QAAc,CAACY,GAAG,CAACX,KAAK,CAACU,QAAQ,EAAEE,KAAK,IAAK,OAAOA,KAAK,KAAK,QAAQ,gBAAGb,4BAAOa,KAAK,CAAQ,GAAGA,KAAM,CAAC,GACvGZ,KAAK,CAACU,QAAQ,CAClB;AAEd,CAAC;;;;"}

package/dist/esm/packages/taco/src/primitives/Collection/components/Root.js

@@ -0,0 +1,146 @@
+import React__default from 'react';
+import { useMergedRef } from '../../../hooks/useMergedRef.js';
+import { createCustomKeyboardEvent } from '../../../utils/input.js';
+import { isAriaDirectionKey } from '../../../utils/aria.js';
+
+const getOptionsFromCollection = (collection, selector) => collection.querySelectorAll(selector);
+// we use javascript to set attributes (rather than cloning children and adding them)
+// so that we can support nesting (e.g. groups) - child elements that aren't options.
+// without doing this we would have to unwrap and flatten all groups
+const Root = /*#__PURE__*/React__default.forwardRef(function CollectionRoot(props, ref) {
+  const {
+    querySelector,
+    tabIndex = 0,
+    ...otherProps
+  } = props;
+  const internalRef = useMergedRef(ref);
+  const [activeIndex, setActiveIndex] = React__default.useState();
+  const lastLengthRef = React__default.useRef(0);
+  const setActiveOption = (index, collection, option) => {
+    var _collection$querySele;
+    (_collection$querySele = collection.querySelector(`[aria-current]`)) === null || _collection$querySele === void 0 ? void 0 : _collection$querySele.removeAttribute('aria-current');
+    option.setAttribute('aria-current', 'true');
+    option.scrollIntoView({
+      block: 'nearest'
+    });
+    setActiveIndex(index);
+  };
+  const setActiveIndexByElement = React__default.useCallback(option => {
+    if (internalRef.current) {
+      if (option.matches(querySelector)) {
+        const options = getOptionsFromCollection(internalRef.current, querySelector);
+        const nextActiveIndex = Array.from(options).indexOf(option);
+        if (nextActiveIndex > -1) {
+          setActiveOption(nextActiveIndex, internalRef.current, option);
+        }
+      }
+    }
+  }, [internalRef.current, querySelector]);
+  React__default.useEffect(() => {
+    if (internalRef.current) {
+      internalRef.current.setActiveIndex = setActiveIndexByElement;
+    }
+  }, [internalRef.current]);
+  React__default.useEffect(() => {
+    if (internalRef.current) {
+      const options = getOptionsFromCollection(internalRef.current, querySelector);
+      if (options.length && options.length !== lastLengthRef.current) {
+        const selected = internalRef.current.querySelectorAll(`[aria-selected]`);
+        if (selected.length === 1) {
+          if (options) {
+            const firstSelected = selected.item(0);
+            const selectedIndex = Array.from(options).indexOf(firstSelected);
+            if (selectedIndex > -1) {
+              setActiveOption(selectedIndex, internalRef.current, firstSelected);
+            }
+          }
+        } else {
+          // multiple selected or none selected should go to 0
+          setActiveOption(0, internalRef.current, options.item(0));
+        }
+      }
+      lastLengthRef.current = options.length;
+    }
+  }, [props.children]);
+  const handleClick = event => {
+    const option = event.target;
+    if (option.matches(querySelector)) {
+      const options = getOptionsFromCollection(event.currentTarget, querySelector);
+      const nextActiveIndex = Array.from(options).indexOf(option);
+      if (nextActiveIndex > -1) {
+        setActiveOption(nextActiveIndex, event.currentTarget, option);
+      }
+    }
+  };
+  const handleKeyDown = event => {
+    // this stops the event dispatched to the option rebounding back and starting an infinite loop
+    if (event.target !== event.currentTarget) {
+      return;
+    }
+    const options = getOptionsFromCollection(event.currentTarget, querySelector);
+    if (options) {
+      if (isAriaDirectionKey(event)) {
+        const nextActiveIndex = getNextEnabledItem(event, options, activeIndex);
+        if (nextActiveIndex !== undefined && nextActiveIndex !== activeIndex) {
+          event.preventDefault();
+          setActiveOption(nextActiveIndex, event.currentTarget, options.item(nextActiveIndex));
+        }
+      } else if (activeIndex !== undefined) {
+        // forward events onto the underlying option - this lets consumers place onKeyDown handlers on their own components
+        options.item(activeIndex).dispatchEvent(createCustomKeyboardEvent(event));
+      }
+    }
+  };
+  return /*#__PURE__*/React__default.createElement("div", Object.assign({}, otherProps, {
+    onClick: handleClick,
+    onKeyDown: handleKeyDown,
+    ref: internalRef,
+    tabIndex: tabIndex
+  }));
+});
+const getNextIndexFromKeycode = (event, length, activeIndex) => {
+  switch (event.key) {
+    case 'ArrowUp':
+      return activeIndex === undefined ? length - 1 : activeIndex > 0 ? activeIndex - 1 : activeIndex;
+    case 'ArrowDown':
+      return activeIndex === undefined ? 0 : activeIndex < length - 1 ? activeIndex + 1 : activeIndex;
+    case 'Home':
+      return 0;
+    case 'End':
+      return length - 1;
+    default:
+      return;
+  }
+};
+const getNextEnabledItem = (event, options, activeIndex, recurse = true) => {
+  const nextIndex = getNextIndexFromKeycode(event, options.length, activeIndex);
+  if (nextIndex !== undefined) {
+    if (nextIndex === activeIndex) {
+      return activeIndex;
+    } else if (options.item(nextIndex) && isSkippableItem(options.item(nextIndex))) {
+      // check in the other direction if the first or last item is disabled,
+      // but prevent infinite loops if all elements are disabled by disabling recursion
+      if (recurse) {
+        if (nextIndex === 0) {
+          return getNextEnabledItem(new KeyboardEvent(event.type, {
+            ...event,
+            key: 'ArrowDown'
+          }), options, nextIndex, false);
+        } else if (nextIndex === options.length - 1) {
+          return getNextEnabledItem(new KeyboardEvent(event.type, {
+            ...event,
+            key: 'ArrowUp'
+          }), options, nextIndex, false);
+        }
+      }
+      return getNextEnabledItem(event, options, nextIndex, recurse);
+    }
+  }
+  return nextIndex;
+};
+const isSkippableItem = element => {
+  return element.getAttribute('role') === 'presentation' || !!element.hasAttribute('disabled') || !!element.getAttribute('aria-disabled') || !!element.getAttribute('aria-hidden');
+};
+
+export { Root, getNextEnabledItem, getNextIndexFromKeycode };
+//# sourceMappingURL=Root.js.map

package/dist/esm/packages/taco/src/primitives/Collection/components/Root.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Root.js","sources":["../../../../../../../../src/primitives/Collection/components/Root.tsx"],"sourcesContent":["import React from 'react';\nimport { useMergedRef } from '../../../hooks/useMergedRef';\nimport { isAriaDirectionKey } from '../../../utils/aria';\nimport { createCustomKeyboardEvent } from '../../../utils/input';\n\n/* This component provides a keyboard navigable collection primitive for use in lists\n * It is unlikely you need to edit this component\n */\n\nexport type CollectionProps = React.HTMLAttributes<HTMLDivElement> & {\n    querySelector: string;\n};\n\nexport type CollectionRef = HTMLDivElement & {\n    setActiveIndex: (option: HTMLDivElement) => void;\n};\n\nconst getOptionsFromCollection = (collection: HTMLDivElement, selector: string): NodeListOf<Element> =>\n    collection.querySelectorAll(selector);\n\n// we use javascript to set attributes (rather than cloning children and adding them)\n// so that we can support nesting (e.g. groups) - child elements that aren't options.\n// without doing this we would have to unwrap and flatten all groups\nexport const Root = React.forwardRef<CollectionRef, CollectionProps>(function CollectionRoot(props, ref) {\n    const { querySelector, tabIndex = 0, ...otherProps } = props;\n    const internalRef = useMergedRef<CollectionRef>(ref);\n    const [activeIndex, setActiveIndex] = React.useState<number | undefined>();\n    const lastLengthRef = React.useRef(0);\n\n    const setActiveOption = (index: number, collection: HTMLDivElement, option: Element) => {\n        collection.querySelector(`[aria-current]`)?.removeAttribute('aria-current');\n        option.setAttribute('aria-current', 'true');\n        option.scrollIntoView({ block: 'nearest' });\n        setActiveIndex(index);\n    };\n\n    const setActiveIndexByElement = React.useCallback(\n        (option: HTMLDivElement) => {\n            if (internalRef.current) {\n                if (option.matches(querySelector)) {\n                    const options = getOptionsFromCollection(internalRef.current, querySelector);\n                    const nextActiveIndex = Array.from(options).indexOf(option);\n\n                    if (nextActiveIndex > -1) {\n                        setActiveOption(nextActiveIndex, internalRef.current, option);\n                    }\n                }\n            }\n        },\n        [internalRef.current, querySelector]\n    );\n\n    React.useEffect(() => {\n        if (internalRef.current) {\n            internalRef.current.setActiveIndex = setActiveIndexByElement;\n        }\n    }, [internalRef.current]);\n\n    React.useEffect(() => {\n        if (internalRef.current) {\n            const options = getOptionsFromCollection(internalRef.current, querySelector);\n\n            if (options.length && options.length !== lastLengthRef.current) {\n                const selected = internalRef.current.querySelectorAll(`[aria-selected]`);\n\n                if (selected.length === 1) {\n                    if (options) {\n                        const firstSelected = selected.item(0);\n                        const selectedIndex = Array.from(options).indexOf(firstSelected);\n\n                        if (selectedIndex > -1) {\n                            setActiveOption(selectedIndex, internalRef.current, firstSelected);\n                        }\n                    }\n                } else {\n                    // multiple selected or none selected should go to 0\n                    setActiveOption(0, internalRef.current, options.item(0));\n                }\n            }\n\n            lastLengthRef.current = options.length;\n        }\n    }, [props.children]);\n\n    const handleClick = (event: React.MouseEvent<HTMLDivElement>) => {\n        const option = event.target as HTMLElement;\n\n        if (option.matches(querySelector)) {\n            const options = getOptionsFromCollection(event.currentTarget, querySelector);\n            const nextActiveIndex = Array.from(options).indexOf(option);\n\n            if (nextActiveIndex > -1) {\n                setActiveOption(nextActiveIndex, event.currentTarget, option);\n            }\n        }\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n        // this stops the event dispatched to the option rebounding back and starting an infinite loop\n        if (event.target !== event.currentTarget) {\n            return;\n        }\n\n        const options = getOptionsFromCollection(event.currentTarget, querySelector);\n\n        if (options) {\n            if (isAriaDirectionKey(event)) {\n                const nextActiveIndex = getNextEnabledItem(event, options, activeIndex);\n\n                if (nextActiveIndex !== undefined && nextActiveIndex !== activeIndex) {\n                    event.preventDefault();\n                    setActiveOption(nextActiveIndex, event.currentTarget, options.item(nextActiveIndex));\n                }\n            } else if (activeIndex !== undefined) {\n                // forward events onto the underlying option - this lets consumers place onKeyDown handlers on their own components\n                options\n                    .item(activeIndex)\n                    .dispatchEvent(createCustomKeyboardEvent(event as React.KeyboardEvent<HTMLInputElement>));\n            }\n        }\n    };\n\n    return <div {...otherProps} onClick={handleClick} onKeyDown={handleKeyDown} ref={internalRef} tabIndex={tabIndex} />;\n});\n\nexport const getNextIndexFromKeycode = (\n    event: React.KeyboardEvent,\n    length: number,\n    activeIndex: number | undefined\n): number | undefined => {\n    switch (event.key) {\n        case 'ArrowUp':\n            return activeIndex === undefined ? length - 1 : activeIndex > 0 ? activeIndex - 1 : activeIndex;\n\n        case 'ArrowDown':\n            return activeIndex === undefined ? 0 : activeIndex < length - 1 ? activeIndex + 1 : activeIndex;\n\n        case 'Home':\n            return 0;\n\n        case 'End':\n            return length - 1;\n\n        default:\n            return;\n    }\n};\n\nexport const getNextEnabledItem = (\n    event: React.KeyboardEvent<HTMLElement>,\n    options: NodeListOf<Element>,\n    activeIndex: number | undefined,\n    recurse = true\n): number | undefined => {\n    const nextIndex = getNextIndexFromKeycode(event, options.length, activeIndex);\n\n    if (nextIndex !== undefined) {\n        if (nextIndex === activeIndex) {\n            return activeIndex;\n        } else if (options.item(nextIndex) && isSkippableItem(options.item(nextIndex))) {\n            // check in the other direction if the first or last item is disabled,\n            // but prevent infinite loops if all elements are disabled by disabling recursion\n            if (recurse) {\n                if (nextIndex === 0) {\n                    return getNextEnabledItem(\n                        new KeyboardEvent(event.type, { ...(event as any), key: 'ArrowDown' }) as any,\n                        options,\n                        nextIndex,\n                        false\n                    );\n                } else if (nextIndex === options.length - 1) {\n                    return getNextEnabledItem(\n                        new KeyboardEvent(event.type, { ...(event as any), key: 'ArrowUp' }) as any,\n                        options,\n                        nextIndex,\n                        false\n                    );\n                }\n            }\n\n            return getNextEnabledItem(event, options, nextIndex, recurse);\n        }\n    }\n\n    return nextIndex;\n};\n\nconst isSkippableItem = (element: Element) => {\n    return (\n        element.getAttribute('role') === 'presentation' ||\n        !!element.hasAttribute('disabled') ||\n        !!element.getAttribute('aria-disabled') ||\n        !!element.getAttribute('aria-hidden')\n    );\n};\n"],"names":["getOptionsFromCollection","collection","selector","querySelectorAll","Root","React","forwardRef","CollectionRoot","props","ref","querySelector","tabIndex","otherProps","internalRef","useMergedRef","activeIndex","setActiveIndex","useState","lastLengthRef","useRef","setActiveOption","index","option","removeAttribute","setAttribute","scrollIntoView","block","setActiveIndexByElement","useCallback","current","matches","options","nextActiveIndex","Array","from","indexOf","useEffect","length","selected","firstSelected","item","selectedIndex","children","handleClick","event","target","currentTarget","handleKeyDown","isAriaDirectionKey","getNextEnabledItem","undefined","preventDefault","dispatchEvent","createCustomKeyboardEvent","onClick","onKeyDown","getNextIndexFromKeycode","key","recurse","nextIndex","isSkippableItem","KeyboardEvent","type","element","getAttribute","hasAttribute"],"mappings":";;;;;AAiBA,MAAMA,wBAAwB,GAAG,CAACC,UAA0B,EAAEC,QAAgB,KAC1ED,UAAU,CAACE,gBAAgB,CAACD,QAAQ,CAAC;AAEzC;AACA;AACA;MACaE,IAAI,gBAAGC,cAAK,CAACC,UAAU,CAAiC,SAASC,cAAc,CAACC,KAAK,EAAEC,GAAG;EACnG,MAAM;IAAEC,aAAa;IAAEC,QAAQ,GAAG,CAAC;IAAE,GAAGC;GAAY,GAAGJ,KAAK;EAC5D,MAAMK,WAAW,GAAGC,YAAY,CAAgBL,GAAG,CAAC;EACpD,MAAM,CAACM,WAAW,EAAEC,cAAc,CAAC,GAAGX,cAAK,CAACY,QAAQ,EAAsB;EAC1E,MAAMC,aAAa,GAAGb,cAAK,CAACc,MAAM,CAAC,CAAC,CAAC;EAErC,MAAMC,eAAe,GAAG,CAACC,KAAa,EAAEpB,UAA0B,EAAEqB,MAAe;;IAC/E,yBAAArB,UAAU,CAACS,aAAa,iBAAiB,CAAC,0DAA1C,sBAA4Ca,eAAe,CAAC,cAAc,CAAC;IAC3ED,MAAM,CAACE,YAAY,CAAC,cAAc,EAAE,MAAM,CAAC;IAC3CF,MAAM,CAACG,cAAc,CAAC;MAAEC,KAAK,EAAE;KAAW,CAAC;IAC3CV,cAAc,CAACK,KAAK,CAAC;GACxB;EAED,MAAMM,uBAAuB,GAAGtB,cAAK,CAACuB,WAAW,CAC5CN,MAAsB;IACnB,IAAIT,WAAW,CAACgB,OAAO,EAAE;MACrB,IAAIP,MAAM,CAACQ,OAAO,CAACpB,aAAa,CAAC,EAAE;QAC/B,MAAMqB,OAAO,GAAG/B,wBAAwB,CAACa,WAAW,CAACgB,OAAO,EAAEnB,aAAa,CAAC;QAC5E,MAAMsB,eAAe,GAAGC,KAAK,CAACC,IAAI,CAACH,OAAO,CAAC,CAACI,OAAO,CAACb,MAAM,CAAC;QAE3D,IAAIU,eAAe,GAAG,CAAC,CAAC,EAAE;UACtBZ,eAAe,CAACY,eAAe,EAAEnB,WAAW,CAACgB,OAAO,EAAEP,MAAM,CAAC;;;;GAI5E,EACD,CAACT,WAAW,CAACgB,OAAO,EAAEnB,aAAa,CAAC,CACvC;EAEDL,cAAK,CAAC+B,SAAS,CAAC;IACZ,IAAIvB,WAAW,CAACgB,OAAO,EAAE;MACrBhB,WAAW,CAACgB,OAAO,CAACb,cAAc,GAAGW,uBAAuB;;GAEnE,EAAE,CAACd,WAAW,CAACgB,OAAO,CAAC,CAAC;EAEzBxB,cAAK,CAAC+B,SAAS,CAAC;IACZ,IAAIvB,WAAW,CAACgB,OAAO,EAAE;MACrB,MAAME,OAAO,GAAG/B,wBAAwB,CAACa,WAAW,CAACgB,OAAO,EAAEnB,aAAa,CAAC;MAE5E,IAAIqB,OAAO,CAACM,MAAM,IAAIN,OAAO,CAACM,MAAM,KAAKnB,aAAa,CAACW,OAAO,EAAE;QAC5D,MAAMS,QAAQ,GAAGzB,WAAW,CAACgB,OAAO,CAAC1B,gBAAgB,kBAAkB,CAAC;QAExE,IAAImC,QAAQ,CAACD,MAAM,KAAK,CAAC,EAAE;UACvB,IAAIN,OAAO,EAAE;YACT,MAAMQ,aAAa,GAAGD,QAAQ,CAACE,IAAI,CAAC,CAAC,CAAC;YACtC,MAAMC,aAAa,GAAGR,KAAK,CAACC,IAAI,CAACH,OAAO,CAAC,CAACI,OAAO,CAACI,aAAa,CAAC;YAEhE,IAAIE,aAAa,GAAG,CAAC,CAAC,EAAE;cACpBrB,eAAe,CAACqB,aAAa,EAAE5B,WAAW,CAACgB,OAAO,EAAEU,aAAa,CAAC;;;SAG7E,MAAM;;UAEHnB,eAAe,CAAC,CAAC,EAAEP,WAAW,CAACgB,OAAO,EAAEE,OAAO,CAACS,IAAI,CAAC,CAAC,CAAC,CAAC;;;MAIhEtB,aAAa,CAACW,OAAO,GAAGE,OAAO,CAACM,MAAM;;GAE7C,EAAE,CAAC7B,KAAK,CAACkC,QAAQ,CAAC,CAAC;EAEpB,MAAMC,WAAW,GAAIC,KAAuC;IACxD,MAAMtB,MAAM,GAAGsB,KAAK,CAACC,MAAqB;IAE1C,IAAIvB,MAAM,CAACQ,OAAO,CAACpB,aAAa,CAAC,EAAE;MAC/B,MAAMqB,OAAO,GAAG/B,wBAAwB,CAAC4C,KAAK,CAACE,aAAa,EAAEpC,aAAa,CAAC;MAC5E,MAAMsB,eAAe,GAAGC,KAAK,CAACC,IAAI,CAACH,OAAO,CAAC,CAACI,OAAO,CAACb,MAAM,CAAC;MAE3D,IAAIU,eAAe,GAAG,CAAC,CAAC,EAAE;QACtBZ,eAAe,CAACY,eAAe,EAAEY,KAAK,CAACE,aAAa,EAAExB,MAAM,CAAC;;;GAGxE;EAED,MAAMyB,aAAa,GAAIH,KAA0C;;IAE7D,IAAIA,KAAK,CAACC,MAAM,KAAKD,KAAK,CAACE,aAAa,EAAE;MACtC;;IAGJ,MAAMf,OAAO,GAAG/B,wBAAwB,CAAC4C,KAAK,CAACE,aAAa,EAAEpC,aAAa,CAAC;IAE5E,IAAIqB,OAAO,EAAE;MACT,IAAIiB,kBAAkB,CAACJ,KAAK,CAAC,EAAE;QAC3B,MAAMZ,eAAe,GAAGiB,kBAAkB,CAACL,KAAK,EAAEb,OAAO,EAAEhB,WAAW,CAAC;QAEvE,IAAIiB,eAAe,KAAKkB,SAAS,IAAIlB,eAAe,KAAKjB,WAAW,EAAE;UAClE6B,KAAK,CAACO,cAAc,EAAE;UACtB/B,eAAe,CAACY,eAAe,EAAEY,KAAK,CAACE,aAAa,EAAEf,OAAO,CAACS,IAAI,CAACR,eAAe,CAAC,CAAC;;OAE3F,MAAM,IAAIjB,WAAW,KAAKmC,SAAS,EAAE;;QAElCnB,OAAO,CACFS,IAAI,CAACzB,WAAW,CAAC,CACjBqC,aAAa,CAACC,yBAAyB,CAACT,KAA8C,CAAC,CAAC;;;GAGxG;EAED,oBAAOvC,sDAASO,UAAU;IAAE0C,OAAO,EAAEX,WAAW;IAAEY,SAAS,EAAER,aAAa;IAAEtC,GAAG,EAAEI,WAAW;IAAEF,QAAQ,EAAEA;KAAY;AACxH,CAAC;MAEY6C,uBAAuB,GAAG,CACnCZ,KAA0B,EAC1BP,MAAc,EACdtB,WAA+B;EAE/B,QAAQ6B,KAAK,CAACa,GAAG;IACb,KAAK,SAAS;MACV,OAAO1C,WAAW,KAAKmC,SAAS,GAAGb,MAAM,GAAG,CAAC,GAAGtB,WAAW,GAAG,CAAC,GAAGA,WAAW,GAAG,CAAC,GAAGA,WAAW;IAEnG,KAAK,WAAW;MACZ,OAAOA,WAAW,KAAKmC,SAAS,GAAG,CAAC,GAAGnC,WAAW,GAAGsB,MAAM,GAAG,CAAC,GAAGtB,WAAW,GAAG,CAAC,GAAGA,WAAW;IAEnG,KAAK,MAAM;MACP,OAAO,CAAC;IAEZ,KAAK,KAAK;MACN,OAAOsB,MAAM,GAAG,CAAC;IAErB;MACI;;AAEZ;MAEaY,kBAAkB,GAAG,CAC9BL,KAAuC,EACvCb,OAA4B,EAC5BhB,WAA+B,EAC/B2C,OAAO,GAAG,IAAI;EAEd,MAAMC,SAAS,GAAGH,uBAAuB,CAACZ,KAAK,EAAEb,OAAO,CAACM,MAAM,EAAEtB,WAAW,CAAC;EAE7E,IAAI4C,SAAS,KAAKT,SAAS,EAAE;IACzB,IAAIS,SAAS,KAAK5C,WAAW,EAAE;MAC3B,OAAOA,WAAW;KACrB,MAAM,IAAIgB,OAAO,CAACS,IAAI,CAACmB,SAAS,CAAC,IAAIC,eAAe,CAAC7B,OAAO,CAACS,IAAI,CAACmB,SAAS,CAAC,CAAC,EAAE;;;MAG5E,IAAID,OAAO,EAAE;QACT,IAAIC,SAAS,KAAK,CAAC,EAAE;UACjB,OAAOV,kBAAkB,CACrB,IAAIY,aAAa,CAACjB,KAAK,CAACkB,IAAI,EAAE;YAAE,GAAIlB,KAAa;YAAEa,GAAG,EAAE;WAAa,CAAQ,EAC7E1B,OAAO,EACP4B,SAAS,EACT,KAAK,CACR;SACJ,MAAM,IAAIA,SAAS,KAAK5B,OAAO,CAACM,MAAM,GAAG,CAAC,EAAE;UACzC,OAAOY,kBAAkB,CACrB,IAAIY,aAAa,CAACjB,KAAK,CAACkB,IAAI,EAAE;YAAE,GAAIlB,KAAa;YAAEa,GAAG,EAAE;WAAW,CAAQ,EAC3E1B,OAAO,EACP4B,SAAS,EACT,KAAK,CACR;;;MAIT,OAAOV,kBAAkB,CAACL,KAAK,EAAEb,OAAO,EAAE4B,SAAS,EAAED,OAAO,CAAC;;;EAIrE,OAAOC,SAAS;AACpB;AAEA,MAAMC,eAAe,GAAIG,OAAgB;EACrC,OACIA,OAAO,CAACC,YAAY,CAAC,MAAM,CAAC,KAAK,cAAc,IAC/C,CAAC,CAACD,OAAO,CAACE,YAAY,CAAC,UAAU,CAAC,IAClC,CAAC,CAACF,OAAO,CAACC,YAAY,CAAC,eAAe,CAAC,IACvC,CAAC,CAACD,OAAO,CAACC,YAAY,CAAC,aAAa,CAAC;AAE7C,CAAC;;;;"}

package/dist/esm/packages/taco/src/primitives/Listbox2/components/Context.js

@@ -0,0 +1,7 @@
+import React__default from 'react';
+
+const Listbox2Context = /*#__PURE__*/React__default.createContext({});
+const useListbox2Context = () => React__default.useContext(Listbox2Context);
+
+export { Listbox2Context, useListbox2Context };
+//# sourceMappingURL=Context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Context.js","sources":["../../../../../../../../src/primitives/Listbox2/components/Context.tsx"],"sourcesContent":["import React from 'react';\nimport { Listbox2Value } from '../types';\n\nexport type Listbox2ContextProps = {\n    disabled: boolean;\n    readOnly: boolean;\n    setValue: (value: Listbox2Value) => void;\n    value?: Listbox2Value;\n};\n\nexport const Listbox2Context = React.createContext({} as Listbox2ContextProps);\nexport const useListbox2Context = () => React.useContext(Listbox2Context);\n"],"names":["Listbox2Context","React","createContext","useListbox2Context","useContext"],"mappings":";;MAUaA,eAAe,gBAAGC,cAAK,CAACC,aAAa,CAAC,EAA0B;MAChEC,kBAAkB,GAAG,MAAMF,cAAK,CAACG,UAAU,CAACJ,eAAe;;;;"}

package/dist/esm/packages/taco/src/primitives/Listbox2/components/Group.js

@@ -0,0 +1,19 @@
+import React__default from 'react';
+
+const Group = /*#__PURE__*/React__default.forwardRef(function Listbox2Group(props, ref) {
+  const [labelledById, setLabelledById] = React__default.useState();
+  return /*#__PURE__*/React__default.createElement(Listbox2GroupContext.Provider, {
+    value: {
+      setLabelledById
+    }
+  }, /*#__PURE__*/React__default.createElement("div", Object.assign({}, props, {
+    "aria-labelledby": labelledById,
+    ref: ref,
+    role: "group"
+  })));
+});
+const Listbox2GroupContext = /*#__PURE__*/React__default.createContext({});
+const useListbox2GroupContext = () => React__default.useContext(Listbox2GroupContext);
+
+export { Group, Listbox2GroupContext, useListbox2GroupContext };
+//# sourceMappingURL=Group.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Group.js","sources":["../../../../../../../../src/primitives/Listbox2/components/Group.tsx"],"sourcesContent":["import React from 'react';\n\nexport type Listbox2GroupProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const Group = React.forwardRef<HTMLDivElement, Listbox2GroupProps>(function Listbox2Group(props, ref) {\n    const [labelledById, setLabelledById] = React.useState<string>();\n\n    return (\n        <Listbox2GroupContext.Provider value={{ setLabelledById }}>\n            <div {...props} aria-labelledby={labelledById} ref={ref} role=\"group\" />\n        </Listbox2GroupContext.Provider>\n    );\n});\n\nexport type Listbox2GroupContextProps = {\n    setLabelledById: (id: string) => void;\n};\n\nexport const Listbox2GroupContext = React.createContext({} as Listbox2GroupContextProps);\nexport const useListbox2GroupContext = () => React.useContext(Listbox2GroupContext);\n"],"names":["Group","React","forwardRef","Listbox2Group","props","ref","labelledById","setLabelledById","useState","Listbox2GroupContext","Provider","value","role","createContext","useListbox2GroupContext","useContext"],"mappings":";;MAIaA,KAAK,gBAAGC,cAAK,CAACC,UAAU,CAAqC,SAASC,aAAa,CAACC,KAAK,EAAEC,GAAG;EACvG,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAGN,cAAK,CAACO,QAAQ,EAAU;EAEhE,oBACIP,6BAACQ,oBAAoB,CAACC,QAAQ;IAACC,KAAK,EAAE;MAAEJ;;kBACpCN,sDAASG,KAAK;uBAAmBE,YAAY;IAAED,GAAG,EAAEA,GAAG;IAAEO,IAAI,EAAC;KAAU,CAC5C;AAExC,CAAC;MAMYH,oBAAoB,gBAAGR,cAAK,CAACY,aAAa,CAAC,EAA+B;MAC1EC,uBAAuB,GAAG,MAAMb,cAAK,CAACc,UAAU,CAACN,oBAAoB;;;;"}

package/dist/esm/packages/taco/src/primitives/Listbox2/components/Option.js

@@ -0,0 +1,56 @@
+import React__default from 'react';
+import { useId } from '../../../hooks/useId.js';
+import { isAriaSelectionKey } from '../../../utils/aria.js';
+import { useListbox2Context } from './Context.js';
+
+const Option = /*#__PURE__*/React__default.forwardRef(function Listbox2Option(props, ref) {
+  const {
+    disabled,
+    id: nativeId,
+    title,
+    value,
+    ...otherProps
+  } = props;
+  const {
+    disabled: listboxDisabled,
+    readOnly: listboxReadOnly,
+    setValue,
+    value: currentValue
+  } = useListbox2Context();
+  const id = useId(nativeId);
+  const selected = Array.isArray(currentValue) ? currentValue.includes(value) : currentValue === value;
+  const handleClick = event => {
+    if (disabled || listboxDisabled || listboxReadOnly) {
+      event.stopPropagation();
+      return;
+    } else {
+      setValue(value);
+    }
+    if (typeof props.onClick === 'function') {
+      props.onClick(event);
+    }
+  };
+  const handleKeyDown = event => {
+    if (disabled || listboxDisabled || listboxReadOnly) {
+      event.stopPropagation();
+      return;
+    } else if (isAriaSelectionKey(event)) {
+      setValue(value);
+    }
+    if (typeof props.onKeyDown === 'function') {
+      props.onKeyDown(event);
+    }
+  };
+  return /*#__PURE__*/React__default.createElement("div", Object.assign({}, otherProps, {
+    "aria-disabled": listboxDisabled || disabled ? 'true' : undefined,
+    "aria-selected": selected ? 'true' : undefined,
+    id: id,
+    onClick: handleClick,
+    onKeyDown: handleKeyDown,
+    ref: ref,
+    role: "option"
+  }));
+});
+
+export { Option };
+//# sourceMappingURL=Option.js.map

package/dist/esm/packages/taco/src/primitives/Listbox2/components/Option.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Option.js","sources":["../../../../../../../../src/primitives/Listbox2/components/Option.tsx"],"sourcesContent":["import React from 'react';\nimport { useId } from '../../../hooks/useId';\nimport { isAriaSelectionKey } from '../../../utils/aria';\nimport { Listbox2OptionValue } from '../types';\nimport { useListbox2Context } from './Context';\n\nexport type Listbox2OptionProps = React.HTMLAttributes<HTMLDivElement> & {\n    disabled?: boolean;\n    value: Listbox2OptionValue;\n};\n\nexport const Option = React.forwardRef<HTMLDivElement, Listbox2OptionProps>(function Listbox2Option(props, ref) {\n    const { disabled, id: nativeId, title, value, ...otherProps } = props;\n    const { disabled: listboxDisabled, readOnly: listboxReadOnly, setValue, value: currentValue } = useListbox2Context();\n    const id = useId(nativeId);\n    const selected = Array.isArray(currentValue) ? currentValue.includes(value) : currentValue === value;\n\n    const handleClick = (event: React.MouseEvent<HTMLDivElement>) => {\n        if (disabled || listboxDisabled || listboxReadOnly) {\n            event.stopPropagation();\n            return;\n        } else {\n            setValue(value);\n        }\n\n        if (typeof props.onClick === 'function') {\n            props.onClick(event);\n        }\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n        if (disabled || listboxDisabled || listboxReadOnly) {\n            event.stopPropagation();\n            return;\n        } else if (isAriaSelectionKey(event)) {\n            setValue(value);\n        }\n\n        if (typeof props.onKeyDown === 'function') {\n            props.onKeyDown(event);\n        }\n    };\n\n    return (\n        <div\n            {...otherProps}\n            aria-disabled={listboxDisabled || disabled ? 'true' : undefined}\n            aria-selected={selected ? 'true' : undefined}\n            id={id}\n            onClick={handleClick}\n            onKeyDown={handleKeyDown}\n            ref={ref}\n            role=\"option\"\n        />\n    );\n});\n"],"names":["Option","React","forwardRef","Listbox2Option","props","ref","disabled","id","nativeId","title","value","otherProps","listboxDisabled","readOnly","listboxReadOnly","setValue","currentValue","useListbox2Context","useId","selected","Array","isArray","includes","handleClick","event","stopPropagation","onClick","handleKeyDown","isAriaSelectionKey","onKeyDown","undefined","role"],"mappings":";;;;;MAWaA,MAAM,gBAAGC,cAAK,CAACC,UAAU,CAAsC,SAASC,cAAc,CAACC,KAAK,EAAEC,GAAG;EAC1G,MAAM;IAAEC,QAAQ;IAAEC,EAAE,EAAEC,QAAQ;IAAEC,KAAK;IAAEC,KAAK;IAAE,GAAGC;GAAY,GAAGP,KAAK;EACrE,MAAM;IAAEE,QAAQ,EAAEM,eAAe;IAAEC,QAAQ,EAAEC,eAAe;IAAEC,QAAQ;IAAEL,KAAK,EAAEM;GAAc,GAAGC,kBAAkB,EAAE;EACpH,MAAMV,EAAE,GAAGW,KAAK,CAACV,QAAQ,CAAC;EAC1B,MAAMW,QAAQ,GAAGC,KAAK,CAACC,OAAO,CAACL,YAAY,CAAC,GAAGA,YAAY,CAACM,QAAQ,CAACZ,KAAK,CAAC,GAAGM,YAAY,KAAKN,KAAK;EAEpG,MAAMa,WAAW,GAAIC,KAAuC;IACxD,IAAIlB,QAAQ,IAAIM,eAAe,IAAIE,eAAe,EAAE;MAChDU,KAAK,CAACC,eAAe,EAAE;MACvB;KACH,MAAM;MACHV,QAAQ,CAACL,KAAK,CAAC;;IAGnB,IAAI,OAAON,KAAK,CAACsB,OAAO,KAAK,UAAU,EAAE;MACrCtB,KAAK,CAACsB,OAAO,CAACF,KAAK,CAAC;;GAE3B;EAED,MAAMG,aAAa,GAAIH,KAA0C;IAC7D,IAAIlB,QAAQ,IAAIM,eAAe,IAAIE,eAAe,EAAE;MAChDU,KAAK,CAACC,eAAe,EAAE;MACvB;KACH,MAAM,IAAIG,kBAAkB,CAACJ,KAAK,CAAC,EAAE;MAClCT,QAAQ,CAACL,KAAK,CAAC;;IAGnB,IAAI,OAAON,KAAK,CAACyB,SAAS,KAAK,UAAU,EAAE;MACvCzB,KAAK,CAACyB,SAAS,CAACL,KAAK,CAAC;;GAE7B;EAED,oBACIvB,sDACQU,UAAU;qBACCC,eAAe,IAAIN,QAAQ,GAAG,MAAM,GAAGwB,SAAS;qBAChDX,QAAQ,GAAG,MAAM,GAAGW,SAAS;IAC5CvB,EAAE,EAAEA,EAAE;IACNmB,OAAO,EAAEH,WAAW;IACpBM,SAAS,EAAEF,aAAa;IACxBtB,GAAG,EAAEA,GAAG;IACR0B,IAAI,EAAC;KACP;AAEV,CAAC;;;;"}

package/dist/esm/packages/taco/src/primitives/Listbox2/components/Root.js

@@ -0,0 +1,62 @@
+import React__default from 'react';
+import { useId } from '../../../hooks/useId.js';
+import { Root as Root$1 } from '../../Collection/components/Root.js';
+import { Listbox2Context } from './Context.js';
+
+const DEFAULT_SELECTOR = '[role="option"]';
+const Root = /*#__PURE__*/React__default.forwardRef(function Listbox2(props, ref) {
+  const {
+    children,
+    customSelector,
+    disabled = false,
+    id: nativeId,
+    multiple,
+    readOnly = false,
+    setValue,
+    title,
+    value,
+    ...otherProps
+  } = props;
+  const id = useId(nativeId);
+  const context = React__default.useMemo(() => ({
+    disabled,
+    readOnly,
+    setValue,
+    value
+  }), [disabled, readOnly, value]);
+  return /*#__PURE__*/React__default.createElement(Listbox2Context.Provider, {
+    value: context
+  }, /*#__PURE__*/React__default.createElement("div", {
+    "data-taco": "listbox2"
+  }, /*#__PURE__*/React__default.createElement(Root$1, Object.assign({}, otherProps, {
+    "aria-multiselectable": multiple ? true : undefined,
+    id: id,
+    ref: ref,
+    role: "listbox",
+    querySelector: customSelector ? `${DEFAULT_SELECTOR}, ${customSelector}` : DEFAULT_SELECTOR
+  }), children)));
+});
+const createListboxValueSetter = (multiple, setValue) => nextValue => {
+  setValue(value => {
+    if (Array.isArray(nextValue)) {
+      return nextValue;
+    }
+    if (multiple) {
+      if (value === undefined) {
+        return [nextValue];
+      } else if (Array.isArray(value)) {
+        if (value.includes(nextValue)) {
+          return value.filter(v => v !== nextValue);
+        }
+        return [...value, nextValue];
+      } else if (value === nextValue) {
+        return [];
+      }
+      return [value, nextValue];
+    }
+    return nextValue;
+  });
+};
+
+export { Root, createListboxValueSetter };
+//# sourceMappingURL=Root.js.map

package/dist/esm/packages/taco/src/primitives/Listbox2/components/Root.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Root.js","sources":["../../../../../../../../src/primitives/Listbox2/components/Root.tsx"],"sourcesContent":["import React from 'react';\nimport { useId } from '../../../hooks/useId';\nimport * as CollectionPrimitive from '../../Collection/Collection';\nimport { Listbox2Value } from '../types';\nimport { Listbox2Context } from './Context';\n\nexport type Listbox2Props = React.HTMLAttributes<HTMLDivElement> & {\n    customSelector?: string;\n    disabled?: boolean;\n    multiple?: boolean;\n    readOnly?: boolean;\n    setValue: (value: Listbox2Value) => void;\n    value?: Listbox2Value;\n};\n\nconst DEFAULT_SELECTOR = '[role=\"option\"]';\n\nexport const Root = React.forwardRef<CollectionPrimitive.CollectionRef, Listbox2Props>(function Listbox2(props, ref) {\n    const {\n        children,\n        customSelector,\n        disabled = false,\n        id: nativeId,\n        multiple,\n        readOnly = false,\n        setValue,\n        title,\n        value,\n        ...otherProps\n    } = props;\n    const id = useId(nativeId);\n\n    const context = React.useMemo(\n        () => ({\n            disabled,\n            readOnly,\n            setValue,\n            value,\n        }),\n        [disabled, readOnly, value]\n    );\n\n    return (\n        <Listbox2Context.Provider value={context}>\n            <div data-taco=\"listbox2\">\n                <CollectionPrimitive.Root\n                    {...otherProps}\n                    aria-multiselectable={multiple ? true : undefined}\n                    id={id}\n                    ref={ref}\n                    role=\"listbox\"\n                    querySelector={customSelector ? `${DEFAULT_SELECTOR}, ${customSelector}` : DEFAULT_SELECTOR}>\n                    {children}\n                </CollectionPrimitive.Root>\n            </div>\n        </Listbox2Context.Provider>\n    );\n});\n\nexport const createListboxValueSetter =\n    (multiple: boolean, setValue: React.Dispatch<React.SetStateAction<Listbox2Value | undefined>>) =>\n    (nextValue: Listbox2Value) => {\n        setValue(value => {\n            if (Array.isArray(nextValue)) {\n                return nextValue;\n            }\n\n            if (multiple) {\n                if (value === undefined) {\n                    return [nextValue];\n                } else if (Array.isArray(value)) {\n                    if (value.includes(nextValue)) {\n                        return value.filter(v => v !== nextValue);\n                    }\n\n                    return [...value, nextValue];\n                } else if (value === nextValue) {\n                    return [];\n                }\n\n                return [value, nextValue];\n            }\n\n            return nextValue;\n        });\n    };\n"],"names":["DEFAULT_SELECTOR","Root","React","forwardRef","Listbox2","props","ref","children","customSelector","disabled","id","nativeId","multiple","readOnly","setValue","title","value","otherProps","useId","context","useMemo","Listbox2Context","Provider","CollectionPrimitive","undefined","role","querySelector","createListboxValueSetter","nextValue","Array","isArray","includes","filter","v"],"mappings":";;;;;AAeA,MAAMA,gBAAgB,GAAG,iBAAiB;MAE7BC,IAAI,gBAAGC,cAAK,CAACC,UAAU,CAAmD,SAASC,QAAQ,CAACC,KAAK,EAAEC,GAAG;EAC/G,MAAM;IACFC,QAAQ;IACRC,cAAc;IACdC,QAAQ,GAAG,KAAK;IAChBC,EAAE,EAAEC,QAAQ;IACZC,QAAQ;IACRC,QAAQ,GAAG,KAAK;IAChBC,QAAQ;IACRC,KAAK;IACLC,KAAK;IACL,GAAGC;GACN,GAAGZ,KAAK;EACT,MAAMK,EAAE,GAAGQ,KAAK,CAACP,QAAQ,CAAC;EAE1B,MAAMQ,OAAO,GAAGjB,cAAK,CAACkB,OAAO,CACzB,OAAO;IACHX,QAAQ;IACRI,QAAQ;IACRC,QAAQ;IACRE;GACH,CAAC,EACF,CAACP,QAAQ,EAAEI,QAAQ,EAAEG,KAAK,CAAC,CAC9B;EAED,oBACId,6BAACmB,eAAe,CAACC,QAAQ;IAACN,KAAK,EAAEG;kBAC7BjB;iBAAe;kBACXA,6BAACqB,MAAwB,oBACjBN,UAAU;4BACQL,QAAQ,GAAG,IAAI,GAAGY,SAAS;IACjDd,EAAE,EAAEA,EAAE;IACNJ,GAAG,EAAEA,GAAG;IACRmB,IAAI,EAAC,SAAS;IACdC,aAAa,EAAElB,cAAc,MAAMR,qBAAqBQ,gBAAgB,GAAGR;MAC1EO,QAAQ,CACc,CACzB,CACiB;AAEnC,CAAC;MAEYoB,wBAAwB,GACjC,CAACf,QAAiB,EAAEE,QAAyE,KAC5Fc,SAAwB;EACrBd,QAAQ,CAACE,KAAK;IACV,IAAIa,KAAK,CAACC,OAAO,CAACF,SAAS,CAAC,EAAE;MAC1B,OAAOA,SAAS;;IAGpB,IAAIhB,QAAQ,EAAE;MACV,IAAII,KAAK,KAAKQ,SAAS,EAAE;QACrB,OAAO,CAACI,SAAS,CAAC;OACrB,MAAM,IAAIC,KAAK,CAACC,OAAO,CAACd,KAAK,CAAC,EAAE;QAC7B,IAAIA,KAAK,CAACe,QAAQ,CAACH,SAAS,CAAC,EAAE;UAC3B,OAAOZ,KAAK,CAACgB,MAAM,CAACC,CAAC,IAAIA,CAAC,KAAKL,SAAS,CAAC;;QAG7C,OAAO,CAAC,GAAGZ,KAAK,EAAEY,SAAS,CAAC;OAC/B,MAAM,IAAIZ,KAAK,KAAKY,SAAS,EAAE;QAC5B,OAAO,EAAE;;MAGb,OAAO,CAACZ,KAAK,EAAEY,SAAS,CAAC;;IAG7B,OAAOA,SAAS;GACnB,CAAC;AACN;;;;"}

package/dist/esm/packages/taco/src/primitives/Listbox2/components/Title.js

@@ -0,0 +1,25 @@
+import React__default from 'react';
+import { useId } from '../../../hooks/useId.js';
+import { useListbox2GroupContext } from './Group.js';
+
+const Title = /*#__PURE__*/React__default.forwardRef(function Listbox2Group(props, ref) {
+  const {
+    id: nativeId,
+    ...otherProps
+  } = props;
+  const {
+    setLabelledById
+  } = useListbox2GroupContext();
+  const id = useId(nativeId);
+  React__default.useEffect(() => {
+    setLabelledById(id);
+  }, [id]);
+  return /*#__PURE__*/React__default.createElement("div", Object.assign({}, otherProps, {
+    id: id,
+    ref: ref,
+    role: "presentation"
+  }));
+});
+
+export { Title };
+//# sourceMappingURL=Title.js.map

package/dist/esm/packages/taco/src/primitives/Listbox2/components/Title.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Title.js","sources":["../../../../../../../../src/primitives/Listbox2/components/Title.tsx"],"sourcesContent":["import React from 'react';\nimport { useId } from '../../../hooks/useId';\nimport { useListbox2GroupContext } from './Group';\n\nexport type Listbox2TitleProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const Title = React.forwardRef<HTMLDivElement, Listbox2TitleProps>(function Listbox2Group(props, ref) {\n    const { id: nativeId, ...otherProps } = props;\n    const { setLabelledById } = useListbox2GroupContext();\n    const id = useId(nativeId);\n\n    React.useEffect(() => {\n        setLabelledById(id);\n    }, [id]);\n\n    return <div {...otherProps} id={id} ref={ref} role=\"presentation\" />;\n});\n"],"names":["Title","React","forwardRef","Listbox2Group","props","ref","id","nativeId","otherProps","setLabelledById","useListbox2GroupContext","useId","useEffect","role"],"mappings":";;;;MAMaA,KAAK,gBAAGC,cAAK,CAACC,UAAU,CAAqC,SAASC,aAAa,CAACC,KAAK,EAAEC,GAAG;EACvG,MAAM;IAAEC,EAAE,EAAEC,QAAQ;IAAE,GAAGC;GAAY,GAAGJ,KAAK;EAC7C,MAAM;IAAEK;GAAiB,GAAGC,uBAAuB,EAAE;EACrD,MAAMJ,EAAE,GAAGK,KAAK,CAACJ,QAAQ,CAAC;EAE1BN,cAAK,CAACW,SAAS,CAAC;IACZH,eAAe,CAACH,EAAE,CAAC;GACtB,EAAE,CAACA,EAAE,CAAC,CAAC;EAER,oBAAOL,sDAASO,UAAU;IAAEF,EAAE,EAAEA,EAAE;IAAED,GAAG,EAAEA,GAAG;IAAEQ,IAAI,EAAC;KAAiB;AACxE,CAAC;;;;"}

package/dist/esm/packages/taco/src/utils/aria.js

@@ -0,0 +1,15 @@
+const isAriaSelectionKey = event => {
+  if (event.key === 'Enter' || event.key === ' ' || event.key === 'Tab') {
+    return true;
+  }
+  return false;
+};
+const isAriaDirectionKey = event => {
+  if (event.key === 'ArrowUp' || event.key === 'ArrowDown' || event.key === 'Home' || event.key === 'End') {
+    return true;
+  }
+  return false;
+};
+
+export { isAriaDirectionKey, isAriaSelectionKey };
+//# sourceMappingURL=aria.js.map

package/dist/esm/packages/taco/src/utils/aria.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"aria.js","sources":["../../../../../../src/utils/aria.ts"],"sourcesContent":["export const isAriaSelectionKey = (event: React.KeyboardEvent) => {\n    if (event.key === 'Enter' || event.key === ' ' || event.key === 'Tab') {\n        return true;\n    }\n\n    return false;\n};\n\nexport const isAriaDirectionKey = (event: React.KeyboardEvent) => {\n    if (event.key === 'ArrowUp' || event.key === 'ArrowDown' || event.key === 'Home' || event.key === 'End') {\n        return true;\n    }\n\n    return false;\n};\n"],"names":["isAriaSelectionKey","event","key","isAriaDirectionKey"],"mappings":"MAAaA,kBAAkB,GAAIC,KAA0B;EACzD,IAAIA,KAAK,CAACC,GAAG,KAAK,OAAO,IAAID,KAAK,CAACC,GAAG,KAAK,GAAG,IAAID,KAAK,CAACC,GAAG,KAAK,KAAK,EAAE;IACnE,OAAO,IAAI;;EAGf,OAAO,KAAK;AAChB;MAEaC,kBAAkB,GAAIF,KAA0B;EACzD,IAAIA,KAAK,CAACC,GAAG,KAAK,SAAS,IAAID,KAAK,CAACC,GAAG,KAAK,WAAW,IAAID,KAAK,CAACC,GAAG,KAAK,MAAM,IAAID,KAAK,CAACC,GAAG,KAAK,KAAK,EAAE;IACrG,OAAO,IAAI;;EAGf,OAAO,KAAK;AAChB;;;;"}

package/dist/esm/packages/taco/src/utils/colors.js

@@ -0,0 +1,14 @@
+const colors = {
+  green: 'bg-green-100 text-green-900',
+  yellow: 'bg-yellow-100 text-yellow-900',
+  red: 'bg-red-100 text-red-900',
+  blue: 'bg-blue-100 text-blue-900',
+  purple: 'bg-purple-100 text-purple-900',
+  orange: 'bg-orange-100 text-orange-900',
+  brown: 'bg-brown-100 text-brown-900',
+  pink: 'bg-pink-100 text-pink-900',
+  grey: 'bg-grey-200 text-grey-900'
+};
+
+export { colors };
+//# sourceMappingURL=colors.js.map

package/dist/esm/packages/taco/src/utils/colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.js","sources":["../../../../../../src/utils/colors.ts"],"sourcesContent":["export const colors = {\n    green: 'bg-green-100 text-green-900',\n    yellow: 'bg-yellow-100 text-yellow-900',\n    red: 'bg-red-100 text-red-900',\n    blue: 'bg-blue-100 text-blue-900',\n    purple: 'bg-purple-100 text-purple-900',\n    orange: 'bg-orange-100 text-orange-900',\n    brown: 'bg-brown-100 text-brown-900',\n    pink: 'bg-pink-100 text-pink-900',\n    grey: 'bg-grey-200 text-grey-900',\n};\n\nexport type Color = keyof typeof colors;\n"],"names":["colors","green","yellow","red","blue","purple","orange","brown","pink","grey"],"mappings":"MAAaA,MAAM,GAAG;EAClBC,KAAK,EAAE,6BAA6B;EACpCC,MAAM,EAAE,+BAA+B;EACvCC,GAAG,EAAE,yBAAyB;EAC9BC,IAAI,EAAE,2BAA2B;EACjCC,MAAM,EAAE,+BAA+B;EACvCC,MAAM,EAAE,+BAA+B;EACvCC,KAAK,EAAE,6BAA6B;EACpCC,IAAI,EAAE,2BAA2B;EACjCC,IAAI,EAAE;;;;;"}

package/dist/esm/packages/taco/src/utils/date.js

@@ -0,0 +1,61 @@
+import { isDate, toDate, isValid } from 'date-fns';
+
+const format = (date, mask = 'dd.mm.yy') => {
+  if (!date) {
+    return undefined;
+  }
+  const value = isDate(date) ? date : toDate(date);
+  if (!isValid(value)) {
+    return undefined;
+  }
+  const pad = v => String(v).length === 1 ? `0${v}` : v.toString();
+  return mask.replace('dd', pad(value.getDate())).replace('mm', pad(value.getMonth() + 1)).replace('yy', String(value.getFullYear()).slice(2));
+};
+const parseFromCustomString = (date = '', mask = 'dd.mm.yy') => {
+  if (!date || !date.length) {
+    return undefined;
+  }
+  const sanitizedMask = mask.split(/[^dmy]/);
+  const dd = sanitizedMask.findIndex(x => x === 'dd');
+  const mm = sanitizedMask.findIndex(x => x === 'mm');
+  const yy = sanitizedMask.findIndex(x => x === 'yy' || x === 'yyyy');
+  let day;
+  let month;
+  let year;
+  const getFullYear = y => {
+    if (y && y.length === 2) {
+      const z = Number.parseInt(y, 10);
+      return z > 50 ? `19${y}` : `20${y}`;
+    }
+    return y;
+  };
+  const inputParts = date.split(/\D/);
+  if (inputParts.length === 1) {
+    const fullDate = inputParts[0];
+    const unseparatedMask = mask.replace(/[^dmy]/g, '');
+    day = fullDate.slice(unseparatedMask.indexOf('d'), unseparatedMask.lastIndexOf('d') + 1);
+    month = fullDate.slice(unseparatedMask.indexOf('m'), unseparatedMask.lastIndexOf('m') + 1);
+    year = getFullYear(fullDate.slice(unseparatedMask.indexOf('y'), unseparatedMask.lastIndexOf('y') + 3)); // account for full years
+  } else {
+    day = inputParts[dd];
+    month = inputParts[mm];
+    year = getFullYear(inputParts[yy]);
+  }
+  day = Number.parseInt(day, 10);
+  month = Number.parseInt(month, 10);
+  year = Number.parseInt(year, 10);
+  const currentDate = new Date();
+  return new Date( /* year */Object.is(year, NaN) ? currentDate.getFullYear() : year, /* month */Object.is(month, NaN) ? currentDate.getMonth() : month - 1,
+  // months are zero based in javascript, so subtract a day
+  /* day */
+  Object.is(day, NaN) ? currentDate.getDate() : day, /* hours */12, /* minutes */0 // set to midday to avoid UTC offset causing dates to be mismatched server side
+  );
+};
+
+const parseFromISOString = date => {
+  const tempDate = new Date(date);
+  return isValid(tempDate) ? parseFromCustomString(format(new Date(date))) : undefined;
+};
+
+export { format, parseFromCustomString, parseFromISOString };
+//# sourceMappingURL=date.js.map

package/dist/esm/packages/taco/src/utils/date.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date.js","sources":["../../../../../../src/utils/date.ts"],"sourcesContent":["import { isDate, toDate, isValid } from 'date-fns';\n\nexport const format = (date: Date | undefined, mask = 'dd.mm.yy'): string | undefined => {\n    if (!date) {\n        return undefined;\n    }\n\n    const value = isDate(date) ? date : toDate(date);\n\n    if (!isValid(value)) {\n        return undefined;\n    }\n\n    const pad = (v: number): string => (String(v).length === 1 ? `0${v}` : v.toString());\n\n    return mask\n        .replace('dd', pad(value.getDate()))\n        .replace('mm', pad(value.getMonth() + 1))\n        .replace('yy', String(value.getFullYear()).slice(2));\n};\n\nexport const parseFromCustomString = (date = '', mask = 'dd.mm.yy'): Date | undefined => {\n    if (!date || !date.length) {\n        return undefined;\n    }\n\n    const sanitizedMask = mask.split(/[^dmy]/);\n    const dd = sanitizedMask.findIndex(x => x === 'dd');\n    const mm = sanitizedMask.findIndex(x => x === 'mm');\n    const yy = sanitizedMask.findIndex(x => x === 'yy' || x === 'yyyy');\n\n    let day;\n    let month;\n    let year;\n\n    const getFullYear = (y: string): string => {\n        if (y && y.length === 2) {\n            const z = Number.parseInt(y, 10);\n\n            return z > 50 ? `19${y}` : `20${y}`;\n        }\n\n        return y;\n    };\n\n    const inputParts = date.split(/\\D/);\n\n    if (inputParts.length === 1) {\n        const fullDate = inputParts[0];\n        const unseparatedMask = mask.replace(/[^dmy]/g, '');\n\n        day = fullDate.slice(unseparatedMask.indexOf('d'), unseparatedMask.lastIndexOf('d') + 1);\n        month = fullDate.slice(unseparatedMask.indexOf('m'), unseparatedMask.lastIndexOf('m') + 1);\n        year = getFullYear(fullDate.slice(unseparatedMask.indexOf('y'), unseparatedMask.lastIndexOf('y') + 3)); // account for full years\n    } else {\n        day = inputParts[dd];\n        month = inputParts[mm];\n        year = getFullYear(inputParts[yy]);\n    }\n\n    day = Number.parseInt(day, 10);\n    month = Number.parseInt(month, 10);\n    year = Number.parseInt(year, 10);\n\n    const currentDate = new Date();\n\n    return new Date(\n        /* year */ Object.is(year, NaN) ? currentDate.getFullYear() : year,\n        /* month */ Object.is(month, NaN) ? currentDate.getMonth() : month - 1, // months are zero based in javascript, so subtract a day\n        /* day */ Object.is(day, NaN) ? currentDate.getDate() : day,\n        /* hours */ 12,\n        /* minutes */ 0 // set to midday to avoid UTC offset causing dates to be mismatched server side\n    );\n};\n\nexport const parseFromISOString = (date: string): Date | undefined => {\n    const tempDate = new Date(date);\n    return isValid(tempDate) ? parseFromCustomString(format(new Date(date))) : undefined;\n};\n"],"names":["format","date","mask","undefined","value","isDate","toDate","isValid","pad","v","String","length","toString","replace","getDate","getMonth","getFullYear","slice","parseFromCustomString","sanitizedMask","split","dd","findIndex","x","mm","yy","day","month","year","y","z","Number","parseInt","inputParts","fullDate","unseparatedMask","indexOf","lastIndexOf","currentDate","Date","Object","is","NaN","parseFromISOString","tempDate"],"mappings":";;MAEaA,MAAM,GAAG,CAACC,IAAsB,EAAEC,IAAI,GAAG,UAAU;EAC5D,IAAI,CAACD,IAAI,EAAE;IACP,OAAOE,SAAS;;EAGpB,MAAMC,KAAK,GAAGC,MAAM,CAACJ,IAAI,CAAC,GAAGA,IAAI,GAAGK,MAAM,CAACL,IAAI,CAAC;EAEhD,IAAI,CAACM,OAAO,CAACH,KAAK,CAAC,EAAE;IACjB,OAAOD,SAAS;;EAGpB,MAAMK,GAAG,GAAIC,CAAS,IAAcC,MAAM,CAACD,CAAC,CAAC,CAACE,MAAM,KAAK,CAAC,OAAOF,GAAG,GAAGA,CAAC,CAACG,QAAQ,EAAG;EAEpF,OAAOV,IAAI,CACNW,OAAO,CAAC,IAAI,EAAEL,GAAG,CAACJ,KAAK,CAACU,OAAO,EAAE,CAAC,CAAC,CACnCD,OAAO,CAAC,IAAI,EAAEL,GAAG,CAACJ,KAAK,CAACW,QAAQ,EAAE,GAAG,CAAC,CAAC,CAAC,CACxCF,OAAO,CAAC,IAAI,EAAEH,MAAM,CAACN,KAAK,CAACY,WAAW,EAAE,CAAC,CAACC,KAAK,CAAC,CAAC,CAAC,CAAC;AAC5D;MAEaC,qBAAqB,GAAG,CAACjB,IAAI,GAAG,EAAE,EAAEC,IAAI,GAAG,UAAU;EAC9D,IAAI,CAACD,IAAI,IAAI,CAACA,IAAI,CAACU,MAAM,EAAE;IACvB,OAAOR,SAAS;;EAGpB,MAAMgB,aAAa,GAAGjB,IAAI,CAACkB,KAAK,CAAC,QAAQ,CAAC;EAC1C,MAAMC,EAAE,GAAGF,aAAa,CAACG,SAAS,CAACC,CAAC,IAAIA,CAAC,KAAK,IAAI,CAAC;EACnD,MAAMC,EAAE,GAAGL,aAAa,CAACG,SAAS,CAACC,CAAC,IAAIA,CAAC,KAAK,IAAI,CAAC;EACnD,MAAME,EAAE,GAAGN,aAAa,CAACG,SAAS,CAACC,CAAC,IAAIA,CAAC,KAAK,IAAI,IAAIA,CAAC,KAAK,MAAM,CAAC;EAEnE,IAAIG,GAAG;EACP,IAAIC,KAAK;EACT,IAAIC,IAAI;EAER,MAAMZ,WAAW,GAAIa,CAAS;IAC1B,IAAIA,CAAC,IAAIA,CAAC,CAAClB,MAAM,KAAK,CAAC,EAAE;MACrB,MAAMmB,CAAC,GAAGC,MAAM,CAACC,QAAQ,CAACH,CAAC,EAAE,EAAE,CAAC;MAEhC,OAAOC,CAAC,GAAG,EAAE,QAAQD,GAAG,QAAQA,GAAG;;IAGvC,OAAOA,CAAC;GACX;EAED,MAAMI,UAAU,GAAGhC,IAAI,CAACmB,KAAK,CAAC,IAAI,CAAC;EAEnC,IAAIa,UAAU,CAACtB,MAAM,KAAK,CAAC,EAAE;IACzB,MAAMuB,QAAQ,GAAGD,UAAU,CAAC,CAAC,CAAC;IAC9B,MAAME,eAAe,GAAGjC,IAAI,CAACW,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC;IAEnDa,GAAG,GAAGQ,QAAQ,CAACjB,KAAK,CAACkB,eAAe,CAACC,OAAO,CAAC,GAAG,CAAC,EAAED,eAAe,CAACE,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACxFV,KAAK,GAAGO,QAAQ,CAACjB,KAAK,CAACkB,eAAe,CAACC,OAAO,CAAC,GAAG,CAAC,EAAED,eAAe,CAACE,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1FT,IAAI,GAAGZ,WAAW,CAACkB,QAAQ,CAACjB,KAAK,CAACkB,eAAe,CAACC,OAAO,CAAC,GAAG,CAAC,EAAED,eAAe,CAACE,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;GAC1G,MAAM;IACHX,GAAG,GAAGO,UAAU,CAACZ,EAAE,CAAC;IACpBM,KAAK,GAAGM,UAAU,CAACT,EAAE,CAAC;IACtBI,IAAI,GAAGZ,WAAW,CAACiB,UAAU,CAACR,EAAE,CAAC,CAAC;;EAGtCC,GAAG,GAAGK,MAAM,CAACC,QAAQ,CAACN,GAAG,EAAE,EAAE,CAAC;EAC9BC,KAAK,GAAGI,MAAM,CAACC,QAAQ,CAACL,KAAK,EAAE,EAAE,CAAC;EAClCC,IAAI,GAAGG,MAAM,CAACC,QAAQ,CAACJ,IAAI,EAAE,EAAE,CAAC;EAEhC,MAAMU,WAAW,GAAG,IAAIC,IAAI,EAAE;EAE9B,OAAO,IAAIA,IAAI,YACAC,MAAM,CAACC,EAAE,CAACb,IAAI,EAAEc,GAAG,CAAC,GAAGJ,WAAW,CAACtB,WAAW,EAAE,GAAGY,IAAI,aACtDY,MAAM,CAACC,EAAE,CAACd,KAAK,EAAEe,GAAG,CAAC,GAAGJ,WAAW,CAACvB,QAAQ,EAAE,GAAGY,KAAK,GAAG,CAAC;;;EAC5Da,MAAM,CAACC,EAAE,CAACf,GAAG,EAAEgB,GAAG,CAAC,GAAGJ,WAAW,CAACxB,OAAO,EAAE,GAAGY,GAAG,aAC/C,EAAE,eACA,CAAC;GAClB;AACL;;MAEaiB,kBAAkB,GAAI1C,IAAY;EAC3C,MAAM2C,QAAQ,GAAG,IAAIL,IAAI,CAACtC,IAAI,CAAC;EAC/B,OAAOM,OAAO,CAACqC,QAAQ,CAAC,GAAG1B,qBAAqB,CAAClB,MAAM,CAAC,IAAIuC,IAAI,CAACtC,IAAI,CAAC,CAAC,CAAC,GAAGE,SAAS;AACxF;;;;"}

package/dist/esm/packages/taco/src/utils/debounce.js

@@ -0,0 +1,10 @@
+const debounce = (fn, delay) => {
+  let timeoutId;
+  return function (...args) {
+    clearTimeout(timeoutId);
+    timeoutId = setTimeout(() => fn.apply(this, args), delay);
+  };
+};
+
+export { debounce };
+//# sourceMappingURL=debounce.js.map

package/dist/esm/packages/taco/src/utils/debounce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"debounce.js","sources":["../../../../../../src/utils/debounce.ts"],"sourcesContent":["export const debounce = (fn: Function, delay: number) => {\n    let timeoutId: ReturnType<typeof setTimeout>;\n\n    return function (this: any, ...args: any[]) {\n        clearTimeout(timeoutId);\n        timeoutId = setTimeout(() => fn.apply(this, args), delay);\n    };\n};\n"],"names":["debounce","fn","delay","timeoutId","args","clearTimeout","setTimeout","apply"],"mappings":"MAAaA,QAAQ,GAAG,CAACC,EAAY,EAAEC,KAAa;EAChD,IAAIC,SAAwC;EAE5C,OAAO,UAAqB,GAAGC,IAAW;IACtCC,YAAY,CAACF,SAAS,CAAC;IACvBA,SAAS,GAAGG,UAAU,CAAC,MAAML,EAAE,CAACM,KAAK,CAAC,IAAI,EAAEH,IAAI,CAAC,EAAEF,KAAK,CAAC;GAC5D;AACL;;;;"}

package/dist/esm/packages/taco/src/utils/device.js

@@ -0,0 +1,5 @@
+const mobiles = /iPhone|iPad|iPod|Android/i;
+const isMobileDevice = navigator => !!(navigator !== null && navigator !== void 0 && navigator.userAgent) && mobiles.test(navigator.userAgent);
+
+export { isMobileDevice };
+//# sourceMappingURL=device.js.map