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

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

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.js","sources":["../../../../../../../../src/components/Layout/components/Sidebar.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { AnimatePresence, motion } from 'framer-motion';\nimport { LayoutContext } from './Context';\nimport { useIsLargeScreen } from '../../../hooks/useIsLargeScreen';\nimport { Backdrop, BackdropProps } from '../../Backdrop/Backdrop';\n\nconst SidebarBackdrop = motion<BackdropProps>(Backdrop);\n\nexport type LayoutSidebarProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const Sidebar = React.forwardRef<HTMLDivElement, LayoutSidebarProps>(function LayoutSidebar(props, ref) {\n    const { children, ...attributes } = props;\n    const { sidebarOpen, setSidebarOpen } = React.useContext(LayoutContext);\n    const isLargeScreen = useIsLargeScreen();\n    const isSmallScreen = !isLargeScreen;\n\n    // if it's a large screen we override the open state and make it always visible\n    const isVisible = isLargeScreen || sidebarOpen;\n\n    // ensures the menu is always closed by default when resizing to a smaller window size\n    React.useEffect(() => {\n        setSidebarOpen(isLargeScreen);\n    }, [isLargeScreen]);\n\n    React.useEffect(() => {\n        const handleEscapeKey = (event: KeyboardEvent) => {\n            if (event.key === 'Escape') {\n                event.preventDefault();\n                event.stopPropagation();\n                setSidebarOpen(false);\n            }\n        };\n\n        if (isSmallScreen && sidebarOpen) {\n            window.addEventListener('keydown', handleEscapeKey);\n        }\n\n        return () => {\n            window.removeEventListener('keydown', handleEscapeKey);\n        };\n    }, [isSmallScreen, sidebarOpen]);\n\n    const showBackdrop = isSmallScreen && sidebarOpen === true;\n\n    const [ready, setReady] = React.useState(isSmallScreen);\n\n    const className = cn(\n        'bg-grey-50 h-full w-64 flex-shrink-0 flex-grow-0 print:hidden',\n        {\n            'absolute z-10 aria-hidden:-translate-x-64 ': isSmallScreen,\n            // prevent animation when crossing the boundary from large to small screen,\n            // this prevents awkward animation in the edge case (resizing the browser, instead of starting at a given size)\n            invisible: isSmallScreen && !ready,\n            'transition-[transform] duration-300 visible': isSmallScreen && ready,\n            'border-r-2 border-black/[.08] ': !showBackdrop,\n        },\n        props.className\n    );\n\n    React.useEffect(() => {\n        // ensure state is updated in the next cpu tick so that the animation definitely doesn't run\n        setTimeout(() => {\n            setReady(isSmallScreen);\n        }, 1);\n    }, [isSmallScreen]);\n\n    const toggleSidebar = () => setSidebarOpen(open => !open);\n    const content = typeof children === 'function' ? children({ isLargeScreen, open: sidebarOpen, toggleSidebar }) : children;\n\n    if (!content) {\n        return null;\n    }\n\n    return (\n        <>\n            <nav {...attributes} data-responsive={isSmallScreen} aria-hidden={!isVisible} className={className} ref={ref}>\n                {content}\n            </nav>\n            <AnimatePresence>\n                {showBackdrop && (\n                    <SidebarBackdrop\n                        initial={{ opacity: 0 }}\n                        animate={{ opacity: 1 }}\n                        exit={{ opacity: 0 }}\n                        className=\"z-[1]\"\n                        onClick={() => setSidebarOpen(false)}\n                    />\n                )}\n            </AnimatePresence>\n        </>\n    );\n});\n"],"names":["SidebarBackdrop","motion","Backdrop","Sidebar","React","forwardRef","LayoutSidebar","props","ref","children","attributes","sidebarOpen","setSidebarOpen","useContext","LayoutContext","isLargeScreen","useIsLargeScreen","isSmallScreen","isVisible","useEffect","handleEscapeKey","event","key","preventDefault","stopPropagation","window","addEventListener","removeEventListener","showBackdrop","ready","setReady","useState","className","cn","invisible","setTimeout","toggleSidebar","open","content","AnimatePresence","initial","opacity","animate","exit","onClick"],"mappings":";;;;;;;AAOA,MAAMA,eAAe,gBAAGC,MAAM,CAAgBC,QAAQ,CAAC;MAI1CC,OAAO,gBAAGC,cAAK,CAACC,UAAU,CAAqC,SAASC,aAAaA,CAACC,KAAK,EAAEC,GAAG;EACzG,MAAM;IAAEC,QAAQ;IAAE,GAAGC;GAAY,GAAGH,KAAK;EACzC,MAAM;IAAEI,WAAW;IAAEC;GAAgB,GAAGR,cAAK,CAACS,UAAU,CAACC,aAAa,CAAC;EACvE,MAAMC,aAAa,GAAGC,gBAAgB,EAAE;EACxC,MAAMC,aAAa,GAAG,CAACF,aAAa;;EAGpC,MAAMG,SAAS,GAAGH,aAAa,IAAIJ,WAAW;;EAG9CP,cAAK,CAACe,SAAS,CAAC;IACZP,cAAc,CAACG,aAAa,CAAC;GAChC,EAAE,CAACA,aAAa,CAAC,CAAC;EAEnBX,cAAK,CAACe,SAAS,CAAC;IACZ,MAAMC,eAAe,GAAIC,KAAoB;MACzC,IAAIA,KAAK,CAACC,GAAG,KAAK,QAAQ,EAAE;QACxBD,KAAK,CAACE,cAAc,EAAE;QACtBF,KAAK,CAACG,eAAe,EAAE;QACvBZ,cAAc,CAAC,KAAK,CAAC;;KAE5B;IAED,IAAIK,aAAa,IAAIN,WAAW,EAAE;MAC9Bc,MAAM,CAACC,gBAAgB,CAAC,SAAS,EAAEN,eAAe,CAAC;;IAGvD,OAAO;MACHK,MAAM,CAACE,mBAAmB,CAAC,SAAS,EAAEP,eAAe,CAAC;KACzD;GACJ,EAAE,CAACH,aAAa,EAAEN,WAAW,CAAC,CAAC;EAEhC,MAAMiB,YAAY,GAAGX,aAAa,IAAIN,WAAW,KAAK,IAAI;EAE1D,MAAM,CAACkB,KAAK,EAAEC,QAAQ,CAAC,GAAG1B,cAAK,CAAC2B,QAAQ,CAACd,aAAa,CAAC;EAEvD,MAAMe,SAAS,GAAGC,EAAE,CAChB,+DAA+D,EAC/D;IACI,4CAA4C,EAAEhB,aAAa;;;IAG3DiB,SAAS,EAAEjB,aAAa,IAAI,CAACY,KAAK;IAClC,6CAA6C,EAAEZ,aAAa,IAAIY,KAAK;IACrE,gCAAgC,EAAE,CAACD;GACtC,EACDrB,KAAK,CAACyB,SAAS,CAClB;EAED5B,cAAK,CAACe,SAAS,CAAC;;IAEZgB,UAAU,CAAC;MACPL,QAAQ,CAACb,aAAa,CAAC;KAC1B,EAAE,CAAC,CAAC;GACR,EAAE,CAACA,aAAa,CAAC,CAAC;EAEnB,MAAMmB,aAAa,GAAGA,MAAMxB,cAAc,CAACyB,IAAI,IAAI,CAACA,IAAI,CAAC;EACzD,MAAMC,OAAO,GAAG,OAAO7B,QAAQ,KAAK,UAAU,GAAGA,QAAQ,CAAC;IAAEM,aAAa;IAAEsB,IAAI,EAAE1B,WAAW;IAAEyB;GAAe,CAAC,GAAG3B,QAAQ;EAEzH,IAAI,CAAC6B,OAAO,EAAE;IACV,OAAO,IAAI;;EAGf,oBACIlC,yEACIA,sDAASM,UAAU;uBAAmBO,aAAa;mBAAe,CAACC,SAAS;IAAEc,SAAS,EAAEA,SAAS;IAAExB,GAAG,EAAEA;MACpG8B,OAAO,CACN,eACNlC,6BAACmC,eAAe,QACXX,YAAY,kBACTxB,6BAACJ,eAAe;IACZwC,OAAO,EAAE;MAAEC,OAAO,EAAE;KAAG;IACvBC,OAAO,EAAE;MAAED,OAAO,EAAE;KAAG;IACvBE,IAAI,EAAE;MAAEF,OAAO,EAAE;KAAG;IACpBT,SAAS,EAAC,OAAO;IACjBY,OAAO,EAAEA,MAAMhC,cAAc,CAAC,KAAK;IACrC,CACL,CACa,CACnB;AAEX,CAAC;;;;"}
+{"version":3,"file":"Sidebar.js","sources":["../../../../../../../../src/components/Layout/components/Sidebar.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { AnimatePresence, motion } from 'framer-motion';\nimport { LayoutContext } from './Context';\nimport { useIsLargeScreen } from '../../../hooks/useIsLargeScreen';\nimport { Backdrop, BackdropProps } from '../../Backdrop/Backdrop';\n\nconst SidebarBackdrop = motion<BackdropProps>(Backdrop);\n\nexport type LayoutSidebarProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const Sidebar = React.forwardRef<HTMLDivElement, LayoutSidebarProps>(function LayoutSidebar(props, ref) {\n    const { children, ...attributes } = props;\n    const { sidebarOpen, setSidebarOpen } = React.useContext(LayoutContext);\n    const isLargeScreen = useIsLargeScreen();\n    const isSmallScreen = !isLargeScreen;\n\n    // if it's a large screen we override the open state and make it always visible\n    const isVisible = isLargeScreen || sidebarOpen;\n\n    // ensures the menu is always closed by default when resizing to a smaller window size\n    React.useEffect(() => {\n        setSidebarOpen(isLargeScreen);\n    }, [isLargeScreen]);\n\n    React.useEffect(() => {\n        const handleEscapeKey = (event: KeyboardEvent) => {\n            if (event.key === 'Escape') {\n                event.preventDefault();\n                event.stopPropagation();\n                setSidebarOpen(false);\n            }\n        };\n\n        if (isSmallScreen && sidebarOpen) {\n            window.addEventListener('keydown', handleEscapeKey);\n        }\n\n        return () => {\n            window.removeEventListener('keydown', handleEscapeKey);\n        };\n    }, [isSmallScreen, sidebarOpen]);\n\n    const showBackdrop = isSmallScreen && sidebarOpen === true;\n\n    const [ready, setReady] = React.useState(isSmallScreen);\n\n    const className = cn(\n        'bg-grey-50 h-full w-64 flex-shrink-0 flex-grow-0 print:hidden',\n        {\n            'absolute z-10 aria-hidden:-translate-x-64 ': isSmallScreen,\n            // prevent animation when crossing the boundary from large to small screen,\n            // this prevents awkward animation in the edge case (resizing the browser, instead of starting at a given size)\n            invisible: isSmallScreen && !ready,\n            'transition-[transform] duration-300 visible': isSmallScreen && ready,\n            'border-r-2 border-black/[.08] ': !showBackdrop,\n        },\n        props.className\n    );\n\n    React.useEffect(() => {\n        // ensure state is updated in the next cpu tick so that the animation definitely doesn't run\n        setTimeout(() => {\n            setReady(isSmallScreen);\n        }, 1);\n    }, [isSmallScreen]);\n\n    const toggleSidebar = () => setSidebarOpen(open => !open);\n    const content = typeof children === 'function' ? children({ isLargeScreen, open: sidebarOpen, toggleSidebar }) : children;\n\n    if (!content) {\n        return null;\n    }\n\n    return (\n        <>\n            <nav {...attributes} data-responsive={isSmallScreen} aria-hidden={!isVisible} className={className} ref={ref}>\n                {content}\n            </nav>\n            <AnimatePresence>\n                {showBackdrop && (\n                    <SidebarBackdrop\n                        initial={{ opacity: 0 }}\n                        animate={{ opacity: 1 }}\n                        exit={{ opacity: 0 }}\n                        className=\"z-[1]\"\n                        onClick={() => setSidebarOpen(false)}\n                    />\n                )}\n            </AnimatePresence>\n        </>\n    );\n});\n"],"names":["SidebarBackdrop","motion","Backdrop","Sidebar","React","forwardRef","LayoutSidebar","props","ref","children","attributes","_objectWithoutPropertiesLoose","_excluded","_React$useContext","useContext","LayoutContext","sidebarOpen","setSidebarOpen","isLargeScreen","useIsLargeScreen","isSmallScreen","isVisible","useEffect","handleEscapeKey","event","key","preventDefault","stopPropagation","window","addEventListener","removeEventListener","showBackdrop","_React$useState","useState","ready","setReady","className","cn","invisible","setTimeout","toggleSidebar","open","content","AnimatePresence","initial","opacity","animate","exit","onClick"],"mappings":"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"}

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

@@ -1,13 +1,16 @@
 import React__default from 'react';
 import { LayoutContext } from './Context.js';
 
-const Top = props => {
-  const {
-    setSidebarOpen
-  } = React__default.useContext(LayoutContext);
-  const toggleSidebar = () => setSidebarOpen(open => !open);
+var Top = function Top(props) {
+  var _React$useContext = React__default.useContext(LayoutContext),
+    setSidebarOpen = _React$useContext.setSidebarOpen;
+  var toggleSidebar = function toggleSidebar() {
+    return setSidebarOpen(function (open) {
+      return !open;
+    });
+  };
   return typeof props.children === 'function' ? props.children({
-    toggleSidebar
+    toggleSidebar: toggleSidebar
   }) : props.children;
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"Top.js","sources":["../../../../../../../../src/components/Layout/components/Top.tsx"],"sourcesContent":["import React from 'react';\nimport { LayoutContext } from './Context';\n\nexport type LayoutTopProps = {\n    children: React.ReactNode | React.ReactNode[] | (({ toggleSidebar }) => React.ReactNode | React.ReactNode[]);\n};\n\nexport const Top = (props: LayoutTopProps) => {\n    const { setSidebarOpen } = React.useContext(LayoutContext);\n    const toggleSidebar = () => setSidebarOpen(open => !open);\n\n    return typeof props.children === 'function' ? props.children({ toggleSidebar }) : props.children;\n};\n"],"names":["Top","props","setSidebarOpen","React","useContext","LayoutContext","toggleSidebar","open","children"],"mappings":";;;MAOaA,GAAG,GAAIC,KAAqB;EACrC,MAAM;IAAEC;GAAgB,GAAGC,cAAK,CAACC,UAAU,CAACC,aAAa,CAAC;EAC1D,MAAMC,aAAa,GAAGA,MAAMJ,cAAc,CAACK,IAAI,IAAI,CAACA,IAAI,CAAC;EAEzD,OAAO,OAAON,KAAK,CAACO,QAAQ,KAAK,UAAU,GAAGP,KAAK,CAACO,QAAQ,CAAC;IAAEF;GAAe,CAAC,GAAGL,KAAK,CAACO,QAAQ;AACpG;;;;"}
+{"version":3,"file":"Top.js","sources":["../../../../../../../../src/components/Layout/components/Top.tsx"],"sourcesContent":["import React from 'react';\nimport { LayoutContext } from './Context';\n\nexport type LayoutTopProps = {\n    children: React.ReactNode | React.ReactNode[] | (({ toggleSidebar }) => React.ReactNode | React.ReactNode[]);\n};\n\nexport const Top = (props: LayoutTopProps) => {\n    const { setSidebarOpen } = React.useContext(LayoutContext);\n    const toggleSidebar = () => setSidebarOpen(open => !open);\n\n    return typeof props.children === 'function' ? props.children({ toggleSidebar }) : props.children;\n};\n"],"names":["Top","props","_React$useContext","React","useContext","LayoutContext","setSidebarOpen","toggleSidebar","open","children"],"mappings":";;;IAOaA,GAAG,GAAG,SAANA,GAAGA,CAAIC,KAAqB;EACrC,IAAAC,iBAAA,GAA2BC,cAAK,CAACC,UAAU,CAACC,aAAa,CAAC;IAAlDC,cAAc,GAAAJ,iBAAA,CAAdI,cAAc;EACtB,IAAMC,aAAa,GAAG,SAAhBA,aAAaA;IAAA,OAASD,cAAc,CAAC,UAAAE,IAAI;MAAA,OAAI,CAACA,IAAI;MAAC;;EAEzD,OAAO,OAAOP,KAAK,CAACQ,QAAQ,KAAK,UAAU,GAAGR,KAAK,CAACQ,QAAQ,CAAC;IAAEF,aAAa,EAAbA;GAAe,CAAC,GAAGN,KAAK,CAACQ,QAAQ;AACpG;;;;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../../../../../../src/components/List/components/Button.tsx"],"sourcesContent":["import React from 'react';\nimport { Item, ComposableListItemProps } from './Item';\n\nexport type ListButtonProps = Omit<ComposableListItemProps<'button'>, 'onClick'> & {\n    onClick: React.MouseEventHandler<HTMLButtonElement>;\n};\n\nexport const Button = React.forwardRef<HTMLButtonElement, ListButtonProps>(function Link(props, ref) {\n    return <Item {...props} as=\"button\" ref={ref} />;\n});\n"],"names":["Button","React","forwardRef","Link","props","ref","Item","as"],"mappings":";;;MAOaA,MAAM,gBAAGC,cAAK,CAACC,UAAU,CAAqC,SAASC,IAAIA,CAACC,KAAK,EAAEC,GAAG;EAC/F,oBAAOJ,6BAACK,IAAI,oBAAKF,KAAK;IAAEG,EAAE,EAAC,QAAQ;IAACF,GAAG,EAAEA;KAAO;AACpD,CAAC;;;;"}
+{"version":3,"file":"Button.js","sources":["../../../../../../../../src/components/List/components/Button.tsx"],"sourcesContent":["import React from 'react';\nimport { Item, ComposableListItemProps } from './Item';\n\nexport type ListButtonProps = Omit<ComposableListItemProps<'button'>, 'onClick'> & {\n    onClick: React.MouseEventHandler<HTMLButtonElement>;\n};\n\nexport const Button = React.forwardRef<HTMLButtonElement, ListButtonProps>(function Link(props, ref) {\n    return <Item {...props} as=\"button\" ref={ref} />;\n});\n"],"names":["Button","React","forwardRef","Link","props","ref","Item","as"],"mappings":";;;IAOaA,MAAM,gBAAGC,cAAK,CAACC,UAAU,CAAqC,SAASC,IAAIA,CAACC,KAAK,EAAEC,GAAG;EAC/F,oBAAOJ,6BAACK,IAAI,oBAAKF,KAAK;IAAEG,EAAE,EAAC,QAAQ;IAACF,GAAG,EAAEA;KAAO;AACpD,CAAC;;;;"}

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

@@ -1,15 +1,18 @@
 import React__default from 'react';
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { Icon } from '../../Icon/Icon.js';
 import { Item } from './Item.js';
 import { Root, Trigger, Content } from '@radix-ui/react-collapsible';
 
-const Collapsible = /*#__PURE__*/React__default.forwardRef(function Accordion(props, ref) {
-  const {
-    defaultOpen = false,
-    ...attributes
-  } = props;
-  const [open, setOpen] = React__default.useState(defaultOpen);
-  const control = /*#__PURE__*/React__default.createElement(Icon, {
+var _excluded = ["defaultOpen"];
+var Collapsible = /*#__PURE__*/React__default.forwardRef(function Accordion(props, ref) {
+  var _props$defaultOpen = props.defaultOpen,
+    defaultOpen = _props$defaultOpen === void 0 ? false : _props$defaultOpen,
+    attributes = _objectWithoutPropertiesLoose(props, _excluded);
+  var _React$useState = React__default.useState(defaultOpen),
+    open = _React$useState[0],
+    setOpen = _React$useState[1];
+  var control = /*#__PURE__*/React__default.createElement(Icon, {
     name: open ? 'chevron-up' : 'chevron-down'
   });
   return /*#__PURE__*/React__default.createElement(Root, {

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

@@ -1 +1 @@
-{"version":3,"file":"Collapsible.js","sources":["../../../../../../../../src/components/List/components/Collapsible.tsx"],"sourcesContent":["import React from 'react';\nimport * as CollapsiblePrimitive from '@radix-ui/react-collapsible';\nimport { Item, ComposableListItemProps } from './Item';\nimport { Icon } from '../../Icon/Icon';\n\nexport type ListCollapsibleProps = Omit<ComposableListItemProps<typeof CollapsiblePrimitive.Root>, 'children'> & {\n    children: JSX.Element | JSX.Element[];\n    defaultOpen?: boolean;\n};\n\nexport const Collapsible = React.forwardRef<HTMLDivElement, ListCollapsibleProps>(function Accordion(props, ref) {\n    const { defaultOpen = false, ...attributes } = props;\n    const [open, setOpen] = React.useState(defaultOpen);\n    const control = <Icon name={open ? 'chevron-up' : 'chevron-down'} />;\n\n    return (\n        <CollapsiblePrimitive.Root data-taco=\"list-item-collapsible\" disabled={props.disabled} open={open} onOpenChange={setOpen}>\n            <CollapsiblePrimitive.Trigger asChild>\n                <Item {...attributes} as=\"button\" control={control} ref={ref} />\n            </CollapsiblePrimitive.Trigger>\n            <CollapsiblePrimitive.Content>{props.children}</CollapsiblePrimitive.Content>\n        </CollapsiblePrimitive.Root>\n    );\n});\n"],"names":["Collapsible","React","forwardRef","Accordion","props","ref","defaultOpen","attributes","open","setOpen","useState","control","Icon","name","CollapsiblePrimitive","disabled","onOpenChange","asChild","Item","as","children"],"mappings":";;;;;MAUaA,WAAW,gBAAGC,cAAK,CAACC,UAAU,CAAuC,SAASC,SAASA,CAACC,KAAK,EAAEC,GAAG;EAC3G,MAAM;IAAEC,WAAW,GAAG,KAAK;IAAE,GAAGC;GAAY,GAAGH,KAAK;EACpD,MAAM,CAACI,IAAI,EAAEC,OAAO,CAAC,GAAGR,cAAK,CAACS,QAAQ,CAACJ,WAAW,CAAC;EACnD,MAAMK,OAAO,gBAAGV,6BAACW,IAAI;IAACC,IAAI,EAAEL,IAAI,GAAG,YAAY,GAAG;IAAkB;EAEpE,oBACIP,6BAACa,IAAyB;iBAAW,uBAAuB;IAACC,QAAQ,EAAEX,KAAK,CAACW,QAAQ;IAAEP,IAAI,EAAEA,IAAI;IAAEQ,YAAY,EAAEP;kBAC7GR,6BAACa,OAA4B;IAACG,OAAO;kBACjChB,6BAACiB,IAAI,oBAAKX,UAAU;IAAEY,EAAE,EAAC,QAAQ;IAACR,OAAO,EAAEA,OAAO;IAAEN,GAAG,EAAEA;KAAO,CACrC,eAC/BJ,6BAACa,OAA4B,QAAEV,KAAK,CAACgB,QAAQ,CAAgC,CACrD;AAEpC,CAAC;;;;"}
+{"version":3,"file":"Collapsible.js","sources":["../../../../../../../../src/components/List/components/Collapsible.tsx"],"sourcesContent":["import React from 'react';\nimport * as CollapsiblePrimitive from '@radix-ui/react-collapsible';\nimport { Item, ComposableListItemProps } from './Item';\nimport { Icon } from '../../Icon/Icon';\n\nexport type ListCollapsibleProps = Omit<ComposableListItemProps<typeof CollapsiblePrimitive.Root>, 'children'> & {\n    children: JSX.Element | JSX.Element[];\n    defaultOpen?: boolean;\n};\n\nexport const Collapsible = React.forwardRef<HTMLDivElement, ListCollapsibleProps>(function Accordion(props, ref) {\n    const { defaultOpen = false, ...attributes } = props;\n    const [open, setOpen] = React.useState(defaultOpen);\n    const control = <Icon name={open ? 'chevron-up' : 'chevron-down'} />;\n\n    return (\n        <CollapsiblePrimitive.Root data-taco=\"list-item-collapsible\" disabled={props.disabled} open={open} onOpenChange={setOpen}>\n            <CollapsiblePrimitive.Trigger asChild>\n                <Item {...attributes} as=\"button\" control={control} ref={ref} />\n            </CollapsiblePrimitive.Trigger>\n            <CollapsiblePrimitive.Content>{props.children}</CollapsiblePrimitive.Content>\n        </CollapsiblePrimitive.Root>\n    );\n});\n"],"names":["Collapsible","React","forwardRef","Accordion","props","ref","_props$defaultOpen","defaultOpen","attributes","_objectWithoutPropertiesLoose","_excluded","_React$useState","useState","open","setOpen","control","Icon","name","CollapsiblePrimitive","disabled","onOpenChange","asChild","Item","as","children"],"mappings":";;;;;;;IAUaA,WAAW,gBAAGC,cAAK,CAACC,UAAU,CAAuC,SAASC,SAASA,CAACC,KAAK,EAAEC,GAAG;EAC3G,IAAAC,kBAAA,GAA+CF,KAAK,CAA5CG,WAAW;IAAXA,WAAW,GAAAD,kBAAA,cAAG,KAAK,GAAAA,kBAAA;IAAKE,UAAU,GAAAC,6BAAA,CAAKL,KAAK,EAAAM,SAAA;EACpD,IAAAC,eAAA,GAAwBV,cAAK,CAACW,QAAQ,CAACL,WAAW,CAAC;IAA5CM,IAAI,GAAAF,eAAA;IAAEG,OAAO,GAAAH,eAAA;EACpB,IAAMI,OAAO,gBAAGd,6BAACe,IAAI;IAACC,IAAI,EAAEJ,IAAI,GAAG,YAAY,GAAG;IAAkB;EAEpE,oBACIZ,6BAACiB,IAAyB;iBAAW,uBAAuB;IAACC,QAAQ,EAAEf,KAAK,CAACe,QAAQ;IAAEN,IAAI,EAAEA,IAAI;IAAEO,YAAY,EAAEN;kBAC7Gb,6BAACiB,OAA4B;IAACG,OAAO;kBACjCpB,6BAACqB,IAAI,oBAAKd,UAAU;IAAEe,EAAE,EAAC,QAAQ;IAACR,OAAO,EAAEA,OAAO;IAAEV,GAAG,EAAEA;KAAO,CACrC,eAC/BJ,6BAACiB,OAA4B,QAAEd,KAAK,CAACoB,QAAQ,CAAgC,CACrD;AAEpC,CAAC;;;;"}

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

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

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

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

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

@@ -1,21 +1,23 @@
 import React__default from 'react';
 import cn from 'clsx';
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { getSubtleColorShadeClasses } from '../../../utils/tailwind.js';
 import { Icon } from '../../Icon/Icon.js';
 
-const Item = /*#__PURE__*/React__default.forwardRef(function Item(props, ref) {
-  const {
-    as: Tag = 'div',
-    control,
-    description,
-    disabled,
-    icon,
-    color,
-    tabIndex = 0,
-    title,
-    ...attributes
-  } = props;
-  const iconClassName = cn('flex shrink-0 h-10 w-10 items-center justify-center rounded-md border border-black/10', getSubtleColorShadeClasses(color !== null && color !== void 0 ? color : 'transparent'));
+var _excluded = ["as", "control", "description", "disabled", "icon", "color", "tabIndex", "title"];
+var Item = /*#__PURE__*/React__default.forwardRef(function Item(props, ref) {
+  var _props$as = props.as,
+    Tag = _props$as === void 0 ? 'div' : _props$as,
+    control = props.control,
+    description = props.description,
+    disabled = props.disabled,
+    icon = props.icon,
+    color = props.color,
+    _props$tabIndex = props.tabIndex,
+    tabIndex = _props$tabIndex === void 0 ? 0 : _props$tabIndex,
+    title = props.title,
+    attributes = _objectWithoutPropertiesLoose(props, _excluded);
+  var iconClassName = cn('flex shrink-0 h-10 w-10 items-center justify-center rounded-md border border-black/10', getSubtleColorShadeClasses(color !== null && color !== void 0 ? color : 'transparent'));
   return /*#__PURE__*/React__default.createElement(Tag, Object.assign({}, attributes, {
     "aria-disabled": disabled ? true : undefined,
     "data-taco": "list-item",

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

@@ -1 +1 @@
-{"version":3,"file":"Item.js","sources":["../../../../../../../../src/components/List/components/Item.tsx"],"sourcesContent":["import React from 'react';\nimport clsx from 'clsx';\nimport { Icon, IconName } from '../../Icon/Icon';\nimport { Color } from '../../../types';\nimport { getSubtleColorShadeClasses } from '../../../utils/tailwind';\n\nexport type ListItemProps<ElementType extends React.ElementType> = Omit<React.ComponentPropsWithoutRef<ElementType>, 'title'> & {\n    as?: ElementType;\n    color?: Color;\n    control?: JSX.Element;\n    description?: string | JSX.Element;\n    disabled?: boolean;\n    icon?: IconName;\n    title: string | JSX.Element;\n};\n\nexport type ComposableListItemProps<ElementType extends React.ElementType> = Omit<\n    ListItemProps<ElementType>,\n    'as' | 'control' | 'onChange'\n>;\n\nexport const Item = React.forwardRef<HTMLElement, ListItemProps<React.ElementType>>(function Item(props, ref) {\n    const { as: Tag = 'div', control, description, disabled, icon, color, tabIndex = 0, title, ...attributes } = props;\n    const iconClassName = clsx(\n        'flex shrink-0 h-10 w-10 items-center justify-center rounded-md border border-black/10',\n        getSubtleColorShadeClasses(color ?? 'transparent')\n    );\n\n    return (\n        <Tag\n            {...attributes}\n            aria-disabled={disabled ? true : undefined}\n            data-taco=\"list-item\"\n            ref={ref as any}\n            tabIndex={disabled ? -1 : tabIndex}>\n            {icon ? (\n                <span className={iconClassName}>\n                    <Icon name={icon} />\n                </span>\n            ) : null}\n            <div className=\"flex grow flex-col justify-center\">\n                <span className=\"font-bold text-black\">{title}</span>\n                {description ? <span className=\"text-grey-700\">{description}</span> : null}\n            </div>\n            <div className=\"text-grey-700 flex shrink-0 items-center\">{control}</div>\n        </Tag>\n    );\n});\n"],"names":["Item","React","forwardRef","props","ref","as","Tag","control","description","disabled","icon","color","tabIndex","title","attributes","iconClassName","clsx","getSubtleColorShadeClasses","undefined","className","Icon","name"],"mappings":";;;;;MAqBaA,IAAI,gBAAGC,cAAK,CAACC,UAAU,CAAgD,SAASF,IAAIA,CAACG,KAAK,EAAEC,GAAG;EACxG,MAAM;IAAEC,EAAE,EAAEC,GAAG,GAAG,KAAK;IAAEC,OAAO;IAAEC,WAAW;IAAEC,QAAQ;IAAEC,IAAI;IAAEC,KAAK;IAAEC,QAAQ,GAAG,CAAC;IAAEC,KAAK;IAAE,GAAGC;GAAY,GAAGX,KAAK;EAClH,MAAMY,aAAa,GAAGC,EAAI,CACtB,uFAAuF,EACvFC,0BAA0B,CAACN,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,aAAa,CAAC,CACrD;EAED,oBACIV,6BAACK,GAAG,oBACIQ,UAAU;qBACCL,QAAQ,GAAG,IAAI,GAAGS,SAAS;iBAChC,WAAW;IACrBd,GAAG,EAAEA,GAAU;IACfQ,QAAQ,EAAEH,QAAQ,GAAG,CAAC,CAAC,GAAGG;MACzBF,IAAI,iBACDT;IAAMkB,SAAS,EAAEJ;kBACbd,6BAACmB,IAAI;IAACC,IAAI,EAAEX;IAAQ,CACjB,IACP,IAAI,eACRT;IAAKkB,SAAS,EAAC;kBACXlB;IAAMkB,SAAS,EAAC;KAAwBN,KAAK,CAAQ,EACpDL,WAAW,gBAAGP;IAAMkB,SAAS,EAAC;KAAiBX,WAAW,CAAQ,GAAG,IAAI,CACxE,eACNP;IAAKkB,SAAS,EAAC;KAA4CZ,OAAO,CAAO,CACvE;AAEd,CAAC;;;;"}
+{"version":3,"file":"Item.js","sources":["../../../../../../../../src/components/List/components/Item.tsx"],"sourcesContent":["import React from 'react';\nimport clsx from 'clsx';\nimport { Icon, IconName } from '../../Icon/Icon';\nimport { Color } from '../../../types';\nimport { getSubtleColorShadeClasses } from '../../../utils/tailwind';\n\nexport type ListItemProps<ElementType extends React.ElementType> = Omit<React.ComponentPropsWithoutRef<ElementType>, 'title'> & {\n    as?: ElementType;\n    color?: Color;\n    control?: JSX.Element;\n    description?: string | JSX.Element;\n    disabled?: boolean;\n    icon?: IconName;\n    title: string | JSX.Element;\n};\n\nexport type ComposableListItemProps<ElementType extends React.ElementType> = Omit<\n    ListItemProps<ElementType>,\n    'as' | 'control' | 'onChange'\n>;\n\nexport const Item = React.forwardRef<HTMLElement, ListItemProps<React.ElementType>>(function Item(props, ref) {\n    const { as: Tag = 'div', control, description, disabled, icon, color, tabIndex = 0, title, ...attributes } = props;\n    const iconClassName = clsx(\n        'flex shrink-0 h-10 w-10 items-center justify-center rounded-md border border-black/10',\n        getSubtleColorShadeClasses(color ?? 'transparent')\n    );\n\n    return (\n        <Tag\n            {...attributes}\n            aria-disabled={disabled ? true : undefined}\n            data-taco=\"list-item\"\n            ref={ref as any}\n            tabIndex={disabled ? -1 : tabIndex}>\n            {icon ? (\n                <span className={iconClassName}>\n                    <Icon name={icon} />\n                </span>\n            ) : null}\n            <div className=\"flex grow flex-col justify-center\">\n                <span className=\"font-bold text-black\">{title}</span>\n                {description ? <span className=\"text-grey-700\">{description}</span> : null}\n            </div>\n            <div className=\"text-grey-700 flex shrink-0 items-center\">{control}</div>\n        </Tag>\n    );\n});\n"],"names":["Item","React","forwardRef","props","ref","_props$as","as","Tag","control","description","disabled","icon","color","_props$tabIndex","tabIndex","title","attributes","_objectWithoutPropertiesLoose","_excluded","iconClassName","clsx","getSubtleColorShadeClasses","undefined","className","Icon","name"],"mappings":";;;;;;;IAqBaA,IAAI,gBAAGC,cAAK,CAACC,UAAU,CAAgD,SAASF,IAAIA,CAACG,KAAK,EAAEC,GAAG;EACxG,IAAAC,SAAA,GAA6GF,KAAK,CAA1GG,EAAE;IAAEC,GAAG,GAAAF,SAAA,cAAG,KAAK,GAAAA,SAAA;IAAEG,OAAO,GAA6EL,KAAK,CAAzFK,OAAO;IAAEC,WAAW,GAAgEN,KAAK,CAAhFM,WAAW;IAAEC,QAAQ,GAAsDP,KAAK,CAAnEO,QAAQ;IAAEC,IAAI,GAAgDR,KAAK,CAAzDQ,IAAI;IAAEC,KAAK,GAAyCT,KAAK,CAAnDS,KAAK;IAAAC,eAAA,GAAyCV,KAAK,CAA5CW,QAAQ;IAARA,QAAQ,GAAAD,eAAA,cAAG,CAAC,GAAAA,eAAA;IAAEE,KAAK,GAAoBZ,KAAK,CAA9BY,KAAK;IAAKC,UAAU,GAAAC,6BAAA,CAAKd,KAAK,EAAAe,SAAA;EAClH,IAAMC,aAAa,GAAGC,EAAI,CACtB,uFAAuF,EACvFC,0BAA0B,CAACT,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,aAAa,CAAC,CACrD;EAED,oBACIX,6BAACM,GAAG,oBACIS,UAAU;qBACCN,QAAQ,GAAG,IAAI,GAAGY,SAAS;iBAChC,WAAW;IACrBlB,GAAG,EAAEA,GAAU;IACfU,QAAQ,EAAEJ,QAAQ,GAAG,CAAC,CAAC,GAAGI;MACzBH,IAAI,iBACDV;IAAMsB,SAAS,EAAEJ;kBACblB,6BAACuB,IAAI;IAACC,IAAI,EAAEd;IAAQ,CACjB,IACP,IAAI,eACRV;IAAKsB,SAAS,EAAC;kBACXtB;IAAMsB,SAAS,EAAC;KAAwBR,KAAK,CAAQ,EACpDN,WAAW,gBAAGR;IAAMsB,SAAS,EAAC;KAAiBd,WAAW,CAAQ,GAAG,IAAI,CACxE,eACNR;IAAKsB,SAAS,EAAC;KAA4Cf,OAAO,CAAO,CACvE;AAEd,CAAC;;;;"}

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

@@ -2,9 +2,9 @@ import React__default from 'react';
 import { Icon } from '../../Icon/Icon.js';
 import { Item } from './Item.js';
 
-const Link = /*#__PURE__*/React__default.forwardRef(function Link(props, ref) {
-  const isExternal = props.href.startsWith('http');
-  const control = /*#__PURE__*/React__default.createElement(Icon, {
+var Link = /*#__PURE__*/React__default.forwardRef(function Link(props, ref) {
+  var isExternal = props.href.startsWith('http');
+  var control = /*#__PURE__*/React__default.createElement(Icon, {
     name: isExternal ? 'link-external' : 'chevron-right'
   });
   if (isExternal) {

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

@@ -1 +1 @@
-{"version":3,"file":"Link.js","sources":["../../../../../../../../src/components/List/components/Link.tsx"],"sourcesContent":["import React from 'react';\nimport { Item, ComposableListItemProps } from './Item';\nimport { Icon } from '../../Icon/Icon';\n\nexport type ListLinkProps = ComposableListItemProps<'a'> & {\n    href: string;\n};\n\nexport const Link = React.forwardRef<HTMLAnchorElement, ListLinkProps>(function Link(props, ref) {\n    const isExternal = props.href.startsWith('http');\n    const control = <Icon name={isExternal ? 'link-external' : 'chevron-right'} />;\n\n    if (isExternal) {\n        return <Item {...props} as=\"a\" target=\"_blank\" rel=\"noopener noreferrer\" control={control} ref={ref} />;\n    }\n\n    return <Item {...props} as=\"a\" control={control} ref={ref} />;\n});\n"],"names":["Link","React","forwardRef","props","ref","isExternal","href","startsWith","control","Icon","name","Item","as","target","rel"],"mappings":";;;;MAQaA,IAAI,gBAAGC,cAAK,CAACC,UAAU,CAAmC,SAASF,IAAIA,CAACG,KAAK,EAAEC,GAAG;EAC3F,MAAMC,UAAU,GAAGF,KAAK,CAACG,IAAI,CAACC,UAAU,CAAC,MAAM,CAAC;EAChD,MAAMC,OAAO,gBAAGP,6BAACQ,IAAI;IAACC,IAAI,EAAEL,UAAU,GAAG,eAAe,GAAG;IAAmB;EAE9E,IAAIA,UAAU,EAAE;IACZ,oBAAOJ,6BAACU,IAAI,oBAAKR,KAAK;MAAES,EAAE,EAAC,GAAG;MAACC,MAAM,EAAC,QAAQ;MAACC,GAAG,EAAC,qBAAqB;MAACN,OAAO,EAAEA,OAAO;MAAEJ,GAAG,EAAEA;OAAO;;EAG3G,oBAAOH,6BAACU,IAAI,oBAAKR,KAAK;IAAES,EAAE,EAAC,GAAG;IAACJ,OAAO,EAAEA,OAAO;IAAEJ,GAAG,EAAEA;KAAO;AACjE,CAAC;;;;"}
+{"version":3,"file":"Link.js","sources":["../../../../../../../../src/components/List/components/Link.tsx"],"sourcesContent":["import React from 'react';\nimport { Item, ComposableListItemProps } from './Item';\nimport { Icon } from '../../Icon/Icon';\n\nexport type ListLinkProps = ComposableListItemProps<'a'> & {\n    href: string;\n};\n\nexport const Link = React.forwardRef<HTMLAnchorElement, ListLinkProps>(function Link(props, ref) {\n    const isExternal = props.href.startsWith('http');\n    const control = <Icon name={isExternal ? 'link-external' : 'chevron-right'} />;\n\n    if (isExternal) {\n        return <Item {...props} as=\"a\" target=\"_blank\" rel=\"noopener noreferrer\" control={control} ref={ref} />;\n    }\n\n    return <Item {...props} as=\"a\" control={control} ref={ref} />;\n});\n"],"names":["Link","React","forwardRef","props","ref","isExternal","href","startsWith","control","Icon","name","Item","as","target","rel"],"mappings":";;;;IAQaA,IAAI,gBAAGC,cAAK,CAACC,UAAU,CAAmC,SAASF,IAAIA,CAACG,KAAK,EAAEC,GAAG;EAC3F,IAAMC,UAAU,GAAGF,KAAK,CAACG,IAAI,CAACC,UAAU,CAAC,MAAM,CAAC;EAChD,IAAMC,OAAO,gBAAGP,6BAACQ,IAAI;IAACC,IAAI,EAAEL,UAAU,GAAG,eAAe,GAAG;IAAmB;EAE9E,IAAIA,UAAU,EAAE;IACZ,oBAAOJ,6BAACU,IAAI,oBAAKR,KAAK;MAAES,EAAE,EAAC,GAAG;MAACC,MAAM,EAAC,QAAQ;MAACC,GAAG,EAAC,qBAAqB;MAACN,OAAO,EAAEA,OAAO;MAAEJ,GAAG,EAAEA;OAAO;;EAG3G,oBAAOH,6BAACU,IAAI,oBAAKR,KAAK;IAAES,EAAE,EAAC,GAAG;IAACJ,OAAO,EAAEA,OAAO;IAAEJ,GAAG,EAAEA;KAAO;AACjE,CAAC;;;;"}

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

@@ -1,15 +1,17 @@
 import React__default from 'react';
 import cn from 'clsx';
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { Checkbox as Checkbox$1 } from '../../Checkbox/Checkbox.js';
 import { Item } from './Item.js';
 import { Switch as Switch$1 } from '../../Switch/Switch.js';
 
-const ToggleItem = /*#__PURE__*/React__default.forwardRef(function Toggle(props, ref) {
-  const {
-    controlRef,
-    onToggle,
-    ...attributes
-  } = props;
+var _excluded = ["controlRef", "onToggle"],
+  _excluded2 = ["checked", "onChange"],
+  _excluded3 = ["checked", "onChange"];
+var ToggleItem = /*#__PURE__*/React__default.forwardRef(function Toggle(props, ref) {
+  var controlRef = props.controlRef,
+    onToggle = props.onToggle,
+    attributes = _objectWithoutPropertiesLoose(props, _excluded);
   function handleClick(event) {
     var _controlRef$current;
     if (typeof props.onClick === 'function') {
@@ -38,7 +40,7 @@ const ToggleItem = /*#__PURE__*/React__default.forwardRef(function Toggle(props,
       return;
     }
   }
-  const className = cn('group/toggle', props.className);
+  var className = cn('group/toggle', props.className);
   return /*#__PURE__*/React__default.createElement(Item, Object.assign({}, attributes, {
     className: className,
     onClick: handleClick,
@@ -46,19 +48,19 @@ const ToggleItem = /*#__PURE__*/React__default.forwardRef(function Toggle(props,
     ref: ref
   }));
 });
-const Switch = /*#__PURE__*/React__default.forwardRef(function Switch(props, ref) {
-  const {
-    checked: externalChecked,
-    onChange,
-    ...attributes
-  } = props;
-  const [checked, setChecked] = React__default.useState(externalChecked);
-  const switchRef = React__default.useRef(null);
-  const toggle = React__default.useCallback(() => {
+var Switch = /*#__PURE__*/React__default.forwardRef(function Switch(props, ref) {
+  var externalChecked = props.checked,
+    onChange = props.onChange,
+    attributes = _objectWithoutPropertiesLoose(props, _excluded2);
+  var _React$useState = React__default.useState(externalChecked),
+    checked = _React$useState[0],
+    setChecked = _React$useState[1];
+  var switchRef = React__default.useRef(null);
+  var toggle = React__default.useCallback(function () {
     setChecked(!checked);
     onChange(!checked);
   }, [checked, onChange]);
-  const control = /*#__PURE__*/React__default.createElement(Switch$1, {
+  var control = /*#__PURE__*/React__default.createElement(Switch$1, {
     checked: checked,
     className: "group-hover/toggle:[&[aria-checked=false]]:bg-grey-700 group-hover/toggle:[&[aria-checked=true]]:bg-blue-700",
     disabled: props.disabled,
@@ -73,19 +75,19 @@ const Switch = /*#__PURE__*/React__default.forwardRef(function Switch(props, ref
     onToggle: toggle
   }));
 });
-const Checkbox = /*#__PURE__*/React__default.forwardRef(function Switch(props, ref) {
-  const {
-    checked: externalChecked,
-    onChange,
-    ...attributes
-  } = props;
-  const [checked, setChecked] = React__default.useState(externalChecked);
-  const checkboxRef = React__default.useRef(null);
-  const toggle = React__default.useCallback(() => {
+var Checkbox = /*#__PURE__*/React__default.forwardRef(function Switch(props, ref) {
+  var externalChecked = props.checked,
+    onChange = props.onChange,
+    attributes = _objectWithoutPropertiesLoose(props, _excluded3);
+  var _React$useState2 = React__default.useState(externalChecked),
+    checked = _React$useState2[0],
+    setChecked = _React$useState2[1];
+  var checkboxRef = React__default.useRef(null);
+  var toggle = React__default.useCallback(function () {
     setChecked(!checked);
     onChange(!checked);
   }, [checked, onChange]);
-  const control = /*#__PURE__*/React__default.createElement(Checkbox$1, {
+  var control = /*#__PURE__*/React__default.createElement(Checkbox$1, {
     checked: checked,
     className: "group-hover/toggle:[&[aria-checked=false]]:border-grey-700 group-hover/toggle:[&[aria-checked=true]]:border-blue-700 group-hover/checkbox:[&[aria-checked=true]]:bg-blue-700",
     disabled: props.disabled,

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

@@ -1 +1 @@
-{"version":3,"file":"Toggle.js","sources":["../../../../../../../../src/components/List/components/Toggle.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { ControlledSwitchProps, Switch as TacoSwitch } from '../../Switch/Switch';\nimport { ControlledCheckboxProps, Checkbox as TacoCheckbox } from '../../Checkbox/Checkbox';\nimport { Item, ComposableListItemProps } from './Item';\n\ntype ToggleProps = ComposableListItemProps<'div'> & {\n    control: JSX.Element;\n    controlRef: React.RefObject<HTMLButtonElement>;\n    onToggle: () => void;\n};\n\nconst ToggleItem = React.forwardRef<HTMLDivElement, ToggleProps>(function Toggle(props, ref) {\n    const { controlRef, onToggle, ...attributes } = props;\n\n    function handleClick(event: React.MouseEvent<HTMLDivElement>) {\n        if (typeof props.onClick === 'function') {\n            props.onClick(event);\n        }\n\n        if (event.isDefaultPrevented()) {\n            return;\n        }\n\n        // If event target is not a control and not an element inside the control, then trigger click of the control\n        if (event.target !== controlRef.current && !controlRef.current?.contains(event.target as HTMLElement)) {\n            onToggle();\n            return;\n        }\n    }\n\n    function handleKeyDown(event: React.KeyboardEvent<HTMLDivElement>) {\n        if (typeof props.onKeyDown === 'function') {\n            props.onKeyDown(event);\n        }\n\n        if (event.isDefaultPrevented()) {\n            return;\n        }\n\n        // If event target is not a control and not an element inside the control, then send appropriate \"activate\" keyboard shortcuts to the control as a click\n        if (\n            (event.key === 'Enter' || event.key === ' ') &&\n            event.target !== controlRef.current &&\n            !controlRef.current?.contains(event.target as HTMLElement)\n        ) {\n            onToggle();\n            return;\n        }\n    }\n\n    const className = cn('group/toggle', props.className);\n    return <Item {...attributes} className={className} onClick={handleClick} onKeyDown={handleKeyDown} ref={ref} />;\n});\n\nexport type ListSwitchProps = ComposableListItemProps<'div'> & Omit<ControlledSwitchProps, 'title'>;\n\nexport const Switch = React.forwardRef<HTMLDivElement, ListSwitchProps>(function Switch(props, ref) {\n    const { checked: externalChecked, onChange, ...attributes } = props;\n    const [checked, setChecked] = React.useState<boolean>(externalChecked);\n    const switchRef = React.useRef<HTMLButtonElement>(null);\n\n    const toggle = React.useCallback(() => {\n        setChecked(!checked);\n        onChange(!checked);\n    }, [checked, onChange]);\n\n    const control = (\n        <TacoSwitch\n            checked={checked}\n            className=\"group-hover/toggle:[&[aria-checked=false]]:bg-grey-700 group-hover/toggle:[&[aria-checked=true]]:bg-blue-700\"\n            disabled={props.disabled}\n            onChange={toggle}\n            ref={switchRef}\n            tabIndex={-1}\n        />\n    );\n\n    return <ToggleItem {...attributes} control={control} controlRef={switchRef} ref={ref} onToggle={toggle} />;\n});\n\nexport type ListCheckboxProps = ComposableListItemProps<'div'> & ControlledCheckboxProps;\n\nexport const Checkbox = React.forwardRef<HTMLDivElement, ListSwitchProps>(function Switch(props, ref) {\n    const { checked: externalChecked, onChange, ...attributes } = props;\n    const [checked, setChecked] = React.useState<boolean>(externalChecked);\n    const checkboxRef = React.useRef<HTMLButtonElement>(null);\n\n    const toggle = React.useCallback(() => {\n        setChecked(!checked);\n        onChange(!checked);\n    }, [checked, onChange]);\n\n    const control = (\n        <TacoCheckbox\n            checked={checked}\n            className=\"group-hover/toggle:[&[aria-checked=false]]:border-grey-700 group-hover/toggle:[&[aria-checked=true]]:border-blue-700 group-hover/checkbox:[&[aria-checked=true]]:bg-blue-700\"\n            disabled={props.disabled}\n            onChange={toggle}\n            ref={checkboxRef}\n            tabIndex={-1}\n        />\n    );\n\n    return <ToggleItem {...attributes} control={control} controlRef={checkboxRef} ref={ref} onToggle={toggle} />;\n});\n"],"names":["ToggleItem","React","forwardRef","Toggle","props","ref","controlRef","onToggle","attributes","handleClick","event","onClick","isDefaultPrevented","target","current","_controlRef$current","contains","handleKeyDown","onKeyDown","key","_controlRef$current2","className","cn","Item","Switch","checked","externalChecked","onChange","setChecked","useState","switchRef","useRef","toggle","useCallback","control","TacoSwitch","disabled","tabIndex","Checkbox","checkboxRef","TacoCheckbox"],"mappings":"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"}
+{"version":3,"file":"Toggle.js","sources":["../../../../../../../../src/components/List/components/Toggle.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { ControlledSwitchProps, Switch as TacoSwitch } from '../../Switch/Switch';\nimport { ControlledCheckboxProps, Checkbox as TacoCheckbox } from '../../Checkbox/Checkbox';\nimport { Item, ComposableListItemProps } from './Item';\n\ntype ToggleProps = ComposableListItemProps<'div'> & {\n    control: JSX.Element;\n    controlRef: React.RefObject<HTMLButtonElement>;\n    onToggle: () => void;\n};\n\nconst ToggleItem = React.forwardRef<HTMLDivElement, ToggleProps>(function Toggle(props, ref) {\n    const { controlRef, onToggle, ...attributes } = props;\n\n    function handleClick(event: React.MouseEvent<HTMLDivElement>) {\n        if (typeof props.onClick === 'function') {\n            props.onClick(event);\n        }\n\n        if (event.isDefaultPrevented()) {\n            return;\n        }\n\n        // If event target is not a control and not an element inside the control, then trigger click of the control\n        if (event.target !== controlRef.current && !controlRef.current?.contains(event.target as HTMLElement)) {\n            onToggle();\n            return;\n        }\n    }\n\n    function handleKeyDown(event: React.KeyboardEvent<HTMLDivElement>) {\n        if (typeof props.onKeyDown === 'function') {\n            props.onKeyDown(event);\n        }\n\n        if (event.isDefaultPrevented()) {\n            return;\n        }\n\n        // If event target is not a control and not an element inside the control, then send appropriate \"activate\" keyboard shortcuts to the control as a click\n        if (\n            (event.key === 'Enter' || event.key === ' ') &&\n            event.target !== controlRef.current &&\n            !controlRef.current?.contains(event.target as HTMLElement)\n        ) {\n            onToggle();\n            return;\n        }\n    }\n\n    const className = cn('group/toggle', props.className);\n    return <Item {...attributes} className={className} onClick={handleClick} onKeyDown={handleKeyDown} ref={ref} />;\n});\n\nexport type ListSwitchProps = ComposableListItemProps<'div'> & Omit<ControlledSwitchProps, 'title'>;\n\nexport const Switch = React.forwardRef<HTMLDivElement, ListSwitchProps>(function Switch(props, ref) {\n    const { checked: externalChecked, onChange, ...attributes } = props;\n    const [checked, setChecked] = React.useState<boolean>(externalChecked);\n    const switchRef = React.useRef<HTMLButtonElement>(null);\n\n    const toggle = React.useCallback(() => {\n        setChecked(!checked);\n        onChange(!checked);\n    }, [checked, onChange]);\n\n    const control = (\n        <TacoSwitch\n            checked={checked}\n            className=\"group-hover/toggle:[&[aria-checked=false]]:bg-grey-700 group-hover/toggle:[&[aria-checked=true]]:bg-blue-700\"\n            disabled={props.disabled}\n            onChange={toggle}\n            ref={switchRef}\n            tabIndex={-1}\n        />\n    );\n\n    return <ToggleItem {...attributes} control={control} controlRef={switchRef} ref={ref} onToggle={toggle} />;\n});\n\nexport type ListCheckboxProps = ComposableListItemProps<'div'> & ControlledCheckboxProps;\n\nexport const Checkbox = React.forwardRef<HTMLDivElement, ListSwitchProps>(function Switch(props, ref) {\n    const { checked: externalChecked, onChange, ...attributes } = props;\n    const [checked, setChecked] = React.useState<boolean>(externalChecked);\n    const checkboxRef = React.useRef<HTMLButtonElement>(null);\n\n    const toggle = React.useCallback(() => {\n        setChecked(!checked);\n        onChange(!checked);\n    }, [checked, onChange]);\n\n    const control = (\n        <TacoCheckbox\n            checked={checked}\n            className=\"group-hover/toggle:[&[aria-checked=false]]:border-grey-700 group-hover/toggle:[&[aria-checked=true]]:border-blue-700 group-hover/checkbox:[&[aria-checked=true]]:bg-blue-700\"\n            disabled={props.disabled}\n            onChange={toggle}\n            ref={checkboxRef}\n            tabIndex={-1}\n        />\n    );\n\n    return <ToggleItem {...attributes} control={control} controlRef={checkboxRef} ref={ref} onToggle={toggle} />;\n});\n"],"names":["ToggleItem","React","forwardRef","Toggle","props","ref","controlRef","onToggle","attributes","_objectWithoutPropertiesLoose","_excluded","handleClick","event","onClick","isDefaultPrevented","target","current","_controlRef$current","contains","handleKeyDown","onKeyDown","key","_controlRef$current2","className","cn","Item","Switch","externalChecked","checked","onChange","_excluded2","_React$useState","useState","setChecked","switchRef","useRef","toggle","useCallback","control","TacoSwitch","disabled","tabIndex","Checkbox","_excluded3","_React$useState2","checkboxRef","TacoCheckbox"],"mappings":"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"}

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

@@ -1,50 +1,45 @@
 import { forwardRef, createElement } from 'react';
 import cn from 'clsx';
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose, extends as _extends } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { ScrollableList } from './ScrollableList.js';
 import { useListbox } from './useListbox.js';
 import { useMultiListbox } from './useMultiListbox.js';
 
-const Listbox = /*#__PURE__*/forwardRef(function Listbox(props, ref) {
-  const {
-    className: externalClassName,
-    ...otherProps
-  } = props;
-  const {
-    list,
-    input
-  } = useListbox(otherProps, ref);
-  const className = cn('bg-white inline-flex relative w-full', externalClassName);
+var _excluded = ["className"],
+  _excluded2 = ["className"];
+var Listbox = /*#__PURE__*/forwardRef(function Listbox(props, ref) {
+  var externalClassName = props.className,
+    otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+  var _useListbox = useListbox(otherProps, ref),
+    list = _useListbox.list,
+    input = _useListbox.input;
+  var className = cn('bg-white inline-flex relative w-full', externalClassName);
   return /*#__PURE__*/createElement("span", {
     "data-taco": "listbox",
     className: className
   }, /*#__PURE__*/createElement(ScrollableList, Object.assign({}, list, {
-    style: {
-      ...list.style,
+    style: _extends({}, list.style, {
       maxHeight: 'calc(12rem + 2px)' /* (6 * option height) + listbox border */
-    }
+    })
   })), /*#__PURE__*/createElement("input", Object.assign({}, input, {
     className: "hidden",
     type: "text"
   })));
 });
-const MultiListbox = /*#__PURE__*/forwardRef(function Listbox(props, ref) {
-  const {
-    className: externalClassName,
-    ...otherProps
-  } = props;
-  const {
-    list,
-    input
-  } = useMultiListbox(otherProps, ref);
-  const className = cn('bg-white inline-flex relative w-full', externalClassName);
+var MultiListbox = /*#__PURE__*/forwardRef(function Listbox(props, ref) {
+  var externalClassName = props.className,
+    otherProps = _objectWithoutPropertiesLoose(props, _excluded2);
+  var _useMultiListbox = useMultiListbox(otherProps, ref),
+    list = _useMultiListbox.list,
+    input = _useMultiListbox.input;
+  var className = cn('bg-white inline-flex relative w-full', externalClassName);
   return /*#__PURE__*/createElement("span", {
     "data-taco": "listbox",
     className: className
   }, /*#__PURE__*/createElement(ScrollableList, Object.assign({}, list, {
-    style: {
-      ...list.style,
+    style: _extends({}, list.style, {
       maxHeight: 'calc(12rem + 2px + 2px)' /* (6 * option height) + listbox border + ALL_OPTIONS bottom border */
-    }
+    })
   })), /*#__PURE__*/createElement("input", Object.assign({}, input, {
     className: "hidden",
     type: "text"

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

@@ -1 +1 @@
-{"version":3,"file":"Listbox.js","sources":["../../../../../../../src/components/Listbox/Listbox.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\nimport { useListbox } from './useListbox';\nimport { useMultiListbox } from './useMultiListbox';\nimport { ScrollableList, ScrollableListItemValue, ScrollableListItem } from './ScrollableList';\n\nexport type ListboxItem = ScrollableListItem;\nexport type ListboxValue = ScrollableListItemValue;\n\nexport type ListboxTexts = {\n    /**\n     * Text displayed in the listbox if no data provided.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    empty: string;\n    /**\n     * Text displayed in the listbox to indicate the data is loading.\n     * Read more about how to provide the text in [Provider](component:provider) component\n     */\n    loading: string;\n    /**\n     * The first option displayed in a multiselect listbox that selects all available options.\n     * Read more about how to provide the text in [Provider](component:provider) component\n     */\n    allOption: string;\n};\n\nexport type ListboxProps = Pick<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'onFocus'> &\n    Omit<React.InputHTMLAttributes<HTMLElement>, 'defaultValue' | 'onChange' | 'value'> & {\n        /** Data indicating the options in listbox */\n        data?: ListboxItem[];\n        /**\n         * Initial value of the listbox.\n         * This is used when listbox is mounted, if no value is provided.\n         * *Note* that listbox is a controlled component, setting this will also trigger the `onChange` event\n         */\n        defaultValue?: ListboxValue;\n        /** Set what value should have an empty option in listbox */\n        emptyValue?: ListboxValue;\n        /** Draws attention to the listbox by changing its style and making it visually prominent */\n        highlighted?: boolean;\n        /* Whether the input is in an invalid state */\n        invalid?: boolean;\n        /**\n         * Shows a loading indicator with a text next to it.\n         * Read more about how to provide the text in [Provider](component:provider) component\n         */\n        loading?: boolean;\n        /**\n         * Value of the listbox representing the selected item.\n         * It needs to be an existing value from the provided data\n         */\n        value?: ListboxValue;\n    };\n\nexport const Listbox = React.forwardRef(function Listbox(props: ListboxProps, ref: React.Ref<HTMLInputElement>) {\n    const { className: externalClassName, ...otherProps } = props;\n    const { list, input } = useListbox(otherProps, ref);\n    const className = cn('bg-white inline-flex relative w-full', externalClassName);\n\n    return (\n        <span data-taco=\"listbox\" className={className}>\n            <ScrollableList\n                {...list}\n                style={{ ...list.style, maxHeight: 'calc(12rem + 2px)' /* (6 * option height) + listbox border */ }}\n            />\n            <input {...input} className=\"hidden\" type=\"text\" />\n        </span>\n    );\n});\n\nexport const MultiListbox = React.forwardRef(function Listbox(props: ListboxProps, ref: React.Ref<HTMLInputElement>) {\n    const { className: externalClassName, ...otherProps } = props;\n    const { list, input } = useMultiListbox(otherProps, ref);\n    const className = cn('bg-white inline-flex relative w-full', externalClassName);\n\n    return (\n        <span data-taco=\"listbox\" className={className}>\n            <ScrollableList\n                {...list}\n                style={{\n                    ...list.style,\n                    maxHeight: 'calc(12rem + 2px + 2px)' /* (6 * option height) + listbox border + ALL_OPTIONS bottom border */,\n                }}\n            />\n            <input {...input} className=\"hidden\" type=\"text\" />\n        </span>\n    );\n});\n"],"names":["Listbox","React","props","ref","className","externalClassName","otherProps","list","input","useListbox","cn","ScrollableList","style","maxHeight","type","MultiListbox","useMultiListbox"],"mappings":";;;;;;MAuDaA,OAAO,gBAAGC,UAAgB,CAAC,SAASD,OAAOA,CAACE,KAAmB,EAAEC,GAAgC;EAC1G,MAAM;IAAEC,SAAS,EAAEC,iBAAiB;IAAE,GAAGC;GAAY,GAAGJ,KAAK;EAC7D,MAAM;IAAEK,IAAI;IAAEC;GAAO,GAAGC,UAAU,CAACH,UAAU,EAAEH,GAAG,CAAC;EACnD,MAAMC,SAAS,GAAGM,EAAE,CAAC,sCAAsC,EAAEL,iBAAiB,CAAC;EAE/E,oBACIJ;iBAAgB,SAAS;IAACG,SAAS,EAAEA;kBACjCH,cAACU,cAAc,oBACPJ,IAAI;IACRK,KAAK,EAAE;MAAE,GAAGL,IAAI,CAACK,KAAK;MAAEC,SAAS,EAAE,mBAAmB;;KACxD,eACFZ,yCAAWO,KAAK;IAAEJ,SAAS,EAAC,QAAQ;IAACU,IAAI,EAAC;KAAS,CAChD;AAEf,CAAC;MAEYC,YAAY,gBAAGd,UAAgB,CAAC,SAASD,OAAOA,CAACE,KAAmB,EAAEC,GAAgC;EAC/G,MAAM;IAAEC,SAAS,EAAEC,iBAAiB;IAAE,GAAGC;GAAY,GAAGJ,KAAK;EAC7D,MAAM;IAAEK,IAAI;IAAEC;GAAO,GAAGQ,eAAe,CAACV,UAAU,EAAEH,GAAG,CAAC;EACxD,MAAMC,SAAS,GAAGM,EAAE,CAAC,sCAAsC,EAAEL,iBAAiB,CAAC;EAE/E,oBACIJ;iBAAgB,SAAS;IAACG,SAAS,EAAEA;kBACjCH,cAACU,cAAc,oBACPJ,IAAI;IACRK,KAAK,EAAE;MACH,GAAGL,IAAI,CAACK,KAAK;MACbC,SAAS,EAAE,yBAAyB;;KAE1C,eACFZ,yCAAWO,KAAK;IAAEJ,SAAS,EAAC,QAAQ;IAACU,IAAI,EAAC;KAAS,CAChD;AAEf,CAAC;;;;"}
+{"version":3,"file":"Listbox.js","sources":["../../../../../../../src/components/Listbox/Listbox.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'clsx';\nimport { useListbox } from './useListbox';\nimport { useMultiListbox } from './useMultiListbox';\nimport { ScrollableList, ScrollableListItemValue, ScrollableListItem } from './ScrollableList';\n\nexport type ListboxItem = ScrollableListItem;\nexport type ListboxValue = ScrollableListItemValue;\n\nexport type ListboxTexts = {\n    /**\n     * Text displayed in the listbox if no data provided.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    empty: string;\n    /**\n     * Text displayed in the listbox to indicate the data is loading.\n     * Read more about how to provide the text in [Provider](component:provider) component\n     */\n    loading: string;\n    /**\n     * The first option displayed in a multiselect listbox that selects all available options.\n     * Read more about how to provide the text in [Provider](component:provider) component\n     */\n    allOption: string;\n};\n\nexport type ListboxProps = Pick<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'onFocus'> &\n    Omit<React.InputHTMLAttributes<HTMLElement>, 'defaultValue' | 'onChange' | 'value'> & {\n        /** Data indicating the options in listbox */\n        data?: ListboxItem[];\n        /**\n         * Initial value of the listbox.\n         * This is used when listbox is mounted, if no value is provided.\n         * *Note* that listbox is a controlled component, setting this will also trigger the `onChange` event\n         */\n        defaultValue?: ListboxValue;\n        /** Set what value should have an empty option in listbox */\n        emptyValue?: ListboxValue;\n        /** Draws attention to the listbox by changing its style and making it visually prominent */\n        highlighted?: boolean;\n        /* Whether the input is in an invalid state */\n        invalid?: boolean;\n        /**\n         * Shows a loading indicator with a text next to it.\n         * Read more about how to provide the text in [Provider](component:provider) component\n         */\n        loading?: boolean;\n        /**\n         * Value of the listbox representing the selected item.\n         * It needs to be an existing value from the provided data\n         */\n        value?: ListboxValue;\n    };\n\nexport const Listbox = React.forwardRef(function Listbox(props: ListboxProps, ref: React.Ref<HTMLInputElement>) {\n    const { className: externalClassName, ...otherProps } = props;\n    const { list, input } = useListbox(otherProps, ref);\n    const className = cn('bg-white inline-flex relative w-full', externalClassName);\n\n    return (\n        <span data-taco=\"listbox\" className={className}>\n            <ScrollableList\n                {...list}\n                style={{ ...list.style, maxHeight: 'calc(12rem + 2px)' /* (6 * option height) + listbox border */ }}\n            />\n            <input {...input} className=\"hidden\" type=\"text\" />\n        </span>\n    );\n});\n\nexport const MultiListbox = React.forwardRef(function Listbox(props: ListboxProps, ref: React.Ref<HTMLInputElement>) {\n    const { className: externalClassName, ...otherProps } = props;\n    const { list, input } = useMultiListbox(otherProps, ref);\n    const className = cn('bg-white inline-flex relative w-full', externalClassName);\n\n    return (\n        <span data-taco=\"listbox\" className={className}>\n            <ScrollableList\n                {...list}\n                style={{\n                    ...list.style,\n                    maxHeight: 'calc(12rem + 2px + 2px)' /* (6 * option height) + listbox border + ALL_OPTIONS bottom border */,\n                }}\n            />\n            <input {...input} className=\"hidden\" type=\"text\" />\n        </span>\n    );\n});\n"],"names":["Listbox","React","props","ref","externalClassName","className","otherProps","_objectWithoutPropertiesLoose","_excluded","_useListbox","useListbox","list","input","cn","ScrollableList","style","_extends","maxHeight","type","MultiListbox","_excluded2","_useMultiListbox","useMultiListbox"],"mappings":";;;;;;;;;IAuDaA,OAAO,gBAAGC,UAAgB,CAAC,SAASD,OAAOA,CAACE,KAAmB,EAAEC,GAAgC;EAC1G,IAAmBC,iBAAiB,GAAoBF,KAAK,CAArDG,SAAS;IAAwBC,UAAU,GAAAC,6BAAA,CAAKL,KAAK,EAAAM,SAAA;EAC7D,IAAAC,WAAA,GAAwBC,UAAU,CAACJ,UAAU,EAAEH,GAAG,CAAC;IAA3CQ,IAAI,GAAAF,WAAA,CAAJE,IAAI;IAAEC,KAAK,GAAAH,WAAA,CAALG,KAAK;EACnB,IAAMP,SAAS,GAAGQ,EAAE,CAAC,sCAAsC,EAAET,iBAAiB,CAAC;EAE/E,oBACIH;iBAAgB,SAAS;IAACI,SAAS,EAAEA;kBACjCJ,cAACa,cAAc,oBACPH,IAAI;IACRI,KAAK,EAAAC,QAAA,KAAOL,IAAI,CAACI,KAAK;MAAEE,SAAS,EAAE,mBAAmB;;KACxD,eACFhB,yCAAWW,KAAK;IAAEP,SAAS,EAAC,QAAQ;IAACa,IAAI,EAAC;KAAS,CAChD;AAEf,CAAC;IAEYC,YAAY,gBAAGlB,UAAgB,CAAC,SAASD,OAAOA,CAACE,KAAmB,EAAEC,GAAgC;EAC/G,IAAmBC,iBAAiB,GAAoBF,KAAK,CAArDG,SAAS;IAAwBC,UAAU,GAAAC,6BAAA,CAAKL,KAAK,EAAAkB,UAAA;EAC7D,IAAAC,gBAAA,GAAwBC,eAAe,CAAChB,UAAU,EAAEH,GAAG,CAAC;IAAhDQ,IAAI,GAAAU,gBAAA,CAAJV,IAAI;IAAEC,KAAK,GAAAS,gBAAA,CAALT,KAAK;EACnB,IAAMP,SAAS,GAAGQ,EAAE,CAAC,sCAAsC,EAAET,iBAAiB,CAAC;EAE/E,oBACIH;iBAAgB,SAAS;IAACI,SAAS,EAAEA;kBACjCJ,cAACa,cAAc,oBACPH,IAAI;IACRI,KAAK,EAAAC,QAAA,KACEL,IAAI,CAACI,KAAK;MACbE,SAAS,EAAE,yBAAyB;;KAE1C,eACFhB,yCAAWW,KAAK;IAAEP,SAAS,EAAC,QAAQ;IAACa,IAAI,EAAC;KAAS,CAChD;AAEf,CAAC;;;;"}