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

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

@@ -1,39 +1,41 @@
 import React__default from 'react';
 import cn from 'clsx';
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose, extends as _extends } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
 
-const TreeviewItem = /*#__PURE__*/React__default.forwardRef(function TreeviewItem(props, ref) {
+var _excluded = ["children", "className", "expanded", "title", "fixed", "onClick"];
+var TreeviewItem = /*#__PURE__*/React__default.forwardRef(function TreeviewItem(props, ref) {
   return /*#__PURE__*/React__default.createElement("a", Object.assign({}, props, {
     ref: ref
   }));
 });
-const TreeviewGroup = /*#__PURE__*/React__default.forwardRef(function TreeviewGroup(props, ref) {
-  const {
-    children,
-    className: externalClassName,
-    expanded: initialExpanded = false,
-    title,
-    fixed,
-    onClick,
-    ...otherProps
-  } = props;
-  const [expanded, setExpanded] = React__default.useState(fixed || initialExpanded);
-  React__default.useEffect(() => {
+var TreeviewGroup = /*#__PURE__*/React__default.forwardRef(function TreeviewGroup(props, ref) {
+  var children = props.children,
+    externalClassName = props.className,
+    _props$expanded = props.expanded,
+    initialExpanded = _props$expanded === void 0 ? false : _props$expanded,
+    title = props.title,
+    fixed = props.fixed,
+    onClick = props.onClick,
+    otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+  var _React$useState = React__default.useState(fixed || initialExpanded),
+    expanded = _React$useState[0],
+    setExpanded = _React$useState[1];
+  React__default.useEffect(function () {
     if (!fixed) {
       setExpanded(fixed || initialExpanded);
     }
   }, [fixed, initialExpanded]);
-  const listClassName = cn('flex-col mb-0', {
+  var listClassName = cn('flex-col mb-0', {
     flex: expanded,
     hidden: !expanded
   });
-  const itemProps = {
-    ...otherProps,
+  var itemProps = _extends({}, otherProps, {
     'aria-expanded': expanded,
     role: 'treeitem',
     tabIndex: -1
-  };
-  const handleClick = event => {
-    const nextState = !expanded;
+  });
+  var handleClick = function handleClick(event) {
+    var nextState = !expanded;
     if (!fixed) {
       setExpanded(nextState);
     }
@@ -41,7 +43,7 @@ const TreeviewGroup = /*#__PURE__*/React__default.forwardRef(function TreeviewGr
       onClick(event, nextState);
     }
   };
-  const className = typeof externalClassName === 'function' ? externalClassName(expanded) : externalClassName;
+  var className = typeof externalClassName === 'function' ? externalClassName(expanded) : externalClassName;
   return /*#__PURE__*/React__default.createElement("div", Object.assign({}, itemProps, {
     className: className,
     ref: ref
@@ -50,14 +52,18 @@ const TreeviewGroup = /*#__PURE__*/React__default.forwardRef(function TreeviewGr
   }, typeof title === 'function' ? title(expanded) : title), /*#__PURE__*/React__default.createElement("ul", {
     role: "group",
     className: listClassName
-  }, React__default.Children.toArray(children).filter(item => !!item).map((item, i) => (/*#__PURE__*/React__default.createElement("li", {
-    key: i,
-    role: "none"
-  }, /*#__PURE__*/React__default.cloneElement(item, {
-    role: 'treeitem'
-  }))))));
+  }, React__default.Children.toArray(children).filter(function (item) {
+    return !!item;
+  }).map(function (item, i) {
+    return /*#__PURE__*/React__default.createElement("li", {
+      key: i,
+      role: "none"
+    }, /*#__PURE__*/React__default.cloneElement(item, {
+      role: 'treeitem'
+    }));
+  })));
 });
-const Treeview = /*#__PURE__*/React__default.forwardRef(function Treeview(props, ref) {
+var Treeview = /*#__PURE__*/React__default.forwardRef(function Treeview(props, ref) {
   return /*#__PURE__*/React__default.createElement("div", Object.assign({}, props, {
     ref: ref,
     role: "tree"

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

@@ -1 +1 @@
-{"version":3,"file":"Treeview.js","sources":["../../../../../../../src/components/Treeview/Treeview.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\n\nexport type TreeviewItemProps = React.LinkHTMLAttributes<HTMLAnchorElement>;\n\nconst TreeviewItem = React.forwardRef(function TreeviewItem(props: TreeviewItemProps, ref: React.Ref<HTMLAnchorElement>) {\n    return <a {...props} ref={ref} />;\n});\n\nexport type TreeviewGroupProps = Omit<React.LinkHTMLAttributes<HTMLDivElement>, 'className' | 'onClick' | 'title'> & {\n    /** Add a classname to the treeview */\n    className?: string | ((expanded: boolean) => string);\n    /**\n     * Set wheter the region is expanded, showing the children, or collapsed.\n     * Default value is `false`\n     */\n    expanded?: boolean;\n    /** Region is expanded at mount and can't be collapsed */\n    fixed?: boolean;\n    /** Handler called when user clicks the title of the group */\n    onClick?: (event: React.MouseEvent<HTMLDivElement>, expanded: boolean) => void;\n    /** Text displayed in the group's header */\n    title: React.ReactNode | ((expanded: boolean) => React.ReactNode);\n};\n\nconst TreeviewGroup = React.forwardRef(function TreeviewGroup(props: TreeviewGroupProps, ref: React.Ref<HTMLDivElement>) {\n    const {\n        children,\n        className: externalClassName,\n        expanded: initialExpanded = false,\n        title,\n        fixed,\n        onClick,\n        ...otherProps\n    } = props;\n    const [expanded, setExpanded] = React.useState(fixed || initialExpanded);\n\n    React.useEffect(() => {\n        if (!fixed) {\n            setExpanded(fixed || initialExpanded);\n        }\n    }, [fixed, initialExpanded]);\n\n    const listClassName = cn('flex-col mb-0', {\n        flex: expanded,\n        hidden: !expanded,\n    });\n\n    const itemProps = {\n        ...otherProps,\n        'aria-expanded': expanded,\n        role: 'treeitem',\n        tabIndex: -1,\n    };\n\n    const handleClick = (event: React.MouseEvent<HTMLDivElement>): void => {\n        const nextState = !expanded;\n\n        if (!fixed) {\n            setExpanded(nextState);\n        }\n\n        if (onClick) {\n            onClick(event, nextState);\n        }\n    };\n\n    const className = typeof externalClassName === 'function' ? externalClassName(expanded) : externalClassName;\n\n    return (\n        <div {...itemProps} className={className} ref={ref}>\n            <div onClick={handleClick}>{typeof title === 'function' ? title(expanded) : title}</div>\n            <ul role=\"group\" className={listClassName}>\n                {React.Children.toArray(children)\n                    .filter(item => !!item)\n                    .map((item, i) => (\n                        <li key={i} role=\"none\">\n                            {React.cloneElement(item as React.ReactElement<any>, { role: 'treeitem' })}\n                        </li>\n                    ))}\n            </ul>\n        </div>\n    );\n});\n\nexport type TreeviewProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport type ForwardedTreeviewWithStatics = React.ForwardRefExoticComponent<\n    TreeviewProps & React.RefAttributes<HTMLDivElement>\n> & {\n    /** Navigable link */\n    Item: React.ForwardRefExoticComponent<TreeviewItemProps & React.RefAttributes<HTMLAnchorElement>>;\n    /** Container for a set of related links, usually expandable */\n    Group: React.ForwardRefExoticComponent<TreeviewGroupProps & React.RefAttributes<HTMLDivElement>>;\n};\n\nexport const Treeview = React.forwardRef(function Treeview(props: TreeviewProps, ref: React.Ref<HTMLDivElement>) {\n    return <div {...props} ref={ref} role=\"tree\" />;\n}) as ForwardedTreeviewWithStatics;\n\nTreeview.Group = TreeviewGroup;\nTreeview.Item = TreeviewItem;\n"],"names":["TreeviewItem","React","forwardRef","props","ref","TreeviewGroup","children","className","externalClassName","expanded","initialExpanded","title","fixed","onClick","otherProps","setExpanded","useState","useEffect","listClassName","cn","flex","hidden","itemProps","role","tabIndex","handleClick","event","nextState","Children","toArray","filter","item","map","i","key","cloneElement","Treeview","Group","Item"],"mappings":";;;AAKA,MAAMA,YAAY,gBAAGC,cAAK,CAACC,UAAU,CAAC,SAASF,YAAYA,CAACG,KAAwB,EAAEC,GAAiC;EACnH,oBAAOH,oDAAOE,KAAK;IAAEC,GAAG,EAAEA;KAAO;AACrC,CAAC,CAAC;AAkBF,MAAMC,aAAa,gBAAGJ,cAAK,CAACC,UAAU,CAAC,SAASG,aAAaA,CAACF,KAAyB,EAAEC,GAA8B;EACnH,MAAM;IACFE,QAAQ;IACRC,SAAS,EAAEC,iBAAiB;IAC5BC,QAAQ,EAAEC,eAAe,GAAG,KAAK;IACjCC,KAAK;IACLC,KAAK;IACLC,OAAO;IACP,GAAGC;GACN,GAAGX,KAAK;EACT,MAAM,CAACM,QAAQ,EAAEM,WAAW,CAAC,GAAGd,cAAK,CAACe,QAAQ,CAACJ,KAAK,IAAIF,eAAe,CAAC;EAExET,cAAK,CAACgB,SAAS,CAAC;IACZ,IAAI,CAACL,KAAK,EAAE;MACRG,WAAW,CAACH,KAAK,IAAIF,eAAe,CAAC;;GAE5C,EAAE,CAACE,KAAK,EAAEF,eAAe,CAAC,CAAC;EAE5B,MAAMQ,aAAa,GAAGC,EAAE,CAAC,eAAe,EAAE;IACtCC,IAAI,EAAEX,QAAQ;IACdY,MAAM,EAAE,CAACZ;GACZ,CAAC;EAEF,MAAMa,SAAS,GAAG;IACd,GAAGR,UAAU;IACb,eAAe,EAAEL,QAAQ;IACzBc,IAAI,EAAE,UAAU;IAChBC,QAAQ,EAAE,CAAC;GACd;EAED,MAAMC,WAAW,GAAIC,KAAuC;IACxD,MAAMC,SAAS,GAAG,CAAClB,QAAQ;IAE3B,IAAI,CAACG,KAAK,EAAE;MACRG,WAAW,CAACY,SAAS,CAAC;;IAG1B,IAAId,OAAO,EAAE;MACTA,OAAO,CAACa,KAAK,EAAEC,SAAS,CAAC;;GAEhC;EAED,MAAMpB,SAAS,GAAG,OAAOC,iBAAiB,KAAK,UAAU,GAAGA,iBAAiB,CAACC,QAAQ,CAAC,GAAGD,iBAAiB;EAE3G,oBACIP,sDAASqB,SAAS;IAAEf,SAAS,EAAEA,SAAS;IAAEH,GAAG,EAAEA;mBAC3CH;IAAKY,OAAO,EAAEY;KAAc,OAAOd,KAAK,KAAK,UAAU,GAAGA,KAAK,CAACF,QAAQ,CAAC,GAAGE,KAAK,CAAO,eACxFV;IAAIsB,IAAI,EAAC,OAAO;IAAChB,SAAS,EAAEW;KACvBjB,cAAK,CAAC2B,QAAQ,CAACC,OAAO,CAACvB,QAAQ,CAAC,CAC5BwB,MAAM,CAACC,IAAI,IAAI,CAAC,CAACA,IAAI,CAAC,CACtBC,GAAG,CAAC,CAACD,IAAI,EAAEE,CAAC,mBACThC;IAAIiC,GAAG,EAAED,CAAC;IAAEV,IAAI,EAAC;kBACZtB,cAAK,CAACkC,YAAY,CAACJ,IAA+B,EAAE;IAAER,IAAI,EAAE;GAAY,CAAC,CACzE,CACR,CAAC,CACL,CACH;AAEd,CAAC,CAAC;MAaWa,QAAQ,gBAAGnC,cAAK,CAACC,UAAU,CAAC,SAASkC,QAAQA,CAACjC,KAAoB,EAAEC,GAA8B;EAC3G,oBAAOH,sDAASE,KAAK;IAAEC,GAAG,EAAEA,GAAG;IAAEmB,IAAI,EAAC;KAAS;AACnD,CAAC;AAEDa,QAAQ,CAACC,KAAK,GAAGhC,aAAa;AAC9B+B,QAAQ,CAACE,IAAI,GAAGtC,YAAY;;;;"}
+{"version":3,"file":"Treeview.js","sources":["../../../../../../../src/components/Treeview/Treeview.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\n\nexport type TreeviewItemProps = React.LinkHTMLAttributes<HTMLAnchorElement>;\n\nconst TreeviewItem = React.forwardRef(function TreeviewItem(props: TreeviewItemProps, ref: React.Ref<HTMLAnchorElement>) {\n    return <a {...props} ref={ref} />;\n});\n\nexport type TreeviewGroupProps = Omit<React.LinkHTMLAttributes<HTMLDivElement>, 'className' | 'onClick' | 'title'> & {\n    /** Add a classname to the treeview */\n    className?: string | ((expanded: boolean) => string);\n    /**\n     * Set wheter the region is expanded, showing the children, or collapsed.\n     * Default value is `false`\n     */\n    expanded?: boolean;\n    /** Region is expanded at mount and can't be collapsed */\n    fixed?: boolean;\n    /** Handler called when user clicks the title of the group */\n    onClick?: (event: React.MouseEvent<HTMLDivElement>, expanded: boolean) => void;\n    /** Text displayed in the group's header */\n    title: React.ReactNode | ((expanded: boolean) => React.ReactNode);\n};\n\nconst TreeviewGroup = React.forwardRef(function TreeviewGroup(props: TreeviewGroupProps, ref: React.Ref<HTMLDivElement>) {\n    const {\n        children,\n        className: externalClassName,\n        expanded: initialExpanded = false,\n        title,\n        fixed,\n        onClick,\n        ...otherProps\n    } = props;\n    const [expanded, setExpanded] = React.useState(fixed || initialExpanded);\n\n    React.useEffect(() => {\n        if (!fixed) {\n            setExpanded(fixed || initialExpanded);\n        }\n    }, [fixed, initialExpanded]);\n\n    const listClassName = cn('flex-col mb-0', {\n        flex: expanded,\n        hidden: !expanded,\n    });\n\n    const itemProps = {\n        ...otherProps,\n        'aria-expanded': expanded,\n        role: 'treeitem',\n        tabIndex: -1,\n    };\n\n    const handleClick = (event: React.MouseEvent<HTMLDivElement>): void => {\n        const nextState = !expanded;\n\n        if (!fixed) {\n            setExpanded(nextState);\n        }\n\n        if (onClick) {\n            onClick(event, nextState);\n        }\n    };\n\n    const className = typeof externalClassName === 'function' ? externalClassName(expanded) : externalClassName;\n\n    return (\n        <div {...itemProps} className={className} ref={ref}>\n            <div onClick={handleClick}>{typeof title === 'function' ? title(expanded) : title}</div>\n            <ul role=\"group\" className={listClassName}>\n                {React.Children.toArray(children)\n                    .filter(item => !!item)\n                    .map((item, i) => (\n                        <li key={i} role=\"none\">\n                            {React.cloneElement(item as React.ReactElement<any>, { role: 'treeitem' })}\n                        </li>\n                    ))}\n            </ul>\n        </div>\n    );\n});\n\nexport type TreeviewProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport type ForwardedTreeviewWithStatics = React.ForwardRefExoticComponent<\n    TreeviewProps & React.RefAttributes<HTMLDivElement>\n> & {\n    /** Navigable link */\n    Item: React.ForwardRefExoticComponent<TreeviewItemProps & React.RefAttributes<HTMLAnchorElement>>;\n    /** Container for a set of related links, usually expandable */\n    Group: React.ForwardRefExoticComponent<TreeviewGroupProps & React.RefAttributes<HTMLDivElement>>;\n};\n\nexport const Treeview = React.forwardRef(function Treeview(props: TreeviewProps, ref: React.Ref<HTMLDivElement>) {\n    return <div {...props} ref={ref} role=\"tree\" />;\n}) as ForwardedTreeviewWithStatics;\n\nTreeview.Group = TreeviewGroup;\nTreeview.Item = TreeviewItem;\n"],"names":["TreeviewItem","React","forwardRef","props","ref","TreeviewGroup","children","externalClassName","className","_props$expanded","expanded","initialExpanded","title","fixed","onClick","otherProps","_objectWithoutPropertiesLoose","_excluded","_React$useState","useState","setExpanded","useEffect","listClassName","cn","flex","hidden","itemProps","_extends","role","tabIndex","handleClick","event","nextState","Children","toArray","filter","item","map","i","key","cloneElement","Treeview","Group","Item"],"mappings":";;;;;AAKA,IAAMA,YAAY,gBAAGC,cAAK,CAACC,UAAU,CAAC,SAASF,YAAYA,CAACG,KAAwB,EAAEC,GAAiC;EACnH,oBAAOH,oDAAOE,KAAK;IAAEC,GAAG,EAAEA;KAAO;AACrC,CAAC,CAAC;AAkBF,IAAMC,aAAa,gBAAGJ,cAAK,CAACC,UAAU,CAAC,SAASG,aAAaA,CAACF,KAAyB,EAAEC,GAA8B;EACnH,IACIE,QAAQ,GAORH,KAAK,CAPLG,QAAQ;IACGC,iBAAiB,GAM5BJ,KAAK,CANLK,SAAS;IAAAC,eAAA,GAMTN,KAAK,CALLO,QAAQ;IAAEC,eAAe,GAAAF,eAAA,cAAG,KAAK,GAAAA,eAAA;IACjCG,KAAK,GAILT,KAAK,CAJLS,KAAK;IACLC,KAAK,GAGLV,KAAK,CAHLU,KAAK;IACLC,OAAO,GAEPX,KAAK,CAFLW,OAAO;IACJC,UAAU,GAAAC,6BAAA,CACbb,KAAK,EAAAc,SAAA;EACT,IAAAC,eAAA,GAAgCjB,cAAK,CAACkB,QAAQ,CAACN,KAAK,IAAIF,eAAe,CAAC;IAAjED,QAAQ,GAAAQ,eAAA;IAAEE,WAAW,GAAAF,eAAA;EAE5BjB,cAAK,CAACoB,SAAS,CAAC;IACZ,IAAI,CAACR,KAAK,EAAE;MACRO,WAAW,CAACP,KAAK,IAAIF,eAAe,CAAC;;GAE5C,EAAE,CAACE,KAAK,EAAEF,eAAe,CAAC,CAAC;EAE5B,IAAMW,aAAa,GAAGC,EAAE,CAAC,eAAe,EAAE;IACtCC,IAAI,EAAEd,QAAQ;IACde,MAAM,EAAE,CAACf;GACZ,CAAC;EAEF,IAAMgB,SAAS,GAAAC,QAAA,KACRZ,UAAU;IACb,eAAe,EAAEL,QAAQ;IACzBkB,IAAI,EAAE,UAAU;IAChBC,QAAQ,EAAE,CAAC;IACd;EAED,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAIC,KAAuC;IACxD,IAAMC,SAAS,GAAG,CAACtB,QAAQ;IAE3B,IAAI,CAACG,KAAK,EAAE;MACRO,WAAW,CAACY,SAAS,CAAC;;IAG1B,IAAIlB,OAAO,EAAE;MACTA,OAAO,CAACiB,KAAK,EAAEC,SAAS,CAAC;;GAEhC;EAED,IAAMxB,SAAS,GAAG,OAAOD,iBAAiB,KAAK,UAAU,GAAGA,iBAAiB,CAACG,QAAQ,CAAC,GAAGH,iBAAiB;EAE3G,oBACIN,sDAASyB,SAAS;IAAElB,SAAS,EAAEA,SAAS;IAAEJ,GAAG,EAAEA;mBAC3CH;IAAKa,OAAO,EAAEgB;KAAc,OAAOlB,KAAK,KAAK,UAAU,GAAGA,KAAK,CAACF,QAAQ,CAAC,GAAGE,KAAK,CAAO,eACxFX;IAAI2B,IAAI,EAAC,OAAO;IAACpB,SAAS,EAAEc;KACvBrB,cAAK,CAACgC,QAAQ,CAACC,OAAO,CAAC5B,QAAQ,CAAC,CAC5B6B,MAAM,CAAC,UAAAC,IAAI;IAAA,OAAI,CAAC,CAACA,IAAI;IAAC,CACtBC,GAAG,CAAC,UAACD,IAAI,EAAEE,CAAC;IAAA,oBACTrC;MAAIsC,GAAG,EAAED,CAAC;MAAEV,IAAI,EAAC;oBACZ3B,cAAK,CAACuC,YAAY,CAACJ,IAA+B,EAAE;MAAER,IAAI,EAAE;KAAY,CAAC,CACzE;GACR,CAAC,CACL,CACH;AAEd,CAAC,CAAC;IAaWa,QAAQ,gBAAGxC,cAAK,CAACC,UAAU,CAAC,SAASuC,QAAQA,CAACtC,KAAoB,EAAEC,GAA8B;EAC3G,oBAAOH,sDAASE,KAAK;IAAEC,GAAG,EAAEA,GAAG;IAAEwB,IAAI,EAAC;KAAS;AACnD,CAAC;AAEDa,QAAQ,CAACC,KAAK,GAAGrC,aAAa;AAC9BoC,QAAQ,CAACE,IAAI,GAAG3C,YAAY;;;;"}

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

@@ -3,21 +3,23 @@ import cn from 'clsx';
 import { Tooltip } from '../Tooltip/Tooltip.js';
 import { useTruncated } from '../../utils/hooks/useTruncated.js';
 
-const Truncate = ({
-  children,
-  tooltip
-}) => {
-  const ref = React__default.useRef(null);
-  const [mounted, setMounted] = React__default.useState(false);
-  const {
-    isTruncated
-  } = useTruncated(ref.current, [mounted]);
-  React__default.useEffect(() => {
+var Truncate = function Truncate(_ref) {
+  var children = _ref.children,
+    tooltip = _ref.tooltip;
+  var ref = React__default.useRef(null);
+  var _React$useState = React__default.useState(false),
+    mounted = _React$useState[0],
+    setMounted = _React$useState[1];
+  var _useTruncated = useTruncated(ref.current, [mounted]),
+    isTruncated = _useTruncated.isTruncated;
+  React__default.useEffect(function () {
     setMounted(true);
-    return () => setMounted(false);
+    return function () {
+      return setMounted(false);
+    };
   }, []);
-  const clonedChildrenWithRef = /*#__PURE__*/React__default.cloneElement(React__default.Children.only(children), {
-    ref,
+  var clonedChildrenWithRef = /*#__PURE__*/React__default.cloneElement(React__default.Children.only(children), {
+    ref: ref,
     className: cn(children.props.className, 'truncate', {
       'hover:cursor-pointer': isTruncated
     })

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

@@ -1 +1 @@
-{"version":3,"file":"Truncate.js","sources":["../../../../../../../src/components/Truncate/Truncate.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\n\nimport { useTruncated } from '../../utils/hooks/useTruncated';\nimport { Tooltip } from '../Tooltip/Tooltip';\n\nexport type TruncateProps = {\n    children: React.ReactElement;\n    tooltip: string;\n};\n\nexport const Truncate = ({ children, tooltip }: TruncateProps) => {\n    const ref = React.useRef<HTMLElement>(null);\n    const [mounted, setMounted] = React.useState(false);\n    const { isTruncated } = useTruncated(ref.current, [mounted]);\n\n    React.useEffect(() => {\n        setMounted(true);\n\n        return () => setMounted(false);\n    }, []);\n\n    const clonedChildrenWithRef = React.cloneElement(React.Children.only(children), {\n        ref,\n        className: cn(children.props.className, 'truncate', { 'hover:cursor-pointer': isTruncated }),\n    });\n\n    if (isTruncated) {\n        return <Tooltip title={tooltip}>{clonedChildrenWithRef}</Tooltip>;\n    }\n\n    return clonedChildrenWithRef;\n};\n"],"names":["Truncate","children","tooltip","ref","React","useRef","mounted","setMounted","useState","isTruncated","useTruncated","current","useEffect","clonedChildrenWithRef","cloneElement","Children","only","className","cn","props","Tooltip","title"],"mappings":";;;;;MAWaA,QAAQ,GAAGA,CAAC;EAAEC,QAAQ;EAAEC;CAAwB;EACzD,MAAMC,GAAG,GAAGC,cAAK,CAACC,MAAM,CAAc,IAAI,CAAC;EAC3C,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGH,cAAK,CAACI,QAAQ,CAAC,KAAK,CAAC;EACnD,MAAM;IAAEC;GAAa,GAAGC,YAAY,CAACP,GAAG,CAACQ,OAAO,EAAE,CAACL,OAAO,CAAC,CAAC;EAE5DF,cAAK,CAACQ,SAAS,CAAC;IACZL,UAAU,CAAC,IAAI,CAAC;IAEhB,OAAO,MAAMA,UAAU,CAAC,KAAK,CAAC;GACjC,EAAE,EAAE,CAAC;EAEN,MAAMM,qBAAqB,gBAAGT,cAAK,CAACU,YAAY,CAACV,cAAK,CAACW,QAAQ,CAACC,IAAI,CAACf,QAAQ,CAAC,EAAE;IAC5EE,GAAG;IACHc,SAAS,EAAEC,EAAE,CAACjB,QAAQ,CAACkB,KAAK,CAACF,SAAS,EAAE,UAAU,EAAE;MAAE,sBAAsB,EAAER;KAAa;GAC9F,CAAC;EAEF,IAAIA,WAAW,EAAE;IACb,oBAAOL,6BAACgB,OAAO;MAACC,KAAK,EAAEnB;OAAUW,qBAAqB,CAAW;;EAGrE,OAAOA,qBAAqB;AAChC;;;;"}
+{"version":3,"file":"Truncate.js","sources":["../../../../../../../src/components/Truncate/Truncate.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\n\nimport { useTruncated } from '../../utils/hooks/useTruncated';\nimport { Tooltip } from '../Tooltip/Tooltip';\n\nexport type TruncateProps = {\n    children: React.ReactElement;\n    tooltip: string;\n};\n\nexport const Truncate = ({ children, tooltip }: TruncateProps) => {\n    const ref = React.useRef<HTMLElement>(null);\n    const [mounted, setMounted] = React.useState(false);\n    const { isTruncated } = useTruncated(ref.current, [mounted]);\n\n    React.useEffect(() => {\n        setMounted(true);\n\n        return () => setMounted(false);\n    }, []);\n\n    const clonedChildrenWithRef = React.cloneElement(React.Children.only(children), {\n        ref,\n        className: cn(children.props.className, 'truncate', { 'hover:cursor-pointer': isTruncated }),\n    });\n\n    if (isTruncated) {\n        return <Tooltip title={tooltip}>{clonedChildrenWithRef}</Tooltip>;\n    }\n\n    return clonedChildrenWithRef;\n};\n"],"names":["Truncate","_ref","children","tooltip","ref","React","useRef","_React$useState","useState","mounted","setMounted","_useTruncated","useTruncated","current","isTruncated","useEffect","clonedChildrenWithRef","cloneElement","Children","only","className","cn","props","Tooltip","title"],"mappings":";;;;;IAWaA,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA;MAAMC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO;EACxC,IAAMC,GAAG,GAAGC,cAAK,CAACC,MAAM,CAAc,IAAI,CAAC;EAC3C,IAAAC,eAAA,GAA8BF,cAAK,CAACG,QAAQ,CAAC,KAAK,CAAC;IAA5CC,OAAO,GAAAF,eAAA;IAAEG,UAAU,GAAAH,eAAA;EAC1B,IAAAI,aAAA,GAAwBC,YAAY,CAACR,GAAG,CAACS,OAAO,EAAE,CAACJ,OAAO,CAAC,CAAC;IAApDK,WAAW,GAAAH,aAAA,CAAXG,WAAW;EAEnBT,cAAK,CAACU,SAAS,CAAC;IACZL,UAAU,CAAC,IAAI,CAAC;IAEhB,OAAO;MAAA,OAAMA,UAAU,CAAC,KAAK,CAAC;;GACjC,EAAE,EAAE,CAAC;EAEN,IAAMM,qBAAqB,gBAAGX,cAAK,CAACY,YAAY,CAACZ,cAAK,CAACa,QAAQ,CAACC,IAAI,CAACjB,QAAQ,CAAC,EAAE;IAC5EE,GAAG,EAAHA,GAAG;IACHgB,SAAS,EAAEC,EAAE,CAACnB,QAAQ,CAACoB,KAAK,CAACF,SAAS,EAAE,UAAU,EAAE;MAAE,sBAAsB,EAAEN;KAAa;GAC9F,CAAC;EAEF,IAAIA,WAAW,EAAE;IACb,oBAAOT,6BAACkB,OAAO;MAACC,KAAK,EAAErB;OAAUa,qBAAqB,CAAW;;EAGrE,OAAOA,qBAAqB;AAChC;;;;"}

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

@@ -1,6 +1,6 @@
 import { forwardRef, createElement } from 'react';
 
-const VisuallyHidden = /*#__PURE__*/forwardRef(function VisuallyHidden(props, ref) {
+var VisuallyHidden = /*#__PURE__*/forwardRef(function VisuallyHidden(props, ref) {
   return /*#__PURE__*/createElement("span", Object.assign({}, props, {
     className: "sr-only",
     ref: ref

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

@@ -1 +1 @@
-{"version":3,"file":"VisuallyHidden.js","sources":["../../../../../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"sourcesContent":["import * as React from 'react';\n\ntype Props = React.HTMLAttributes<HTMLSpanElement>;\n\nexport const VisuallyHidden = React.forwardRef(function VisuallyHidden(props: Props, ref: React.Ref<HTMLSpanElement>) {\n    return <span {...props} className=\"sr-only\" ref={ref} />;\n});\n"],"names":["VisuallyHidden","React","props","ref","className"],"mappings":";;MAIaA,cAAc,gBAAGC,UAAgB,CAAC,SAASD,cAAcA,CAACE,KAAY,EAAEC,GAA+B;EAChH,oBAAOF,wCAAUC,KAAK;IAAEE,SAAS,EAAC,SAAS;IAACD,GAAG,EAAEA;KAAO;AAC5D,CAAC;;;;"}
+{"version":3,"file":"VisuallyHidden.js","sources":["../../../../../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"sourcesContent":["import * as React from 'react';\n\ntype Props = React.HTMLAttributes<HTMLSpanElement>;\n\nexport const VisuallyHidden = React.forwardRef(function VisuallyHidden(props: Props, ref: React.Ref<HTMLSpanElement>) {\n    return <span {...props} className=\"sr-only\" ref={ref} />;\n});\n"],"names":["VisuallyHidden","React","props","ref","className"],"mappings":";;IAIaA,cAAc,gBAAGC,UAAgB,CAAC,SAASD,cAAcA,CAACE,KAAY,EAAEC,GAA+B;EAChH,oBAAOF,wCAAUC,KAAK;IAAEE,SAAS,EAAC,SAAS;IAACD,GAAG,EAAEA;KAAO;AAC5D,CAAC;;;;"}

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

@@ -2,15 +2,20 @@ import React__default from 'react';
 import { getIndexOfFirstChildOverflowingParent } from '../utils/dom.js';
 import { useBoundingClientRectListener } from './useBoundingClientRectListener.js';
 
-const useBoundaryOverflowDetection = (ref, dependencies = []) => {
-  const [boundaryIndex, setBoundaryIndex] = React__default.useState();
-  const dimensions = useBoundingClientRectListener(ref, dependencies);
-  React__default.useEffect(() => {
+var useBoundaryOverflowDetection = function useBoundaryOverflowDetection(ref, dependencies) {
+  if (dependencies === void 0) {
+    dependencies = [];
+  }
+  var _React$useState = React__default.useState(),
+    boundaryIndex = _React$useState[0],
+    setBoundaryIndex = _React$useState[1];
+  var dimensions = useBoundingClientRectListener(ref, dependencies);
+  React__default.useEffect(function () {
     if (ref.current) {
-      const boundaryChildIndex = getIndexOfFirstChildOverflowingParent(ref.current);
+      var boundaryChildIndex = getIndexOfFirstChildOverflowingParent(ref.current);
       setBoundaryIndex(boundaryChildIndex);
     }
-  }, [ref, dimensions === null || dimensions === void 0 ? void 0 : dimensions.width, ...dependencies]);
+  }, [ref, dimensions === null || dimensions === void 0 ? void 0 : dimensions.width].concat(dependencies));
   return boundaryIndex;
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"useBoundaryOverflowDetection.js","sources":["../../../../../../src/hooks/useBoundaryOverflowDetection.ts"],"sourcesContent":["import React from 'react';\nimport { getIndexOfFirstChildOverflowingParent } from '../utils/dom';\nimport { useBoundingClientRectListener } from './useBoundingClientRectListener';\n\nexport const useBoundaryOverflowDetection = (\n    ref: React.RefObject<HTMLElement>,\n    dependencies: any[] = []\n): number | null | undefined => {\n    const [boundaryIndex, setBoundaryIndex] = React.useState<number | null>();\n    const dimensions = useBoundingClientRectListener(ref, dependencies);\n\n    React.useEffect(() => {\n        if (ref.current) {\n            const boundaryChildIndex = getIndexOfFirstChildOverflowingParent(ref.current);\n            setBoundaryIndex(boundaryChildIndex);\n        }\n    }, [ref, dimensions?.width, ...dependencies]);\n\n    return boundaryIndex;\n};\n"],"names":["useBoundaryOverflowDetection","ref","dependencies","boundaryIndex","setBoundaryIndex","React","useState","dimensions","useBoundingClientRectListener","useEffect","current","boundaryChildIndex","getIndexOfFirstChildOverflowingParent","width"],"mappings":";;;;MAIaA,4BAA4B,GAAGA,CACxCC,GAAiC,EACjCC,eAAsB,EAAE;EAExB,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAGC,cAAK,CAACC,QAAQ,EAAiB;EACzE,MAAMC,UAAU,GAAGC,6BAA6B,CAACP,GAAG,EAAEC,YAAY,CAAC;EAEnEG,cAAK,CAACI,SAAS,CAAC;IACZ,IAAIR,GAAG,CAACS,OAAO,EAAE;MACb,MAAMC,kBAAkB,GAAGC,qCAAqC,CAACX,GAAG,CAACS,OAAO,CAAC;MAC7EN,gBAAgB,CAACO,kBAAkB,CAAC;;GAE3C,EAAE,CAACV,GAAG,EAAEM,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEM,KAAK,EAAE,GAAGX,YAAY,CAAC,CAAC;EAE7C,OAAOC,aAAa;AACxB;;;;"}
+{"version":3,"file":"useBoundaryOverflowDetection.js","sources":["../../../../../../src/hooks/useBoundaryOverflowDetection.ts"],"sourcesContent":["import React from 'react';\nimport { getIndexOfFirstChildOverflowingParent } from '../utils/dom';\nimport { useBoundingClientRectListener } from './useBoundingClientRectListener';\n\nexport const useBoundaryOverflowDetection = (\n    ref: React.RefObject<HTMLElement>,\n    dependencies: any[] = []\n): number | null | undefined => {\n    const [boundaryIndex, setBoundaryIndex] = React.useState<number | null>();\n    const dimensions = useBoundingClientRectListener(ref, dependencies);\n\n    React.useEffect(() => {\n        if (ref.current) {\n            const boundaryChildIndex = getIndexOfFirstChildOverflowingParent(ref.current);\n            setBoundaryIndex(boundaryChildIndex);\n        }\n    }, [ref, dimensions?.width, ...dependencies]);\n\n    return boundaryIndex;\n};\n"],"names":["useBoundaryOverflowDetection","ref","dependencies","_React$useState","React","useState","boundaryIndex","setBoundaryIndex","dimensions","useBoundingClientRectListener","useEffect","current","boundaryChildIndex","getIndexOfFirstChildOverflowingParent","width","concat"],"mappings":";;;;IAIaA,4BAA4B,GAAG,SAA/BA,4BAA4BA,CACrCC,GAAiC,EACjCC;MAAAA;IAAAA,eAAsB,EAAE;;EAExB,IAAAC,eAAA,GAA0CC,cAAK,CAACC,QAAQ,EAAiB;IAAlEC,aAAa,GAAAH,eAAA;IAAEI,gBAAgB,GAAAJ,eAAA;EACtC,IAAMK,UAAU,GAAGC,6BAA6B,CAACR,GAAG,EAAEC,YAAY,CAAC;EAEnEE,cAAK,CAACM,SAAS,CAAC;IACZ,IAAIT,GAAG,CAACU,OAAO,EAAE;MACb,IAAMC,kBAAkB,GAAGC,qCAAqC,CAACZ,GAAG,CAACU,OAAO,CAAC;MAC7EJ,gBAAgB,CAACK,kBAAkB,CAAC;;GAE3C,GAAGX,GAAG,EAAEO,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEM,KAAK,EAAAC,MAAA,CAAKb,YAAY,CAAC,CAAC;EAE7C,OAAOI,aAAa;AACxB;;;;"}

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

@@ -1,28 +1,34 @@
 import { useState, useEffect } from 'react';
 import { debounce } from '../utils/debounce.js';
 
-const getVisibility = element => Boolean(element && (element.offsetWidth || element.offsetHeight || element.getClientRects().length));
-const useBoundingClientRectListener = (ref, dependencies) => {
-  const [dimensions, setDimensions] = useState(undefined);
-  const isRefElementVisible = getVisibility(ref.current);
-  const [visibility, setVisibility] = useState(isRefElementVisible);
-  const resize = () => {
+var getVisibility = function getVisibility(element) {
+  return Boolean(element && (element.offsetWidth || element.offsetHeight || element.getClientRects().length));
+};
+var useBoundingClientRectListener = function useBoundingClientRectListener(ref, dependencies) {
+  var _React$useState = useState(undefined),
+    dimensions = _React$useState[0],
+    setDimensions = _React$useState[1];
+  var isRefElementVisible = getVisibility(ref.current);
+  var _React$useState2 = useState(isRefElementVisible),
+    visibility = _React$useState2[0],
+    setVisibility = _React$useState2[1];
+  var resize = function resize() {
     if (visibility) {
       var _ref$current;
       setDimensions((_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.getBoundingClientRect());
     }
   };
-  useEffect(() => {
-    const timeout = setTimeout(resize, 0);
-    const debouncedResize = debounce(resize, 250);
+  useEffect(function () {
+    var timeout = setTimeout(resize, 0);
+    var debouncedResize = debounce(resize, 250);
     window.addEventListener('resize', debouncedResize);
-    return () => {
+    return function () {
       clearTimeout(timeout);
       window.removeEventListener('resize', debouncedResize);
     };
   }, [ref.current, visibility]);
-  useEffect(() => {
-    const newRefElementVisibility = getVisibility(ref.current);
+  useEffect(function () {
+    var newRefElementVisibility = getVisibility(ref.current);
     if (visibility !== newRefElementVisibility) {
       // When visibility of an element changes, then the new visibility of the element can only be checked after the
       // component has rendered. That's why the visibility check is inside the useEffect. This useEffect will cause
@@ -30,7 +36,7 @@ const useBoundingClientRectListener = (ref, dependencies) => {
       setVisibility(newRefElementVisibility);
     }
   });
-  useEffect(() => {
+  useEffect(function () {
     if (dependencies) {
       var _ref$current2;
       setDimensions((_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : _ref$current2.getBoundingClientRect());

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

@@ -1 +1 @@
-{"version":3,"file":"useBoundingClientRectListener.js","sources":["../../../../../../src/hooks/useBoundingClientRectListener.ts"],"sourcesContent":["import * as React from 'react';\nimport { debounce } from '../utils/debounce';\n\nconst getVisibility = (element: HTMLElement | null): boolean =>\n    Boolean(element && (element.offsetWidth || element.offsetHeight || element.getClientRects().length));\n\nexport const useBoundingClientRectListener = (\n    ref: React.RefObject<HTMLElement>,\n    dependencies?: Array<any>\n): DOMRectReadOnly | undefined => {\n    const [dimensions, setDimensions] = React.useState<DOMRectReadOnly | undefined>(undefined);\n    const isRefElementVisible = getVisibility(ref.current);\n    const [visibility, setVisibility] = React.useState(isRefElementVisible);\n\n    const resize = () => {\n        if (visibility) {\n            setDimensions(ref.current?.getBoundingClientRect());\n        }\n    };\n\n    React.useEffect(() => {\n        const timeout = setTimeout(resize, 0);\n        const debouncedResize = debounce(resize, 250);\n\n        window.addEventListener('resize', debouncedResize);\n\n        return () => {\n            clearTimeout(timeout);\n            window.removeEventListener('resize', debouncedResize);\n        };\n    }, [ref.current, visibility]);\n\n    React.useEffect(() => {\n        const newRefElementVisibility = getVisibility(ref.current);\n\n        if (visibility !== newRefElementVisibility) {\n            // When visibility of an element changes, then the new visibility of the element can only be checked after the\n            // component has rendered. That's why the visibility check is inside the useEffect. This useEffect will cause\n            // the consumer to rerender and that will cause the above hook to recalculate the dimensions\n            setVisibility(newRefElementVisibility);\n        }\n    });\n\n    React.useEffect(() => {\n        if (dependencies) {\n            setDimensions(ref.current?.getBoundingClientRect());\n        }\n    }, dependencies);\n\n    return dimensions;\n};\n"],"names":["getVisibility","element","Boolean","offsetWidth","offsetHeight","getClientRects","length","useBoundingClientRectListener","ref","dependencies","dimensions","setDimensions","React","undefined","isRefElementVisible","current","visibility","setVisibility","resize","_ref$current","getBoundingClientRect","timeout","setTimeout","debouncedResize","debounce","window","addEventListener","clearTimeout","removeEventListener","newRefElementVisibility","_ref$current2"],"mappings":";;;AAGA,MAAMA,aAAa,GAAIC,OAA2B,IAC9CC,OAAO,CAACD,OAAO,KAAKA,OAAO,CAACE,WAAW,IAAIF,OAAO,CAACG,YAAY,IAAIH,OAAO,CAACI,cAAc,EAAE,CAACC,MAAM,CAAC,CAAC;MAE3FC,6BAA6B,GAAGA,CACzCC,GAAiC,EACjCC,YAAyB;EAEzB,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGC,QAAc,CAA8BC,SAAS,CAAC;EAC1F,MAAMC,mBAAmB,GAAGd,aAAa,CAACQ,GAAG,CAACO,OAAO,CAAC;EACtD,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGL,QAAc,CAACE,mBAAmB,CAAC;EAEvE,MAAMI,MAAM,GAAGA;IACX,IAAIF,UAAU,EAAE;MAAA,IAAAG,YAAA;MACZR,aAAa,EAAAQ,YAAA,GAACX,GAAG,CAACO,OAAO,cAAAI,YAAA,uBAAXA,YAAA,CAAaC,qBAAqB,EAAE,CAAC;;GAE1D;EAEDR,SAAe,CAAC;IACZ,MAAMS,OAAO,GAAGC,UAAU,CAACJ,MAAM,EAAE,CAAC,CAAC;IACrC,MAAMK,eAAe,GAAGC,QAAQ,CAACN,MAAM,EAAE,GAAG,CAAC;IAE7CO,MAAM,CAACC,gBAAgB,CAAC,QAAQ,EAAEH,eAAe,CAAC;IAElD,OAAO;MACHI,YAAY,CAACN,OAAO,CAAC;MACrBI,MAAM,CAACG,mBAAmB,CAAC,QAAQ,EAAEL,eAAe,CAAC;KACxD;GACJ,EAAE,CAACf,GAAG,CAACO,OAAO,EAAEC,UAAU,CAAC,CAAC;EAE7BJ,SAAe,CAAC;IACZ,MAAMiB,uBAAuB,GAAG7B,aAAa,CAACQ,GAAG,CAACO,OAAO,CAAC;IAE1D,IAAIC,UAAU,KAAKa,uBAAuB,EAAE;;;;MAIxCZ,aAAa,CAACY,uBAAuB,CAAC;;GAE7C,CAAC;EAEFjB,SAAe,CAAC;IACZ,IAAIH,YAAY,EAAE;MAAA,IAAAqB,aAAA;MACdnB,aAAa,EAAAmB,aAAA,GAACtB,GAAG,CAACO,OAAO,cAAAe,aAAA,uBAAXA,aAAA,CAAaV,qBAAqB,EAAE,CAAC;;GAE1D,EAAEX,YAAY,CAAC;EAEhB,OAAOC,UAAU;AACrB;;;;"}
+{"version":3,"file":"useBoundingClientRectListener.js","sources":["../../../../../../src/hooks/useBoundingClientRectListener.ts"],"sourcesContent":["import * as React from 'react';\nimport { debounce } from '../utils/debounce';\n\nconst getVisibility = (element: HTMLElement | null): boolean =>\n    Boolean(element && (element.offsetWidth || element.offsetHeight || element.getClientRects().length));\n\nexport const useBoundingClientRectListener = (\n    ref: React.RefObject<HTMLElement>,\n    dependencies?: Array<any>\n): DOMRectReadOnly | undefined => {\n    const [dimensions, setDimensions] = React.useState<DOMRectReadOnly | undefined>(undefined);\n    const isRefElementVisible = getVisibility(ref.current);\n    const [visibility, setVisibility] = React.useState(isRefElementVisible);\n\n    const resize = () => {\n        if (visibility) {\n            setDimensions(ref.current?.getBoundingClientRect());\n        }\n    };\n\n    React.useEffect(() => {\n        const timeout = setTimeout(resize, 0);\n        const debouncedResize = debounce(resize, 250);\n\n        window.addEventListener('resize', debouncedResize);\n\n        return () => {\n            clearTimeout(timeout);\n            window.removeEventListener('resize', debouncedResize);\n        };\n    }, [ref.current, visibility]);\n\n    React.useEffect(() => {\n        const newRefElementVisibility = getVisibility(ref.current);\n\n        if (visibility !== newRefElementVisibility) {\n            // When visibility of an element changes, then the new visibility of the element can only be checked after the\n            // component has rendered. That's why the visibility check is inside the useEffect. This useEffect will cause\n            // the consumer to rerender and that will cause the above hook to recalculate the dimensions\n            setVisibility(newRefElementVisibility);\n        }\n    });\n\n    React.useEffect(() => {\n        if (dependencies) {\n            setDimensions(ref.current?.getBoundingClientRect());\n        }\n    }, dependencies);\n\n    return dimensions;\n};\n"],"names":["getVisibility","element","Boolean","offsetWidth","offsetHeight","getClientRects","length","useBoundingClientRectListener","ref","dependencies","_React$useState","React","undefined","dimensions","setDimensions","isRefElementVisible","current","_React$useState2","visibility","setVisibility","resize","_ref$current","getBoundingClientRect","timeout","setTimeout","debouncedResize","debounce","window","addEventListener","clearTimeout","removeEventListener","newRefElementVisibility","_ref$current2"],"mappings":";;;AAGA,IAAMA,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,OAA2B;EAAA,OAC9CC,OAAO,CAACD,OAAO,KAAKA,OAAO,CAACE,WAAW,IAAIF,OAAO,CAACG,YAAY,IAAIH,OAAO,CAACI,cAAc,EAAE,CAACC,MAAM,CAAC,CAAC;AAAA;IAE3FC,6BAA6B,GAAG,SAAhCA,6BAA6BA,CACtCC,GAAiC,EACjCC,YAAyB;EAEzB,IAAAC,eAAA,GAAoCC,QAAc,CAA8BC,SAAS,CAAC;IAAnFC,UAAU,GAAAH,eAAA;IAAEI,aAAa,GAAAJ,eAAA;EAChC,IAAMK,mBAAmB,GAAGf,aAAa,CAACQ,GAAG,CAACQ,OAAO,CAAC;EACtD,IAAAC,gBAAA,GAAoCN,QAAc,CAACI,mBAAmB,CAAC;IAAhEG,UAAU,GAAAD,gBAAA;IAAEE,aAAa,GAAAF,gBAAA;EAEhC,IAAMG,MAAM,GAAG,SAATA,MAAMA;IACR,IAAIF,UAAU,EAAE;MAAA,IAAAG,YAAA;MACZP,aAAa,EAAAO,YAAA,GAACb,GAAG,CAACQ,OAAO,cAAAK,YAAA,uBAAXA,YAAA,CAAaC,qBAAqB,EAAE,CAAC;;GAE1D;EAEDX,SAAe,CAAC;IACZ,IAAMY,OAAO,GAAGC,UAAU,CAACJ,MAAM,EAAE,CAAC,CAAC;IACrC,IAAMK,eAAe,GAAGC,QAAQ,CAACN,MAAM,EAAE,GAAG,CAAC;IAE7CO,MAAM,CAACC,gBAAgB,CAAC,QAAQ,EAAEH,eAAe,CAAC;IAElD,OAAO;MACHI,YAAY,CAACN,OAAO,CAAC;MACrBI,MAAM,CAACG,mBAAmB,CAAC,QAAQ,EAAEL,eAAe,CAAC;KACxD;GACJ,EAAE,CAACjB,GAAG,CAACQ,OAAO,EAAEE,UAAU,CAAC,CAAC;EAE7BP,SAAe,CAAC;IACZ,IAAMoB,uBAAuB,GAAG/B,aAAa,CAACQ,GAAG,CAACQ,OAAO,CAAC;IAE1D,IAAIE,UAAU,KAAKa,uBAAuB,EAAE;;;;MAIxCZ,aAAa,CAACY,uBAAuB,CAAC;;GAE7C,CAAC;EAEFpB,SAAe,CAAC;IACZ,IAAIF,YAAY,EAAE;MAAA,IAAAuB,aAAA;MACdlB,aAAa,EAAAkB,aAAA,GAACxB,GAAG,CAACQ,OAAO,cAAAgB,aAAA,uBAAXA,aAAA,CAAaV,qBAAqB,EAAE,CAAC;;GAE1D,EAAEb,YAAY,CAAC;EAEhB,OAAOI,UAAU;AACrB;;;;"}

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

@@ -1,14 +1,14 @@
 import React__default from 'react';
 import { createShortcutKeyDownHandler } from '../utils/keyboard.js';
 
-const useGlobalKeyDown = (shortcut, handler) => {
-  React__default.useEffect(() => {
-    let handleKeyDown;
+var useGlobalKeyDown = function useGlobalKeyDown(shortcut, handler) {
+  React__default.useEffect(function () {
+    var handleKeyDown;
     if (shortcut) {
       handleKeyDown = createShortcutKeyDownHandler(shortcut, handler, false);
       document.addEventListener('keydown', handleKeyDown);
     }
-    return () => {
+    return function () {
       if (handleKeyDown) {
         document.removeEventListener('keydown', handleKeyDown);
       }

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

@@ -1 +1 @@
-{"version":3,"file":"useGlobalKeyDown.js","sources":["../../../../../../src/hooks/useGlobalKeyDown.ts"],"sourcesContent":["import React from 'react';\nimport { createShortcutKeyDownHandler, KeyDownHandlerOptions } from '../utils/keyboard';\n\nexport const useGlobalKeyDown = (\n    shortcut: string | KeyDownHandlerOptions | undefined,\n    handler: (event: KeyboardEvent) => void\n) => {\n    React.useEffect(() => {\n        let handleKeyDown;\n\n        if (shortcut) {\n            handleKeyDown = createShortcutKeyDownHandler(\n                shortcut,\n                handler as (event: KeyboardEvent | React.KeyboardEvent) => void,\n                false\n            );\n\n            document.addEventListener('keydown', handleKeyDown);\n        }\n\n        return () => {\n            if (handleKeyDown) {\n                document.removeEventListener('keydown', handleKeyDown);\n            }\n        };\n    }, [shortcut, handler]);\n};\n"],"names":["useGlobalKeyDown","shortcut","handler","React","useEffect","handleKeyDown","createShortcutKeyDownHandler","document","addEventListener","removeEventListener"],"mappings":";;;MAGaA,gBAAgB,GAAGA,CAC5BC,QAAoD,EACpDC,OAAuC;EAEvCC,cAAK,CAACC,SAAS,CAAC;IACZ,IAAIC,aAAa;IAEjB,IAAIJ,QAAQ,EAAE;MACVI,aAAa,GAAGC,4BAA4B,CACxCL,QAAQ,EACRC,OAA+D,EAC/D,KAAK,CACR;MAEDK,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAEH,aAAa,CAAC;;IAGvD,OAAO;MACH,IAAIA,aAAa,EAAE;QACfE,QAAQ,CAACE,mBAAmB,CAAC,SAAS,EAAEJ,aAAa,CAAC;;KAE7D;GACJ,EAAE,CAACJ,QAAQ,EAAEC,OAAO,CAAC,CAAC;AAC3B;;;;"}
+{"version":3,"file":"useGlobalKeyDown.js","sources":["../../../../../../src/hooks/useGlobalKeyDown.ts"],"sourcesContent":["import React from 'react';\nimport { createShortcutKeyDownHandler, KeyDownHandlerOptions } from '../utils/keyboard';\n\nexport const useGlobalKeyDown = (\n    shortcut: string | KeyDownHandlerOptions | undefined,\n    handler: (event: KeyboardEvent) => void\n) => {\n    React.useEffect(() => {\n        let handleKeyDown;\n\n        if (shortcut) {\n            handleKeyDown = createShortcutKeyDownHandler(\n                shortcut,\n                handler as (event: KeyboardEvent | React.KeyboardEvent) => void,\n                false\n            );\n\n            document.addEventListener('keydown', handleKeyDown);\n        }\n\n        return () => {\n            if (handleKeyDown) {\n                document.removeEventListener('keydown', handleKeyDown);\n            }\n        };\n    }, [shortcut, handler]);\n};\n"],"names":["useGlobalKeyDown","shortcut","handler","React","useEffect","handleKeyDown","createShortcutKeyDownHandler","document","addEventListener","removeEventListener"],"mappings":";;;IAGaA,gBAAgB,GAAG,SAAnBA,gBAAgBA,CACzBC,QAAoD,EACpDC,OAAuC;EAEvCC,cAAK,CAACC,SAAS,CAAC;IACZ,IAAIC,aAAa;IAEjB,IAAIJ,QAAQ,EAAE;MACVI,aAAa,GAAGC,4BAA4B,CACxCL,QAAQ,EACRC,OAA+D,EAC/D,KAAK,CACR;MAEDK,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAEH,aAAa,CAAC;;IAGvD,OAAO;MACH,IAAIA,aAAa,EAAE;QACfE,QAAQ,CAACE,mBAAmB,CAAC,SAAS,EAAEJ,aAAa,CAAC;;KAE7D;GACJ,EAAE,CAACJ,QAAQ,EAAEC,OAAO,CAAC,CAAC;AAC3B;;;;"}

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

@@ -2,8 +2,10 @@ import React__default from 'react';
 import { v4 } from 'uuid';
 
 // React 18 has this built-in, when we upgrade this hook should be removed and the uuid dependency should be removed
-const useId = nativeId => {
-  return React__default.useMemo(() => nativeId !== null && nativeId !== void 0 ? nativeId : v4(), []);
+var useId = function useId(nativeId) {
+  return React__default.useMemo(function () {
+    return nativeId !== null && nativeId !== void 0 ? nativeId : v4();
+  }, []);
 };
 
 export { useId };

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

@@ -1 +1 @@
-{"version":3,"file":"useId.js","sources":["../../../../../../src/hooks/useId.ts"],"sourcesContent":["import { v4 as uuid } from 'uuid';\nimport React from 'react';\n\n// React 18 has this built-in, when we upgrade this hook should be removed and the uuid dependency should be removed\n\nexport const useId = (nativeId: string | undefined) => {\n    return React.useMemo(() => nativeId ?? uuid(), []);\n};\n"],"names":["useId","nativeId","React","useMemo","uuid"],"mappings":";;;AAGA;MAEaA,KAAK,GAAIC,QAA4B;EAC9C,OAAOC,cAAK,CAACC,OAAO,CAAC,MAAMF,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAIG,EAAI,EAAE,EAAE,EAAE,CAAC;AACtD;;;;"}
+{"version":3,"file":"useId.js","sources":["../../../../../../src/hooks/useId.ts"],"sourcesContent":["import { v4 as uuid } from 'uuid';\nimport React from 'react';\n\n// React 18 has this built-in, when we upgrade this hook should be removed and the uuid dependency should be removed\n\nexport const useId = (nativeId: string | undefined) => {\n    return React.useMemo(() => nativeId ?? uuid(), []);\n};\n"],"names":["useId","nativeId","React","useMemo","uuid"],"mappings":";;;AAGA;IAEaA,KAAK,GAAG,SAARA,KAAKA,CAAIC,QAA4B;EAC9C,OAAOC,cAAK,CAACC,OAAO,CAAC;IAAA,OAAMF,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAIG,EAAI,EAAE;KAAE,EAAE,CAAC;AACtD;;;;"}

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

@@ -1,43 +1,45 @@
 import React__default from 'react';
+import { extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
 
-const useIntersectionObserver = (ref, offset) => {
-  const [intersectedIndexes, setIntersectedIndexes] = React__default.useState({});
-  const handleIntersection = (entries, observer) => {
+var useIntersectionObserver = function useIntersectionObserver(ref, offset) {
+  var _React$useState = React__default.useState({}),
+    intersectedIndexes = _React$useState[0],
+    setIntersectedIndexes = _React$useState[1];
+  var handleIntersection = function handleIntersection(entries, observer) {
     if (observer.root) {
-      const children = Array.from(observer.root.children);
-      const map = {};
-      entries.forEach(entry => {
+      var children = Array.from(observer.root.children);
+      var map = {};
+      entries.forEach(function (entry) {
         // entries only contains the items being intersected not all children of the ref
         // so use root and the the entry being intersected to find its real index
         // on first mount this is different - all children are present
         map[children.indexOf(entry.target)] = entry.isIntersecting;
       });
-      setIntersectedIndexes(prev => ({
-        ...prev,
-        ...map
-      }));
+      setIntersectedIndexes(function (prev) {
+        return _extends({}, prev, map);
+      });
     }
   };
-  const intersectedChildIndex = React__default.useMemo(() => {
-    const index = Object.values(intersectedIndexes).indexOf(false);
+  var intersectedChildIndex = React__default.useMemo(function () {
+    var index = Object.values(intersectedIndexes).indexOf(false);
     return index > -1 ? index : undefined;
   }, [intersectedIndexes]);
-  const hasRootMargin = intersectedChildIndex !== undefined && offset;
-  React__default.useEffect(() => {
-    const observer = new IntersectionObserver(handleIntersection, {
+  var hasRootMargin = intersectedChildIndex !== undefined && offset;
+  React__default.useEffect(function () {
+    var observer = new IntersectionObserver(handleIntersection, {
       root: ref.current,
       // offset the button, but only after the first item has been intersected
-      rootMargin: hasRootMargin ? `0px -${offset}px 0px 0px` : undefined,
+      rootMargin: hasRootMargin ? "0px -" + offset + "px 0px 0px" : undefined,
       threshold: 1
     });
     if (observer.root) {
-      Array.from(observer.root.children).forEach(item => {
+      Array.from(observer.root.children).forEach(function (item) {
         if (!item.hasAttribute('data-observer-ignore')) {
           observer.observe(item);
         }
       });
     }
-    return () => {
+    return function () {
       observer.disconnect();
     };
   }, [hasRootMargin]);

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

@@ -1 +1 @@
-{"version":3,"file":"useIntersectionObserver.js","sources":["../../../../../../src/hooks/useIntersectionObserver.ts"],"sourcesContent":["import React from 'react';\n\nexport const useIntersectionObserver = (ref: React.RefObject<HTMLElement>, offset?: number) => {\n    const [intersectedIndexes, setIntersectedIndexes] = React.useState({});\n\n    const handleIntersection = (entries: IntersectionObserverEntry[], observer: IntersectionObserver) => {\n        if (observer.root) {\n            const children = Array.from((observer.root as Element).children);\n            const map = {};\n\n            entries.forEach(entry => {\n                // entries only contains the items being intersected not all children of the ref\n                // so use root and the the entry being intersected to find its real index\n                // on first mount this is different - all children are present\n                map[children.indexOf(entry.target)] = entry.isIntersecting;\n            });\n\n            setIntersectedIndexes(prev => ({ ...prev, ...map }));\n        }\n    };\n\n    const intersectedChildIndex = React.useMemo(() => {\n        const index = Object.values(intersectedIndexes).indexOf(false);\n        return index > -1 ? index : undefined;\n    }, [intersectedIndexes]);\n\n    const hasRootMargin = intersectedChildIndex !== undefined && offset;\n\n    React.useEffect(() => {\n        const observer = new IntersectionObserver(handleIntersection, {\n            root: ref.current,\n            // offset the button, but only after the first item has been intersected\n            rootMargin: hasRootMargin ? `0px -${offset}px 0px 0px` : undefined,\n            threshold: 1,\n        });\n\n        if (observer.root) {\n            Array.from(observer.root.children).forEach(item => {\n                if (!item.hasAttribute('data-observer-ignore')) {\n                    observer.observe(item);\n                }\n            });\n        }\n\n        return () => {\n            observer.disconnect();\n        };\n    }, [hasRootMargin]);\n\n    return intersectedChildIndex;\n};\n"],"names":["useIntersectionObserver","ref","offset","intersectedIndexes","setIntersectedIndexes","React","useState","handleIntersection","entries","observer","root","children","Array","from","map","forEach","entry","indexOf","target","isIntersecting","prev","intersectedChildIndex","useMemo","index","Object","values","undefined","hasRootMargin","useEffect","IntersectionObserver","current","rootMargin","threshold","item","hasAttribute","observe","disconnect"],"mappings":";;MAEaA,uBAAuB,GAAGA,CAACC,GAAiC,EAAEC,MAAe;EACtF,MAAM,CAACC,kBAAkB,EAAEC,qBAAqB,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAAC,EAAE,CAAC;EAEtE,MAAMC,kBAAkB,GAAGA,CAACC,OAAoC,EAAEC,QAA8B;IAC5F,IAAIA,QAAQ,CAACC,IAAI,EAAE;MACf,MAAMC,QAAQ,GAAGC,KAAK,CAACC,IAAI,CAAEJ,QAAQ,CAACC,IAAgB,CAACC,QAAQ,CAAC;MAChE,MAAMG,GAAG,GAAG,EAAE;MAEdN,OAAO,CAACO,OAAO,CAACC,KAAK;;;;QAIjBF,GAAG,CAACH,QAAQ,CAACM,OAAO,CAACD,KAAK,CAACE,MAAM,CAAC,CAAC,GAAGF,KAAK,CAACG,cAAc;OAC7D,CAAC;MAEFf,qBAAqB,CAACgB,IAAI,KAAK;QAAE,GAAGA,IAAI;QAAE,GAAGN;OAAK,CAAC,CAAC;;GAE3D;EAED,MAAMO,qBAAqB,GAAGhB,cAAK,CAACiB,OAAO,CAAC;IACxC,MAAMC,KAAK,GAAGC,MAAM,CAACC,MAAM,CAACtB,kBAAkB,CAAC,CAACc,OAAO,CAAC,KAAK,CAAC;IAC9D,OAAOM,KAAK,GAAG,CAAC,CAAC,GAAGA,KAAK,GAAGG,SAAS;GACxC,EAAE,CAACvB,kBAAkB,CAAC,CAAC;EAExB,MAAMwB,aAAa,GAAGN,qBAAqB,KAAKK,SAAS,IAAIxB,MAAM;EAEnEG,cAAK,CAACuB,SAAS,CAAC;IACZ,MAAMnB,QAAQ,GAAG,IAAIoB,oBAAoB,CAACtB,kBAAkB,EAAE;MAC1DG,IAAI,EAAET,GAAG,CAAC6B,OAAO;;MAEjBC,UAAU,EAAEJ,aAAa,GAAG,QAAQzB,MAAM,YAAY,GAAGwB,SAAS;MAClEM,SAAS,EAAE;KACd,CAAC;IAEF,IAAIvB,QAAQ,CAACC,IAAI,EAAE;MACfE,KAAK,CAACC,IAAI,CAACJ,QAAQ,CAACC,IAAI,CAACC,QAAQ,CAAC,CAACI,OAAO,CAACkB,IAAI;QAC3C,IAAI,CAACA,IAAI,CAACC,YAAY,CAAC,sBAAsB,CAAC,EAAE;UAC5CzB,QAAQ,CAAC0B,OAAO,CAACF,IAAI,CAAC;;OAE7B,CAAC;;IAGN,OAAO;MACHxB,QAAQ,CAAC2B,UAAU,EAAE;KACxB;GACJ,EAAE,CAACT,aAAa,CAAC,CAAC;EAEnB,OAAON,qBAAqB;AAChC;;;;"}
+{"version":3,"file":"useIntersectionObserver.js","sources":["../../../../../../src/hooks/useIntersectionObserver.ts"],"sourcesContent":["import React from 'react';\n\nexport const useIntersectionObserver = (ref: React.RefObject<HTMLElement>, offset?: number) => {\n    const [intersectedIndexes, setIntersectedIndexes] = React.useState({});\n\n    const handleIntersection = (entries: IntersectionObserverEntry[], observer: IntersectionObserver) => {\n        if (observer.root) {\n            const children = Array.from((observer.root as Element).children);\n            const map = {};\n\n            entries.forEach(entry => {\n                // entries only contains the items being intersected not all children of the ref\n                // so use root and the the entry being intersected to find its real index\n                // on first mount this is different - all children are present\n                map[children.indexOf(entry.target)] = entry.isIntersecting;\n            });\n\n            setIntersectedIndexes(prev => ({ ...prev, ...map }));\n        }\n    };\n\n    const intersectedChildIndex = React.useMemo(() => {\n        const index = Object.values(intersectedIndexes).indexOf(false);\n        return index > -1 ? index : undefined;\n    }, [intersectedIndexes]);\n\n    const hasRootMargin = intersectedChildIndex !== undefined && offset;\n\n    React.useEffect(() => {\n        const observer = new IntersectionObserver(handleIntersection, {\n            root: ref.current,\n            // offset the button, but only after the first item has been intersected\n            rootMargin: hasRootMargin ? `0px -${offset}px 0px 0px` : undefined,\n            threshold: 1,\n        });\n\n        if (observer.root) {\n            Array.from(observer.root.children).forEach(item => {\n                if (!item.hasAttribute('data-observer-ignore')) {\n                    observer.observe(item);\n                }\n            });\n        }\n\n        return () => {\n            observer.disconnect();\n        };\n    }, [hasRootMargin]);\n\n    return intersectedChildIndex;\n};\n"],"names":["useIntersectionObserver","ref","offset","_React$useState","React","useState","intersectedIndexes","setIntersectedIndexes","handleIntersection","entries","observer","root","children","Array","from","map","forEach","entry","indexOf","target","isIntersecting","prev","_extends","intersectedChildIndex","useMemo","index","Object","values","undefined","hasRootMargin","useEffect","IntersectionObserver","current","rootMargin","threshold","item","hasAttribute","observe","disconnect"],"mappings":";;;IAEaA,uBAAuB,GAAG,SAA1BA,uBAAuBA,CAAIC,GAAiC,EAAEC,MAAe;EACtF,IAAAC,eAAA,GAAoDC,cAAK,CAACC,QAAQ,CAAC,EAAE,CAAC;IAA/DC,kBAAkB,GAAAH,eAAA;IAAEI,qBAAqB,GAAAJ,eAAA;EAEhD,IAAMK,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIC,OAAoC,EAAEC,QAA8B;IAC5F,IAAIA,QAAQ,CAACC,IAAI,EAAE;MACf,IAAMC,QAAQ,GAAGC,KAAK,CAACC,IAAI,CAAEJ,QAAQ,CAACC,IAAgB,CAACC,QAAQ,CAAC;MAChE,IAAMG,GAAG,GAAG,EAAE;MAEdN,OAAO,CAACO,OAAO,CAAC,UAAAC,KAAK;;;;QAIjBF,GAAG,CAACH,QAAQ,CAACM,OAAO,CAACD,KAAK,CAACE,MAAM,CAAC,CAAC,GAAGF,KAAK,CAACG,cAAc;OAC7D,CAAC;MAEFb,qBAAqB,CAAC,UAAAc,IAAI;QAAA,OAAAC,QAAA,KAAUD,IAAI,EAAKN,GAAG;OAAG,CAAC;;GAE3D;EAED,IAAMQ,qBAAqB,GAAGnB,cAAK,CAACoB,OAAO,CAAC;IACxC,IAAMC,KAAK,GAAGC,MAAM,CAACC,MAAM,CAACrB,kBAAkB,CAAC,CAACY,OAAO,CAAC,KAAK,CAAC;IAC9D,OAAOO,KAAK,GAAG,CAAC,CAAC,GAAGA,KAAK,GAAGG,SAAS;GACxC,EAAE,CAACtB,kBAAkB,CAAC,CAAC;EAExB,IAAMuB,aAAa,GAAGN,qBAAqB,KAAKK,SAAS,IAAI1B,MAAM;EAEnEE,cAAK,CAAC0B,SAAS,CAAC;IACZ,IAAMpB,QAAQ,GAAG,IAAIqB,oBAAoB,CAACvB,kBAAkB,EAAE;MAC1DG,IAAI,EAAEV,GAAG,CAAC+B,OAAO;;MAEjBC,UAAU,EAAEJ,aAAa,aAAW3B,MAAM,kBAAe0B,SAAS;MAClEM,SAAS,EAAE;KACd,CAAC;IAEF,IAAIxB,QAAQ,CAACC,IAAI,EAAE;MACfE,KAAK,CAACC,IAAI,CAACJ,QAAQ,CAACC,IAAI,CAACC,QAAQ,CAAC,CAACI,OAAO,CAAC,UAAAmB,IAAI;QAC3C,IAAI,CAACA,IAAI,CAACC,YAAY,CAAC,sBAAsB,CAAC,EAAE;UAC5C1B,QAAQ,CAAC2B,OAAO,CAACF,IAAI,CAAC;;OAE7B,CAAC;;IAGN,OAAO;MACHzB,QAAQ,CAAC4B,UAAU,EAAE;KACxB;GACJ,EAAE,CAACT,aAAa,CAAC,CAAC;EAEnB,OAAON,qBAAqB;AAChC;;;;"}

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

@@ -2,10 +2,12 @@ import { useState, useEffect } from 'react';
 
 // taken from radix
 // determines whether a given ref is a descendant of a form element
-const useIsFormControl = (ref, reset) => {
-  const [isFormControl, setIsFormControl] = useState(false);
-  useEffect(() => {
-    let formElement;
+var useIsFormControl = function useIsFormControl(ref, reset) {
+  var _React$useState = useState(false),
+    isFormControl = _React$useState[0],
+    setIsFormControl = _React$useState[1];
+  useEffect(function () {
+    var formElement;
     if (ref.current) {
       var _ref$current$closest;
       formElement = ref.current.closest('form');
@@ -15,7 +17,7 @@ const useIsFormControl = (ref, reset) => {
       }
       (_ref$current$closest = ref.current.closest('form')) === null || _ref$current$closest === void 0 ? void 0 : _ref$current$closest.addEventListener('reset', reset);
     }
-    return () => {
+    return function () {
       if (formElement) {
         formElement.removeEventListener('reset', reset);
       }

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

@@ -1 +1 @@
-{"version":3,"file":"useIsFormControl.js","sources":["../../../../../../src/hooks/useIsFormControl.ts"],"sourcesContent":["import * as React from 'react';\n\n// taken from radix\n// determines whether a given ref is a descendant of a form element\nexport const useIsFormControl = (ref: React.RefObject<HTMLElement>, reset: () => void) => {\n    const [isFormControl, setIsFormControl] = React.useState(false);\n\n    React.useEffect(() => {\n        let formElement: HTMLFormElement | null;\n\n        if (ref.current) {\n            formElement = ref.current.closest('form');\n            setIsFormControl(!!formElement);\n\n            if (reset && formElement) {\n                formElement.addEventListener('reset', reset);\n            }\n\n            ref.current.closest('form')?.addEventListener('reset', reset);\n        }\n\n        return () => {\n            if (formElement) {\n                formElement.removeEventListener('reset', reset);\n            }\n        };\n    }, [ref.current]);\n\n    return isFormControl;\n};\n"],"names":["useIsFormControl","ref","reset","isFormControl","setIsFormControl","React","formElement","current","_ref$current$closest","closest","addEventListener","removeEventListener"],"mappings":";;AAEA;AACA;MACaA,gBAAgB,GAAGA,CAACC,GAAiC,EAAEC,KAAiB;EACjF,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAGC,QAAc,CAAC,KAAK,CAAC;EAE/DA,SAAe,CAAC;IACZ,IAAIC,WAAmC;IAEvC,IAAIL,GAAG,CAACM,OAAO,EAAE;MAAA,IAAAC,oBAAA;MACbF,WAAW,GAAGL,GAAG,CAACM,OAAO,CAACE,OAAO,CAAC,MAAM,CAAC;MACzCL,gBAAgB,CAAC,CAAC,CAACE,WAAW,CAAC;MAE/B,IAAIJ,KAAK,IAAII,WAAW,EAAE;QACtBA,WAAW,CAACI,gBAAgB,CAAC,OAAO,EAAER,KAAK,CAAC;;MAGhD,CAAAM,oBAAA,GAAAP,GAAG,CAACM,OAAO,CAACE,OAAO,CAAC,MAAM,CAAC,cAAAD,oBAAA,uBAA3BA,oBAAA,CAA6BE,gBAAgB,CAAC,OAAO,EAAER,KAAK,CAAC;;IAGjE,OAAO;MACH,IAAII,WAAW,EAAE;QACbA,WAAW,CAACK,mBAAmB,CAAC,OAAO,EAAET,KAAK,CAAC;;KAEtD;GACJ,EAAE,CAACD,GAAG,CAACM,OAAO,CAAC,CAAC;EAEjB,OAAOJ,aAAa;AACxB;;;;"}
+{"version":3,"file":"useIsFormControl.js","sources":["../../../../../../src/hooks/useIsFormControl.ts"],"sourcesContent":["import * as React from 'react';\n\n// taken from radix\n// determines whether a given ref is a descendant of a form element\nexport const useIsFormControl = (ref: React.RefObject<HTMLElement>, reset: () => void) => {\n    const [isFormControl, setIsFormControl] = React.useState(false);\n\n    React.useEffect(() => {\n        let formElement: HTMLFormElement | null;\n\n        if (ref.current) {\n            formElement = ref.current.closest('form');\n            setIsFormControl(!!formElement);\n\n            if (reset && formElement) {\n                formElement.addEventListener('reset', reset);\n            }\n\n            ref.current.closest('form')?.addEventListener('reset', reset);\n        }\n\n        return () => {\n            if (formElement) {\n                formElement.removeEventListener('reset', reset);\n            }\n        };\n    }, [ref.current]);\n\n    return isFormControl;\n};\n"],"names":["useIsFormControl","ref","reset","_React$useState","React","isFormControl","setIsFormControl","formElement","current","_ref$current$closest","closest","addEventListener","removeEventListener"],"mappings":";;AAEA;AACA;IACaA,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,GAAiC,EAAEC,KAAiB;EACjF,IAAAC,eAAA,GAA0CC,QAAc,CAAC,KAAK,CAAC;IAAxDC,aAAa,GAAAF,eAAA;IAAEG,gBAAgB,GAAAH,eAAA;EAEtCC,SAAe,CAAC;IACZ,IAAIG,WAAmC;IAEvC,IAAIN,GAAG,CAACO,OAAO,EAAE;MAAA,IAAAC,oBAAA;MACbF,WAAW,GAAGN,GAAG,CAACO,OAAO,CAACE,OAAO,CAAC,MAAM,CAAC;MACzCJ,gBAAgB,CAAC,CAAC,CAACC,WAAW,CAAC;MAE/B,IAAIL,KAAK,IAAIK,WAAW,EAAE;QACtBA,WAAW,CAACI,gBAAgB,CAAC,OAAO,EAAET,KAAK,CAAC;;MAGhD,CAAAO,oBAAA,GAAAR,GAAG,CAACO,OAAO,CAACE,OAAO,CAAC,MAAM,CAAC,cAAAD,oBAAA,uBAA3BA,oBAAA,CAA6BE,gBAAgB,CAAC,OAAO,EAAET,KAAK,CAAC;;IAGjE,OAAO;MACH,IAAIK,WAAW,EAAE;QACbA,WAAW,CAACK,mBAAmB,CAAC,OAAO,EAAEV,KAAK,CAAC;;KAEtD;GACJ,EAAE,CAACD,GAAG,CAACO,OAAO,CAAC,CAAC;EAEjB,OAAOH,aAAa;AACxB;;;;"}

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

@@ -1,14 +1,18 @@
 import React__default from 'react';
 
-const useIsHoverStatePaused = () => {
-  const [shouldPauseHoverState, setShouldPauseHoverState] = React__default.useState(false);
+var useIsHoverStatePaused = function useIsHoverStatePaused() {
+  var _React$useState = React__default.useState(false),
+    shouldPauseHoverState = _React$useState[0],
+    setShouldPauseHoverState = _React$useState[1];
   // as soon as the mouse starts moving again, unpause hover state
-  React__default.useEffect(() => {
-    const move = () => setShouldPauseHoverState(false);
+  React__default.useEffect(function () {
+    var move = function move() {
+      return setShouldPauseHoverState(false);
+    };
     if (shouldPauseHoverState) {
       document.addEventListener('mousemove', move);
     }
-    return () => {
+    return function () {
       document.removeEventListener('mousemove', move);
     };
   }, [shouldPauseHoverState]);

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

@@ -1 +1 @@
-{"version":3,"file":"useIsHoverStatePaused.js","sources":["../../../../../../src/hooks/useIsHoverStatePaused.ts"],"sourcesContent":["import React from 'react';\n\nexport const useIsHoverStatePaused = (): [boolean, React.Dispatch<React.SetStateAction<boolean>>] => {\n    const [shouldPauseHoverState, setShouldPauseHoverState] = React.useState<boolean>(false);\n\n    // as soon as the mouse starts moving again, unpause hover state\n    React.useEffect(() => {\n        const move = () => setShouldPauseHoverState(false);\n\n        if (shouldPauseHoverState) {\n            document.addEventListener('mousemove', move);\n        }\n\n        return () => {\n            document.removeEventListener('mousemove', move);\n        };\n    }, [shouldPauseHoverState]);\n\n    return [shouldPauseHoverState, setShouldPauseHoverState];\n};\n"],"names":["useIsHoverStatePaused","shouldPauseHoverState","setShouldPauseHoverState","React","useState","useEffect","move","document","addEventListener","removeEventListener"],"mappings":";;MAEaA,qBAAqB,GAAGA;EACjC,MAAM,CAACC,qBAAqB,EAAEC,wBAAwB,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAAU,KAAK,CAAC;;EAGxFD,cAAK,CAACE,SAAS,CAAC;IACZ,MAAMC,IAAI,GAAGA,MAAMJ,wBAAwB,CAAC,KAAK,CAAC;IAElD,IAAID,qBAAqB,EAAE;MACvBM,QAAQ,CAACC,gBAAgB,CAAC,WAAW,EAAEF,IAAI,CAAC;;IAGhD,OAAO;MACHC,QAAQ,CAACE,mBAAmB,CAAC,WAAW,EAAEH,IAAI,CAAC;KAClD;GACJ,EAAE,CAACL,qBAAqB,CAAC,CAAC;EAE3B,OAAO,CAACA,qBAAqB,EAAEC,wBAAwB,CAAC;AAC5D;;;;"}
+{"version":3,"file":"useIsHoverStatePaused.js","sources":["../../../../../../src/hooks/useIsHoverStatePaused.ts"],"sourcesContent":["import React from 'react';\n\nexport const useIsHoverStatePaused = (): [boolean, React.Dispatch<React.SetStateAction<boolean>>] => {\n    const [shouldPauseHoverState, setShouldPauseHoverState] = React.useState<boolean>(false);\n\n    // as soon as the mouse starts moving again, unpause hover state\n    React.useEffect(() => {\n        const move = () => setShouldPauseHoverState(false);\n\n        if (shouldPauseHoverState) {\n            document.addEventListener('mousemove', move);\n        }\n\n        return () => {\n            document.removeEventListener('mousemove', move);\n        };\n    }, [shouldPauseHoverState]);\n\n    return [shouldPauseHoverState, setShouldPauseHoverState];\n};\n"],"names":["useIsHoverStatePaused","_React$useState","React","useState","shouldPauseHoverState","setShouldPauseHoverState","useEffect","move","document","addEventListener","removeEventListener"],"mappings":";;IAEaA,qBAAqB,GAAG,SAAxBA,qBAAqBA;EAC9B,IAAAC,eAAA,GAA0DC,cAAK,CAACC,QAAQ,CAAU,KAAK,CAAC;IAAjFC,qBAAqB,GAAAH,eAAA;IAAEI,wBAAwB,GAAAJ,eAAA;;EAGtDC,cAAK,CAACI,SAAS,CAAC;IACZ,IAAMC,IAAI,GAAG,SAAPA,IAAIA;MAAA,OAASF,wBAAwB,CAAC,KAAK,CAAC;;IAElD,IAAID,qBAAqB,EAAE;MACvBI,QAAQ,CAACC,gBAAgB,CAAC,WAAW,EAAEF,IAAI,CAAC;;IAGhD,OAAO;MACHC,QAAQ,CAACE,mBAAmB,CAAC,WAAW,EAAEH,IAAI,CAAC;KAClD;GACJ,EAAE,CAACH,qBAAqB,CAAC,CAAC;EAE3B,OAAO,CAACA,qBAAqB,EAAEC,wBAAwB,CAAC;AAC5D;;;;"}

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

@@ -1,6 +1,8 @@
 import { useMatchMedia } from './useMatchMedia.js';
 
-const useIsLargeScreen = () => useMatchMedia('(min-width: 1024px)', window.innerWidth > 1024);
+var useIsLargeScreen = function useIsLargeScreen() {
+  return useMatchMedia('(min-width: 1024px)', window.innerWidth > 1024);
+};
 
 export { useIsLargeScreen };
 //# sourceMappingURL=useIsLargeScreen.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useIsLargeScreen.js","sources":["../../../../../../src/hooks/useIsLargeScreen.ts"],"sourcesContent":["import { useMatchMedia } from './useMatchMedia';\n\nexport const useIsLargeScreen = () => useMatchMedia('(min-width: 1024px)', window.innerWidth > 1024);\n"],"names":["useIsLargeScreen","useMatchMedia","window","innerWidth"],"mappings":";;MAEaA,gBAAgB,GAAGA,MAAMC,aAAa,CAAC,qBAAqB,EAAEC,MAAM,CAACC,UAAU,GAAG,IAAI;;;;"}
+{"version":3,"file":"useIsLargeScreen.js","sources":["../../../../../../src/hooks/useIsLargeScreen.ts"],"sourcesContent":["import { useMatchMedia } from './useMatchMedia';\n\nexport const useIsLargeScreen = () => useMatchMedia('(min-width: 1024px)', window.innerWidth > 1024);\n"],"names":["useIsLargeScreen","useMatchMedia","window","innerWidth"],"mappings":";;IAEaA,gBAAgB,GAAG,SAAnBA,gBAAgBA;EAAA,OAASC,aAAa,CAAC,qBAAqB,EAAEC,MAAM,CAACC,UAAU,GAAG,IAAI,CAAC;AAAA;;;;"}

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

@@ -2,8 +2,8 @@ import React__default from 'react';
 
 // augments useEffect to not run on the initial mount
 function useLazyEffect(effect, deps) {
-  const readyRef = React__default.useRef(false);
-  React__default.useEffect(() => {
+  var readyRef = React__default.useRef(false);
+  React__default.useEffect(function () {
     if (readyRef.current) {
       effect();
     } else {

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

@@ -1 +1 @@
-{"version":3,"file":"useLazyEffect.js","sources":["../../../../../../src/hooks/useLazyEffect.ts"],"sourcesContent":["import React from 'react';\n\n// augments useEffect to not run on the initial mount\nexport function useLazyEffect(effect: React.EffectCallback, deps?: React.DependencyList | undefined) {\n    const readyRef = React.useRef(false);\n\n    React.useEffect(() => {\n        if (readyRef.current) {\n            effect();\n        } else {\n            readyRef.current = true;\n        }\n    }, deps);\n}\n"],"names":["useLazyEffect","effect","deps","readyRef","React","useRef","useEffect","current"],"mappings":";;AAEA;SACgBA,aAAaA,CAACC,MAA4B,EAAEC,IAAuC;EAC/F,MAAMC,QAAQ,GAAGC,cAAK,CAACC,MAAM,CAAC,KAAK,CAAC;EAEpCD,cAAK,CAACE,SAAS,CAAC;IACZ,IAAIH,QAAQ,CAACI,OAAO,EAAE;MAClBN,MAAM,EAAE;KACX,MAAM;MACHE,QAAQ,CAACI,OAAO,GAAG,IAAI;;GAE9B,EAAEL,IAAI,CAAC;AACZ;;;;"}
+{"version":3,"file":"useLazyEffect.js","sources":["../../../../../../src/hooks/useLazyEffect.ts"],"sourcesContent":["import React from 'react';\n\n// augments useEffect to not run on the initial mount\nexport function useLazyEffect(effect: React.EffectCallback, deps?: React.DependencyList | undefined) {\n    const readyRef = React.useRef(false);\n\n    React.useEffect(() => {\n        if (readyRef.current) {\n            effect();\n        } else {\n            readyRef.current = true;\n        }\n    }, deps);\n}\n"],"names":["useLazyEffect","effect","deps","readyRef","React","useRef","useEffect","current"],"mappings":";;AAEA;SACgBA,aAAaA,CAACC,MAA4B,EAAEC,IAAuC;EAC/F,IAAMC,QAAQ,GAAGC,cAAK,CAACC,MAAM,CAAC,KAAK,CAAC;EAEpCD,cAAK,CAACE,SAAS,CAAC;IACZ,IAAIH,QAAQ,CAACI,OAAO,EAAE;MAClBN,MAAM,EAAE;KACX,MAAM;MACHE,QAAQ,CAACI,OAAO,GAAG,IAAI;;GAE9B,EAAEL,IAAI,CAAC;AACZ;;;;"}