@economic/taco 2.40.0 → 2.40.2

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

@@ -0,0 +1 @@
+{"version":3,"file":"dom.js","sources":["../../../../../../src/utils/dom.ts"],"sourcesContent":["// taken from react-aria\nconst FOCUSABLE_ELEMENTS = [\n    'input:not([disabled]):not([type=hidden])',\n    'select:not([disabled])',\n    'textarea:not([disabled])',\n    'button:not([disabled])',\n    'a[href]',\n    'area[href]',\n    'summary',\n    'iframe',\n    'object',\n    'embed',\n    'audio[controls]',\n    'video[controls]',\n    '[contenteditable]',\n    '[tabindex]:not([tabindex=\"-1\"]):not([disabled])',\n    'details:not([disabled])',\n    'summary:not(:disabled)',\n];\n\nexport const hasFocusableElement = (element: HTMLElement | null) => {\n    if (!element) {\n        return null;\n    }\n\n    return !!element.querySelector(FOCUSABLE_ELEMENTS.join(','));\n};\n\nexport const isOverflowing = (element: HTMLElement | null) =>\n    element !== null ? element.scrollWidth > element.offsetWidth : false;\n\nexport const getIndexOfFirstChildOverflowingParent = (element: HTMLElement, overscan = 0) => {\n    let index = 0;\n    let boundaryChildIndex: number | null = null;\n    const clientRect = element.getBoundingClientRect();\n\n    for (const child of Array.from(element.children)) {\n        const right = child.getBoundingClientRect().right - clientRect.left;\n        const width = clientRect.width - overscan;\n\n        if (right > width) {\n            boundaryChildIndex = index;\n            break;\n        }\n        index++;\n    }\n\n    return boundaryChildIndex;\n};\n\nexport const getNextFocussableElement = (currentElement: HTMLElement | null) => {\n    if (!currentElement) {\n        return null;\n    }\n\n    const focussableElements = [...document.querySelectorAll<HTMLElement>(FOCUSABLE_ELEMENTS.join(','))];\n    const currentElementIndex = focussableElements.indexOf(currentElement);\n\n    // If the currentElement is not in the focussable elements list or it is the last element\n    if (currentElementIndex !== -1 && currentElementIndex === focussableElements.length - 1) {\n        return null;\n    }\n\n    return focussableElements[currentElementIndex + 1];\n};\n\nconst getOverlaySelector = (element: Element | null) => {\n    switch (element?.getAttribute('role')) {\n        case 'dialog':\n            return `[aria-controls='${element.id}']`;\n\n        case 'menu':\n            return `#${element.getAttribute('aria-labelledby')}`;\n\n        default:\n            return undefined;\n    }\n};\n\nexport function isElementInsideOrTriggeredFromContainer(element: Element | null, container: Element | null) {\n    const selector = getOverlaySelector(element) ?? getOverlaySelector(element?.closest('[role=dialog],[role=menu]') ?? null);\n\n    if (selector) {\n        if (container?.querySelector(selector)) {\n            return true;\n        }\n\n        const elementInDocument = document.querySelector(selector);\n\n        // if the element does exist, see if it is itself connected to somethng that was triggered from the container\n        if (elementInDocument) {\n            return isElementInsideOrTriggeredFromContainer(elementInDocument, container);\n        }\n\n        return false;\n    }\n\n    return !!container?.contains(element);\n}\n\nexport function isElementInsideOverlay(element: Element | null) {\n    return !!element?.closest('[role=dialog],[role=menu]');\n}\n\nexport function isSiblingElementInsideSameParentOverlay(element: Element | null, sibling: Element | null) {\n    return !!element?.closest('[role=dialog],[role=menu]')?.contains(sibling);\n}\n\nexport function isElementInteractive(element: Element | null) {\n    if (!element) {\n        return false;\n    }\n\n    return (\n        ['A', 'BUTTON', 'INPUT', 'TEXTAREA', 'SELECT', 'LABEL', 'OPTION'].includes(element.tagName) &&\n        !(element as HTMLElement).hidden &&\n        !(element as HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement | HTMLButtonElement).disabled &&\n        !(element as HTMLInputElement | HTMLTextAreaElement).readOnly\n    );\n}\n\nexport function isElementInsideTable3OrReport(element: Element | null) {\n    return !!element?.closest('[data-taco^=table]');\n}\n\nexport function setDataFocusAttribute(target: Element) {\n    target.setAttribute('data-focus', 'programmatic');\n\n    const cleanup = () => {\n        target.removeAttribute('data-focus');\n        target.removeEventListener('blur', cleanup);\n    };\n\n    target.addEventListener('blur', cleanup);\n}\n"],"names":["FOCUSABLE_ELEMENTS","hasFocusableElement","element","querySelector","join","getIndexOfFirstChildOverflowingParent","overscan","index","boundaryChildIndex","clientRect","getBoundingClientRect","child","Array","from","children","right","left","width","getNextFocussableElement","currentElement","focussableElements","document","querySelectorAll","currentElementIndex","indexOf","length","getOverlaySelector","getAttribute","id","undefined","isElementInsideOrTriggeredFromContainer","container","selector","_getOverlaySelector","_element$closest","closest","elementInDocument","contains","isElementInsideOverlay","isSiblingElementInsideSameParentOverlay","sibling","_element$closest2","isElementInteractive","includes","tagName","hidden","disabled","readOnly","isElementInsideTable3OrReport","setDataFocusAttribute","target","setAttribute","cleanup","removeAttribute","removeEventListener","addEventListener"],"mappings":"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"}

package/dist/esm/packages/taco/src/utils/hooks/useDraggable.js

@@ -0,0 +1,54 @@
+import React__default from 'react';
+import { useMove } from '@react-aria/interactions';
+
+const useDraggable = ref => {
+  const [position, setPosition] = React__default.useState({
+    x: 0,
+    y: 0
+  });
+  const [dragging, setDragging] = React__default.useState(false);
+  const {
+    moveProps
+  } = useMove({
+    onMoveStart() {
+      setDragging(true);
+    },
+    onMove(event) {
+      var _ref$current;
+      const rect = (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.getBoundingClientRect();
+      // Prevent dragging out of bounds
+      if (rect && (rect.left + event.deltaX < 0 || rect.right + event.deltaX > window.innerWidth || rect.top + event.deltaY < 0 || rect.bottom + event.deltaY > window.innerHeight)) {
+        return;
+      }
+      setPosition(({
+        x,
+        y
+      }) => {
+        x += event.deltaX;
+        y += event.deltaY;
+        return {
+          x,
+          y
+        };
+      });
+    },
+    onMoveEnd() {
+      setDragging(false);
+    }
+  });
+  const resetPosition = () => {
+    setPosition({
+      x: 0,
+      y: 0
+    });
+  };
+  return {
+    position,
+    dragging,
+    handleProps: moveProps,
+    resetPosition
+  };
+};
+
+export { useDraggable };
+//# sourceMappingURL=useDraggable.js.map

package/dist/esm/packages/taco/src/utils/hooks/useDraggable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDraggable.js","sources":["../../../../../../../src/utils/hooks/useDraggable.tsx"],"sourcesContent":["import React from 'react';\nimport { useMove } from '@react-aria/interactions';\n\nexport const useDraggable = (ref: React.MutableRefObject<HTMLDivElement | null>): any => {\n    const [position, setPosition] = React.useState({\n        x: 0,\n        y: 0,\n    });\n\n    const [dragging, setDragging] = React.useState(false);\n\n    const { moveProps } = useMove({\n        onMoveStart() {\n            setDragging(true);\n        },\n        onMove(event) {\n            const rect = ref.current?.getBoundingClientRect();\n\n            // Prevent dragging out of bounds\n            if (\n                rect &&\n                (rect.left + event.deltaX < 0 ||\n                    rect.right + event.deltaX > window.innerWidth ||\n                    rect.top + event.deltaY < 0 ||\n                    rect.bottom + event.deltaY > window.innerHeight)\n            ) {\n                return;\n            }\n\n            setPosition(({ x, y }) => {\n                x += event.deltaX;\n                y += event.deltaY;\n                return { x, y };\n            });\n        },\n        onMoveEnd() {\n            setDragging(false);\n        },\n    });\n\n    const resetPosition = () => {\n        setPosition({\n            x: 0,\n            y: 0,\n        });\n    };\n\n    return {\n        position,\n        dragging,\n        handleProps: moveProps,\n        resetPosition,\n    };\n};\n"],"names":["useDraggable","ref","position","setPosition","React","useState","x","y","dragging","setDragging","moveProps","useMove","onMoveStart","onMove","event","rect","_ref$current","current","getBoundingClientRect","left","deltaX","right","window","innerWidth","top","deltaY","bottom","innerHeight","onMoveEnd","resetPosition","handleProps"],"mappings":";;;MAGaA,YAAY,GAAIC,GAAkD;EAC3E,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAAC;IAC3CC,CAAC,EAAE,CAAC;IACJC,CAAC,EAAE;GACN,CAAC;EAEF,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAGL,cAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;EAErD,MAAM;IAAEK;GAAW,GAAGC,OAAO,CAAC;IAC1BC,WAAWA;MACPH,WAAW,CAAC,IAAI,CAAC;KACpB;IACDI,MAAMA,CAACC,KAAK;;MACR,MAAMC,IAAI,IAAAC,YAAA,GAAGf,GAAG,CAACgB,OAAO,cAAAD,YAAA,uBAAXA,YAAA,CAAaE,qBAAqB,EAAE;;MAGjD,IACIH,IAAI,KACHA,IAAI,CAACI,IAAI,GAAGL,KAAK,CAACM,MAAM,GAAG,CAAC,IACzBL,IAAI,CAACM,KAAK,GAAGP,KAAK,CAACM,MAAM,GAAGE,MAAM,CAACC,UAAU,IAC7CR,IAAI,CAACS,GAAG,GAAGV,KAAK,CAACW,MAAM,GAAG,CAAC,IAC3BV,IAAI,CAACW,MAAM,GAAGZ,KAAK,CAACW,MAAM,GAAGH,MAAM,CAACK,WAAW,CAAC,EACtD;QACE;;MAGJxB,WAAW,CAAC,CAAC;QAAEG,CAAC;QAAEC;OAAG;QACjBD,CAAC,IAAIQ,KAAK,CAACM,MAAM;QACjBb,CAAC,IAAIO,KAAK,CAACW,MAAM;QACjB,OAAO;UAAEnB,CAAC;UAAEC;SAAG;OAClB,CAAC;KACL;IACDqB,SAASA;MACLnB,WAAW,CAAC,KAAK,CAAC;;GAEzB,CAAC;EAEF,MAAMoB,aAAa,GAAGA;IAClB1B,WAAW,CAAC;MACRG,CAAC,EAAE,CAAC;MACJC,CAAC,EAAE;KACN,CAAC;GACL;EAED,OAAO;IACHL,QAAQ;IACRM,QAAQ;IACRsB,WAAW,EAAEpB,SAAS;IACtBmB;GACH;AACL;;;;"}

package/dist/esm/packages/taco/src/utils/hooks/useDropTarget.js

@@ -0,0 +1,36 @@
+import React__default from 'react';
+
+const useDropTarget = onDrop => {
+  const [isDraggedOver, setDraggedOver] = React__default.useState(false);
+  const handleDragEnter = React__default.useCallback(event => {
+    event.preventDefault();
+    setDraggedOver(true);
+  }, []);
+  const handleDragLeave = React__default.useCallback(event => {
+    event.preventDefault();
+    if (event.target === event.currentTarget || event.relatedTarget && !event.currentTarget.contains(event.relatedTarget)) {
+      setDraggedOver(false);
+    }
+  }, []);
+  const handleDragOver = React__default.useCallback(event => {
+    event.preventDefault();
+  }, []);
+  const handleDrop = React__default.useCallback(event => {
+    event.preventDefault();
+    event.persist();
+    setDraggedOver(false);
+    if (onDrop) {
+      onDrop(event);
+    }
+  }, [onDrop]);
+  const props = onDrop ? {
+    onDragEnter: handleDragEnter,
+    onDragLeave: handleDragLeave,
+    onDragOver: handleDragOver,
+    onDrop: handleDrop
+  } : undefined;
+  return [isDraggedOver, props];
+};
+
+export { useDropTarget };
+//# sourceMappingURL=useDropTarget.js.map

package/dist/esm/packages/taco/src/utils/hooks/useDropTarget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDropTarget.js","sources":["../../../../../../../src/utils/hooks/useDropTarget.ts"],"sourcesContent":["import React from 'react';\n\nexport type useDropTarget = [\n    boolean,\n    (\n        | undefined\n        | {\n              onDragEnter: React.DragEventHandler;\n              onDragLeave: React.DragEventHandler;\n              onDragOver: React.DragEventHandler;\n              onDrop: React.DragEventHandler;\n          }\n    )\n];\n\nexport const useDropTarget = (onDrop: React.DragEventHandler | undefined): useDropTarget => {\n    const [isDraggedOver, setDraggedOver] = React.useState(false);\n\n    const handleDragEnter = React.useCallback((event: React.DragEvent<HTMLElement>) => {\n        event.preventDefault();\n        setDraggedOver(true);\n    }, []);\n\n    const handleDragLeave = React.useCallback((event: React.DragEvent<HTMLElement>) => {\n        event.preventDefault();\n\n        if (\n            event.target === event.currentTarget ||\n            (event.relatedTarget && !event.currentTarget.contains(event.relatedTarget as HTMLElement))\n        ) {\n            setDraggedOver(false);\n        }\n    }, []);\n\n    const handleDragOver = React.useCallback((event: React.DragEvent<HTMLElement>) => {\n        event.preventDefault();\n    }, []);\n\n    const handleDrop = React.useCallback(\n        (event: React.DragEvent<HTMLElement>) => {\n            event.preventDefault();\n            event.persist();\n\n            setDraggedOver(false);\n\n            if (onDrop) {\n                onDrop(event);\n            }\n        },\n        [onDrop]\n    );\n\n    const props = onDrop\n        ? {\n              onDragEnter: handleDragEnter,\n              onDragLeave: handleDragLeave,\n              onDragOver: handleDragOver,\n              onDrop: handleDrop,\n          }\n        : undefined;\n\n    return [isDraggedOver, props];\n};\n"],"names":["useDropTarget","onDrop","isDraggedOver","setDraggedOver","React","useState","handleDragEnter","useCallback","event","preventDefault","handleDragLeave","target","currentTarget","relatedTarget","contains","handleDragOver","handleDrop","persist","props","onDragEnter","onDragLeave","onDragOver","undefined"],"mappings":";;MAeaA,aAAa,GAAIC,MAA0C;EACpE,MAAM,CAACC,aAAa,EAAEC,cAAc,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;EAE7D,MAAMC,eAAe,GAAGF,cAAK,CAACG,WAAW,CAAEC,KAAmC;IAC1EA,KAAK,CAACC,cAAc,EAAE;IACtBN,cAAc,CAAC,IAAI,CAAC;GACvB,EAAE,EAAE,CAAC;EAEN,MAAMO,eAAe,GAAGN,cAAK,CAACG,WAAW,CAAEC,KAAmC;IAC1EA,KAAK,CAACC,cAAc,EAAE;IAEtB,IACID,KAAK,CAACG,MAAM,KAAKH,KAAK,CAACI,aAAa,IACnCJ,KAAK,CAACK,aAAa,IAAI,CAACL,KAAK,CAACI,aAAa,CAACE,QAAQ,CAACN,KAAK,CAACK,aAA4B,CAAE,EAC5F;MACEV,cAAc,CAAC,KAAK,CAAC;;GAE5B,EAAE,EAAE,CAAC;EAEN,MAAMY,cAAc,GAAGX,cAAK,CAACG,WAAW,CAAEC,KAAmC;IACzEA,KAAK,CAACC,cAAc,EAAE;GACzB,EAAE,EAAE,CAAC;EAEN,MAAMO,UAAU,GAAGZ,cAAK,CAACG,WAAW,CAC/BC,KAAmC;IAChCA,KAAK,CAACC,cAAc,EAAE;IACtBD,KAAK,CAACS,OAAO,EAAE;IAEfd,cAAc,CAAC,KAAK,CAAC;IAErB,IAAIF,MAAM,EAAE;MACRA,MAAM,CAACO,KAAK,CAAC;;GAEpB,EACD,CAACP,MAAM,CAAC,CACX;EAED,MAAMiB,KAAK,GAAGjB,MAAM,GACd;IACIkB,WAAW,EAAEb,eAAe;IAC5Bc,WAAW,EAAEV,eAAe;IAC5BW,UAAU,EAAEN,cAAc;IAC1Bd,MAAM,EAAEe;GACX,GACDM,SAAS;EAEf,OAAO,CAACpB,aAAa,EAAEgB,KAAK,CAAC;AACjC;;;;"}

package/dist/esm/packages/taco/src/utils/hooks/useListKeyboardNavigation.js

@@ -0,0 +1,34 @@
+import React__default from 'react';
+
+const getNextIndexFromKey = (key, length, index, direction = 'vertical') => {
+  const previousKey = direction === 'horizontal' ? 'ArrowLeft' : 'ArrowUp';
+  const nextKey = direction === 'horizontal' ? 'ArrowRight' : 'ArrowDown';
+  switch (key) {
+    case previousKey:
+      return index !== undefined ? index - 1 < 0 ? 0 : index - 1 : index;
+    case nextKey:
+      return index !== undefined ? index + 1 >= length ? index : index + 1 : index;
+    case 'Home':
+      return 0;
+    case 'End':
+      return length - 1;
+    default:
+      return;
+  }
+};
+const useListKeyboardNavigation = (length = 0, options = {
+  direction: 'vertical'
+}) => {
+  const [index, setIndex] = React__default.useState(options.initialIndex);
+  const getNextIndex = event => {
+    const nextIndex = getNextIndexFromKey(event.key, length, index, options.direction);
+    if (nextIndex !== undefined) {
+      event.preventDefault();
+    }
+    return nextIndex;
+  };
+  return [index, setIndex, getNextIndex];
+};
+
+export { getNextIndexFromKey, useListKeyboardNavigation };
+//# sourceMappingURL=useListKeyboardNavigation.js.map

package/dist/esm/packages/taco/src/utils/hooks/useListKeyboardNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useListKeyboardNavigation.js","sources":["../../../../../../../src/utils/hooks/useListKeyboardNavigation.ts"],"sourcesContent":["import React from 'react';\nimport { Orientation } from '../../types';\n\nexport const getNextIndexFromKey = (\n    key: string,\n    length: number,\n    index: number | undefined,\n    direction: Orientation = 'vertical'\n): number | undefined => {\n    const previousKey = direction === 'horizontal' ? 'ArrowLeft' : 'ArrowUp';\n    const nextKey = direction === 'horizontal' ? 'ArrowRight' : 'ArrowDown';\n\n    switch (key) {\n        case previousKey:\n            return index !== undefined ? (index - 1 < 0 ? 0 : index - 1) : index;\n\n        case nextKey:\n            return index !== undefined ? (index + 1 >= length ? index : index + 1) : index;\n\n        case 'Home':\n            return 0;\n\n        case 'End':\n            return length - 1;\n\n        default:\n            return;\n    }\n};\n\nexport type useListKeyboardNavigationOptions = {\n    direction?: Orientation;\n    initialIndex?: number;\n};\n\nexport const useListKeyboardNavigation = (\n    length = 0,\n    options: useListKeyboardNavigationOptions = {\n        direction: 'vertical',\n    }\n): [number | undefined, (index: number | undefined) => void, (event: React.KeyboardEvent<HTMLElement>) => number | undefined] => {\n    const [index, setIndex] = React.useState<number | undefined>(options.initialIndex);\n\n    const getNextIndex = (event: React.KeyboardEvent<HTMLElement>): number | undefined => {\n        const nextIndex = getNextIndexFromKey(event.key, length, index, options.direction);\n\n        if (nextIndex !== undefined) {\n            event.preventDefault();\n        }\n\n        return nextIndex;\n    };\n\n    return [index, setIndex, getNextIndex];\n};\n"],"names":["getNextIndexFromKey","key","length","index","direction","previousKey","nextKey","undefined","useListKeyboardNavigation","options","setIndex","React","useState","initialIndex","getNextIndex","event","nextIndex","preventDefault"],"mappings":";;MAGaA,mBAAmB,GAAGA,CAC/BC,GAAW,EACXC,MAAc,EACdC,KAAyB,EACzBC,YAAyB,UAAU;EAEnC,MAAMC,WAAW,GAAGD,SAAS,KAAK,YAAY,GAAG,WAAW,GAAG,SAAS;EACxE,MAAME,OAAO,GAAGF,SAAS,KAAK,YAAY,GAAG,YAAY,GAAG,WAAW;EAEvE,QAAQH,GAAG;IACP,KAAKI,WAAW;MACZ,OAAOF,KAAK,KAAKI,SAAS,GAAIJ,KAAK,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAGA,KAAK,GAAG,CAAC,GAAIA,KAAK;IAExE,KAAKG,OAAO;MACR,OAAOH,KAAK,KAAKI,SAAS,GAAIJ,KAAK,GAAG,CAAC,IAAID,MAAM,GAAGC,KAAK,GAAGA,KAAK,GAAG,CAAC,GAAIA,KAAK;IAElF,KAAK,MAAM;MACP,OAAO,CAAC;IAEZ,KAAK,KAAK;MACN,OAAOD,MAAM,GAAG,CAAC;IAErB;MACI;;AAEZ;MAOaM,yBAAyB,GAAGA,CACrCN,MAAM,GAAG,CAAC,EACVO,UAA4C;EACxCL,SAAS,EAAE;CACd;EAED,MAAM,CAACD,KAAK,EAAEO,QAAQ,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAAqBH,OAAO,CAACI,YAAY,CAAC;EAElF,MAAMC,YAAY,GAAIC,KAAuC;IACzD,MAAMC,SAAS,GAAGhB,mBAAmB,CAACe,KAAK,CAACd,GAAG,EAAEC,MAAM,EAAEC,KAAK,EAAEM,OAAO,CAACL,SAAS,CAAC;IAElF,IAAIY,SAAS,KAAKT,SAAS,EAAE;MACzBQ,KAAK,CAACE,cAAc,EAAE;;IAG1B,OAAOD,SAAS;GACnB;EAED,OAAO,CAACb,KAAK,EAAEO,QAAQ,EAAEI,YAAY,CAAC;AAC1C;;;;"}

package/dist/esm/packages/taco/src/utils/hooks/useListScrollTo.js

@@ -0,0 +1,33 @@
+const scrollToChildElement = (parent, child) => {
+  const clientHeight = parent.clientHeight;
+  if (parent.scrollHeight > clientHeight) {
+    const scrollTop = parent.scrollTop;
+    const scrollBottom = clientHeight + scrollTop;
+    const childBottom = child.offsetTop + child.offsetHeight;
+    if (childBottom > scrollBottom) {
+      parent.scrollTop = childBottom - clientHeight;
+    } else if (child.offsetTop < scrollTop) {
+      parent.scrollTop = child.offsetTop;
+    }
+  }
+};
+const useListScrollTo = (internalRef, itemRefs) => {
+  const scrollTo = index => {
+    if (internalRef && internalRef.current) {
+      if (index !== undefined) {
+        const activeRef = itemRefs[index];
+        if (activeRef && activeRef.current) {
+          scrollToChildElement(internalRef.current, activeRef.current);
+        }
+      } else {
+        internalRef.current.scrollTop = 0;
+      }
+    }
+  };
+  return {
+    scrollTo
+  };
+};
+
+export { useListScrollTo };
+//# sourceMappingURL=useListScrollTo.js.map

package/dist/esm/packages/taco/src/utils/hooks/useListScrollTo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useListScrollTo.js","sources":["../../../../../../../src/utils/hooks/useListScrollTo.ts"],"sourcesContent":["const scrollToChildElement = (parent: HTMLElement, child: HTMLElement): void => {\n    const clientHeight = parent.clientHeight;\n\n    if (parent.scrollHeight > clientHeight) {\n        const scrollTop = parent.scrollTop;\n        const scrollBottom = clientHeight + scrollTop;\n        const childBottom = child.offsetTop + child.offsetHeight;\n\n        if (childBottom > scrollBottom) {\n            parent.scrollTop = childBottom - clientHeight;\n        } else if (child.offsetTop < scrollTop) {\n            parent.scrollTop = child.offsetTop;\n        }\n    }\n};\n\nexport const useListScrollTo = (internalRef: any, itemRefs: any[]): any => {\n    const scrollTo = (index: number | undefined): void => {\n        if (internalRef && internalRef.current) {\n            if (index !== undefined) {\n                const activeRef = itemRefs[index];\n\n                if (activeRef && activeRef.current) {\n                    scrollToChildElement(internalRef.current, activeRef.current);\n                }\n            } else {\n                internalRef.current.scrollTop = 0;\n            }\n        }\n    };\n\n    return { scrollTo };\n};\n"],"names":["scrollToChildElement","parent","child","clientHeight","scrollHeight","scrollTop","scrollBottom","childBottom","offsetTop","offsetHeight","useListScrollTo","internalRef","itemRefs","scrollTo","index","current","undefined","activeRef"],"mappings":"AAAA,MAAMA,oBAAoB,GAAGA,CAACC,MAAmB,EAAEC,KAAkB;EACjE,MAAMC,YAAY,GAAGF,MAAM,CAACE,YAAY;EAExC,IAAIF,MAAM,CAACG,YAAY,GAAGD,YAAY,EAAE;IACpC,MAAME,SAAS,GAAGJ,MAAM,CAACI,SAAS;IAClC,MAAMC,YAAY,GAAGH,YAAY,GAAGE,SAAS;IAC7C,MAAME,WAAW,GAAGL,KAAK,CAACM,SAAS,GAAGN,KAAK,CAACO,YAAY;IAExD,IAAIF,WAAW,GAAGD,YAAY,EAAE;MAC5BL,MAAM,CAACI,SAAS,GAAGE,WAAW,GAAGJ,YAAY;KAChD,MAAM,IAAID,KAAK,CAACM,SAAS,GAAGH,SAAS,EAAE;MACpCJ,MAAM,CAACI,SAAS,GAAGH,KAAK,CAACM,SAAS;;;AAG9C,CAAC;MAEYE,eAAe,GAAGA,CAACC,WAAgB,EAAEC,QAAe;EAC7D,MAAMC,QAAQ,GAAIC,KAAyB;IACvC,IAAIH,WAAW,IAAIA,WAAW,CAACI,OAAO,EAAE;MACpC,IAAID,KAAK,KAAKE,SAAS,EAAE;QACrB,MAAMC,SAAS,GAAGL,QAAQ,CAACE,KAAK,CAAC;QAEjC,IAAIG,SAAS,IAAIA,SAAS,CAACF,OAAO,EAAE;UAChCf,oBAAoB,CAACW,WAAW,CAACI,OAAO,EAAEE,SAAS,CAACF,OAAO,CAAC;;OAEnE,MAAM;QACHJ,WAAW,CAACI,OAAO,CAACV,SAAS,GAAG,CAAC;;;GAG5C;EAED,OAAO;IAAEQ;GAAU;AACvB;;;;"}

package/dist/esm/packages/taco/src/utils/hooks/useOnClickOutside.js

@@ -0,0 +1,22 @@
+import React__default from 'react';
+
+const useOnClickOutside = (ref, callback) => {
+  React__default.useEffect(() => {
+    const listener = event => {
+      const refs = !Array.isArray(ref) ? [ref] : ref;
+      if (refs.some(currentRef => !currentRef.current || currentRef.current.contains(event.target))) {
+        return;
+      }
+      callback(event);
+    };
+    document.addEventListener('mousedown', listener);
+    document.addEventListener('touchstart', listener);
+    return () => {
+      document.removeEventListener('mousedown', listener);
+      document.removeEventListener('touchstart', listener);
+    };
+  }, [ref, callback]);
+};
+
+export { useOnClickOutside };
+//# sourceMappingURL=useOnClickOutside.js.map

package/dist/esm/packages/taco/src/utils/hooks/useOnClickOutside.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnClickOutside.js","sources":["../../../../../../../src/utils/hooks/useOnClickOutside.ts"],"sourcesContent":["import React from 'react';\n\nexport const useOnClickOutside = (\n    ref: React.RefObject<HTMLElement> | React.RefObject<HTMLElement>[],\n    callback: (event: MouseEvent | TouchEvent) => void\n): void => {\n    React.useEffect(() => {\n        const listener = (event: MouseEvent | TouchEvent): void => {\n            const refs = !Array.isArray(ref) ? [ref] : ref;\n            if (refs.some(currentRef => !currentRef.current || currentRef.current.contains(event.target as Node))) {\n                return;\n            }\n            callback(event);\n        };\n\n        document.addEventListener('mousedown', listener);\n        document.addEventListener('touchstart', listener);\n\n        return () => {\n            document.removeEventListener('mousedown', listener);\n            document.removeEventListener('touchstart', listener);\n        };\n    }, [ref, callback]);\n};\n"],"names":["useOnClickOutside","ref","callback","React","useEffect","listener","event","refs","Array","isArray","some","currentRef","current","contains","target","document","addEventListener","removeEventListener"],"mappings":";;MAEaA,iBAAiB,GAAGA,CAC7BC,GAAkE,EAClEC,QAAkD;EAElDC,cAAK,CAACC,SAAS,CAAC;IACZ,MAAMC,QAAQ,GAAIC,KAA8B;MAC5C,MAAMC,IAAI,GAAG,CAACC,KAAK,CAACC,OAAO,CAACR,GAAG,CAAC,GAAG,CAACA,GAAG,CAAC,GAAGA,GAAG;MAC9C,IAAIM,IAAI,CAACG,IAAI,CAACC,UAAU,IAAI,CAACA,UAAU,CAACC,OAAO,IAAID,UAAU,CAACC,OAAO,CAACC,QAAQ,CAACP,KAAK,CAACQ,MAAc,CAAC,CAAC,EAAE;QACnG;;MAEJZ,QAAQ,CAACI,KAAK,CAAC;KAClB;IAEDS,QAAQ,CAACC,gBAAgB,CAAC,WAAW,EAAEX,QAAQ,CAAC;IAChDU,QAAQ,CAACC,gBAAgB,CAAC,YAAY,EAAEX,QAAQ,CAAC;IAEjD,OAAO;MACHU,QAAQ,CAACE,mBAAmB,CAAC,WAAW,EAAEZ,QAAQ,CAAC;MACnDU,QAAQ,CAACE,mBAAmB,CAAC,YAAY,EAAEZ,QAAQ,CAAC;KACvD;GACJ,EAAE,CAACJ,GAAG,EAAEC,QAAQ,CAAC,CAAC;AACvB;;;;"}

package/dist/esm/packages/taco/src/utils/hooks/useTimer.js

@@ -0,0 +1,49 @@
+import { useRef, useState, useEffect } from 'react';
+
+function useTimer(duration = 0, callback) {
+  const timer = useRef();
+  const [tracker, setTracker] = useState({
+    remaining: duration,
+    started: null
+  });
+  useEffect(() => {
+    if (duration) {
+      if (tracker.started) {
+        timer.current = window.setTimeout(callback, tracker.remaining);
+      } else {
+        clearTimeout(timer.current);
+      }
+    }
+    return () => {
+      clearTimeout(timer.current);
+    };
+  }, [tracker.started]);
+  return {
+    running: !!tracker.started,
+    start: () => {
+      setTracker({
+        remaining: duration,
+        started: Date.now()
+      });
+    },
+    pause: () => {
+      if (tracker.started) {
+        setTracker({
+          remaining: tracker.remaining - (Date.now() - tracker.started),
+          started: null
+        });
+      }
+    },
+    resume: () => {
+      if (tracker.remaining && !tracker.started) {
+        setTracker({
+          remaining: tracker.remaining,
+          started: Date.now()
+        });
+      }
+    }
+  };
+}
+
+export default useTimer;
+//# sourceMappingURL=useTimer.js.map

package/dist/esm/packages/taco/src/utils/hooks/useTimer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTimer.js","sources":["../../../../../../../src/utils/hooks/useTimer.ts"],"sourcesContent":["import * as React from 'react';\n\nexport interface Timer {\n    running: boolean;\n    start: () => void;\n    pause: () => void;\n    resume: () => void;\n}\n\ntype Tracker = {\n    remaining: number;\n    started: number | null;\n};\n\nexport default function useTimer(duration = 0, callback: () => void): Timer {\n    const timer = React.useRef<number>();\n    const [tracker, setTracker] = React.useState<Tracker>({\n        remaining: duration,\n        started: null,\n    });\n\n    React.useEffect(() => {\n        if (duration) {\n            if (tracker.started) {\n                timer.current = window.setTimeout(callback, tracker.remaining);\n            } else {\n                clearTimeout(timer.current);\n            }\n        }\n\n        return () => {\n            clearTimeout(timer.current);\n        };\n    }, [tracker.started]);\n\n    return {\n        running: !!tracker.started,\n        start: () => {\n            setTracker({\n                remaining: duration,\n                started: Date.now(),\n            });\n        },\n        pause: () => {\n            if (tracker.started) {\n                setTracker({\n                    remaining: tracker.remaining - (Date.now() - tracker.started),\n                    started: null,\n                });\n            }\n        },\n        resume: () => {\n            if (tracker.remaining && !tracker.started) {\n                setTracker({\n                    remaining: tracker.remaining,\n                    started: Date.now(),\n                });\n            }\n        },\n    };\n}\n"],"names":["useTimer","duration","callback","timer","React","tracker","setTracker","remaining","started","current","window","setTimeout","clearTimeout","running","start","Date","now","pause","resume"],"mappings":";;SAcwBA,QAAQA,CAACC,QAAQ,GAAG,CAAC,EAAEC,QAAoB;EAC/D,MAAMC,KAAK,GAAGC,MAAY,EAAU;EACpC,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGF,QAAc,CAAU;IAClDG,SAAS,EAAEN,QAAQ;IACnBO,OAAO,EAAE;GACZ,CAAC;EAEFJ,SAAe,CAAC;IACZ,IAAIH,QAAQ,EAAE;MACV,IAAII,OAAO,CAACG,OAAO,EAAE;QACjBL,KAAK,CAACM,OAAO,GAAGC,MAAM,CAACC,UAAU,CAACT,QAAQ,EAAEG,OAAO,CAACE,SAAS,CAAC;OACjE,MAAM;QACHK,YAAY,CAACT,KAAK,CAACM,OAAO,CAAC;;;IAInC,OAAO;MACHG,YAAY,CAACT,KAAK,CAACM,OAAO,CAAC;KAC9B;GACJ,EAAE,CAACJ,OAAO,CAACG,OAAO,CAAC,CAAC;EAErB,OAAO;IACHK,OAAO,EAAE,CAAC,CAACR,OAAO,CAACG,OAAO;IAC1BM,KAAK,EAAEA;MACHR,UAAU,CAAC;QACPC,SAAS,EAAEN,QAAQ;QACnBO,OAAO,EAAEO,IAAI,CAACC,GAAG;OACpB,CAAC;KACL;IACDC,KAAK,EAAEA;MACH,IAAIZ,OAAO,CAACG,OAAO,EAAE;QACjBF,UAAU,CAAC;UACPC,SAAS,EAAEF,OAAO,CAACE,SAAS,IAAIQ,IAAI,CAACC,GAAG,EAAE,GAAGX,OAAO,CAACG,OAAO,CAAC;UAC7DA,OAAO,EAAE;SACZ,CAAC;;KAET;IACDU,MAAM,EAAEA;MACJ,IAAIb,OAAO,CAACE,SAAS,IAAI,CAACF,OAAO,CAACG,OAAO,EAAE;QACvCF,UAAU,CAAC;UACPC,SAAS,EAAEF,OAAO,CAACE,SAAS;UAC5BC,OAAO,EAAEO,IAAI,CAACC,GAAG;SACpB,CAAC;;;GAGb;AACL;;;;"}

package/dist/esm/packages/taco/src/utils/hooks/useTruncated.js

@@ -0,0 +1,20 @@
+import React__default from 'react';
+
+const isElementTruncated = targetElement => {
+  if (targetElement !== null) {
+    return targetElement.offsetWidth < targetElement.scrollWidth;
+  }
+  return false;
+};
+const useTruncated = (element, deps = []) => {
+  const [isTruncated, setIsTruncated] = React__default.useState(isElementTruncated(element));
+  React__default.useEffect(() => {
+    setIsTruncated(isElementTruncated(element));
+  }, [element, ...deps]);
+  return {
+    isTruncated
+  };
+};
+
+export { useTruncated };
+//# sourceMappingURL=useTruncated.js.map

package/dist/esm/packages/taco/src/utils/hooks/useTruncated.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTruncated.js","sources":["../../../../../../../src/utils/hooks/useTruncated.tsx"],"sourcesContent":["import React from 'react';\n\nconst isElementTruncated = (targetElement: HTMLElement | null) => {\n    if (targetElement !== null) {\n        return targetElement.offsetWidth < targetElement.scrollWidth;\n    }\n\n    return false;\n};\n\nexport const useTruncated = (element: HTMLElement | null, deps: any[] = []) => {\n    const [isTruncated, setIsTruncated] = React.useState<boolean>(isElementTruncated(element));\n\n    React.useEffect(() => {\n        setIsTruncated(isElementTruncated(element));\n    }, [element, ...deps]);\n\n    return { isTruncated };\n};\n"],"names":["isElementTruncated","targetElement","offsetWidth","scrollWidth","useTruncated","element","deps","isTruncated","setIsTruncated","React","useState","useEffect"],"mappings":";;AAEA,MAAMA,kBAAkB,GAAIC,aAAiC;EACzD,IAAIA,aAAa,KAAK,IAAI,EAAE;IACxB,OAAOA,aAAa,CAACC,WAAW,GAAGD,aAAa,CAACE,WAAW;;EAGhE,OAAO,KAAK;AAChB,CAAC;MAEYC,YAAY,GAAGA,CAACC,OAA2B,EAAEC,OAAc,EAAE;EACtE,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAAUV,kBAAkB,CAACK,OAAO,CAAC,CAAC;EAE1FI,cAAK,CAACE,SAAS,CAAC;IACZH,cAAc,CAACR,kBAAkB,CAACK,OAAO,CAAC,CAAC;GAC9C,EAAE,CAACA,OAAO,EAAE,GAAGC,IAAI,CAAC,CAAC;EAEtB,OAAO;IAAEC;GAAa;AAC1B;;;;"}

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

@@ -0,0 +1,42 @@
+// returns a custom event compatible with all browsers
+const createCustomEvent = eventType => {
+  let customEvent;
+  if (typeof Event === 'function') {
+    customEvent = new Event(eventType, {
+      bubbles: true
+    });
+  } else {
+    customEvent = document.createEvent('Event');
+    customEvent.initEvent(eventType, true, true);
+  }
+  return customEvent;
+};
+// returns a custom keyboard event compatible with all browsers
+const createCustomKeyboardEvent = event => {
+  let customKeyboardEvent;
+  if (typeof KeyboardEvent === 'function') {
+    customKeyboardEvent = new KeyboardEvent(event.type, event);
+  } else {
+    customKeyboardEvent = document.createEvent('Event');
+    customKeyboardEvent.initEvent(event.type, true, true);
+    customKeyboardEvent.key = event.key;
+    customKeyboardEvent.charCode = event.charCode;
+  }
+  return customKeyboardEvent;
+};
+const setInputValueByRef = (input, value, event = 'change') => {
+  if (!input) {
+    return;
+  }
+  const previousValue = input.value;
+  input.value = value || '';
+  const tracker = input._valueTracker;
+  if (tracker) {
+    tracker.setValue(previousValue);
+  }
+  // 'change' instead of 'input', see https://github.com/facebook/react/issues/11488#issuecomment-381590324
+  input.dispatchEvent(createCustomEvent(event));
+};
+
+export { createCustomEvent, createCustomKeyboardEvent, setInputValueByRef };
+//# sourceMappingURL=input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","sources":["../../../../../../src/utils/input.ts"],"sourcesContent":["// returns a custom event compatible with all browsers\nexport const createCustomEvent = (eventType: string) => {\n    let customEvent;\n\n    if (typeof Event === 'function') {\n        customEvent = new Event(eventType, { bubbles: true });\n    } else {\n        customEvent = document.createEvent('Event');\n        customEvent.initEvent(eventType, true, true);\n    }\n    return customEvent;\n};\n\n// returns a custom keyboard event compatible with all browsers\nexport const createCustomKeyboardEvent = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    let customKeyboardEvent;\n\n    if (typeof KeyboardEvent === 'function') {\n        customKeyboardEvent = new KeyboardEvent(event.type, event as any);\n    } else {\n        customKeyboardEvent = document.createEvent('Event') as any;\n        customKeyboardEvent.initEvent(event.type, true, true);\n        customKeyboardEvent.key = event.key;\n        customKeyboardEvent.charCode = event.charCode;\n    }\n\n    return customKeyboardEvent;\n};\n\nexport const setInputValueByRef = (input: HTMLInputElement | null, value: string | undefined, event = 'change'): void => {\n    if (!input) {\n        return;\n    }\n\n    const previousValue = input.value;\n    input.value = value || '';\n\n    const tracker = (input as any)._valueTracker;\n\n    if (tracker) {\n        tracker.setValue(previousValue);\n    }\n\n    // 'change' instead of 'input', see https://github.com/facebook/react/issues/11488#issuecomment-381590324\n    input.dispatchEvent(createCustomEvent(event));\n};\n\nexport const deselectInputValue = (input: HTMLInputElement) => {\n    // input type=\"number\" doesn't support \"setSelectionRange\",\n    // easiest way is to switch input type to text, deselect value, and switch it back to number.\n    const isNumber = input.type === 'number';\n    if (isNumber) {\n        input.type = 'text';\n    }\n    input.setSelectionRange?.(input.value?.length, input.value?.length);\n    if (isNumber) {\n        input.type = 'number';\n    }\n};\n"],"names":["createCustomEvent","eventType","customEvent","Event","bubbles","document","createEvent","initEvent","createCustomKeyboardEvent","event","customKeyboardEvent","KeyboardEvent","type","key","charCode","setInputValueByRef","input","value","previousValue","tracker","_valueTracker","setValue","dispatchEvent"],"mappings":"AAAA;MACaA,iBAAiB,GAAIC,SAAiB;EAC/C,IAAIC,WAAW;EAEf,IAAI,OAAOC,KAAK,KAAK,UAAU,EAAE;IAC7BD,WAAW,GAAG,IAAIC,KAAK,CAACF,SAAS,EAAE;MAAEG,OAAO,EAAE;KAAM,CAAC;GACxD,MAAM;IACHF,WAAW,GAAGG,QAAQ,CAACC,WAAW,CAAC,OAAO,CAAC;IAC3CJ,WAAW,CAACK,SAAS,CAACN,SAAS,EAAE,IAAI,EAAE,IAAI,CAAC;;EAEhD,OAAOC,WAAW;AACtB;AAEA;MACaM,yBAAyB,GAAIC,KAA4C;EAClF,IAAIC,mBAAmB;EAEvB,IAAI,OAAOC,aAAa,KAAK,UAAU,EAAE;IACrCD,mBAAmB,GAAG,IAAIC,aAAa,CAACF,KAAK,CAACG,IAAI,EAAEH,KAAY,CAAC;GACpE,MAAM;IACHC,mBAAmB,GAAGL,QAAQ,CAACC,WAAW,CAAC,OAAO,CAAQ;IAC1DI,mBAAmB,CAACH,SAAS,CAACE,KAAK,CAACG,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;IACrDF,mBAAmB,CAACG,GAAG,GAAGJ,KAAK,CAACI,GAAG;IACnCH,mBAAmB,CAACI,QAAQ,GAAGL,KAAK,CAACK,QAAQ;;EAGjD,OAAOJ,mBAAmB;AAC9B;MAEaK,kBAAkB,GAAGA,CAACC,KAA8B,EAAEC,KAAyB,EAAER,KAAK,GAAG,QAAQ;EAC1G,IAAI,CAACO,KAAK,EAAE;IACR;;EAGJ,MAAME,aAAa,GAAGF,KAAK,CAACC,KAAK;EACjCD,KAAK,CAACC,KAAK,GAAGA,KAAK,IAAI,EAAE;EAEzB,MAAME,OAAO,GAAIH,KAAa,CAACI,aAAa;EAE5C,IAAID,OAAO,EAAE;IACTA,OAAO,CAACE,QAAQ,CAACH,aAAa,CAAC;;;EAInCF,KAAK,CAACM,aAAa,CAACtB,iBAAiB,CAACS,KAAK,CAAC,CAAC;AACjD;;;;"}

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

@@ -0,0 +1,44 @@
+import { isElementInteractive } from './dom.js';
+
+function isPressingMetaKey(event) {
+  return isMacOs() ? event.metaKey : event.ctrlKey;
+}
+function shouldTriggerShortcut(event, key) {
+  const keyOptions = typeof key === 'string' ? {
+    key,
+    meta: false,
+    shift: false
+  } : key;
+  if (keyOptions.meta && (isMacOs() ? !event.metaKey : !event.ctrlKey) || !keyOptions.meta && (isMacOs() ? event.metaKey : event.ctrlKey)) {
+    return false;
+  }
+  if (keyOptions.shift && !event.shiftKey || keyOptions.shift === false && event.shiftKey) {
+    return false;
+  }
+  return event.key.toLowerCase() === keyOptions.key.toLowerCase();
+}
+function createShortcutKeyDownHandler(key, handler, stopPropagation = true) {
+  return function (event) {
+    if (event.target !== event.currentTarget && isElementInteractive(event.target) && !isPressingMetaKey(event)) {
+      return;
+    }
+    const condition = shouldTriggerShortcut(event, key);
+    if (condition) {
+      if (stopPropagation) {
+        var _event$stopImmediateP;
+        // stops react handlers bubbling up to global
+        event.stopPropagation();
+        // stops global handlers bubbling up to other global
+        (_event$stopImmediateP = event.stopImmediatePropagation) === null || _event$stopImmediateP === void 0 ? void 0 : _event$stopImmediateP.call(event);
+      }
+      handler(event);
+    }
+  };
+}
+const isMacOs = () => {
+  var _window;
+  return (_window = window) === null || _window === void 0 ? void 0 : _window.navigator.userAgent.includes('Mac');
+};
+
+export { createShortcutKeyDownHandler, isMacOs, isPressingMetaKey, shouldTriggerShortcut };
+//# sourceMappingURL=keyboard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"keyboard.js","sources":["../../../../../../src/utils/keyboard.ts"],"sourcesContent":["import React from 'react';\nimport { isElementInteractive } from './dom';\n\nexport type KeyDownHandlerOptions = { key: string; meta?: boolean; shift?: boolean };\n\nexport function isPressingMetaKey<T = Element>(event: KeyboardEvent | React.KeyboardEvent<T>) {\n    return isMacOs() ? event.metaKey : event.ctrlKey;\n}\n\nexport function shouldTriggerShortcut<T = Element>(\n    event: KeyboardEvent | React.KeyboardEvent<T>,\n    key: string | KeyDownHandlerOptions\n) {\n    const keyOptions: KeyDownHandlerOptions = typeof key === 'string' ? { key, meta: false, shift: false } : key;\n\n    if (\n        (keyOptions.meta && (isMacOs() ? !event.metaKey : !event.ctrlKey)) ||\n        (!keyOptions.meta && (isMacOs() ? event.metaKey : event.ctrlKey))\n    ) {\n        return false;\n    }\n\n    if ((keyOptions.shift && !event.shiftKey) || (keyOptions.shift === false && event.shiftKey)) {\n        return false;\n    }\n\n    return event.key.toLowerCase() === keyOptions.key.toLowerCase();\n}\n\nexport function createShortcutKeyDownHandler<T = Element>(\n    key: string | KeyDownHandlerOptions,\n    handler: (event: KeyboardEvent | React.KeyboardEvent<T>) => void,\n    stopPropagation = true\n) {\n    return function (event: KeyboardEvent | React.KeyboardEvent<T>) {\n        if (\n            event.target !== event.currentTarget &&\n            isElementInteractive(event.target as HTMLElement) &&\n            !isPressingMetaKey(event)\n        ) {\n            return;\n        }\n\n        const condition = shouldTriggerShortcut(event, key);\n\n        if (condition) {\n            if (stopPropagation) {\n                // stops react handlers bubbling up to global\n                event.stopPropagation();\n                // stops global handlers bubbling up to other global\n                (event as KeyboardEvent).stopImmediatePropagation?.();\n            }\n\n            handler(event);\n        }\n    };\n}\n\nexport const isMacOs = () => window?.navigator.userAgent.includes('Mac');\n"],"names":["isPressingMetaKey","event","isMacOs","metaKey","ctrlKey","shouldTriggerShortcut","key","keyOptions","meta","shift","shiftKey","toLowerCase","createShortcutKeyDownHandler","handler","stopPropagation","target","currentTarget","isElementInteractive","condition","_event$stopImmediateP","stopImmediatePropagation","call","_window","window","navigator","userAgent","includes"],"mappings":";;SAKgBA,iBAAiBA,CAAcC,KAA6C;EACxF,OAAOC,OAAO,EAAE,GAAGD,KAAK,CAACE,OAAO,GAAGF,KAAK,CAACG,OAAO;AACpD;SAEgBC,qBAAqBA,CACjCJ,KAA6C,EAC7CK,GAAmC;EAEnC,MAAMC,UAAU,GAA0B,OAAOD,GAAG,KAAK,QAAQ,GAAG;IAAEA,GAAG;IAAEE,IAAI,EAAE,KAAK;IAAEC,KAAK,EAAE;GAAO,GAAGH,GAAG;EAE5G,IACKC,UAAU,CAACC,IAAI,KAAKN,OAAO,EAAE,GAAG,CAACD,KAAK,CAACE,OAAO,GAAG,CAACF,KAAK,CAACG,OAAO,CAAC,IAChE,CAACG,UAAU,CAACC,IAAI,KAAKN,OAAO,EAAE,GAAGD,KAAK,CAACE,OAAO,GAAGF,KAAK,CAACG,OAAO,CAAE,EACnE;IACE,OAAO,KAAK;;EAGhB,IAAKG,UAAU,CAACE,KAAK,IAAI,CAACR,KAAK,CAACS,QAAQ,IAAMH,UAAU,CAACE,KAAK,KAAK,KAAK,IAAIR,KAAK,CAACS,QAAS,EAAE;IACzF,OAAO,KAAK;;EAGhB,OAAOT,KAAK,CAACK,GAAG,CAACK,WAAW,EAAE,KAAKJ,UAAU,CAACD,GAAG,CAACK,WAAW,EAAE;AACnE;SAEgBC,4BAA4BA,CACxCN,GAAmC,EACnCO,OAAgE,EAChEC,eAAe,GAAG,IAAI;EAEtB,OAAO,UAAUb,KAA6C;IAC1D,IACIA,KAAK,CAACc,MAAM,KAAKd,KAAK,CAACe,aAAa,IACpCC,oBAAoB,CAAChB,KAAK,CAACc,MAAqB,CAAC,IACjD,CAACf,iBAAiB,CAACC,KAAK,CAAC,EAC3B;MACE;;IAGJ,MAAMiB,SAAS,GAAGb,qBAAqB,CAACJ,KAAK,EAAEK,GAAG,CAAC;IAEnD,IAAIY,SAAS,EAAE;MACX,IAAIJ,eAAe,EAAE;QAAA,IAAAK,qBAAA;;QAEjBlB,KAAK,CAACa,eAAe,EAAE;;QAEtB,CAAAK,qBAAA,GAAAlB,KAAuB,CAACmB,wBAAwB,cAAAD,qBAAA,uBAAhDA,qBAAA,CAAAE,IAAA,CAAApB,MAAoD;;MAGzDY,OAAO,CAACZ,KAAK,CAAC;;GAErB;AACL;MAEaC,OAAO,GAAGA;EAAA,IAAAoB,OAAA;EAAA,QAAAA,OAAA,GAAMC,MAAM,cAAAD,OAAA,uBAANA,OAAA,CAAQE,SAAS,CAACC,SAAS,CAACC,QAAQ,CAAC,KAAK,CAAC;AAAA;;;;"}

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

@@ -0,0 +1,14 @@
+function mergeRefs(refs) {
+  return value => {
+    refs.forEach(ref => {
+      if (typeof ref === 'function') {
+        ref(value);
+      } else if (ref != null) {
+        ref.current = value;
+      }
+    });
+  };
+}
+
+export { mergeRefs };
+//# sourceMappingURL=mergeRefs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mergeRefs.js","sources":["../../../../../../src/utils/mergeRefs.ts"],"sourcesContent":["import React from 'react';\n\nexport function mergeRefs<T = any>(refs: Array<React.MutableRefObject<T> | React.LegacyRef<T>>): React.RefCallback<T> {\n    return value => {\n        refs.forEach(ref => {\n            if (typeof ref === 'function') {\n                ref(value);\n            } else if (ref != null) {\n                (ref as React.MutableRefObject<T | null>).current = value;\n            }\n        });\n    };\n}\n"],"names":["mergeRefs","refs","value","forEach","ref","current"],"mappings":"SAEgBA,SAASA,CAAUC,IAA2D;EAC1F,OAAOC,KAAK;IACRD,IAAI,CAACE,OAAO,CAACC,GAAG;MACZ,IAAI,OAAOA,GAAG,KAAK,UAAU,EAAE;QAC3BA,GAAG,CAACF,KAAK,CAAC;OACb,MAAM,IAAIE,GAAG,IAAI,IAAI,EAAE;QACnBA,GAAwC,CAACC,OAAO,GAAGH,KAAK;;KAEhE,CAAC;GACL;AACL;;;;"}

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

@@ -0,0 +1,92 @@
+const AVAILABLE_COLORS = ['green', 'yellow', 'red', 'blue', 'purple', 'brown', 'pink', 'orange', 'grey', 'transparent'];
+const getColorByState = state => {
+  switch (state) {
+    case 'information':
+      return 'blue';
+    case 'warning':
+      return 'yellow';
+    case 'error':
+      return 'red';
+    case 'success':
+      return 'green';
+    default:
+      return 'grey';
+  }
+};
+const getOutlineColorShadeClasses = state => {
+  switch (state) {
+    case 'green':
+      return 'border-green-700 text-green-700';
+    case 'yellow':
+      return 'border-yellow-700 text-yellow-700';
+    case 'red':
+      return 'border-red-500 text-red-500';
+    case 'blue':
+      return 'border-blue-500 text-blue-500';
+    case 'purple':
+      return 'border-purple-700 text-purple-700';
+    case 'brown':
+      return 'border-brown-700 text-brown-700';
+    case 'pink':
+      return 'border-pink-700 text-pink-700';
+    case 'orange':
+      return 'border-orange-700 text-orange-700';
+    case 'transparent':
+    case 'grey':
+    default:
+      return 'border-grey-700 text-grey-700';
+  }
+};
+const getSubtleColorShadeClasses = value => {
+  switch (value) {
+    case 'green':
+      return 'wcag-green-100';
+    case 'yellow':
+      return 'wcag-yellow-100';
+    case 'red':
+      return 'wcag-red-100';
+    case 'blue':
+      return 'wcag-blue-100';
+    case 'purple':
+      return 'wcag-purple-100';
+    case 'brown':
+      return 'wcag-brown-100';
+    case 'pink':
+      return 'wcag-pink-100';
+    case 'orange':
+      return 'wcag-orange-100';
+    case 'transparent':
+      return 'wcag-transparent';
+    case 'grey':
+    default:
+      return 'wcag-grey-200';
+  }
+};
+const getColorShadeClasses = value => {
+  switch (value) {
+    case 'green':
+      return 'wcag-green-700';
+    case 'yellow':
+      return 'wcag-yellow-500';
+    case 'red':
+      return 'wcag-red-500';
+    case 'blue':
+      return 'wcag-blue-500';
+    case 'purple':
+      return 'wcag-purple-700';
+    case 'brown':
+      return 'wcag-brown-700';
+    case 'pink':
+      return 'wcag-pink-500';
+    case 'orange':
+      return 'wcag-orange-700';
+    case 'transparent':
+      return 'wcag-transparent';
+    case 'grey':
+    default:
+      return 'wcag-grey-700';
+  }
+};
+
+export { AVAILABLE_COLORS, getColorByState, getColorShadeClasses, getOutlineColorShadeClasses, getSubtleColorShadeClasses };
+//# sourceMappingURL=tailwind.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tailwind.js","sources":["../../../../../../src/utils/tailwind.ts"],"sourcesContent":["import { Color, State } from '../types';\n\nexport const AVAILABLE_COLORS = [\n    'green',\n    'yellow',\n    'red',\n    'blue',\n    'purple',\n    'brown',\n    'pink',\n    'orange',\n    'grey',\n    'transparent',\n] as const;\n\nexport const getColorByState = (state: State | undefined): Color => {\n    switch (state) {\n        case 'information':\n            return 'blue';\n        case 'warning':\n            return 'yellow';\n        case 'error':\n            return 'red';\n        case 'success':\n            return 'green';\n        default:\n            return 'grey';\n    }\n};\n\nexport const getOutlineColorShadeClasses = (state: Color | undefined): string => {\n    switch (state) {\n        case 'green':\n            return 'border-green-700 text-green-700';\n        case 'yellow':\n            return 'border-yellow-700 text-yellow-700';\n        case 'red':\n            return 'border-red-500 text-red-500';\n        case 'blue':\n            return 'border-blue-500 text-blue-500';\n        case 'purple':\n            return 'border-purple-700 text-purple-700';\n        case 'brown':\n            return 'border-brown-700 text-brown-700';\n        case 'pink':\n            return 'border-pink-700 text-pink-700';\n        case 'orange':\n            return 'border-orange-700 text-orange-700';\n        case 'transparent':\n        case 'grey':\n        default:\n            return 'border-grey-700 text-grey-700';\n    }\n};\n\nexport const getSubtleColorShadeClasses = (value: Color | undefined): string => {\n    switch (value) {\n        case 'green':\n            return 'wcag-green-100';\n        case 'yellow':\n            return 'wcag-yellow-100';\n        case 'red':\n            return 'wcag-red-100';\n        case 'blue':\n            return 'wcag-blue-100';\n        case 'purple':\n            return 'wcag-purple-100';\n        case 'brown':\n            return 'wcag-brown-100';\n        case 'pink':\n            return 'wcag-pink-100';\n        case 'orange':\n            return 'wcag-orange-100';\n        case 'transparent':\n            return 'wcag-transparent';\n        case 'grey':\n        default:\n            return 'wcag-grey-200';\n    }\n};\n\nexport const getColorShadeClasses = (value: Color | undefined): string => {\n    switch (value) {\n        case 'green':\n            return 'wcag-green-700';\n        case 'yellow':\n            return 'wcag-yellow-500';\n        case 'red':\n            return 'wcag-red-500';\n        case 'blue':\n            return 'wcag-blue-500';\n        case 'purple':\n            return 'wcag-purple-700';\n        case 'brown':\n            return 'wcag-brown-700';\n        case 'pink':\n            return 'wcag-pink-500';\n        case 'orange':\n            return 'wcag-orange-700';\n        case 'transparent':\n            return 'wcag-transparent';\n        case 'grey':\n        default:\n            return 'wcag-grey-700';\n    }\n};\n"],"names":["AVAILABLE_COLORS","getColorByState","state","getOutlineColorShadeClasses","getSubtleColorShadeClasses","value","getColorShadeClasses"],"mappings":"MAEaA,gBAAgB,GAAG,CAC5B,OAAO,EACP,QAAQ,EACR,KAAK,EACL,MAAM,EACN,QAAQ,EACR,OAAO,EACP,MAAM,EACN,QAAQ,EACR,MAAM,EACN,aAAa;MAGJC,eAAe,GAAIC,KAAwB;EACpD,QAAQA,KAAK;IACT,KAAK,aAAa;MACd,OAAO,MAAM;IACjB,KAAK,SAAS;MACV,OAAO,QAAQ;IACnB,KAAK,OAAO;MACR,OAAO,KAAK;IAChB,KAAK,SAAS;MACV,OAAO,OAAO;IAClB;MACI,OAAO,MAAM;;AAEzB;MAEaC,2BAA2B,GAAID,KAAwB;EAChE,QAAQA,KAAK;IACT,KAAK,OAAO;MACR,OAAO,iCAAiC;IAC5C,KAAK,QAAQ;MACT,OAAO,mCAAmC;IAC9C,KAAK,KAAK;MACN,OAAO,6BAA6B;IACxC,KAAK,MAAM;MACP,OAAO,+BAA+B;IAC1C,KAAK,QAAQ;MACT,OAAO,mCAAmC;IAC9C,KAAK,OAAO;MACR,OAAO,iCAAiC;IAC5C,KAAK,MAAM;MACP,OAAO,+BAA+B;IAC1C,KAAK,QAAQ;MACT,OAAO,mCAAmC;IAC9C,KAAK,aAAa;IAClB,KAAK,MAAM;IACX;MACI,OAAO,+BAA+B;;AAElD;MAEaE,0BAA0B,GAAIC,KAAwB;EAC/D,QAAQA,KAAK;IACT,KAAK,OAAO;MACR,OAAO,gBAAgB;IAC3B,KAAK,QAAQ;MACT,OAAO,iBAAiB;IAC5B,KAAK,KAAK;MACN,OAAO,cAAc;IACzB,KAAK,MAAM;MACP,OAAO,eAAe;IAC1B,KAAK,QAAQ;MACT,OAAO,iBAAiB;IAC5B,KAAK,OAAO;MACR,OAAO,gBAAgB;IAC3B,KAAK,MAAM;MACP,OAAO,eAAe;IAC1B,KAAK,QAAQ;MACT,OAAO,iBAAiB;IAC5B,KAAK,aAAa;MACd,OAAO,kBAAkB;IAC7B,KAAK,MAAM;IACX;MACI,OAAO,eAAe;;AAElC;MAEaC,oBAAoB,GAAID,KAAwB;EACzD,QAAQA,KAAK;IACT,KAAK,OAAO;MACR,OAAO,gBAAgB;IAC3B,KAAK,QAAQ;MACT,OAAO,iBAAiB;IAC5B,KAAK,KAAK;MACN,OAAO,cAAc;IACzB,KAAK,MAAM;MACP,OAAO,eAAe;IAC1B,KAAK,QAAQ;MACT,OAAO,iBAAiB;IAC5B,KAAK,OAAO;MACR,OAAO,gBAAgB;IAC3B,KAAK,MAAM;MACP,OAAO,eAAe;IAC1B,KAAK,QAAQ;MACT,OAAO,iBAAiB;IAC5B,KAAK,aAAa;MACd,OAAO,kBAAkB;IAC7B,KAAK,MAAM;IACX;MACI,OAAO,eAAe;;AAElC;;;;"}

package/dist/hooks/useBoundaryOverflowDetection.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const useBoundaryOverflowDetection: (ref: React.RefObject<HTMLElement>, dependencies?: any[]) => number | null | undefined;

package/dist/hooks/useBoundingClientRectListener.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare const useBoundingClientRectListener: (ref: React.RefObject<HTMLElement>, dependencies?: any[] | undefined) => DOMRectReadOnly | undefined;

package/dist/hooks/useDebouncedEffect.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function useDebouncedEffect(effect: React.EffectCallback, deps: React.DependencyList | undefined, ms?: number): void;

package/dist/hooks/useGlobalKeyDown.d.ts

@@ -0,0 +1,2 @@
+import { KeyDownHandlerOptions } from '../utils/keyboard';
+export declare const useGlobalKeyDown: (shortcut: string | KeyDownHandlerOptions | undefined, handler: (event: KeyboardEvent) => void) => void;

package/dist/hooks/useId.d.ts

@@ -0,0 +1 @@
+export declare const useId: (nativeId: string | undefined) => string;

package/dist/hooks/useIntersectionObserver.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const useIntersectionObserver: (ref: React.RefObject<HTMLElement>, offset?: number | undefined) => number | undefined;

package/dist/hooks/useIsFormControl.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare const useIsFormControl: (ref: React.RefObject<HTMLElement>, reset: () => void) => boolean;

package/dist/hooks/useIsHoverStatePaused.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const useIsHoverStatePaused: () => [boolean, React.Dispatch<React.SetStateAction<boolean>>];

package/dist/hooks/useIsLargeScreen.d.ts

@@ -0,0 +1 @@
+export declare const useIsLargeScreen: () => boolean;

package/dist/hooks/useLazyEffect.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function useLazyEffect(effect: React.EffectCallback, deps?: React.DependencyList | undefined): void;

package/dist/hooks/useLocalStorage.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const useLocalStorage: <TType>(key?: string | undefined, initialValue?: TType | undefined) => [TType, React.Dispatch<React.SetStateAction<TType>>, () => void];

package/dist/hooks/useMatchMedia.d.ts

@@ -0,0 +1 @@
+export declare const useMatchMedia: (query: string, defaultMatches?: boolean) => boolean;

package/dist/hooks/useMergedRef.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const useMergedRef: <T extends HTMLElement>(ref: React.Ref<HTMLElement>) => React.RefObject<T>;

package/dist/hooks/usePrevious.d.ts

@@ -0,0 +1,2 @@
+declare function usePreviousValue<T>(value: T): T;
+export { usePreviousValue };