@economic/taco 2.47.0-server.9 → 2.47.0

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","_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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"}
+{"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":"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"}

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Group.js","sources":["../../../../../../../../src/primitives/Listbox2/components/Group.tsx"],"sourcesContent":["import React from 'react';\n\nexport type Listbox2GroupProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const Group = React.forwardRef<HTMLDivElement, Listbox2GroupProps>(function Listbox2Group(props, ref) {\n    const [labelledById, setLabelledById] = React.useState<string>();\n\n    return (\n        <Listbox2GroupContext.Provider value={{ setLabelledById }}>\n            <div {...props} aria-labelledby={labelledById} ref={ref} role=\"group\" />\n        </Listbox2GroupContext.Provider>\n    );\n});\n\nexport type Listbox2GroupContextProps = {\n    setLabelledById: (id: string) => void;\n};\n\nexport const Listbox2GroupContext = React.createContext({} as Listbox2GroupContextProps);\nexport const useListbox2GroupContext = () => React.useContext(Listbox2GroupContext);\n"],"names":["Group","React","forwardRef","Listbox2Group","props","ref","_React$useState","useState","labelledById","setLabelledById","Listbox2GroupContext","Provider","value","role","createContext","useListbox2GroupContext","useContext"],"mappings":";;IAIaA,KAAK,gBAAGC,cAAK,CAACC,UAAU,CAAqC,SAASC,aAAaA,CAACC,KAAK,EAAEC,GAAG;EACvG,IAAAC,eAAA,GAAwCL,cAAK,CAACM,QAAQ,EAAU;IAAzDC,YAAY,GAAAF,eAAA;IAAEG,eAAe,GAAAH,eAAA;EAEpC,oBACIL,6BAACS,oBAAoB,CAACC,QAAQ;IAACC,KAAK,EAAE;MAAEH,eAAe,EAAfA;;kBACpCR,sDAASG,KAAK;uBAAmBI,YAAY;IAAEH,GAAG,EAAEA,GAAG;IAAEQ,IAAI,EAAC;KAAU,CAC5C;AAExC,CAAC;IAMYH,oBAAoB,gBAAGT,cAAK,CAACa,aAAa,CAAC,EAA+B;IAC1EC,uBAAuB,GAAG,SAA1BA,uBAAuBA;EAAA,OAASd,cAAK,CAACe,UAAU,CAACN,oBAAoB,CAAC;AAAA;;;;"}
+{"version":3,"file":"Group.js","sources":["../../../../../../../../src/primitives/Listbox2/components/Group.tsx"],"sourcesContent":["import React from 'react';\n\nexport type Listbox2GroupProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const Group = React.forwardRef<HTMLDivElement, Listbox2GroupProps>(function Listbox2Group(props, ref) {\n    const [labelledById, setLabelledById] = React.useState<string>();\n\n    return (\n        <Listbox2GroupContext.Provider value={{ setLabelledById }}>\n            <div {...props} aria-labelledby={labelledById} ref={ref} role=\"group\" />\n        </Listbox2GroupContext.Provider>\n    );\n});\n\nexport type Listbox2GroupContextProps = {\n    setLabelledById: (id: string) => void;\n};\n\nexport const Listbox2GroupContext = React.createContext({} as Listbox2GroupContextProps);\nexport const useListbox2GroupContext = () => React.useContext(Listbox2GroupContext);\n"],"names":["Group","React","forwardRef","Listbox2Group","props","ref","labelledById","setLabelledById","useState","Listbox2GroupContext","Provider","value","role","createContext","useListbox2GroupContext","useContext"],"mappings":";;MAIaA,KAAK,gBAAGC,cAAK,CAACC,UAAU,CAAqC,SAASC,aAAaA,CAACC,KAAK,EAAEC,GAAG;EACvG,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAGN,cAAK,CAACO,QAAQ,EAAU;EAEhE,oBACIP,6BAACQ,oBAAoB,CAACC,QAAQ;IAACC,KAAK,EAAE;MAAEJ;;kBACpCN,sDAASG,KAAK;uBAAmBE,YAAY;IAAED,GAAG,EAAEA,GAAG;IAAEO,IAAI,EAAC;KAAU,CAC5C;AAExC,CAAC;MAMYH,oBAAoB,gBAAGR,cAAK,CAACY,aAAa,CAAC,EAA+B;MAC1EC,uBAAuB,GAAGA,MAAMb,cAAK,CAACc,UAAU,CAACN,oBAAoB;;;;"}

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

@@ -1,25 +1,27 @@
 import React__default from 'react';
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { useId } from '../../../hooks/useId.js';
 import { isAriaSelectionKey } from '../../../utils/aria.js';
 import { useListbox2Context } from './Context.js';
 
-var _excluded = ["disabled", "id", "title", "value"];
-var Option = /*#__PURE__*/React__default.forwardRef(function Listbox2Option(props, ref) {
-  var disabled = props.disabled,
-    nativeId = props.id,
-    value = props.value,
-    otherProps = _objectWithoutPropertiesLoose(props, _excluded);
-  var _useListbox2Context = useListbox2Context(),
-    listboxDisabled = _useListbox2Context.disabled,
-    listboxReadOnly = _useListbox2Context.readOnly,
-    setValue = _useListbox2Context.setValue,
-    currentValue = _useListbox2Context.value;
+const Option = /*#__PURE__*/React__default.forwardRef(function Listbox2Option(props, ref) {
+  const {
+    disabled,
+    id: nativeId,
+    title,
+    value,
+    ...otherProps
+  } = props;
+  const {
+    disabled: listboxDisabled,
+    readOnly: listboxReadOnly,
+    setValue,
+    value: currentValue
+  } = useListbox2Context();
   // The id name cannot start with a number, otherwise unit tests will fail when trying to querry element with such id.
   // That's why adding prefix.
-  var id = 'option-' + useId(nativeId);
-  var selected = Array.isArray(currentValue) ? currentValue.includes(value) : currentValue === value;
-  var handleClick = function handleClick(event) {
+  const id = 'option-' + useId(nativeId);
+  const selected = Array.isArray(currentValue) ? currentValue.includes(value) : currentValue === value;
+  const handleClick = event => {
     if (disabled || listboxDisabled || listboxReadOnly) {
       event.stopPropagation();
       return;
@@ -30,7 +32,7 @@ var Option = /*#__PURE__*/React__default.forwardRef(function Listbox2Option(prop
       props.onClick(event);
     }
   };
-  var handleKeyDown = function handleKeyDown(event) {
+  const handleKeyDown = event => {
     if (disabled || listboxDisabled || listboxReadOnly) {
       event.stopPropagation();
       return;

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

@@ -1 +1 @@
-{"version":3,"file":"Option.js","sources":["../../../../../../../../src/primitives/Listbox2/components/Option.tsx"],"sourcesContent":["import React from 'react';\nimport { useId } from '../../../hooks/useId';\nimport { isAriaSelectionKey } from '../../../utils/aria';\nimport { Listbox2OptionValue } from '../types';\nimport { useListbox2Context } from './Context';\n\nexport type Listbox2OptionProps = React.HTMLAttributes<HTMLDivElement> & {\n    disabled?: boolean;\n    value: Listbox2OptionValue;\n};\n\nexport const Option = React.forwardRef<HTMLDivElement, Listbox2OptionProps>(function Listbox2Option(props, ref) {\n    const { disabled, id: nativeId, title, value, ...otherProps } = props;\n    const { disabled: listboxDisabled, readOnly: listboxReadOnly, setValue, value: currentValue } = useListbox2Context();\n    // The id name cannot start with a number, otherwise unit tests will fail when trying to querry element with such id.\n    // That's why adding prefix.\n    const id = 'option-' + useId(nativeId);\n    const selected = Array.isArray(currentValue) ? currentValue.includes(value) : currentValue === value;\n\n    const handleClick = (event: React.MouseEvent<HTMLDivElement>) => {\n        if (disabled || listboxDisabled || listboxReadOnly) {\n            event.stopPropagation();\n            return;\n        } else {\n            setValue(value);\n        }\n\n        if (typeof props.onClick === 'function') {\n            props.onClick(event);\n        }\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n        if (disabled || listboxDisabled || listboxReadOnly) {\n            event.stopPropagation();\n            return;\n        } else if (isAriaSelectionKey(event)) {\n            setValue(value);\n        }\n\n        if (typeof props.onKeyDown === 'function') {\n            props.onKeyDown(event);\n        }\n    };\n\n    return (\n        <div\n            {...otherProps}\n            aria-disabled={listboxDisabled || disabled ? 'true' : undefined}\n            aria-selected={selected ? 'true' : undefined}\n            id={id}\n            onClick={handleClick}\n            onKeyDown={handleKeyDown}\n            ref={ref}\n            role=\"option\"\n        />\n    );\n});\n"],"names":["Option","React","forwardRef","Listbox2Option","props","ref","disabled","nativeId","id","value","otherProps","_objectWithoutPropertiesLoose","_excluded","_useListbox2Context","useListbox2Context","listboxDisabled","listboxReadOnly","readOnly","setValue","currentValue","useId","selected","Array","isArray","includes","handleClick","event","stopPropagation","onClick","handleKeyDown","isAriaSelectionKey","onKeyDown","undefined","role"],"mappings":";;;;;;;IAWaA,MAAM,gBAAGC,cAAK,CAACC,UAAU,CAAsC,SAASC,cAAcA,CAACC,KAAK,EAAEC,GAAG;MAClGC,QAAQ,GAAgDF,KAAK,CAA7DE,QAAQ;IAAMC,QAAQ,GAAkCH,KAAK,CAAnDI,EAAE;IAAmBC,KAAK,GAAoBL,KAAK,CAA9BK,KAAK;IAAKC,UAAU,GAAAC,6BAAA,CAAKP,KAAK,EAAAQ,SAAA;EACrE,IAAAC,mBAAA,GAAgGC,kBAAkB,EAAE;IAAlGC,eAAe,GAAAF,mBAAA,CAAzBP,QAAQ;IAA6BU,eAAe,GAAAH,mBAAA,CAAzBI,QAAQ;IAAmBC,QAAQ,GAAAL,mBAAA,CAARK,QAAQ;IAASC,YAAY,GAAAN,mBAAA,CAAnBJ,KAAK;;;EAG7E,IAAMD,EAAE,GAAG,SAAS,GAAGY,KAAK,CAACb,QAAQ,CAAC;EACtC,IAAMc,QAAQ,GAAGC,KAAK,CAACC,OAAO,CAACJ,YAAY,CAAC,GAAGA,YAAY,CAACK,QAAQ,CAACf,KAAK,CAAC,GAAGU,YAAY,KAAKV,KAAK;EAEpG,IAAMgB,WAAW,GAAG,SAAdA,WAAWA,CAAIC,KAAuC;IACxD,IAAIpB,QAAQ,IAAIS,eAAe,IAAIC,eAAe,EAAE;MAChDU,KAAK,CAACC,eAAe,EAAE;MACvB;KACH,MAAM;MACHT,QAAQ,CAACT,KAAK,CAAC;;IAGnB,IAAI,OAAOL,KAAK,CAACwB,OAAO,KAAK,UAAU,EAAE;MACrCxB,KAAK,CAACwB,OAAO,CAACF,KAAK,CAAC;;GAE3B;EAED,IAAMG,aAAa,GAAG,SAAhBA,aAAaA,CAAIH,KAA0C;IAC7D,IAAIpB,QAAQ,IAAIS,eAAe,IAAIC,eAAe,EAAE;MAChDU,KAAK,CAACC,eAAe,EAAE;MACvB;KACH,MAAM,IAAIG,kBAAkB,CAACJ,KAAK,CAAC,EAAE;MAClCR,QAAQ,CAACT,KAAK,CAAC;;IAGnB,IAAI,OAAOL,KAAK,CAAC2B,SAAS,KAAK,UAAU,EAAE;MACvC3B,KAAK,CAAC2B,SAAS,CAACL,KAAK,CAAC;;GAE7B;EAED,oBACIzB,sDACQS,UAAU;qBACCK,eAAe,IAAIT,QAAQ,GAAG,MAAM,GAAG0B,SAAS;qBAChDX,QAAQ,GAAG,MAAM,GAAGW,SAAS;IAC5CxB,EAAE,EAAEA,EAAE;IACNoB,OAAO,EAAEH,WAAW;IACpBM,SAAS,EAAEF,aAAa;IACxBxB,GAAG,EAAEA,GAAG;IACR4B,IAAI,EAAC;KACP;AAEV,CAAC;;;;"}
+{"version":3,"file":"Option.js","sources":["../../../../../../../../src/primitives/Listbox2/components/Option.tsx"],"sourcesContent":["import React from 'react';\nimport { useId } from '../../../hooks/useId';\nimport { isAriaSelectionKey } from '../../../utils/aria';\nimport { Listbox2OptionValue } from '../types';\nimport { useListbox2Context } from './Context';\n\nexport type Listbox2OptionProps = React.HTMLAttributes<HTMLDivElement> & {\n    disabled?: boolean;\n    value: Listbox2OptionValue;\n};\n\nexport const Option = React.forwardRef<HTMLDivElement, Listbox2OptionProps>(function Listbox2Option(props, ref) {\n    const { disabled, id: nativeId, title, value, ...otherProps } = props;\n    const { disabled: listboxDisabled, readOnly: listboxReadOnly, setValue, value: currentValue } = useListbox2Context();\n    // The id name cannot start with a number, otherwise unit tests will fail when trying to querry element with such id.\n    // That's why adding prefix.\n    const id = 'option-' + useId(nativeId);\n    const selected = Array.isArray(currentValue) ? currentValue.includes(value) : currentValue === value;\n\n    const handleClick = (event: React.MouseEvent<HTMLDivElement>) => {\n        if (disabled || listboxDisabled || listboxReadOnly) {\n            event.stopPropagation();\n            return;\n        } else {\n            setValue(value);\n        }\n\n        if (typeof props.onClick === 'function') {\n            props.onClick(event);\n        }\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n        if (disabled || listboxDisabled || listboxReadOnly) {\n            event.stopPropagation();\n            return;\n        } else if (isAriaSelectionKey(event)) {\n            setValue(value);\n        }\n\n        if (typeof props.onKeyDown === 'function') {\n            props.onKeyDown(event);\n        }\n    };\n\n    return (\n        <div\n            {...otherProps}\n            aria-disabled={listboxDisabled || disabled ? 'true' : undefined}\n            aria-selected={selected ? 'true' : undefined}\n            id={id}\n            onClick={handleClick}\n            onKeyDown={handleKeyDown}\n            ref={ref}\n            role=\"option\"\n        />\n    );\n});\n"],"names":["Option","React","forwardRef","Listbox2Option","props","ref","disabled","id","nativeId","title","value","otherProps","listboxDisabled","readOnly","listboxReadOnly","setValue","currentValue","useListbox2Context","useId","selected","Array","isArray","includes","handleClick","event","stopPropagation","onClick","handleKeyDown","isAriaSelectionKey","onKeyDown","undefined","role"],"mappings":";;;;;MAWaA,MAAM,gBAAGC,cAAK,CAACC,UAAU,CAAsC,SAASC,cAAcA,CAACC,KAAK,EAAEC,GAAG;EAC1G,MAAM;IAAEC,QAAQ;IAAEC,EAAE,EAAEC,QAAQ;IAAEC,KAAK;IAAEC,KAAK;IAAE,GAAGC;GAAY,GAAGP,KAAK;EACrE,MAAM;IAAEE,QAAQ,EAAEM,eAAe;IAAEC,QAAQ,EAAEC,eAAe;IAAEC,QAAQ;IAAEL,KAAK,EAAEM;GAAc,GAAGC,kBAAkB,EAAE;;;EAGpH,MAAMV,EAAE,GAAG,SAAS,GAAGW,KAAK,CAACV,QAAQ,CAAC;EACtC,MAAMW,QAAQ,GAAGC,KAAK,CAACC,OAAO,CAACL,YAAY,CAAC,GAAGA,YAAY,CAACM,QAAQ,CAACZ,KAAK,CAAC,GAAGM,YAAY,KAAKN,KAAK;EAEpG,MAAMa,WAAW,GAAIC,KAAuC;IACxD,IAAIlB,QAAQ,IAAIM,eAAe,IAAIE,eAAe,EAAE;MAChDU,KAAK,CAACC,eAAe,EAAE;MACvB;KACH,MAAM;MACHV,QAAQ,CAACL,KAAK,CAAC;;IAGnB,IAAI,OAAON,KAAK,CAACsB,OAAO,KAAK,UAAU,EAAE;MACrCtB,KAAK,CAACsB,OAAO,CAACF,KAAK,CAAC;;GAE3B;EAED,MAAMG,aAAa,GAAIH,KAA0C;IAC7D,IAAIlB,QAAQ,IAAIM,eAAe,IAAIE,eAAe,EAAE;MAChDU,KAAK,CAACC,eAAe,EAAE;MACvB;KACH,MAAM,IAAIG,kBAAkB,CAACJ,KAAK,CAAC,EAAE;MAClCT,QAAQ,CAACL,KAAK,CAAC;;IAGnB,IAAI,OAAON,KAAK,CAACyB,SAAS,KAAK,UAAU,EAAE;MACvCzB,KAAK,CAACyB,SAAS,CAACL,KAAK,CAAC;;GAE7B;EAED,oBACIvB,sDACQU,UAAU;qBACCC,eAAe,IAAIN,QAAQ,GAAG,MAAM,GAAGwB,SAAS;qBAChDX,QAAQ,GAAG,MAAM,GAAGW,SAAS;IAC5CvB,EAAE,EAAEA,EAAE;IACNmB,OAAO,EAAEH,WAAW;IACpBM,SAAS,EAAEF,aAAa;IACxBtB,GAAG,EAAEA,GAAG;IACR0B,IAAI,EAAC;KACP;AAEV,CAAC;;;;"}

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

@@ -1,35 +1,32 @@
 import React__default from 'react';
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { useId } from '../../../hooks/useId.js';
 import { Root as Root$1 } from '../../Collection/components/Root.js';
 import '../../Collection/Collection.js';
 import { Listbox2Context } from './Context.js';
 
-var _excluded = ["children", "customSelector", "disabled", "id", "multiple", "readOnly", "setValue", "title", "value"];
-var DEFAULT_SELECTOR = '[role="option"]';
-var Root = /*#__PURE__*/React__default.forwardRef(function Listbox2(props, ref) {
-  var children = props.children,
-    customSelector = props.customSelector,
-    _props$disabled = props.disabled,
-    disabled = _props$disabled === void 0 ? false : _props$disabled,
-    nativeId = props.id,
-    multiple = props.multiple,
-    _props$readOnly = props.readOnly,
-    readOnly = _props$readOnly === void 0 ? false : _props$readOnly,
-    setValue = props.setValue,
-    value = props.value,
-    otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+const DEFAULT_SELECTOR = '[role="option"]';
+const Root = /*#__PURE__*/React__default.forwardRef(function Listbox2(props, ref) {
+  const {
+    children,
+    customSelector,
+    disabled = false,
+    id: nativeId,
+    multiple,
+    readOnly = false,
+    setValue,
+    title,
+    value,
+    ...otherProps
+  } = props;
   // The id name cannot start with a number, otherwise unit tests will fail when trying to querry element with such id.
   // That's why adding prefix.
-  var id = 'listbox2-' + useId(nativeId);
-  var context = React__default.useMemo(function () {
-    return {
-      disabled: disabled,
-      readOnly: readOnly,
-      setValue: setValue,
-      value: value
-    };
-  }, [disabled, readOnly, value]);
+  const id = 'listbox2-' + useId(nativeId);
+  const context = React__default.useMemo(() => ({
+    disabled,
+    readOnly,
+    setValue,
+    value
+  }), [disabled, readOnly, value]);
   return /*#__PURE__*/React__default.createElement(Listbox2Context.Provider, {
     value: context
   }, /*#__PURE__*/React__default.createElement("div", {
@@ -37,36 +34,32 @@ var Root = /*#__PURE__*/React__default.forwardRef(function Listbox2(props, ref)
   }, /*#__PURE__*/React__default.createElement(Root$1, Object.assign({}, otherProps, {
     "aria-multiselectable": multiple ? true : undefined,
     id: id,
-    querySelector: customSelector ? DEFAULT_SELECTOR + ", " + customSelector : DEFAULT_SELECTOR,
+    querySelector: customSelector ? `${DEFAULT_SELECTOR}, ${customSelector}` : DEFAULT_SELECTOR,
     ref: ref,
     resetOnChange: value,
     role: "listbox"
   }), children)));
 });
-var createListboxValueSetter = function createListboxValueSetter(multiple, setValue) {
-  return function (nextValue) {
-    setValue(function (value) {
-      if (Array.isArray(nextValue)) {
-        return nextValue;
-      }
-      if (multiple) {
-        if (value === undefined) {
-          return [nextValue];
-        } else if (Array.isArray(value)) {
-          if (value.includes(nextValue)) {
-            return value.filter(function (v) {
-              return v !== nextValue;
-            });
-          }
-          return [].concat(value, [nextValue]);
-        } else if (value === nextValue) {
-          return [];
+const createListboxValueSetter = (multiple, setValue) => nextValue => {
+  setValue(value => {
+    if (Array.isArray(nextValue)) {
+      return nextValue;
+    }
+    if (multiple) {
+      if (value === undefined) {
+        return [nextValue];
+      } else if (Array.isArray(value)) {
+        if (value.includes(nextValue)) {
+          return value.filter(v => v !== nextValue);
         }
-        return [value, nextValue];
+        return [...value, nextValue];
+      } else if (value === nextValue) {
+        return [];
       }
-      return nextValue;
-    });
-  };
+      return [value, nextValue];
+    }
+    return nextValue;
+  });
 };
 
 export { Root, createListboxValueSetter };

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

@@ -1 +1 @@
-{"version":3,"file":"Root.js","sources":["../../../../../../../../src/primitives/Listbox2/components/Root.tsx"],"sourcesContent":["import React from 'react';\nimport { useId } from '../../../hooks/useId';\nimport * as CollectionPrimitive from '../../Collection/Collection';\nimport { Listbox2Value } from '../types';\nimport { Listbox2Context } from './Context';\n\nexport type Listbox2Props = React.HTMLAttributes<HTMLDivElement> & {\n    customSelector?: string;\n    disabled?: boolean;\n    multiple?: boolean;\n    readOnly?: boolean;\n    setValue: (value: Listbox2Value) => void;\n    value?: Listbox2Value;\n};\n\nconst DEFAULT_SELECTOR = '[role=\"option\"]';\n\nexport const Root = React.forwardRef<CollectionPrimitive.CollectionRef, Listbox2Props>(function Listbox2(props, ref) {\n    const {\n        children,\n        customSelector,\n        disabled = false,\n        id: nativeId,\n        multiple,\n        readOnly = false,\n        setValue,\n        title,\n        value,\n        ...otherProps\n    } = props;\n    // The id name cannot start with a number, otherwise unit tests will fail when trying to querry element with such id.\n    // That's why adding prefix.\n    const id = 'listbox2-' + useId(nativeId);\n\n    const context = React.useMemo(\n        () => ({\n            disabled,\n            readOnly,\n            setValue,\n            value,\n        }),\n        [disabled, readOnly, value]\n    );\n\n    return (\n        <Listbox2Context.Provider value={context}>\n            <div data-taco=\"listbox2\">\n                <CollectionPrimitive.Root\n                    {...otherProps}\n                    aria-multiselectable={multiple ? true : undefined}\n                    id={id}\n                    querySelector={customSelector ? `${DEFAULT_SELECTOR}, ${customSelector}` : DEFAULT_SELECTOR}\n                    ref={ref}\n                    resetOnChange={value}\n                    role=\"listbox\">\n                    {children}\n                </CollectionPrimitive.Root>\n            </div>\n        </Listbox2Context.Provider>\n    );\n});\n\nexport const createListboxValueSetter =\n    (multiple: boolean, setValue: React.Dispatch<React.SetStateAction<Listbox2Value | undefined>>) =>\n    (nextValue: Listbox2Value) => {\n        setValue(value => {\n            if (Array.isArray(nextValue)) {\n                return nextValue;\n            }\n\n            if (multiple) {\n                if (value === undefined) {\n                    return [nextValue];\n                } else if (Array.isArray(value)) {\n                    if (value.includes(nextValue)) {\n                        return value.filter(v => v !== nextValue);\n                    }\n\n                    return [...value, nextValue];\n                } else if (value === nextValue) {\n                    return [];\n                }\n\n                return [value, nextValue];\n            }\n\n            return nextValue;\n        });\n    };\n"],"names":["DEFAULT_SELECTOR","Root","React","forwardRef","Listbox2","props","ref","children","customSelector","_props$disabled","disabled","nativeId","id","multiple","_props$readOnly","readOnly","setValue","value","otherProps","_objectWithoutPropertiesLoose","_excluded","useId","context","useMemo","Listbox2Context","Provider","CollectionPrimitive","undefined","querySelector","resetOnChange","role","createListboxValueSetter","nextValue","Array","isArray","includes","filter","v","concat"],"mappings":";;;;;;;;AAeA,IAAMA,gBAAgB,GAAG,iBAAiB;IAE7BC,IAAI,gBAAGC,cAAK,CAACC,UAAU,CAAmD,SAASC,QAAQA,CAACC,KAAK,EAAEC,GAAG;MAE3GC,QAAQ,GAURF,KAAK,CAVLE,QAAQ;IACRC,cAAc,GASdH,KAAK,CATLG,cAAc;IAAAC,eAAA,GASdJ,KAAK,CARLK,QAAQ;IAARA,QAAQ,GAAAD,eAAA,cAAG,KAAK,GAAAA,eAAA;IACZE,QAAQ,GAOZN,KAAK,CAPLO,EAAE;IACFC,QAAQ,GAMRR,KAAK,CANLQ,QAAQ;IAAAC,eAAA,GAMRT,KAAK,CALLU,QAAQ;IAARA,QAAQ,GAAAD,eAAA,cAAG,KAAK,GAAAA,eAAA;IAChBE,QAAQ,GAIRX,KAAK,CAJLW,QAAQ;IAERC,KAAK,GAELZ,KAAK,CAFLY,KAAK;IACFC,UAAU,GAAAC,6BAAA,CACbd,KAAK,EAAAe,SAAA;;;EAGT,IAAMR,EAAE,GAAG,WAAW,GAAGS,KAAK,CAACV,QAAQ,CAAC;EAExC,IAAMW,OAAO,GAAGpB,cAAK,CAACqB,OAAO,CACzB;IAAA,OAAO;MACHb,QAAQ,EAARA,QAAQ;MACRK,QAAQ,EAARA,QAAQ;MACRC,QAAQ,EAARA,QAAQ;MACRC,KAAK,EAALA;KACH;GAAC,EACF,CAACP,QAAQ,EAAEK,QAAQ,EAAEE,KAAK,CAAC,CAC9B;EAED,oBACIf,6BAACsB,eAAe,CAACC,QAAQ;IAACR,KAAK,EAAEK;kBAC7BpB;iBAAe;kBACXA,6BAACwB,MAAwB,oBACjBR,UAAU;4BACQL,QAAQ,GAAG,IAAI,GAAGc,SAAS;IACjDf,EAAE,EAAEA,EAAE;IACNgB,aAAa,EAAEpB,cAAc,GAAMR,gBAAgB,UAAKQ,cAAc,GAAKR,gBAAgB;IAC3FM,GAAG,EAAEA,GAAG;IACRuB,aAAa,EAAEZ,KAAK;IACpBa,IAAI,EAAC;MACJvB,QAAQ,CACc,CACzB,CACiB;AAEnC,CAAC;IAEYwB,wBAAwB,GACjC,SADSA,wBAAwBA,CAChClB,QAAiB,EAAEG,QAAyE;EAAA,OAC7F,UAACgB,SAAwB;IACrBhB,QAAQ,CAAC,UAAAC,KAAK;MACV,IAAIgB,KAAK,CAACC,OAAO,CAACF,SAAS,CAAC,EAAE;QAC1B,OAAOA,SAAS;;MAGpB,IAAInB,QAAQ,EAAE;QACV,IAAII,KAAK,KAAKU,SAAS,EAAE;UACrB,OAAO,CAACK,SAAS,CAAC;SACrB,MAAM,IAAIC,KAAK,CAACC,OAAO,CAACjB,KAAK,CAAC,EAAE;UAC7B,IAAIA,KAAK,CAACkB,QAAQ,CAACH,SAAS,CAAC,EAAE;YAC3B,OAAOf,KAAK,CAACmB,MAAM,CAAC,UAAAC,CAAC;cAAA,OAAIA,CAAC,KAAKL,SAAS;cAAC;;UAG7C,UAAAM,MAAA,CAAWrB,KAAK,GAAEe,SAAS;SAC9B,MAAM,IAAIf,KAAK,KAAKe,SAAS,EAAE;UAC5B,OAAO,EAAE;;QAGb,OAAO,CAACf,KAAK,EAAEe,SAAS,CAAC;;MAG7B,OAAOA,SAAS;KACnB,CAAC;GACL;AAAA;;;;"}
+{"version":3,"file":"Root.js","sources":["../../../../../../../../src/primitives/Listbox2/components/Root.tsx"],"sourcesContent":["import React from 'react';\nimport { useId } from '../../../hooks/useId';\nimport * as CollectionPrimitive from '../../Collection/Collection';\nimport { Listbox2Value } from '../types';\nimport { Listbox2Context } from './Context';\n\nexport type Listbox2Props = React.HTMLAttributes<HTMLDivElement> & {\n    customSelector?: string;\n    disabled?: boolean;\n    multiple?: boolean;\n    readOnly?: boolean;\n    setValue: (value: Listbox2Value) => void;\n    value?: Listbox2Value;\n};\n\nconst DEFAULT_SELECTOR = '[role=\"option\"]';\n\nexport const Root = React.forwardRef<CollectionPrimitive.CollectionRef, Listbox2Props>(function Listbox2(props, ref) {\n    const {\n        children,\n        customSelector,\n        disabled = false,\n        id: nativeId,\n        multiple,\n        readOnly = false,\n        setValue,\n        title,\n        value,\n        ...otherProps\n    } = props;\n    // The id name cannot start with a number, otherwise unit tests will fail when trying to querry element with such id.\n    // That's why adding prefix.\n    const id = 'listbox2-' + useId(nativeId);\n\n    const context = React.useMemo(\n        () => ({\n            disabled,\n            readOnly,\n            setValue,\n            value,\n        }),\n        [disabled, readOnly, value]\n    );\n\n    return (\n        <Listbox2Context.Provider value={context}>\n            <div data-taco=\"listbox2\">\n                <CollectionPrimitive.Root\n                    {...otherProps}\n                    aria-multiselectable={multiple ? true : undefined}\n                    id={id}\n                    querySelector={customSelector ? `${DEFAULT_SELECTOR}, ${customSelector}` : DEFAULT_SELECTOR}\n                    ref={ref}\n                    resetOnChange={value}\n                    role=\"listbox\">\n                    {children}\n                </CollectionPrimitive.Root>\n            </div>\n        </Listbox2Context.Provider>\n    );\n});\n\nexport const createListboxValueSetter =\n    (multiple: boolean, setValue: React.Dispatch<React.SetStateAction<Listbox2Value | undefined>>) =>\n    (nextValue: Listbox2Value) => {\n        setValue(value => {\n            if (Array.isArray(nextValue)) {\n                return nextValue;\n            }\n\n            if (multiple) {\n                if (value === undefined) {\n                    return [nextValue];\n                } else if (Array.isArray(value)) {\n                    if (value.includes(nextValue)) {\n                        return value.filter(v => v !== nextValue);\n                    }\n\n                    return [...value, nextValue];\n                } else if (value === nextValue) {\n                    return [];\n                }\n\n                return [value, nextValue];\n            }\n\n            return nextValue;\n        });\n    };\n"],"names":["DEFAULT_SELECTOR","Root","React","forwardRef","Listbox2","props","ref","children","customSelector","disabled","id","nativeId","multiple","readOnly","setValue","title","value","otherProps","useId","context","useMemo","Listbox2Context","Provider","CollectionPrimitive","undefined","querySelector","resetOnChange","role","createListboxValueSetter","nextValue","Array","isArray","includes","filter","v"],"mappings":";;;;;;AAeA,MAAMA,gBAAgB,GAAG,iBAAiB;MAE7BC,IAAI,gBAAGC,cAAK,CAACC,UAAU,CAAmD,SAASC,QAAQA,CAACC,KAAK,EAAEC,GAAG;EAC/G,MAAM;IACFC,QAAQ;IACRC,cAAc;IACdC,QAAQ,GAAG,KAAK;IAChBC,EAAE,EAAEC,QAAQ;IACZC,QAAQ;IACRC,QAAQ,GAAG,KAAK;IAChBC,QAAQ;IACRC,KAAK;IACLC,KAAK;IACL,GAAGC;GACN,GAAGZ,KAAK;;;EAGT,MAAMK,EAAE,GAAG,WAAW,GAAGQ,KAAK,CAACP,QAAQ,CAAC;EAExC,MAAMQ,OAAO,GAAGjB,cAAK,CAACkB,OAAO,CACzB,OAAO;IACHX,QAAQ;IACRI,QAAQ;IACRC,QAAQ;IACRE;GACH,CAAC,EACF,CAACP,QAAQ,EAAEI,QAAQ,EAAEG,KAAK,CAAC,CAC9B;EAED,oBACId,6BAACmB,eAAe,CAACC,QAAQ;IAACN,KAAK,EAAEG;kBAC7BjB;iBAAe;kBACXA,6BAACqB,MAAwB,oBACjBN,UAAU;4BACQL,QAAQ,GAAG,IAAI,GAAGY,SAAS;IACjDd,EAAE,EAAEA,EAAE;IACNe,aAAa,EAAEjB,cAAc,GAAG,GAAGR,gBAAgB,KAAKQ,cAAc,EAAE,GAAGR,gBAAgB;IAC3FM,GAAG,EAAEA,GAAG;IACRoB,aAAa,EAAEV,KAAK;IACpBW,IAAI,EAAC;MACJpB,QAAQ,CACc,CACzB,CACiB;AAEnC,CAAC;MAEYqB,wBAAwB,GACjCA,CAAChB,QAAiB,EAAEE,QAAyE,KAC5Fe,SAAwB;EACrBf,QAAQ,CAACE,KAAK;IACV,IAAIc,KAAK,CAACC,OAAO,CAACF,SAAS,CAAC,EAAE;MAC1B,OAAOA,SAAS;;IAGpB,IAAIjB,QAAQ,EAAE;MACV,IAAII,KAAK,KAAKQ,SAAS,EAAE;QACrB,OAAO,CAACK,SAAS,CAAC;OACrB,MAAM,IAAIC,KAAK,CAACC,OAAO,CAACf,KAAK,CAAC,EAAE;QAC7B,IAAIA,KAAK,CAACgB,QAAQ,CAACH,SAAS,CAAC,EAAE;UAC3B,OAAOb,KAAK,CAACiB,MAAM,CAACC,CAAC,IAAIA,CAAC,KAAKL,SAAS,CAAC;;QAG7C,OAAO,CAAC,GAAGb,KAAK,EAAEa,SAAS,CAAC;OAC/B,MAAM,IAAIb,KAAK,KAAKa,SAAS,EAAE;QAC5B,OAAO,EAAE;;MAGb,OAAO,CAACb,KAAK,EAAEa,SAAS,CAAC;;IAG7B,OAAOA,SAAS;GACnB,CAAC;AACN;;;;"}

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

@@ -1,16 +1,17 @@
 import React__default from 'react';
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { useId } from '../../../hooks/useId.js';
 import { useListbox2GroupContext } from './Group.js';
 
-var _excluded = ["id"];
-var Title = /*#__PURE__*/React__default.forwardRef(function Listbox2Group(props, ref) {
-  var nativeId = props.id,
-    otherProps = _objectWithoutPropertiesLoose(props, _excluded);
-  var _useListbox2GroupCont = useListbox2GroupContext(),
-    setLabelledById = _useListbox2GroupCont.setLabelledById;
-  var id = useId(nativeId);
-  React__default.useEffect(function () {
+const Title = /*#__PURE__*/React__default.forwardRef(function Listbox2Group(props, ref) {
+  const {
+    id: nativeId,
+    ...otherProps
+  } = props;
+  const {
+    setLabelledById
+  } = useListbox2GroupContext();
+  const id = useId(nativeId);
+  React__default.useEffect(() => {
     setLabelledById(id);
   }, [id]);
   return /*#__PURE__*/React__default.createElement("div", Object.assign({}, otherProps, {

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

@@ -1 +1 @@
-{"version":3,"file":"Title.js","sources":["../../../../../../../../src/primitives/Listbox2/components/Title.tsx"],"sourcesContent":["import React from 'react';\nimport { useId } from '../../../hooks/useId';\nimport { useListbox2GroupContext } from './Group';\n\nexport type Listbox2TitleProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const Title = React.forwardRef<HTMLDivElement, Listbox2TitleProps>(function Listbox2Group(props, ref) {\n    const { id: nativeId, ...otherProps } = props;\n    const { setLabelledById } = useListbox2GroupContext();\n    const id = useId(nativeId);\n\n    React.useEffect(() => {\n        setLabelledById(id);\n    }, [id]);\n\n    return <div {...otherProps} id={id} ref={ref} role=\"presentation\" />;\n});\n"],"names":["Title","React","forwardRef","Listbox2Group","props","ref","nativeId","id","otherProps","_objectWithoutPropertiesLoose","_excluded","_useListbox2GroupCont","useListbox2GroupContext","setLabelledById","useId","useEffect","role"],"mappings":";;;;;;IAMaA,KAAK,gBAAGC,cAAK,CAACC,UAAU,CAAqC,SAASC,aAAaA,CAACC,KAAK,EAAEC,GAAG;EACvG,IAAYC,QAAQ,GAAoBF,KAAK,CAArCG,EAAE;IAAeC,UAAU,GAAAC,6BAAA,CAAKL,KAAK,EAAAM,SAAA;EAC7C,IAAAC,qBAAA,GAA4BC,uBAAuB,EAAE;IAA7CC,eAAe,GAAAF,qBAAA,CAAfE,eAAe;EACvB,IAAMN,EAAE,GAAGO,KAAK,CAACR,QAAQ,CAAC;EAE1BL,cAAK,CAACc,SAAS,CAAC;IACZF,eAAe,CAACN,EAAE,CAAC;GACtB,EAAE,CAACA,EAAE,CAAC,CAAC;EAER,oBAAON,sDAASO,UAAU;IAAED,EAAE,EAAEA,EAAE;IAAEF,GAAG,EAAEA,GAAG;IAAEW,IAAI,EAAC;KAAiB;AACxE,CAAC;;;;"}
+{"version":3,"file":"Title.js","sources":["../../../../../../../../src/primitives/Listbox2/components/Title.tsx"],"sourcesContent":["import React from 'react';\nimport { useId } from '../../../hooks/useId';\nimport { useListbox2GroupContext } from './Group';\n\nexport type Listbox2TitleProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const Title = React.forwardRef<HTMLDivElement, Listbox2TitleProps>(function Listbox2Group(props, ref) {\n    const { id: nativeId, ...otherProps } = props;\n    const { setLabelledById } = useListbox2GroupContext();\n    const id = useId(nativeId);\n\n    React.useEffect(() => {\n        setLabelledById(id);\n    }, [id]);\n\n    return <div {...otherProps} id={id} ref={ref} role=\"presentation\" />;\n});\n"],"names":["Title","React","forwardRef","Listbox2Group","props","ref","id","nativeId","otherProps","setLabelledById","useListbox2GroupContext","useId","useEffect","role"],"mappings":";;;;MAMaA,KAAK,gBAAGC,cAAK,CAACC,UAAU,CAAqC,SAASC,aAAaA,CAACC,KAAK,EAAEC,GAAG;EACvG,MAAM;IAAEC,EAAE,EAAEC,QAAQ;IAAE,GAAGC;GAAY,GAAGJ,KAAK;EAC7C,MAAM;IAAEK;GAAiB,GAAGC,uBAAuB,EAAE;EACrD,MAAMJ,EAAE,GAAGK,KAAK,CAACJ,QAAQ,CAAC;EAE1BN,cAAK,CAACW,SAAS,CAAC;IACZH,eAAe,CAACH,EAAE,CAAC;GACtB,EAAE,CAACA,EAAE,CAAC,CAAC;EAER,oBAAOL,sDAASO,UAAU;IAAEF,EAAE,EAAEA,EAAE;IAAED,GAAG,EAAEA,GAAG;IAAEQ,IAAI,EAAC;KAAiB;AACxE,CAAC;;;;"}

package/dist/esm/packages/taco/src/primitives/Sortable/components/Container.js

@@ -4,46 +4,44 @@ import { restrictToVerticalAxis } from '@dnd-kit/modifiers';
 
 function getContainerById(children, id) {
   var _lists$find;
-  var lists = React__default.Children.toArray(children).filter(function (child) {
-    return child.type.displayName === 'SortableList';
-  });
-  var list = lists.find(function (list) {
-    return list.props.id === id;
-  });
+  const lists = React__default.Children.toArray(children).filter(child => child.type.displayName === 'SortableList');
+  const list = lists.find(list => list.props.id === id);
   if (list) {
     return list === null || list === void 0 ? void 0 : list.props;
   }
-  return (_lists$find = lists.find(function (l) {
-    return React__default.Children.toArray(l.props.children).findIndex(function (child) {
-      return child.props.id === id;
-    }) > -1;
-  })) === null || _lists$find === void 0 ? void 0 : _lists$find.props;
+  return (_lists$find = lists.find(l => React__default.Children.toArray(l.props.children).findIndex(child => child.props.id === id) > -1)) === null || _lists$find === void 0 ? void 0 : _lists$find.props;
 }
 function Container(externalProps) {
-  var children = externalProps.children,
-    reorder = externalProps.reorder,
-    move = externalProps.move;
+  const {
+    children,
+    reorder,
+    move
+  } = externalProps;
   function handleDragOver(event) {
-    var active = event.active,
-      over = event.over;
+    const {
+      active,
+      over
+    } = event;
     if (!(active !== null && active !== void 0 && active.id) || !(over !== null && over !== void 0 && over.id)) {
       return;
     }
-    var activeList = getContainerById(children, active.id);
-    var overList = getContainerById(children, over.id);
+    const activeList = getContainerById(children, active.id);
+    const overList = getContainerById(children, over.id);
     if (!(activeList !== null && activeList !== void 0 && activeList.id) || !(overList !== null && overList !== void 0 && overList.id) || activeList.id === overList.id) {
       return;
     }
     move(active.id, activeList === null || activeList === void 0 ? void 0 : activeList.id, overList.id);
   }
   function handleDragEnd(event) {
-    var active = event.active,
-      over = event.over;
+    const {
+      active,
+      over
+    } = event;
     if (!(active !== null && active !== void 0 && active.id) || !(over !== null && over !== void 0 && over.id)) {
       return;
     }
-    var activeList = getContainerById(children, active.id);
-    var overList = getContainerById(children, over.id);
+    const activeList = getContainerById(children, active.id);
+    const overList = getContainerById(children, over.id);
     if (!(activeList !== null && activeList !== void 0 && activeList.id) || !(overList !== null && overList !== void 0 && overList.id) || activeList.id !== overList.id) {
       return;
     }

package/dist/esm/packages/taco/src/primitives/Sortable/components/Container.js.map

@@ -1 +1 @@
-{"version":3,"file":"Container.js","sources":["../../../../../../../../src/primitives/Sortable/components/Container.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { DndContext, closestCenter } from '@dnd-kit/core';\nimport { SortableListProps } from './List';\nimport { SortableItemId } from './Item';\nimport { restrictToVerticalAxis } from '@dnd-kit/modifiers';\n\nexport type SortableContainerProps = {\n    children: ReactNode;\n    move?: (activeId: SortableItemId, overId: SortableItemId, listId: string) => void;\n    reorder: (activeId: SortableItemId, oldListId: string, listId: string) => void;\n};\n\nfunction getContainerById(children, id): SortableListProps | undefined {\n    const lists = React.Children.toArray(children).filter(\n        (child: any) => child.type.displayName === 'SortableList'\n    ) as React.ReactElement<SortableListProps>[];\n    const list: React.ReactElement<SortableListProps> | undefined = lists.find(\n        (list: React.ReactElement<SortableListProps>) => list.props.id === id\n    );\n\n    if (list) {\n        return list?.props;\n    }\n\n    return lists.find(l => React.Children.toArray(l.props.children).findIndex((child: any) => child.props.id === id) > -1)?.props;\n}\n\nexport function Container(externalProps) {\n    const { children, reorder, move } = externalProps;\n\n    function handleDragOver(event): void {\n        const { active, over } = event;\n\n        if (!active?.id || !over?.id) {\n            return;\n        }\n\n        const activeList = getContainerById(children, active.id);\n        const overList = getContainerById(children, over.id);\n\n        if (!activeList?.id || !overList?.id || activeList.id === overList.id) {\n            return;\n        }\n\n        move(active.id, activeList?.id, overList.id);\n    }\n\n    function handleDragEnd(event): void {\n        const { active, over } = event;\n\n        if (!active?.id || !over?.id) {\n            return;\n        }\n\n        const activeList = getContainerById(children, active.id);\n        const overList = getContainerById(children, over.id);\n\n        if (!activeList?.id || !overList?.id || activeList.id !== overList.id) {\n            return;\n        }\n\n        reorder(active.id, over.id, overList.id);\n    }\n\n    return (\n        <DndContext\n            collisionDetection={closestCenter}\n            {...externalProps}\n            modifiers={[restrictToVerticalAxis]}\n            onDragOver={handleDragOver}\n            onDragEnd={handleDragEnd}>\n            {children}\n        </DndContext>\n    );\n}\nContainer.displayName = 'SortableContainer';\n"],"names":["getContainerById","children","id","lists","React","Children","toArray","filter","child","type","displayName","list","find","props","_lists$find","l","findIndex","Container","externalProps","reorder","move","handleDragOver","event","active","over","activeList","overList","handleDragEnd","DndContext","collisionDetection","closestCenter","modifiers","restrictToVerticalAxis","onDragOver","onDragEnd"],"mappings":"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"}
+{"version":3,"file":"Container.js","sources":["../../../../../../../../src/primitives/Sortable/components/Container.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { DndContext, closestCenter } from '@dnd-kit/core';\nimport { SortableListProps } from './List';\nimport { SortableItemId } from './Item';\nimport { restrictToVerticalAxis } from '@dnd-kit/modifiers';\n\nexport type SortableContainerProps = {\n    children: ReactNode;\n    move?: (activeId: SortableItemId, overId: SortableItemId, listId: string) => void;\n    reorder: (activeId: SortableItemId, oldListId: string, listId: string) => void;\n};\n\nfunction getContainerById(children, id): SortableListProps | undefined {\n    const lists = React.Children.toArray(children).filter(\n        (child: any) => child.type.displayName === 'SortableList'\n    ) as React.ReactElement<SortableListProps>[];\n    const list: React.ReactElement<SortableListProps> | undefined = lists.find(\n        (list: React.ReactElement<SortableListProps>) => list.props.id === id\n    );\n\n    if (list) {\n        return list?.props;\n    }\n\n    return lists.find(l => React.Children.toArray(l.props.children).findIndex((child: any) => child.props.id === id) > -1)?.props;\n}\n\nexport function Container(externalProps) {\n    const { children, reorder, move } = externalProps;\n\n    function handleDragOver(event): void {\n        const { active, over } = event;\n\n        if (!active?.id || !over?.id) {\n            return;\n        }\n\n        const activeList = getContainerById(children, active.id);\n        const overList = getContainerById(children, over.id);\n\n        if (!activeList?.id || !overList?.id || activeList.id === overList.id) {\n            return;\n        }\n\n        move(active.id, activeList?.id, overList.id);\n    }\n\n    function handleDragEnd(event): void {\n        const { active, over } = event;\n\n        if (!active?.id || !over?.id) {\n            return;\n        }\n\n        const activeList = getContainerById(children, active.id);\n        const overList = getContainerById(children, over.id);\n\n        if (!activeList?.id || !overList?.id || activeList.id !== overList.id) {\n            return;\n        }\n\n        reorder(active.id, over.id, overList.id);\n    }\n\n    return (\n        <DndContext\n            collisionDetection={closestCenter}\n            {...externalProps}\n            modifiers={[restrictToVerticalAxis]}\n            onDragOver={handleDragOver}\n            onDragEnd={handleDragEnd}>\n            {children}\n        </DndContext>\n    );\n}\nContainer.displayName = 'SortableContainer';\n"],"names":["getContainerById","children","id","lists","React","Children","toArray","filter","child","type","displayName","list","find","props","_lists$find","l","findIndex","Container","externalProps","reorder","move","handleDragOver","event","active","over","activeList","overList","handleDragEnd","DndContext","collisionDetection","closestCenter","modifiers","restrictToVerticalAxis","onDragOver","onDragEnd"],"mappings":"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"}

package/dist/esm/packages/taco/src/primitives/Sortable/components/Item.js

@@ -1,42 +1,45 @@
 import React__default from 'react';
-import { extends as _extends } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { useSortable } from '@dnd-kit/sortable';
 import { CSS } from '@dnd-kit/utilities';
 
-var isFormElement = function isFormElement(element) {
-  var formElementNodeNames = ['BUTTON', 'INPUT', 'TEXTAREA', 'SELECT', 'FIELDSET'];
+const isFormElement = element => {
+  const formElementNodeNames = ['BUTTON', 'INPUT', 'TEXTAREA', 'SELECT', 'FIELDSET'];
   return formElementNodeNames.includes(element.nodeName);
 };
 function Item(props) {
-  var asChild = props.asChild,
-    children = props.children,
-    _props$disabled = props.disabled,
-    disabled = _props$disabled === void 0 ? false : _props$disabled,
-    id = props.id;
-  var _useSortable = useSortable({
-      disabled: disabled,
-      id: id
-    }),
-    attributes = _useSortable.attributes,
-    listeners = _useSortable.listeners,
-    setNodeRef = _useSortable.setNodeRef,
-    transform = _useSortable.transform,
-    transition = _useSortable.transition;
-  var style = {
+  const {
+    asChild,
+    children,
+    disabled = false,
+    id
+  } = props;
+  const {
+    attributes,
+    listeners,
+    setNodeRef,
+    transform,
+    transition
+  } = useSortable({
+    disabled,
+    id
+  });
+  const style = {
     transform: CSS.Transform.toString(transform),
-    transition: transition
+    transition
   };
-  var onPointerDown = function onPointerDown(event) {
+  const onPointerDown = event => {
     // allow form components, like checkboxes, to be active
     if (event.currentTarget.contains(event.target) && !isFormElement(event.target)) {
       listeners === null || listeners === void 0 ? void 0 : listeners.onPointerDown(event);
     }
   };
-  var elProps = _extends({}, attributes, listeners, {
-    onPointerDown: onPointerDown,
+  const elProps = {
+    ...attributes,
+    ...listeners,
+    onPointerDown,
     ref: setNodeRef,
-    style: style
-  });
+    style
+  };
   if (asChild) {
     return /*#__PURE__*/React__default.cloneElement(children, elProps);
   }

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

@@ -1 +1 @@
-{"version":3,"file":"Item.js","sources":["../../../../../../../../src/primitives/Sortable/components/Item.tsx"],"sourcesContent":["import React from 'react';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\n\nexport type SortableItemId = string | number;\n\nexport type SortableListItemProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'id'> & {\n    disabled?: boolean;\n    id: SortableItemId;\n};\n\nconst isFormElement = (element: HTMLElement) => {\n    const formElementNodeNames = ['BUTTON', 'INPUT', 'TEXTAREA', 'SELECT', 'FIELDSET'];\n\n    return formElementNodeNames.includes(element.nodeName);\n};\n\nexport function Item(props) {\n    const { asChild, children, disabled = false, id } = props;\n    const { attributes, listeners, setNodeRef, transform, transition } = useSortable({ disabled, id });\n\n    const style = {\n        transform: CSS.Transform.toString(transform),\n        transition,\n    };\n\n    const onPointerDown = event => {\n        // allow form components, like checkboxes, to be active\n        if (event.currentTarget.contains(event.target) && !isFormElement(event.target)) {\n            listeners?.onPointerDown(event);\n        }\n    };\n\n    const elProps = { ...attributes, ...listeners, onPointerDown, ref: setNodeRef, style };\n\n    if (asChild) {\n        return React.cloneElement(children, elProps);\n    }\n\n    return <div {...elProps}>{children}</div>;\n}\nItem.displayName = 'SortableListItem';\n"],"names":["isFormElement","element","formElementNodeNames","includes","nodeName","Item","props","asChild","children","_props$disabled","disabled","id","_useSortable","useSortable","attributes","listeners","setNodeRef","transform","transition","style","CSS","Transform","toString","onPointerDown","event","currentTarget","contains","target","elProps","_extends","ref","React","cloneElement","displayName"],"mappings":";;;;;AAWA,IAAMA,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,OAAoB;EACvC,IAAMC,oBAAoB,GAAG,CAAC,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,CAAC;EAElF,OAAOA,oBAAoB,CAACC,QAAQ,CAACF,OAAO,CAACG,QAAQ,CAAC;AAC1D,CAAC;SAEeC,IAAIA,CAACC,KAAK;EACtB,IAAQC,OAAO,GAAqCD,KAAK,CAAjDC,OAAO;IAAEC,QAAQ,GAA2BF,KAAK,CAAxCE,QAAQ;IAAAC,eAAA,GAA2BH,KAAK,CAA9BI,QAAQ;IAARA,QAAQ,GAAAD,eAAA,cAAG,KAAK,GAAAA,eAAA;IAAEE,EAAE,GAAKL,KAAK,CAAZK,EAAE;EAC/C,IAAAC,YAAA,GAAqEC,WAAW,CAAC;MAAEH,QAAQ,EAARA,QAAQ;MAAEC,EAAE,EAAFA;KAAI,CAAC;IAA1FG,UAAU,GAAAF,YAAA,CAAVE,UAAU;IAAEC,SAAS,GAAAH,YAAA,CAATG,SAAS;IAAEC,UAAU,GAAAJ,YAAA,CAAVI,UAAU;IAAEC,SAAS,GAAAL,YAAA,CAATK,SAAS;IAAEC,UAAU,GAAAN,YAAA,CAAVM,UAAU;EAEhE,IAAMC,KAAK,GAAG;IACVF,SAAS,EAAEG,GAAG,CAACC,SAAS,CAACC,QAAQ,CAACL,SAAS,CAAC;IAC5CC,UAAU,EAAVA;GACH;EAED,IAAMK,aAAa,GAAG,SAAhBA,aAAaA,CAAGC,KAAK;;IAEvB,IAAIA,KAAK,CAACC,aAAa,CAACC,QAAQ,CAACF,KAAK,CAACG,MAAM,CAAC,IAAI,CAAC3B,aAAa,CAACwB,KAAK,CAACG,MAAM,CAAC,EAAE;MAC5EZ,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEQ,aAAa,CAACC,KAAK,CAAC;;GAEtC;EAED,IAAMI,OAAO,GAAAC,QAAA,KAAQf,UAAU,EAAKC,SAAS;IAAEQ,aAAa,EAAbA,aAAa;IAAEO,GAAG,EAAEd,UAAU;IAAEG,KAAK,EAALA;IAAO;EAEtF,IAAIZ,OAAO,EAAE;IACT,oBAAOwB,cAAK,CAACC,YAAY,CAACxB,QAAQ,EAAEoB,OAAO,CAAC;;EAGhD,oBAAOG,sDAASH,OAAO,GAAGpB,QAAQ,CAAO;AAC7C;AACAH,IAAI,CAAC4B,WAAW,GAAG,kBAAkB;;;;"}
+{"version":3,"file":"Item.js","sources":["../../../../../../../../src/primitives/Sortable/components/Item.tsx"],"sourcesContent":["import React from 'react';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\n\nexport type SortableItemId = string | number;\n\nexport type SortableListItemProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'id'> & {\n    disabled?: boolean;\n    id: SortableItemId;\n};\n\nconst isFormElement = (element: HTMLElement) => {\n    const formElementNodeNames = ['BUTTON', 'INPUT', 'TEXTAREA', 'SELECT', 'FIELDSET'];\n\n    return formElementNodeNames.includes(element.nodeName);\n};\n\nexport function Item(props) {\n    const { asChild, children, disabled = false, id } = props;\n    const { attributes, listeners, setNodeRef, transform, transition } = useSortable({ disabled, id });\n\n    const style = {\n        transform: CSS.Transform.toString(transform),\n        transition,\n    };\n\n    const onPointerDown = event => {\n        // allow form components, like checkboxes, to be active\n        if (event.currentTarget.contains(event.target) && !isFormElement(event.target)) {\n            listeners?.onPointerDown(event);\n        }\n    };\n\n    const elProps = { ...attributes, ...listeners, onPointerDown, ref: setNodeRef, style };\n\n    if (asChild) {\n        return React.cloneElement(children, elProps);\n    }\n\n    return <div {...elProps}>{children}</div>;\n}\nItem.displayName = 'SortableListItem';\n"],"names":["isFormElement","element","formElementNodeNames","includes","nodeName","Item","props","asChild","children","disabled","id","attributes","listeners","setNodeRef","transform","transition","useSortable","style","CSS","Transform","toString","onPointerDown","event","currentTarget","contains","target","elProps","ref","React","cloneElement","displayName"],"mappings":";;;;AAWA,MAAMA,aAAa,GAAIC,OAAoB;EACvC,MAAMC,oBAAoB,GAAG,CAAC,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,CAAC;EAElF,OAAOA,oBAAoB,CAACC,QAAQ,CAACF,OAAO,CAACG,QAAQ,CAAC;AAC1D,CAAC;SAEeC,IAAIA,CAACC,KAAK;EACtB,MAAM;IAAEC,OAAO;IAAEC,QAAQ;IAAEC,QAAQ,GAAG,KAAK;IAAEC;GAAI,GAAGJ,KAAK;EACzD,MAAM;IAAEK,UAAU;IAAEC,SAAS;IAAEC,UAAU;IAAEC,SAAS;IAAEC;GAAY,GAAGC,WAAW,CAAC;IAAEP,QAAQ;IAAEC;GAAI,CAAC;EAElG,MAAMO,KAAK,GAAG;IACVH,SAAS,EAAEI,GAAG,CAACC,SAAS,CAACC,QAAQ,CAACN,SAAS,CAAC;IAC5CC;GACH;EAED,MAAMM,aAAa,GAAGC,KAAK;;IAEvB,IAAIA,KAAK,CAACC,aAAa,CAACC,QAAQ,CAACF,KAAK,CAACG,MAAM,CAAC,IAAI,CAACzB,aAAa,CAACsB,KAAK,CAACG,MAAM,CAAC,EAAE;MAC5Eb,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAES,aAAa,CAACC,KAAK,CAAC;;GAEtC;EAED,MAAMI,OAAO,GAAG;IAAE,GAAGf,UAAU;IAAE,GAAGC,SAAS;IAAES,aAAa;IAAEM,GAAG,EAAEd,UAAU;IAAEI;GAAO;EAEtF,IAAIV,OAAO,EAAE;IACT,oBAAOqB,cAAK,CAACC,YAAY,CAACrB,QAAQ,EAAEkB,OAAO,CAAC;;EAGhD,oBAAOE,sDAASF,OAAO,GAAGlB,QAAQ,CAAO;AAC7C;AACAH,IAAI,CAACyB,WAAW,GAAG,kBAAkB;;;;"}