@economic/taco 2.47.0-server.4 → 2.47.0-server.5

package/dist/esm/packages/taco/src/hooks/useLocalStorage.js

@@ -1,38 +1,40 @@
 import React__default from 'react';
 
-const useLocalStorage = (key, initialValue) => {
-  const [state, setState] = React__default.useState(() => {
-    if (!key) {
-      return initialValue;
-    }
-    try {
-      const localStorageValue = localStorage.getItem(key);
-      if (typeof localStorageValue !== 'string') {
-        localStorage.setItem(key, JSON.stringify(initialValue));
+var useLocalStorage = function useLocalStorage(key, initialValue) {
+  var _React$useState = React__default.useState(function () {
+      if (!key) {
         return initialValue;
-      } else {
-        return JSON.parse(localStorageValue || 'null');
       }
-    } catch {
-      // If user is in private mode or has storage restriction
-      // localStorage can throw. JSON.parse and JSON.stringify
-      // can throw, too.
-      return initialValue;
-    }
-  });
-  React__default.useEffect(() => {
+      try {
+        var localStorageValue = localStorage.getItem(key);
+        if (typeof localStorageValue !== 'string') {
+          localStorage.setItem(key, JSON.stringify(initialValue));
+          return initialValue;
+        } else {
+          return JSON.parse(localStorageValue || 'null');
+        }
+      } catch (_unused) {
+        // If user is in private mode or has storage restriction
+        // localStorage can throw. JSON.parse and JSON.stringify
+        // can throw, too.
+        return initialValue;
+      }
+    }),
+    state = _React$useState[0],
+    setState = _React$useState[1];
+  React__default.useEffect(function () {
     if (!key) {
       return;
     }
     try {
-      const serializedState = JSON.stringify(state);
+      var serializedState = JSON.stringify(state);
       localStorage.setItem(key, serializedState);
-    } catch {
+    } catch (_unused2) {
       // If user is in private mode or has storage restriction
       // localStorage can throw. Also JSON.stringify can throw.
     }
   }, [key, state]);
-  const clear = () => {
+  var clear = function clear() {
     if (key) {
       localStorage.removeItem(key);
     }

package/dist/esm/packages/taco/src/hooks/useLocalStorage.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLocalStorage.js","sources":["../../../../../../src/hooks/useLocalStorage.ts"],"sourcesContent":["import React from 'react';\n\nexport const useLocalStorage = <TType>(\n    key?: string,\n    initialValue?: TType\n): [TType, React.Dispatch<React.SetStateAction<TType>>, () => void] => {\n    const [state, setState] = React.useState<TType>(() => {\n        if (!key) {\n            return initialValue;\n        }\n\n        try {\n            const localStorageValue = localStorage.getItem(key);\n\n            if (typeof localStorageValue !== 'string') {\n                localStorage.setItem(key, JSON.stringify(initialValue));\n                return initialValue;\n            } else {\n                return JSON.parse(localStorageValue || 'null');\n            }\n        } catch {\n            // If user is in private mode or has storage restriction\n            // localStorage can throw. JSON.parse and JSON.stringify\n            // can throw, too.\n            return initialValue;\n        }\n    });\n\n    React.useEffect(() => {\n        if (!key) {\n            return;\n        }\n\n        try {\n            const serializedState = JSON.stringify(state);\n            localStorage.setItem(key, serializedState);\n        } catch {\n            // If user is in private mode or has storage restriction\n            // localStorage can throw. Also JSON.stringify can throw.\n        }\n    }, [key, state]);\n\n    const clear = () => {\n        if (key) {\n            localStorage.removeItem(key);\n        }\n    };\n\n    return [state, setState, clear];\n};\n"],"names":["useLocalStorage","key","initialValue","state","setState","React","useState","localStorageValue","localStorage","getItem","setItem","JSON","stringify","parse","useEffect","serializedState","clear","removeItem"],"mappings":";;MAEaA,eAAe,GAAGA,CAC3BC,GAAY,EACZC,YAAoB;EAEpB,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAAQ;IAC5C,IAAI,CAACL,GAAG,EAAE;MACN,OAAOC,YAAY;;IAGvB,IAAI;MACA,MAAMK,iBAAiB,GAAGC,YAAY,CAACC,OAAO,CAACR,GAAG,CAAC;MAEnD,IAAI,OAAOM,iBAAiB,KAAK,QAAQ,EAAE;QACvCC,YAAY,CAACE,OAAO,CAACT,GAAG,EAAEU,IAAI,CAACC,SAAS,CAACV,YAAY,CAAC,CAAC;QACvD,OAAOA,YAAY;OACtB,MAAM;QACH,OAAOS,IAAI,CAACE,KAAK,CAACN,iBAAiB,IAAI,MAAM,CAAC;;KAErD,CAAC,MAAM;;;;MAIJ,OAAOL,YAAY;;GAE1B,CAAC;EAEFG,cAAK,CAACS,SAAS,CAAC;IACZ,IAAI,CAACb,GAAG,EAAE;MACN;;IAGJ,IAAI;MACA,MAAMc,eAAe,GAAGJ,IAAI,CAACC,SAAS,CAACT,KAAK,CAAC;MAC7CK,YAAY,CAACE,OAAO,CAACT,GAAG,EAAEc,eAAe,CAAC;KAC7C,CAAC,MAAM;;;;GAIX,EAAE,CAACd,GAAG,EAAEE,KAAK,CAAC,CAAC;EAEhB,MAAMa,KAAK,GAAGA;IACV,IAAIf,GAAG,EAAE;MACLO,YAAY,CAACS,UAAU,CAAChB,GAAG,CAAC;;GAEnC;EAED,OAAO,CAACE,KAAK,EAAEC,QAAQ,EAAEY,KAAK,CAAC;AACnC;;;;"}
+{"version":3,"file":"useLocalStorage.js","sources":["../../../../../../src/hooks/useLocalStorage.ts"],"sourcesContent":["import React from 'react';\n\nexport const useLocalStorage = <TType>(\n    key?: string,\n    initialValue?: TType\n): [TType, React.Dispatch<React.SetStateAction<TType>>, () => void] => {\n    const [state, setState] = React.useState<TType>(() => {\n        if (!key) {\n            return initialValue;\n        }\n\n        try {\n            const localStorageValue = localStorage.getItem(key);\n\n            if (typeof localStorageValue !== 'string') {\n                localStorage.setItem(key, JSON.stringify(initialValue));\n                return initialValue;\n            } else {\n                return JSON.parse(localStorageValue || 'null');\n            }\n        } catch {\n            // If user is in private mode or has storage restriction\n            // localStorage can throw. JSON.parse and JSON.stringify\n            // can throw, too.\n            return initialValue;\n        }\n    });\n\n    React.useEffect(() => {\n        if (!key) {\n            return;\n        }\n\n        try {\n            const serializedState = JSON.stringify(state);\n            localStorage.setItem(key, serializedState);\n        } catch {\n            // If user is in private mode or has storage restriction\n            // localStorage can throw. Also JSON.stringify can throw.\n        }\n    }, [key, state]);\n\n    const clear = () => {\n        if (key) {\n            localStorage.removeItem(key);\n        }\n    };\n\n    return [state, setState, clear];\n};\n"],"names":["useLocalStorage","key","initialValue","_React$useState","React","useState","localStorageValue","localStorage","getItem","setItem","JSON","stringify","parse","_unused","state","setState","useEffect","serializedState","_unused2","clear","removeItem"],"mappings":";;IAEaA,eAAe,GAAG,SAAlBA,eAAeA,CACxBC,GAAY,EACZC,YAAoB;EAEpB,IAAAC,eAAA,GAA0BC,cAAK,CAACC,QAAQ,CAAQ;MAC5C,IAAI,CAACJ,GAAG,EAAE;QACN,OAAOC,YAAY;;MAGvB,IAAI;QACA,IAAMI,iBAAiB,GAAGC,YAAY,CAACC,OAAO,CAACP,GAAG,CAAC;QAEnD,IAAI,OAAOK,iBAAiB,KAAK,QAAQ,EAAE;UACvCC,YAAY,CAACE,OAAO,CAACR,GAAG,EAAES,IAAI,CAACC,SAAS,CAACT,YAAY,CAAC,CAAC;UACvD,OAAOA,YAAY;SACtB,MAAM;UACH,OAAOQ,IAAI,CAACE,KAAK,CAACN,iBAAiB,IAAI,MAAM,CAAC;;OAErD,CAAC,OAAAO,OAAA,EAAM;;;;QAIJ,OAAOX,YAAY;;KAE1B,CAAC;IApBKY,KAAK,GAAAX,eAAA;IAAEY,QAAQ,GAAAZ,eAAA;EAsBtBC,cAAK,CAACY,SAAS,CAAC;IACZ,IAAI,CAACf,GAAG,EAAE;MACN;;IAGJ,IAAI;MACA,IAAMgB,eAAe,GAAGP,IAAI,CAACC,SAAS,CAACG,KAAK,CAAC;MAC7CP,YAAY,CAACE,OAAO,CAACR,GAAG,EAAEgB,eAAe,CAAC;KAC7C,CAAC,OAAAC,QAAA,EAAM;;;;GAIX,EAAE,CAACjB,GAAG,EAAEa,KAAK,CAAC,CAAC;EAEhB,IAAMK,KAAK,GAAG,SAARA,KAAKA;IACP,IAAIlB,GAAG,EAAE;MACLM,YAAY,CAACa,UAAU,CAACnB,GAAG,CAAC;;GAEnC;EAED,OAAO,CAACa,KAAK,EAAEC,QAAQ,EAAEI,KAAK,CAAC;AACnC;;;;"}

package/dist/esm/packages/taco/src/hooks/useMatchMedia.js

@@ -1,13 +1,20 @@
 import React__default from 'react';
 
-const useMatchMedia = (query, defaultMatches = false) => {
-  const [matches, setMatches] = React__default.useState(defaultMatches);
-  const handleChange = React__default.useCallback(event => setMatches(event.matches), []);
-  React__default.useEffect(() => {
-    const mediaQuery = window.matchMedia(query);
+var useMatchMedia = function useMatchMedia(query, defaultMatches) {
+  if (defaultMatches === void 0) {
+    defaultMatches = false;
+  }
+  var _React$useState = React__default.useState(defaultMatches),
+    matches = _React$useState[0],
+    setMatches = _React$useState[1];
+  var handleChange = React__default.useCallback(function (event) {
+    return setMatches(event.matches);
+  }, []);
+  React__default.useEffect(function () {
+    var mediaQuery = window.matchMedia(query);
     setMatches(mediaQuery.matches);
     mediaQuery.addEventListener('change', handleChange);
-    return () => {
+    return function () {
       mediaQuery.removeEventListener('change', handleChange);
     };
   }, []);

package/dist/esm/packages/taco/src/hooks/useMatchMedia.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMatchMedia.js","sources":["../../../../../../src/hooks/useMatchMedia.ts"],"sourcesContent":["import React from 'react';\n\nexport const useMatchMedia = (query: string, defaultMatches = false): boolean => {\n    const [matches, setMatches] = React.useState<boolean>(defaultMatches);\n\n    const handleChange = React.useCallback((event: MediaQueryList | MediaQueryListEvent) => setMatches(event.matches), []);\n\n    React.useEffect(() => {\n        const mediaQuery = window.matchMedia(query);\n        setMatches(mediaQuery.matches);\n        mediaQuery.addEventListener('change', handleChange);\n\n        return () => {\n            mediaQuery.removeEventListener('change', handleChange);\n        };\n    }, []);\n\n    return matches;\n};\n"],"names":["useMatchMedia","query","defaultMatches","matches","setMatches","React","useState","handleChange","useCallback","event","useEffect","mediaQuery","window","matchMedia","addEventListener","removeEventListener"],"mappings":";;MAEaA,aAAa,GAAGA,CAACC,KAAa,EAAEC,cAAc,GAAG,KAAK;EAC/D,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAAUJ,cAAc,CAAC;EAErE,MAAMK,YAAY,GAAGF,cAAK,CAACG,WAAW,CAAEC,KAA2C,IAAKL,UAAU,CAACK,KAAK,CAACN,OAAO,CAAC,EAAE,EAAE,CAAC;EAEtHE,cAAK,CAACK,SAAS,CAAC;IACZ,MAAMC,UAAU,GAAGC,MAAM,CAACC,UAAU,CAACZ,KAAK,CAAC;IAC3CG,UAAU,CAACO,UAAU,CAACR,OAAO,CAAC;IAC9BQ,UAAU,CAACG,gBAAgB,CAAC,QAAQ,EAAEP,YAAY,CAAC;IAEnD,OAAO;MACHI,UAAU,CAACI,mBAAmB,CAAC,QAAQ,EAAER,YAAY,CAAC;KACzD;GACJ,EAAE,EAAE,CAAC;EAEN,OAAOJ,OAAO;AAClB;;;;"}
+{"version":3,"file":"useMatchMedia.js","sources":["../../../../../../src/hooks/useMatchMedia.ts"],"sourcesContent":["import React from 'react';\n\nexport const useMatchMedia = (query: string, defaultMatches = false): boolean => {\n    const [matches, setMatches] = React.useState<boolean>(defaultMatches);\n\n    const handleChange = React.useCallback((event: MediaQueryList | MediaQueryListEvent) => setMatches(event.matches), []);\n\n    React.useEffect(() => {\n        const mediaQuery = window.matchMedia(query);\n        setMatches(mediaQuery.matches);\n        mediaQuery.addEventListener('change', handleChange);\n\n        return () => {\n            mediaQuery.removeEventListener('change', handleChange);\n        };\n    }, []);\n\n    return matches;\n};\n"],"names":["useMatchMedia","query","defaultMatches","_React$useState","React","useState","matches","setMatches","handleChange","useCallback","event","useEffect","mediaQuery","window","matchMedia","addEventListener","removeEventListener"],"mappings":";;IAEaA,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,KAAa,EAAEC,cAAc;MAAdA,cAAc;IAAdA,cAAc,GAAG,KAAK;;EAC/D,IAAAC,eAAA,GAA8BC,cAAK,CAACC,QAAQ,CAAUH,cAAc,CAAC;IAA9DI,OAAO,GAAAH,eAAA;IAAEI,UAAU,GAAAJ,eAAA;EAE1B,IAAMK,YAAY,GAAGJ,cAAK,CAACK,WAAW,CAAC,UAACC,KAA2C;IAAA,OAAKH,UAAU,CAACG,KAAK,CAACJ,OAAO,CAAC;KAAE,EAAE,CAAC;EAEtHF,cAAK,CAACO,SAAS,CAAC;IACZ,IAAMC,UAAU,GAAGC,MAAM,CAACC,UAAU,CAACb,KAAK,CAAC;IAC3CM,UAAU,CAACK,UAAU,CAACN,OAAO,CAAC;IAC9BM,UAAU,CAACG,gBAAgB,CAAC,QAAQ,EAAEP,YAAY,CAAC;IAEnD,OAAO;MACHI,UAAU,CAACI,mBAAmB,CAAC,QAAQ,EAAER,YAAY,CAAC;KACzD;GACJ,EAAE,EAAE,CAAC;EAEN,OAAOF,OAAO;AAClB;;;;"}

package/dist/esm/packages/taco/src/hooks/useMergedRef.js

@@ -1,9 +1,9 @@
 import React__default from 'react';
 
 // merges an external ref (optional) with an internal ref (required)
-const useMergedRef = ref => {
-  const internalRef = React__default.useRef(null);
-  React__default.useEffect(() => {
+var useMergedRef = function useMergedRef(ref) {
+  var internalRef = React__default.useRef(null);
+  React__default.useEffect(function () {
     if (ref) {
       if (typeof ref === 'function') {
         ref(internalRef.current);

package/dist/esm/packages/taco/src/hooks/useMergedRef.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMergedRef.js","sources":["../../../../../../src/hooks/useMergedRef.ts"],"sourcesContent":["import React from 'react';\n\n// merges an external ref (optional) with an internal ref (required)\nexport const useMergedRef = <T extends HTMLElement>(ref: React.Ref<HTMLElement>): React.RefObject<T> => {\n    const internalRef = React.useRef<T>(null);\n\n    React.useEffect(() => {\n        if (ref) {\n            if (typeof ref === 'function') {\n                ref(internalRef.current);\n            } else {\n                (ref as React.MutableRefObject<HTMLElement | null>).current = internalRef.current;\n            }\n        }\n    }, [ref]);\n\n    return internalRef;\n};\n"],"names":["useMergedRef","ref","internalRef","React","useRef","useEffect","current"],"mappings":";;AAEA;MACaA,YAAY,GAA2BC,GAA2B;EAC3E,MAAMC,WAAW,GAAGC,cAAK,CAACC,MAAM,CAAI,IAAI,CAAC;EAEzCD,cAAK,CAACE,SAAS,CAAC;IACZ,IAAIJ,GAAG,EAAE;MACL,IAAI,OAAOA,GAAG,KAAK,UAAU,EAAE;QAC3BA,GAAG,CAACC,WAAW,CAACI,OAAO,CAAC;OAC3B,MAAM;QACFL,GAAkD,CAACK,OAAO,GAAGJ,WAAW,CAACI,OAAO;;;GAG5F,EAAE,CAACL,GAAG,CAAC,CAAC;EAET,OAAOC,WAAW;AACtB;;;;"}
+{"version":3,"file":"useMergedRef.js","sources":["../../../../../../src/hooks/useMergedRef.ts"],"sourcesContent":["import React from 'react';\n\n// merges an external ref (optional) with an internal ref (required)\nexport const useMergedRef = <T extends HTMLElement>(ref: React.Ref<HTMLElement>): React.RefObject<T> => {\n    const internalRef = React.useRef<T>(null);\n\n    React.useEffect(() => {\n        if (ref) {\n            if (typeof ref === 'function') {\n                ref(internalRef.current);\n            } else {\n                (ref as React.MutableRefObject<HTMLElement | null>).current = internalRef.current;\n            }\n        }\n    }, [ref]);\n\n    return internalRef;\n};\n"],"names":["useMergedRef","ref","internalRef","React","useRef","useEffect","current"],"mappings":";;AAEA;IACaA,YAAY,GAAG,SAAfA,YAAYA,CAA2BC,GAA2B;EAC3E,IAAMC,WAAW,GAAGC,cAAK,CAACC,MAAM,CAAI,IAAI,CAAC;EAEzCD,cAAK,CAACE,SAAS,CAAC;IACZ,IAAIJ,GAAG,EAAE;MACL,IAAI,OAAOA,GAAG,KAAK,UAAU,EAAE;QAC3BA,GAAG,CAACC,WAAW,CAACI,OAAO,CAAC;OAC3B,MAAM;QACFL,GAAkD,CAACK,OAAO,GAAGJ,WAAW,CAACI,OAAO;;;GAG5F,EAAE,CAACL,GAAG,CAAC,CAAC;EAET,OAAOC,WAAW;AACtB;;;;"}

package/dist/esm/packages/taco/src/hooks/usePrevious.js

@@ -4,9 +4,9 @@ import React__default from 'react';
 function usePreviousValue(value) {
   // The ref object is a generic container whose current property is mutable ...
   // ... and can hold any value, similar to an instance property on a class
-  const ref = React__default.useRef(value);
+  var ref = React__default.useRef(value);
   // Store current value in ref
-  React__default.useEffect(() => {
+  React__default.useEffect(function () {
     ref.current = value;
   }, [value]); // Only re-run if value changes
   // Return previous value (happens before update in useEffect above)

package/dist/esm/packages/taco/src/hooks/usePrevious.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePrevious.js","sources":["../../../../../../src/hooks/usePrevious.ts"],"sourcesContent":["import React from 'react';\n\n// taken from radix\nfunction usePreviousValue<T>(value: T) {\n    // The ref object is a generic container whose current property is mutable ...\n    // ... and can hold any value, similar to an instance property on a class\n    const ref = React.useRef<T>(value);\n\n    // Store current value in ref\n    React.useEffect(() => {\n        ref.current = value;\n    }, [value]); // Only re-run if value changes\n\n    // Return previous value (happens before update in useEffect above)\n    return ref.current;\n}\n\nexport { usePreviousValue };\n"],"names":["usePreviousValue","value","ref","React","useRef","useEffect","current"],"mappings":";;AAEA;AACA,SAASA,gBAAgBA,CAAIC,KAAQ;;;EAGjC,MAAMC,GAAG,GAAGC,cAAK,CAACC,MAAM,CAAIH,KAAK,CAAC;;EAGlCE,cAAK,CAACE,SAAS,CAAC;IACZH,GAAG,CAACI,OAAO,GAAGL,KAAK;GACtB,EAAE,CAACA,KAAK,CAAC,CAAC,CAAC;;EAGZ,OAAOC,GAAG,CAACI,OAAO;AACtB;;;;"}
+{"version":3,"file":"usePrevious.js","sources":["../../../../../../src/hooks/usePrevious.ts"],"sourcesContent":["import React from 'react';\n\n// taken from radix\nfunction usePreviousValue<T>(value: T) {\n    // The ref object is a generic container whose current property is mutable ...\n    // ... and can hold any value, similar to an instance property on a class\n    const ref = React.useRef<T>(value);\n\n    // Store current value in ref\n    React.useEffect(() => {\n        ref.current = value;\n    }, [value]); // Only re-run if value changes\n\n    // Return previous value (happens before update in useEffect above)\n    return ref.current;\n}\n\nexport { usePreviousValue };\n"],"names":["usePreviousValue","value","ref","React","useRef","useEffect","current"],"mappings":";;AAEA;AACA,SAASA,gBAAgBA,CAAIC,KAAQ;;;EAGjC,IAAMC,GAAG,GAAGC,cAAK,CAACC,MAAM,CAAIH,KAAK,CAAC;;EAGlCE,cAAK,CAACE,SAAS,CAAC;IACZH,GAAG,CAACI,OAAO,GAAGL,KAAK;GACtB,EAAE,CAACA,KAAK,CAAC,CAAC,CAAC;;EAGZ,OAAOC,GAAG,CAACI,OAAO;AACtB;;;;"}

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

@@ -1,23 +1,23 @@
 import React__default from 'react';
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { usePreviousValue } from '../hooks/usePrevious.js';
 
+var _excluded = ["value"];
 // 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);
+var BubbleSelect = function BubbleSelect(props) {
+  var value = props.value,
+    selectProps = _objectWithoutPropertiesLoose(props, _excluded);
+  var ref = React__default.useRef(null);
+  var 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;
+  React__default.useEffect(function () {
+    var select = ref.current;
+    var descriptor = Object.getOwnPropertyDescriptor(window.HTMLSelectElement.prototype, 'value');
+    var setValue = descriptor.set;
     if (prevValue !== value && setValue) {
       if (Array.isArray(value)) {
-        value.forEach(v => {
-          const option = select.querySelector(`option[value='${v}']`);
+        value.forEach(function (v) {
+          var option = select.querySelector("option[value='" + v + "']");
           if (option) {
             option.selected = true;
           }
@@ -25,7 +25,7 @@ const BubbleSelect = props => {
       } else {
         setValue.call(select, value);
       }
-      const event = new Event('change', {
+      var event = new Event('change', {
         bubbles: true
       });
       select.dispatchEvent(event);

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

@@ -1 +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,CAAC,iBAAiBF,CAAC,IAAI,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;;;;"}
+{"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","_objectWithoutPropertiesLoose","_excluded","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;IACaA,YAAY,GAAG,SAAfA,YAAYA,CAAIC,KAAoD;EAC7E,IAAQC,KAAK,GAAqBD,KAAK,CAA/BC,KAAK;IAAKC,WAAW,GAAAC,6BAAA,CAAKH,KAAK,EAAAI,SAAA;EACvC,IAAMC,GAAG,GAAGC,cAAK,CAACC,MAAM,CAAoB,IAAI,CAAC;EACjD,IAAMC,SAAS,GAAGC,gBAAgB,CAACR,KAAK,CAAC;;EAGzCK,cAAK,CAACI,SAAS,CAAC;IACZ,IAAMC,MAAM,GAAGN,GAAG,CAACO,OAAQ;IAC3B,IAAMC,UAAU,GAAGC,MAAM,CAACC,wBAAwB,CAACC,MAAM,CAACC,iBAAiB,CAACC,SAAS,EAAE,OAAO,CAAuB;IACrH,IAAMC,QAAQ,GAAGN,UAAU,CAACO,GAAG;IAE/B,IAAIZ,SAAS,KAAKP,KAAK,IAAIkB,QAAQ,EAAE;MACjC,IAAIE,KAAK,CAACC,OAAO,CAACrB,KAAK,CAAC,EAAE;QACtBA,KAAK,CAACsB,OAAO,CAAC,UAAAC,CAAC;UACX,IAAMC,MAAM,GAA6Bd,MAAM,CAACe,aAAa,oBAAkBF,CAAC,OAAI,CAAC;UAErF,IAAIC,MAAM,EAAE;YACRA,MAAM,CAACE,QAAQ,GAAG,IAAI;;SAE7B,CAAC;OACL,MAAM;QACHR,QAAQ,CAACS,IAAI,CAACjB,MAAM,EAAEV,KAAK,CAAC;;MAGhC,IAAM4B,KAAK,GAAG,IAAIC,KAAK,CAAC,QAAQ,EAAE;QAAEC,OAAO,EAAE;OAAM,CAAC;MACpDpB,MAAM,CAACqB,aAAa,CAACH,KAAK,CAAC;;GAElC,EAAE,CAACrB,SAAS,EAAEP,KAAK,CAAC,CAAC;;;;;;;;;;EAWtB,oBAAOK,yDAAYJ,WAAW;IAAE+B,YAAY,EAAEhC,KAAK;IAAEI,GAAG,EAAEA,GAAG;IAAE6B,KAAK,EAAE;MAAEC,OAAO,EAAE;;KAAY;AACjG;;;;"}

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

@@ -1,27 +1,28 @@
 import { forwardRef, createElement, Children } from 'react';
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { useMergedRef } from '../hooks/useMergedRef.js';
 import { useGlobalKeyDown } from '../hooks/useGlobalKeyDown.js';
 
-const Button = /*#__PURE__*/forwardRef(function Button(props, ref) {
-  const {
-    disabled,
-    shortcut,
-    target,
-    type = 'button',
-    ...otherProps
-  } = props;
-  const internalRef = useMergedRef(ref);
-  useGlobalKeyDown(shortcut, event => {
+var _excluded = ["disabled", "shortcut", "target", "type"];
+var Button = /*#__PURE__*/forwardRef(function Button(props, ref) {
+  var disabled = props.disabled,
+    shortcut = props.shortcut,
+    target = props.target,
+    _props$type = props.type,
+    type = _props$type === void 0 ? 'button' : _props$type,
+    otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+  var internalRef = useMergedRef(ref);
+  useGlobalKeyDown(shortcut, function (event) {
     var _internalRef$current;
     event === null || event === void 0 ? void 0 : event.preventDefault();
-    const dialog = document.querySelector('[role="dialog"]');
+    var dialog = document.querySelector('[role="dialog"]');
     // Don't trigger the click on the button if it is outside of the dialog
     if (dialog && !(dialog !== null && dialog !== void 0 && dialog.contains(internalRef.current))) {
       return;
     }
     (_internalRef$current = internalRef.current) === null || _internalRef$current === void 0 ? void 0 : _internalRef$current.click();
   });
-  const Tag = props.href ? 'a' : 'button';
+  var Tag = props.href ? 'a' : 'button';
   return /*#__PURE__*/createElement(Tag, Object.assign({}, otherProps, {
     href: disabled ? undefined : props.href,
     "aria-disabled": disabled ? 'true' : undefined,
@@ -29,7 +30,9 @@ const Button = /*#__PURE__*/forwardRef(function Button(props, ref) {
     target: Tag === 'a' ? target : undefined,
     type: Tag !== 'a' ? type : undefined,
     ref: internalRef
-  }), Children.count(props.children) > 1 ? Children.map(props.children, child => typeof child === 'string' ? /*#__PURE__*/createElement("span", null, child) : child) : props.children);
+  }), Children.count(props.children) > 1 ? Children.map(props.children, function (child) {
+    return typeof child === 'string' ? /*#__PURE__*/createElement("span", null, child) : child;
+  }) : props.children);
 });
 
 export { Button };

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

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../../../../src/primitives/Button.tsx"],"sourcesContent":["import * as React from 'react';\nimport { KeyDownHandlerOptions } from '../utils/keyboard';\nimport { useMergedRef } from '../hooks/useMergedRef';\nimport { useGlobalKeyDown } from '../hooks/useGlobalKeyDown';\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    shortcut?: string | KeyDownHandlerOptions;\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, shortcut, target, type = 'button', ...otherProps } = props;\n    const internalRef = useMergedRef<HTMLButtonElement | HTMLAnchorElement>(ref);\n\n    useGlobalKeyDown(shortcut, event => {\n        event?.preventDefault();\n        const dialog = document.querySelector('[role=\"dialog\"]');\n\n        // Don't trigger the click on the button if it is outside of the dialog\n        if (dialog && !dialog?.contains(internalRef.current)) {\n            return;\n        }\n\n        internalRef.current?.click();\n    });\n\n    const Tag = props.href ? 'a' : 'button';\n\n    return (\n        <Tag\n            {...otherProps}\n            href={disabled ? undefined : props.href}\n            aria-disabled={disabled ? 'true' : undefined}\n            disabled={disabled}\n            target={Tag === 'a' ? target : undefined}\n            type={Tag !== 'a' ? type : undefined}\n            ref={internalRef 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","shortcut","target","type","otherProps","internalRef","useMergedRef","useGlobalKeyDown","event","preventDefault","dialog","document","querySelector","contains","current","_internalRef$current","click","Tag","href","undefined","count","children","map","child"],"mappings":";;;;MAeMA,MAAM,gBAAGC,UAAgB,CAAC,SAASD,MAAMA,CAACE,KAAkB,EAAEC,GAAqD;EACrH,MAAM;IAAEC,QAAQ;IAAEC,QAAQ;IAAEC,MAAM;IAAEC,IAAI,GAAG,QAAQ;IAAE,GAAGC;GAAY,GAAGN,KAAK;EAC5E,MAAMO,WAAW,GAAGC,YAAY,CAAwCP,GAAG,CAAC;EAE5EQ,gBAAgB,CAACN,QAAQ,EAAEO,KAAK;;IAC5BA,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEC,cAAc,EAAE;IACvB,MAAMC,MAAM,GAAGC,QAAQ,CAACC,aAAa,CAAC,iBAAiB,CAAC;;IAGxD,IAAIF,MAAM,IAAI,EAACA,MAAM,aAANA,MAAM,eAANA,MAAM,CAAEG,QAAQ,CAACR,WAAW,CAACS,OAAO,CAAC,GAAE;MAClD;;IAGJ,CAAAC,oBAAA,GAAAV,WAAW,CAACS,OAAO,cAAAC,oBAAA,uBAAnBA,oBAAA,CAAqBC,KAAK,EAAE;GAC/B,CAAC;EAEF,MAAMC,GAAG,GAAGnB,KAAK,CAACoB,IAAI,GAAG,GAAG,GAAG,QAAQ;EAEvC,oBACIrB,cAACoB,GAAG,oBACIb,UAAU;IACdc,IAAI,EAAElB,QAAQ,GAAGmB,SAAS,GAAGrB,KAAK,CAACoB,IAAI;qBACxBlB,QAAQ,GAAG,MAAM,GAAGmB,SAAS;IAC5CnB,QAAQ,EAAEA,QAAQ;IAClBE,MAAM,EAAEe,GAAG,KAAK,GAAG,GAAGf,MAAM,GAAGiB,SAAS;IACxChB,IAAI,EAAEc,GAAG,KAAK,GAAG,GAAGd,IAAI,GAAGgB,SAAS;IACpCpB,GAAG,EAAEM;MACJR,QAAc,CAACuB,KAAK,CAACtB,KAAK,CAACuB,QAAQ,CAAC,GAAG,CAAC,GACnCxB,QAAc,CAACyB,GAAG,CAACxB,KAAK,CAACuB,QAAQ,EAAEE,KAAK,IAAK,OAAOA,KAAK,KAAK,QAAQ,gBAAG1B,4BAAO0B,KAAK,CAAQ,GAAGA,KAAM,CAAC,GACvGzB,KAAK,CAACuB,QAAQ,CAClB;AAEd,CAAC;;;;"}
+{"version":3,"file":"Button.js","sources":["../../../../../../src/primitives/Button.tsx"],"sourcesContent":["import * as React from 'react';\nimport { KeyDownHandlerOptions } from '../utils/keyboard';\nimport { useMergedRef } from '../hooks/useMergedRef';\nimport { useGlobalKeyDown } from '../hooks/useGlobalKeyDown';\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    shortcut?: string | KeyDownHandlerOptions;\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, shortcut, target, type = 'button', ...otherProps } = props;\n    const internalRef = useMergedRef<HTMLButtonElement | HTMLAnchorElement>(ref);\n\n    useGlobalKeyDown(shortcut, event => {\n        event?.preventDefault();\n        const dialog = document.querySelector('[role=\"dialog\"]');\n\n        // Don't trigger the click on the button if it is outside of the dialog\n        if (dialog && !dialog?.contains(internalRef.current)) {\n            return;\n        }\n\n        internalRef.current?.click();\n    });\n\n    const Tag = props.href ? 'a' : 'button';\n\n    return (\n        <Tag\n            {...otherProps}\n            href={disabled ? undefined : props.href}\n            aria-disabled={disabled ? 'true' : undefined}\n            disabled={disabled}\n            target={Tag === 'a' ? target : undefined}\n            type={Tag !== 'a' ? type : undefined}\n            ref={internalRef 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","shortcut","target","_props$type","type","otherProps","_objectWithoutPropertiesLoose","_excluded","internalRef","useMergedRef","useGlobalKeyDown","event","preventDefault","dialog","document","querySelector","contains","current","_internalRef$current","click","Tag","href","undefined","count","children","map","child"],"mappings":";;;;;;IAeMA,MAAM,gBAAGC,UAAgB,CAAC,SAASD,MAAMA,CAACE,KAAkB,EAAEC,GAAqD;EACrH,IAAQC,QAAQ,GAAuDF,KAAK,CAApEE,QAAQ;IAAEC,QAAQ,GAA6CH,KAAK,CAA1DG,QAAQ;IAAEC,MAAM,GAAqCJ,KAAK,CAAhDI,MAAM;IAAAC,WAAA,GAAqCL,KAAK,CAAxCM,IAAI;IAAJA,IAAI,GAAAD,WAAA,cAAG,QAAQ,GAAAA,WAAA;IAAKE,UAAU,GAAAC,6BAAA,CAAKR,KAAK,EAAAS,SAAA;EAC5E,IAAMC,WAAW,GAAGC,YAAY,CAAwCV,GAAG,CAAC;EAE5EW,gBAAgB,CAACT,QAAQ,EAAE,UAAAU,KAAK;;IAC5BA,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEC,cAAc,EAAE;IACvB,IAAMC,MAAM,GAAGC,QAAQ,CAACC,aAAa,CAAC,iBAAiB,CAAC;;IAGxD,IAAIF,MAAM,IAAI,EAACA,MAAM,aAANA,MAAM,eAANA,MAAM,CAAEG,QAAQ,CAACR,WAAW,CAACS,OAAO,CAAC,GAAE;MAClD;;IAGJ,CAAAC,oBAAA,GAAAV,WAAW,CAACS,OAAO,cAAAC,oBAAA,uBAAnBA,oBAAA,CAAqBC,KAAK,EAAE;GAC/B,CAAC;EAEF,IAAMC,GAAG,GAAGtB,KAAK,CAACuB,IAAI,GAAG,GAAG,GAAG,QAAQ;EAEvC,oBACIxB,cAACuB,GAAG,oBACIf,UAAU;IACdgB,IAAI,EAAErB,QAAQ,GAAGsB,SAAS,GAAGxB,KAAK,CAACuB,IAAI;qBACxBrB,QAAQ,GAAG,MAAM,GAAGsB,SAAS;IAC5CtB,QAAQ,EAAEA,QAAQ;IAClBE,MAAM,EAAEkB,GAAG,KAAK,GAAG,GAAGlB,MAAM,GAAGoB,SAAS;IACxClB,IAAI,EAAEgB,GAAG,KAAK,GAAG,GAAGhB,IAAI,GAAGkB,SAAS;IACpCvB,GAAG,EAAES;MACJX,QAAc,CAAC0B,KAAK,CAACzB,KAAK,CAAC0B,QAAQ,CAAC,GAAG,CAAC,GACnC3B,QAAc,CAAC4B,GAAG,CAAC3B,KAAK,CAAC0B,QAAQ,EAAE,UAAAE,KAAK;IAAA,OAAK,OAAOA,KAAK,KAAK,QAAQ,gBAAG7B,4BAAO6B,KAAK,CAAQ,GAAGA,KAAK;GAAC,CAAC,GACvG5B,KAAK,CAAC0B,QAAQ,CAClB;AAEd,CAAC;;;;"}

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

@@ -1,54 +1,59 @@
 import React__default from 'react';
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose, extends as _extends } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 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);
+var _excluded = ["querySelector", "resetOnChange", "tabIndex"];
+var getOptionsFromCollection = function getOptionsFromCollection(collection, selector) {
+  return 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,
-    resetOnChange,
-    tabIndex = 0,
-    ...otherProps
-  } = props;
-  const internalRef = useMergedRef(ref);
-  const [activeIndex, setActiveIndex] = React__default.useState();
-  const setActiveOption = (index, collection, option) => {
+var Root = /*#__PURE__*/React__default.forwardRef(function CollectionRoot(props, ref) {
+  var querySelector = props.querySelector,
+    resetOnChange = props.resetOnChange,
+    _props$tabIndex = props.tabIndex,
+    tabIndex = _props$tabIndex === void 0 ? 0 : _props$tabIndex,
+    otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+  var internalRef = useMergedRef(ref);
+  var _React$useState = React__default.useState(),
+    activeIndex = _React$useState[0],
+    setActiveIndex = _React$useState[1];
+  var setActiveOption = function 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');
+    (_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 => {
+  var setActiveIndexByElement = React__default.useCallback(function (option) {
     if (internalRef.current) {
       if (option.matches(querySelector)) {
-        const options = getOptionsFromCollection(internalRef.current, querySelector);
-        const nextActiveIndex = Array.from(options).indexOf(option);
+        var options = getOptionsFromCollection(internalRef.current, querySelector);
+        var nextActiveIndex = Array.from(options).indexOf(option);
         if (nextActiveIndex > -1) {
           setActiveOption(nextActiveIndex, internalRef.current, option);
         }
       }
     }
   }, [internalRef.current, querySelector]);
-  React__default.useEffect(() => {
+  React__default.useEffect(function () {
     if (internalRef.current) {
       internalRef.current.setActiveIndexByElement = setActiveIndexByElement;
     }
   }, [internalRef.current]);
-  React__default.useEffect(() => {
+  React__default.useEffect(function () {
     if (internalRef.current) {
-      const selected = internalRef.current.querySelectorAll(`[aria-current="true"]`);
-      const options = getOptionsFromCollection(internalRef.current, querySelector);
+      var selected = internalRef.current.querySelectorAll("[aria-current=\"true\"]");
+      var options = getOptionsFromCollection(internalRef.current, querySelector);
       if (options.length && selected.length === 1) {
-        const firstSelected = internalRef.current.querySelector(`[aria-selected]`);
+        var firstSelected = internalRef.current.querySelector("[aria-selected]");
         if (firstSelected) {
-          const selectedIndex = Array.from(options).indexOf(firstSelected);
+          var selectedIndex = Array.from(options).indexOf(firstSelected);
           if (selectedIndex > -1) {
             setActiveOption(selectedIndex, internalRef.current, firstSelected);
           }
@@ -56,20 +61,20 @@ const Root = /*#__PURE__*/React__default.forwardRef(function CollectionRoot(prop
       }
     }
   }, [resetOnChange]);
-  React__default.useEffect(() => {
+  React__default.useEffect(function () {
     if (internalRef.current) {
-      const options = getOptionsFromCollection(internalRef.current, querySelector);
+      var options = getOptionsFromCollection(internalRef.current, querySelector);
       if (options.length) {
-        let selected = internalRef.current.querySelectorAll(`[aria-current="true"]`);
+        var selected = internalRef.current.querySelectorAll("[aria-current=\"true\"]");
         // if nothing is current (keyboard visible), look for selected items
         if (selected.length === 0) {
-          selected = internalRef.current.querySelectorAll(`[aria-selected]`);
+          selected = internalRef.current.querySelectorAll("[aria-selected]");
         }
         // if one item is selected, make sure it's current
         if (selected.length === 1) {
           if (options) {
-            const firstSelected = selected.item(0);
-            const selectedIndex = Array.from(options).indexOf(firstSelected);
+            var firstSelected = selected.item(0);
+            var selectedIndex = Array.from(options).indexOf(firstSelected);
             if (selectedIndex > -1) {
               setActiveOption(selectedIndex, internalRef.current, firstSelected);
             }
@@ -81,17 +86,17 @@ const Root = /*#__PURE__*/React__default.forwardRef(function CollectionRoot(prop
       }
     }
   }, [props.children]);
-  const handleClick = event => {
-    const option = event.target;
+  var handleClick = function handleClick(event) {
+    var option = event.target;
     if (option.matches(querySelector)) {
-      const options = getOptionsFromCollection(event.currentTarget, querySelector);
-      const nextActiveIndex = Array.from(options).indexOf(option);
+      var options = getOptionsFromCollection(event.currentTarget, querySelector);
+      var nextActiveIndex = Array.from(options).indexOf(option);
       if (nextActiveIndex > -1) {
         setActiveOption(nextActiveIndex, event.currentTarget, option);
       }
     }
   };
-  const handleKeyDown = event => {
+  var handleKeyDown = function handleKeyDown(event) {
     // this stops the event dispatched to the option rebounding back and starting an infinite loop
     if (event.target !== event.currentTarget) {
       return;
@@ -102,12 +107,12 @@ const Root = /*#__PURE__*/React__default.forwardRef(function CollectionRoot(prop
     if (event.isDefaultPrevented()) {
       return;
     }
-    const options = getOptionsFromCollection(event.currentTarget, querySelector);
+    var options = getOptionsFromCollection(event.currentTarget, querySelector);
     if (options) {
       if (isAriaDirectionKey(event)) {
         event.preventDefault();
         event.stopPropagation();
-        const nextActiveIndex = getNextEnabledItem(event, options, activeIndex);
+        var nextActiveIndex = getNextEnabledItem(event, options, activeIndex);
         if (nextActiveIndex !== undefined && nextActiveIndex !== activeIndex) {
           setActiveOption(nextActiveIndex, event.currentTarget, options.item(nextActiveIndex));
         }
@@ -125,7 +130,7 @@ const Root = /*#__PURE__*/React__default.forwardRef(function CollectionRoot(prop
     tabIndex: tabIndex
   }));
 });
-const getNextIndexFromKeycode = (event, length, activeIndex) => {
+var getNextIndexFromKeycode = function getNextIndexFromKeycode(event, length, activeIndex) {
   switch (event.key) {
     case 'ArrowUp':
       return activeIndex === undefined ? length - 1 : activeIndex > 0 ? activeIndex - 1 : activeIndex;
@@ -139,8 +144,11 @@ const getNextIndexFromKeycode = (event, length, activeIndex) => {
       return;
   }
 };
-const getNextEnabledItem = (event, options, activeIndex, recurse = true) => {
-  const nextIndex = getNextIndexFromKeycode(event, options.length, activeIndex);
+var getNextEnabledItem = function getNextEnabledItem(event, options, activeIndex, recurse) {
+  if (recurse === void 0) {
+    recurse = true;
+  }
+  var nextIndex = getNextIndexFromKeycode(event, options.length, activeIndex);
   if (nextIndex !== undefined) {
     if (nextIndex === activeIndex) {
       return activeIndex;
@@ -149,15 +157,13 @@ const getNextEnabledItem = (event, options, activeIndex, recurse = true) => {
       // but prevent infinite loops if all elements are disabled by disabling recursion
       if (recurse) {
         if (nextIndex === 0) {
-          return getNextEnabledItem(new KeyboardEvent(event.type, {
-            ...event,
+          return getNextEnabledItem(new KeyboardEvent(event.type, _extends({}, event, {
             key: 'ArrowDown'
-          }), options, nextIndex, false);
+          })), options, nextIndex, false);
         } else if (nextIndex === options.length - 1) {
-          return getNextEnabledItem(new KeyboardEvent(event.type, {
-            ...event,
+          return getNextEnabledItem(new KeyboardEvent(event.type, _extends({}, event, {
             key: 'ArrowUp'
-          }), options, nextIndex, false);
+          })), options, nextIndex, false);
         }
       }
       return getNextEnabledItem(event, options, nextIndex, recurse);
@@ -165,7 +171,7 @@ const getNextEnabledItem = (event, options, activeIndex, recurse = true) => {
   }
   return nextIndex;
 };
-const isSkippableItem = element => {
+var isSkippableItem = function isSkippableItem(element) {
   return element.getAttribute('role') === 'presentation' || !!element.hasAttribute('disabled') || !!element.getAttribute('aria-disabled') || !!element.getAttribute('aria-hidden');
 };
 

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

@@ -1 +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    resetOnChange?: unknown;\n};\n\nexport type CollectionRef = HTMLDivElement & {\n    setActiveIndexByElement: (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, resetOnChange, tabIndex = 0, ...otherProps } = props;\n    const internalRef = useMergedRef<CollectionRef>(ref);\n    const [activeIndex, setActiveIndex] = React.useState<number | undefined>();\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.setActiveIndexByElement = setActiveIndexByElement;\n        }\n    }, [internalRef.current]);\n\n    React.useEffect(() => {\n        if (internalRef.current) {\n            const selected = internalRef.current.querySelectorAll(`[aria-current=\"true\"]`);\n            const options = getOptionsFromCollection(internalRef.current, querySelector);\n\n            if (options.length && selected.length === 1) {\n                const firstSelected = internalRef.current.querySelector(`[aria-selected]`);\n\n                if (firstSelected) {\n                    const selectedIndex = Array.from(options).indexOf(firstSelected);\n\n                    if (selectedIndex > -1) {\n                        setActiveOption(selectedIndex, internalRef.current, firstSelected);\n                    }\n                }\n            }\n        }\n    }, [resetOnChange]);\n\n    React.useEffect(() => {\n        if (internalRef.current) {\n            const options = getOptionsFromCollection(internalRef.current, querySelector);\n\n            if (options.length) {\n                let selected = internalRef.current.querySelectorAll(`[aria-current=\"true\"]`);\n\n                // if nothing is current (keyboard visible), look for selected items\n                if (selected.length === 0) {\n                    selected = internalRef.current.querySelectorAll(`[aria-selected]`);\n                }\n\n                // if one item is selected, make sure it's current\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    }, [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        if (otherProps.onKeyDown) {\n            otherProps.onKeyDown(event);\n        }\n\n        if (event.isDefaultPrevented()) {\n            return;\n        }\n\n        const options = getOptionsFromCollection(event.currentTarget, querySelector);\n\n        if (options) {\n            if (isAriaDirectionKey(event)) {\n                event.preventDefault();\n                event.stopPropagation();\n                const nextActiveIndex = getNextEnabledItem(event, options, activeIndex);\n\n                if (nextActiveIndex !== undefined && nextActiveIndex !== activeIndex) {\n                    setActiveOption(nextActiveIndex, event.currentTarget, options.item(nextActiveIndex));\n                }\n            } else if (activeIndex !== undefined && !!options.item(activeIndex)) {\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","resetOnChange","tabIndex","otherProps","internalRef","useMergedRef","activeIndex","setActiveIndex","useState","setActiveOption","index","option","_collection$querySele","removeAttribute","setAttribute","scrollIntoView","block","setActiveIndexByElement","useCallback","current","matches","options","nextActiveIndex","Array","from","indexOf","useEffect","selected","length","firstSelected","selectedIndex","item","children","handleClick","event","target","currentTarget","handleKeyDown","onKeyDown","isDefaultPrevented","isAriaDirectionKey","preventDefault","stopPropagation","getNextEnabledItem","undefined","_options$item","dispatchEvent","createCustomKeyboardEvent","onClick","getNextIndexFromKeycode","key","recurse","nextIndex","isSkippableItem","KeyboardEvent","type","element","getAttribute","hasAttribute"],"mappings":";;;;;AAkBA,MAAMA,wBAAwB,GAAGA,CAACC,UAA0B,EAAEC,QAAgB,KAC1ED,UAAU,CAACE,gBAAgB,CAACD,QAAQ,CAAC;AAEzC;AACA;AACA;MACaE,IAAI,gBAAGC,cAAK,CAACC,UAAU,CAAiC,SAASC,cAAcA,CAACC,KAAK,EAAEC,GAAG;EACnG,MAAM;IAAEC,aAAa;IAAEC,aAAa;IAAEC,QAAQ,GAAG,CAAC;IAAE,GAAGC;GAAY,GAAGL,KAAK;EAC3E,MAAMM,WAAW,GAAGC,YAAY,CAAgBN,GAAG,CAAC;EACpD,MAAM,CAACO,WAAW,EAAEC,cAAc,CAAC,GAAGZ,cAAK,CAACa,QAAQ,EAAsB;EAE1E,MAAMC,eAAe,GAAGA,CAACC,KAAa,EAAEnB,UAA0B,EAAEoB,MAAe;;IAC/E,CAAAC,qBAAA,GAAArB,UAAU,CAACS,aAAa,CAAC,gBAAgB,CAAC,cAAAY,qBAAA,uBAA1CA,qBAAA,CAA4CC,eAAe,CAAC,cAAc,CAAC;IAC3EF,MAAM,CAACG,YAAY,CAAC,cAAc,EAAE,MAAM,CAAC;IAC3CH,MAAM,CAACI,cAAc,CAAC;MAAEC,KAAK,EAAE;KAAW,CAAC;IAC3CT,cAAc,CAACG,KAAK,CAAC;GACxB;EAED,MAAMO,uBAAuB,GAAGtB,cAAK,CAACuB,WAAW,CAC5CP,MAAsB;IACnB,IAAIP,WAAW,CAACe,OAAO,EAAE;MACrB,IAAIR,MAAM,CAACS,OAAO,CAACpB,aAAa,CAAC,EAAE;QAC/B,MAAMqB,OAAO,GAAG/B,wBAAwB,CAACc,WAAW,CAACe,OAAO,EAAEnB,aAAa,CAAC;QAC5E,MAAMsB,eAAe,GAAGC,KAAK,CAACC,IAAI,CAACH,OAAO,CAAC,CAACI,OAAO,CAACd,MAAM,CAAC;QAE3D,IAAIW,eAAe,GAAG,CAAC,CAAC,EAAE;UACtBb,eAAe,CAACa,eAAe,EAAElB,WAAW,CAACe,OAAO,EAAER,MAAM,CAAC;;;;GAI5E,EACD,CAACP,WAAW,CAACe,OAAO,EAAEnB,aAAa,CAAC,CACvC;EAEDL,cAAK,CAAC+B,SAAS,CAAC;IACZ,IAAItB,WAAW,CAACe,OAAO,EAAE;MACrBf,WAAW,CAACe,OAAO,CAACF,uBAAuB,GAAGA,uBAAuB;;GAE5E,EAAE,CAACb,WAAW,CAACe,OAAO,CAAC,CAAC;EAEzBxB,cAAK,CAAC+B,SAAS,CAAC;IACZ,IAAItB,WAAW,CAACe,OAAO,EAAE;MACrB,MAAMQ,QAAQ,GAAGvB,WAAW,CAACe,OAAO,CAAC1B,gBAAgB,CAAC,uBAAuB,CAAC;MAC9E,MAAM4B,OAAO,GAAG/B,wBAAwB,CAACc,WAAW,CAACe,OAAO,EAAEnB,aAAa,CAAC;MAE5E,IAAIqB,OAAO,CAACO,MAAM,IAAID,QAAQ,CAACC,MAAM,KAAK,CAAC,EAAE;QACzC,MAAMC,aAAa,GAAGzB,WAAW,CAACe,OAAO,CAACnB,aAAa,CAAC,iBAAiB,CAAC;QAE1E,IAAI6B,aAAa,EAAE;UACf,MAAMC,aAAa,GAAGP,KAAK,CAACC,IAAI,CAACH,OAAO,CAAC,CAACI,OAAO,CAACI,aAAa,CAAC;UAEhE,IAAIC,aAAa,GAAG,CAAC,CAAC,EAAE;YACpBrB,eAAe,CAACqB,aAAa,EAAE1B,WAAW,CAACe,OAAO,EAAEU,aAAa,CAAC;;;;;GAKrF,EAAE,CAAC5B,aAAa,CAAC,CAAC;EAEnBN,cAAK,CAAC+B,SAAS,CAAC;IACZ,IAAItB,WAAW,CAACe,OAAO,EAAE;MACrB,MAAME,OAAO,GAAG/B,wBAAwB,CAACc,WAAW,CAACe,OAAO,EAAEnB,aAAa,CAAC;MAE5E,IAAIqB,OAAO,CAACO,MAAM,EAAE;QAChB,IAAID,QAAQ,GAAGvB,WAAW,CAACe,OAAO,CAAC1B,gBAAgB,CAAC,uBAAuB,CAAC;;QAG5E,IAAIkC,QAAQ,CAACC,MAAM,KAAK,CAAC,EAAE;UACvBD,QAAQ,GAAGvB,WAAW,CAACe,OAAO,CAAC1B,gBAAgB,CAAC,iBAAiB,CAAC;;;QAItE,IAAIkC,QAAQ,CAACC,MAAM,KAAK,CAAC,EAAE;UACvB,IAAIP,OAAO,EAAE;YACT,MAAMQ,aAAa,GAAGF,QAAQ,CAACI,IAAI,CAAC,CAAC,CAAC;YACtC,MAAMD,aAAa,GAAGP,KAAK,CAACC,IAAI,CAACH,OAAO,CAAC,CAACI,OAAO,CAACI,aAAa,CAAC;YAEhE,IAAIC,aAAa,GAAG,CAAC,CAAC,EAAE;cACpBrB,eAAe,CAACqB,aAAa,EAAE1B,WAAW,CAACe,OAAO,EAAEU,aAAa,CAAC;;;SAG7E,MAAM;;UAEHpB,eAAe,CAAC,CAAC,EAAEL,WAAW,CAACe,OAAO,EAAEE,OAAO,CAACU,IAAI,CAAC,CAAC,CAAC,CAAC;;;;GAIvE,EAAE,CAACjC,KAAK,CAACkC,QAAQ,CAAC,CAAC;EAEpB,MAAMC,WAAW,GAAIC,KAAuC;IACxD,MAAMvB,MAAM,GAAGuB,KAAK,CAACC,MAAqB;IAE1C,IAAIxB,MAAM,CAACS,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,CAACd,MAAM,CAAC;MAE3D,IAAIW,eAAe,GAAG,CAAC,CAAC,EAAE;QACtBb,eAAe,CAACa,eAAe,EAAEY,KAAK,CAACE,aAAa,EAAEzB,MAAM,CAAC;;;GAGxE;EAED,MAAM0B,aAAa,GAAIH,KAA0C;;IAE7D,IAAIA,KAAK,CAACC,MAAM,KAAKD,KAAK,CAACE,aAAa,EAAE;MACtC;;IAGJ,IAAIjC,UAAU,CAACmC,SAAS,EAAE;MACtBnC,UAAU,CAACmC,SAAS,CAACJ,KAAK,CAAC;;IAG/B,IAAIA,KAAK,CAACK,kBAAkB,EAAE,EAAE;MAC5B;;IAGJ,MAAMlB,OAAO,GAAG/B,wBAAwB,CAAC4C,KAAK,CAACE,aAAa,EAAEpC,aAAa,CAAC;IAE5E,IAAIqB,OAAO,EAAE;MACT,IAAImB,kBAAkB,CAACN,KAAK,CAAC,EAAE;QAC3BA,KAAK,CAACO,cAAc,EAAE;QACtBP,KAAK,CAACQ,eAAe,EAAE;QACvB,MAAMpB,eAAe,GAAGqB,kBAAkB,CAACT,KAAK,EAAEb,OAAO,EAAEf,WAAW,CAAC;QAEvE,IAAIgB,eAAe,KAAKsB,SAAS,IAAItB,eAAe,KAAKhB,WAAW,EAAE;UAClEG,eAAe,CAACa,eAAe,EAAEY,KAAK,CAACE,aAAa,EAAEf,OAAO,CAACU,IAAI,CAACT,eAAe,CAAC,CAAC;;OAE3F,MAAM,IAAIhB,WAAW,KAAKsC,SAAS,IAAI,CAAC,CAACvB,OAAO,CAACU,IAAI,CAACzB,WAAW,CAAC,EAAE;QAAA,IAAAuC,aAAA;;QAEjE,CAAAA,aAAA,GAAAxB,OAAO,CACFU,IAAI,CAACzB,WAAW,CAAC,cAAAuC,aAAA,uBADtBA,aAAA,CAEMC,aAAa,CAACC,yBAAyB,CAACb,KAA8C,CAAC,CAAC;;;GAGzG;EAED,oBAAOvC,sDAASQ,UAAU;IAAE6C,OAAO,EAAEf,WAAW;IAAEK,SAAS,EAAED,aAAa;IAAEtC,GAAG,EAAEK,WAAW;IAAEF,QAAQ,EAAEA;KAAY;AACxH,CAAC;MAEY+C,uBAAuB,GAAGA,CACnCf,KAA0B,EAC1BN,MAAc,EACdtB,WAA+B;EAE/B,QAAQ4B,KAAK,CAACgB,GAAG;IACb,KAAK,SAAS;MACV,OAAO5C,WAAW,KAAKsC,SAAS,GAAGhB,MAAM,GAAG,CAAC,GAAGtB,WAAW,GAAG,CAAC,GAAGA,WAAW,GAAG,CAAC,GAAGA,WAAW;IAEnG,KAAK,WAAW;MACZ,OAAOA,WAAW,KAAKsC,SAAS,GAAG,CAAC,GAAGtC,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;MAEae,kBAAkB,GAAGA,CAC9BT,KAAuC,EACvCb,OAA4B,EAC5Bf,WAA+B,EAC/B6C,OAAO,GAAG,IAAI;EAEd,MAAMC,SAAS,GAAGH,uBAAuB,CAACf,KAAK,EAAEb,OAAO,CAACO,MAAM,EAAEtB,WAAW,CAAC;EAE7E,IAAI8C,SAAS,KAAKR,SAAS,EAAE;IACzB,IAAIQ,SAAS,KAAK9C,WAAW,EAAE;MAC3B,OAAOA,WAAW;KACrB,MAAM,IAAIe,OAAO,CAACU,IAAI,CAACqB,SAAS,CAAC,IAAIC,eAAe,CAAChC,OAAO,CAACU,IAAI,CAACqB,SAAS,CAAC,CAAC,EAAE;;;MAG5E,IAAID,OAAO,EAAE;QACT,IAAIC,SAAS,KAAK,CAAC,EAAE;UACjB,OAAOT,kBAAkB,CACrB,IAAIW,aAAa,CAACpB,KAAK,CAACqB,IAAI,EAAE;YAAE,GAAIrB,KAAa;YAAEgB,GAAG,EAAE;WAAa,CAAQ,EAC7E7B,OAAO,EACP+B,SAAS,EACT,KAAK,CACR;SACJ,MAAM,IAAIA,SAAS,KAAK/B,OAAO,CAACO,MAAM,GAAG,CAAC,EAAE;UACzC,OAAOe,kBAAkB,CACrB,IAAIW,aAAa,CAACpB,KAAK,CAACqB,IAAI,EAAE;YAAE,GAAIrB,KAAa;YAAEgB,GAAG,EAAE;WAAW,CAAQ,EAC3E7B,OAAO,EACP+B,SAAS,EACT,KAAK,CACR;;;MAIT,OAAOT,kBAAkB,CAACT,KAAK,EAAEb,OAAO,EAAE+B,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;;;;"}
+{"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    resetOnChange?: unknown;\n};\n\nexport type CollectionRef = HTMLDivElement & {\n    setActiveIndexByElement: (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, resetOnChange, tabIndex = 0, ...otherProps } = props;\n    const internalRef = useMergedRef<CollectionRef>(ref);\n    const [activeIndex, setActiveIndex] = React.useState<number | undefined>();\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.setActiveIndexByElement = setActiveIndexByElement;\n        }\n    }, [internalRef.current]);\n\n    React.useEffect(() => {\n        if (internalRef.current) {\n            const selected = internalRef.current.querySelectorAll(`[aria-current=\"true\"]`);\n            const options = getOptionsFromCollection(internalRef.current, querySelector);\n\n            if (options.length && selected.length === 1) {\n                const firstSelected = internalRef.current.querySelector(`[aria-selected]`);\n\n                if (firstSelected) {\n                    const selectedIndex = Array.from(options).indexOf(firstSelected);\n\n                    if (selectedIndex > -1) {\n                        setActiveOption(selectedIndex, internalRef.current, firstSelected);\n                    }\n                }\n            }\n        }\n    }, [resetOnChange]);\n\n    React.useEffect(() => {\n        if (internalRef.current) {\n            const options = getOptionsFromCollection(internalRef.current, querySelector);\n\n            if (options.length) {\n                let selected = internalRef.current.querySelectorAll(`[aria-current=\"true\"]`);\n\n                // if nothing is current (keyboard visible), look for selected items\n                if (selected.length === 0) {\n                    selected = internalRef.current.querySelectorAll(`[aria-selected]`);\n                }\n\n                // if one item is selected, make sure it's current\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    }, [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        if (otherProps.onKeyDown) {\n            otherProps.onKeyDown(event);\n        }\n\n        if (event.isDefaultPrevented()) {\n            return;\n        }\n\n        const options = getOptionsFromCollection(event.currentTarget, querySelector);\n\n        if (options) {\n            if (isAriaDirectionKey(event)) {\n                event.preventDefault();\n                event.stopPropagation();\n                const nextActiveIndex = getNextEnabledItem(event, options, activeIndex);\n\n                if (nextActiveIndex !== undefined && nextActiveIndex !== activeIndex) {\n                    setActiveOption(nextActiveIndex, event.currentTarget, options.item(nextActiveIndex));\n                }\n            } else if (activeIndex !== undefined && !!options.item(activeIndex)) {\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","resetOnChange","_props$tabIndex","tabIndex","otherProps","_objectWithoutPropertiesLoose","_excluded","internalRef","useMergedRef","_React$useState","useState","activeIndex","setActiveIndex","setActiveOption","index","option","_collection$querySele","removeAttribute","setAttribute","scrollIntoView","block","setActiveIndexByElement","useCallback","current","matches","options","nextActiveIndex","Array","from","indexOf","useEffect","selected","length","firstSelected","selectedIndex","item","children","handleClick","event","target","currentTarget","handleKeyDown","onKeyDown","isDefaultPrevented","isAriaDirectionKey","preventDefault","stopPropagation","getNextEnabledItem","undefined","_options$item","dispatchEvent","createCustomKeyboardEvent","onClick","getNextIndexFromKeycode","key","recurse","nextIndex","isSkippableItem","KeyboardEvent","type","_extends","element","getAttribute","hasAttribute"],"mappings":"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"}

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

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

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

@@ -1 +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,GAAGA,MAAMF,cAAK,CAACG,UAAU,CAACJ,eAAe;;;;"}
+{"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":";;IAUaA,eAAe,gBAAGC,cAAK,CAACC,aAAa,CAAC,EAA0B;IAChEC,kBAAkB,GAAG,SAArBA,kBAAkBA;EAAA,OAASF,cAAK,CAACG,UAAU,CAACJ,eAAe,CAAC;AAAA;;;;"}