@economic/taco 1.12.3 → 1.13.0

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

@@ -0,0 +1,70 @@
+import React__default from 'react';
+import cn from 'classnames';
+
+const 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(() => {
+    if (!fixed) {
+      setExpanded(fixed || initialExpanded);
+    }
+  }, [fixed, initialExpanded]);
+  const listClassName = cn('flex-col mb-0', {
+    flex: expanded,
+    hidden: !expanded
+  });
+  const itemProps = {
+    ...otherProps,
+    'aria-expanded': expanded,
+    role: 'treeitem',
+    tabIndex: -1
+  };
+  const handleClick = event => {
+    const nextState = !expanded;
+    if (!fixed) {
+      setExpanded(nextState);
+    }
+    if (onClick) {
+      onClick(event, nextState);
+    }
+  };
+  const className = typeof externalClassName === 'function' ? externalClassName(expanded) : externalClassName;
+  return /*#__PURE__*/React__default.createElement("div", Object.assign({}, itemProps, {
+    className: className,
+    ref: ref
+  }), /*#__PURE__*/React__default.createElement("div", {
+    onClick: handleClick
+  }, 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'
+  })))));
+});
+const Treeview = /*#__PURE__*/React__default.forwardRef(function Treeview(props, ref) {
+  return /*#__PURE__*/React__default.createElement("div", Object.assign({}, props, {
+    ref: ref,
+    role: "tree"
+  }));
+});
+Treeview.Group = TreeviewGroup;
+Treeview.Item = TreeviewItem;
+
+export { Treeview };
+//# sourceMappingURL=Treeview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Treeview.js","sources":["../../../../../../../src/components/Treeview/Treeview.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\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,YAAY,CAACG,KAAwB,EAAEC,GAAiC;EACnH,oBAAOH,oDAAOE,KAAK;IAAEC,GAAG,EAAEA;KAAO;AACrC,CAAC,CAAC;AAkBF,MAAMC,aAAa,gBAAGJ,cAAK,CAACC,UAAU,CAAC,SAASG,aAAa,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,kBACThC;IAAIiC,GAAG,EAAED,CAAC;IAAEV,IAAI,EAAC;kBACZtB,cAAK,CAACkC,YAAY,CAACJ,IAA+B,EAAE;IAAER,IAAI,EAAE;GAAY,CAAC,CAEjF,CAAC,CACL,CACH;AAEd,CAAC,CAAC;MAaWa,QAAQ,gBAAGnC,cAAK,CAACC,UAAU,CAAC,SAASkC,QAAQ,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;;;;"}

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

@@ -0,0 +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,cAAc,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/useBoundingClientRectListener.js

@@ -0,0 +1,43 @@
+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 = () => {
+    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);
+    window.addEventListener('resize', debouncedResize);
+    return () => {
+      clearTimeout(timeout);
+      window.removeEventListener('resize', debouncedResize);
+    };
+  }, [ref.current, visibility]);
+  useEffect(() => {
+    const 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
+      // the consumer to rerender and that will cause the above hook to recalculate the dimensions
+      setVisibility(newRefElementVisibility);
+    }
+  });
+  useEffect(() => {
+    if (dependencies) {
+      var _ref$current2;
+      setDimensions((_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : _ref$current2.getBoundingClientRect());
+    }
+  }, dependencies);
+  return dimensions;
+};
+
+export { useBoundingClientRectListener };
+//# sourceMappingURL=useBoundingClientRectListener.js.map

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

@@ -0,0 +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","getBoundingClientRect","timeout","setTimeout","debouncedResize","debounce","window","addEventListener","clearTimeout","removeEventListener","newRefElementVisibility"],"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,GAAG,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,GAAG;IACX,IAAIF,UAAU,EAAE;MAAA;MACZL,aAAa,iBAACH,GAAG,CAACO,OAAO,iDAAX,aAAaI,qBAAqB,EAAE,CAAC;;GAE1D;EAEDP,SAAe,CAAC;IACZ,MAAMQ,OAAO,GAAGC,UAAU,CAACH,MAAM,EAAE,CAAC,CAAC;IACrC,MAAMI,eAAe,GAAGC,QAAQ,CAACL,MAAM,EAAE,GAAG,CAAC;IAE7CM,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,CAACd,GAAG,CAACO,OAAO,EAAEC,UAAU,CAAC,CAAC;EAE7BJ,SAAe,CAAC;IACZ,MAAMgB,uBAAuB,GAAG5B,aAAa,CAACQ,GAAG,CAACO,OAAO,CAAC;IAE1D,IAAIC,UAAU,KAAKY,uBAAuB,EAAE;;;;MAIxCX,aAAa,CAACW,uBAAuB,CAAC;;GAE7C,CAAC;EAEFhB,SAAe,CAAC;IACZ,IAAIH,YAAY,EAAE;MAAA;MACdE,aAAa,kBAACH,GAAG,CAACO,OAAO,kDAAX,cAAaI,qBAAqB,EAAE,CAAC;;GAE1D,EAAEV,YAAY,CAAC;EAEhB,OAAOC,UAAU;AACrB;;;;"}

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

@@ -0,0 +1,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(), []);
+};
+
+export { useId };
+//# sourceMappingURL=useId.js.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,28 @@
+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;
+    if (ref.current) {
+      var _ref$current$closest;
+      formElement = ref.current.closest('form');
+      setIsFormControl(!!formElement);
+      if (reset && formElement) {
+        formElement.addEventListener('reset', reset);
+      }
+      (_ref$current$closest = ref.current.closest('form')) === null || _ref$current$closest === void 0 ? void 0 : _ref$current$closest.addEventListener('reset', reset);
+    }
+    return () => {
+      if (formElement) {
+        formElement.removeEventListener('reset', reset);
+      }
+    };
+  }, [ref]);
+  return isFormControl;
+};
+
+export { useIsFormControl };
+//# sourceMappingURL=useIsFormControl.js.map

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

@@ -0,0 +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]);\n\n    return isFormControl;\n};\n"],"names":["useIsFormControl","ref","reset","isFormControl","setIsFormControl","React","formElement","current","closest","addEventListener","removeEventListener"],"mappings":";;AAEA;AACA;MACaA,gBAAgB,GAAG,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;MACbD,WAAW,GAAGL,GAAG,CAACM,OAAO,CAACC,OAAO,CAAC,MAAM,CAAC;MACzCJ,gBAAgB,CAAC,CAAC,CAACE,WAAW,CAAC;MAE/B,IAAIJ,KAAK,IAAII,WAAW,EAAE;QACtBA,WAAW,CAACG,gBAAgB,CAAC,OAAO,EAAEP,KAAK,CAAC;;MAGhD,wBAAAD,GAAG,CAACM,OAAO,CAACC,OAAO,CAAC,MAAM,CAAC,yDAA3B,qBAA6BC,gBAAgB,CAAC,OAAO,EAAEP,KAAK,CAAC;;IAGjE,OAAO;MACH,IAAII,WAAW,EAAE;QACbA,WAAW,CAACI,mBAAmB,CAAC,OAAO,EAAER,KAAK,CAAC;;KAEtD;GACJ,EAAE,CAACD,GAAG,CAAC,CAAC;EAET,OAAOE,aAAa;AACxB;;;;"}

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

@@ -0,0 +1,19 @@
+import React__default from 'react';
+
+// merges an external ref (optional) with an internal ref (required)
+const useMergedRef = ref => {
+  const internalRef = React__default.useRef(null);
+  React__default.useEffect(() => {
+    if (ref) {
+      if (typeof ref === 'function') {
+        ref(internalRef.current);
+      } else {
+        ref.current = internalRef.current;
+      }
+    }
+  }, [ref]);
+  return internalRef;
+};
+
+export { useMergedRef };
+//# sourceMappingURL=useMergedRef.js.map

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

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

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

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

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

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

package/dist/esm/packages/taco/src/index.js

@@ -0,0 +1,57 @@
+export { mergeRefs } from './utils/mergeRefs.js';
+export { Backdrop } from './components/Backdrop/Backdrop.js';
+export { AlertDialog } from './components/AlertDialog/AlertDialog.js';
+export { icons } from './components/Icon/components/index.js';
+export { Icon } from './components/Icon/Icon.js';
+export { Accordion } from './components/Accordion/Accordion.js';
+export { VisuallyHidden } from './components/VisuallyHidden/VisuallyHidden.js';
+export { Badge } from './components/Badge/Badge.js';
+export { Tooltip } from './components/Tooltip/Tooltip.js';
+export { Base, IconButton } from './components/IconButton/IconButton.js';
+export { Banner } from './components/Banner/Banner.js';
+export { Button } from './components/Button/Button.js';
+export { Spinner } from './components/Spinner/Spinner.js';
+export { ToastProvider, useToast } from './components/Toast/Toaster.js';
+export { Provider, defaultLocalisationTexts, useLocalization, useTaco } from './components/Provider/Provider.js';
+export { Calendar } from './components/Calendar/Calendar.js';
+export { Card } from './components/Card/Card.js';
+export { Checkbox } from './components/Checkbox/Checkbox.js';
+export { Input } from './components/Input/Input.js';
+export { getNextIndexFromKey, useListKeyboardNavigation } from './utils/hooks/useListKeyboardNavigation.js';
+export { useListScrollTo } from './utils/hooks/useListScrollTo.js';
+export { useBoundingClientRectListener } from './hooks/useBoundingClientRectListener.js';
+export { Combobox } from './components/Combobox/Combobox.js';
+export { format, parseFromCustomString, parseFromISOString } from './utils/date.js';
+export { Popover } from './components/Popover/Popover.js';
+export { Datepicker } from './components/Datepicker/Datepicker.js';
+export { Dialog } from './components/Dialog/Dialog.js';
+export { Field } from './components/Field/Field.js';
+export { Form } from './components/Form/Form.js';
+export { Group } from './components/Group/Group.js';
+export { Hanger, Title } from './components/Hanger/Hanger.js';
+export { HoverCard } from './components/HoverCard/HoverCard.js';
+export { SearchInput } from './components/SearchInput/SearchInput.js';
+export { Listbox, MultiListbox } from './components/Listbox/Listbox.js';
+export { RadioGroup, findByValue, getRadioGroupItemValueAsString, useRadioGroup } from './components/RadioGroup/RadioGroup.js';
+export { Menu } from './components/Menu/Menu.js';
+export { Treeview } from './components/Treeview/Treeview.js';
+export { useDropTarget } from './utils/hooks/useDropTarget.js';
+export { Navigation } from './components/Navigation/Navigation.js';
+export { Select } from './components/Select/Select.js';
+export { usePagination } from './components/Pagination/usePagination.js';
+export { Pagination } from './components/Pagination/Pagination.js';
+export { Progress } from './components/Progress/Progress.js';
+export { useMergedRef } from './hooks/useMergedRef.js';
+export { Tag } from './components/Tag/Tag.js';
+export { Select2 } from './components/Select2/Select2.js';
+export { Table } from './components/Table/components/Table.js';
+export { PaginatedTable } from './components/Table/components/PaginatedTable.js';
+export { WindowedTable } from './components/Table/components/WindowedTable.js';
+export { convertRowIndexPathToNumberArray, getByRowIndexPath, getParentRowIndexPath, setByRowIndexPath } from './components/Table/util/rowIndexPath.js';
+export { insertChildTableRow, removeChildTableRow, useTableRowCreation } from './components/Table/hooks/useRowCreation.js';
+export { Tabs } from './components/Tabs/Tabs.js';
+export { Textarea } from './components/Textarea/Textarea.js';
+export { Switch } from './components/Switch/Switch.js';
+export { Tour, TourStep } from './components/Tour/Tour.js';
+export { useOnClickOutside } from './utils/hooks/useOnClickOutside.js';
+//# sourceMappingURL=index.js.map

package/dist/esm/packages/taco/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,53 @@
+import React__default from 'react';
+import { usePreviousValue } from '../hooks/usePrevious.js';
+
+// taken from radix - https://github.com/radix-ui/primitives/blob/main/packages/react/select/src/Select.tsx#L1183-L1224
+const BubbleSelect = props => {
+  const {
+    value,
+    ...selectProps
+  } = props;
+  const ref = React__default.useRef(null);
+  const prevValue = usePreviousValue(value);
+  // Bubble value change to parents (e.g form change event)
+  React__default.useEffect(() => {
+    const select = ref.current;
+    const descriptor = Object.getOwnPropertyDescriptor(window.HTMLSelectElement.prototype, 'value');
+    const setValue = descriptor.set;
+    if (prevValue !== value && setValue) {
+      if (Array.isArray(value)) {
+        value.forEach(v => {
+          const option = select.querySelector(`option[value=${v}]`);
+          if (option) {
+            option.selected = true;
+          }
+        });
+      } else {
+        setValue.call(select, value);
+      }
+      const event = new Event('change', {
+        bubbles: true
+      });
+      select.dispatchEvent(event);
+    }
+  }, [prevValue, value]);
+  /**
+   * We purposefully do not use `type="hidden"` here otherwise forms that
+   * wrap it will not be able to access its value via the FormData API.
+   *
+   * We purposefully do not add the `value` attribute here to allow the value
+   * to be set programatically and bubble to any parent form `onChange` event.
+   * Adding the `value` will cause React to consider the programatic
+   * dispatch a duplicate and it will get swallowed.
+   */
+  return /*#__PURE__*/React__default.createElement("select", Object.assign({}, selectProps, {
+    defaultValue: value,
+    ref: ref,
+    style: {
+      display: 'none'
+    }
+  }));
+};
+
+export { BubbleSelect };
+//# sourceMappingURL=BubbleSelect.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BubbleSelect.js","sources":["../../../../../../src/primitives/BubbleSelect.tsx"],"sourcesContent":["import React from 'react';\nimport { usePreviousValue } from '../hooks/usePrevious';\n\n// taken from radix - https://github.com/radix-ui/primitives/blob/main/packages/react/select/src/Select.tsx#L1183-L1224\nexport const BubbleSelect = (props: React.SelectHTMLAttributes<HTMLSelectElement>) => {\n    const { value, ...selectProps } = props;\n    const ref = React.useRef<HTMLSelectElement>(null);\n    const prevValue = usePreviousValue(value);\n\n    // Bubble value change to parents (e.g form change event)\n    React.useEffect(() => {\n        const select = ref.current!;\n        const descriptor = Object.getOwnPropertyDescriptor(window.HTMLSelectElement.prototype, 'value') as PropertyDescriptor;\n        const setValue = descriptor.set;\n\n        if (prevValue !== value && setValue) {\n            if (Array.isArray(value)) {\n                value.forEach(v => {\n                    const option: HTMLOptionElement | null = select.querySelector(`option[value=${v}]`);\n\n                    if (option) {\n                        option.selected = true;\n                    }\n                });\n            } else {\n                setValue.call(select, value);\n            }\n\n            const event = new Event('change', { bubbles: true });\n            select.dispatchEvent(event);\n        }\n    }, [prevValue, value]);\n\n    /**\n     * We purposefully do not use `type=\"hidden\"` here otherwise forms that\n     * wrap it will not be able to access its value via the FormData API.\n     *\n     * We purposefully do not add the `value` attribute here to allow the value\n     * to be set programatically and bubble to any parent form `onChange` event.\n     * Adding the `value` will cause React to consider the programatic\n     * dispatch a duplicate and it will get swallowed.\n     */\n    return <select {...selectProps} defaultValue={value} ref={ref} style={{ display: 'none' }} />;\n};\n"],"names":["BubbleSelect","props","value","selectProps","ref","React","useRef","prevValue","usePreviousValue","useEffect","select","current","descriptor","Object","getOwnPropertyDescriptor","window","HTMLSelectElement","prototype","setValue","set","Array","isArray","forEach","v","option","querySelector","selected","call","event","Event","bubbles","dispatchEvent","defaultValue","style","display"],"mappings":";;;AAGA;MACaA,YAAY,GAAIC,KAAoD;EAC7E,MAAM;IAAEC,KAAK;IAAE,GAAGC;GAAa,GAAGF,KAAK;EACvC,MAAMG,GAAG,GAAGC,cAAK,CAACC,MAAM,CAAoB,IAAI,CAAC;EACjD,MAAMC,SAAS,GAAGC,gBAAgB,CAACN,KAAK,CAAC;;EAGzCG,cAAK,CAACI,SAAS,CAAC;IACZ,MAAMC,MAAM,GAAGN,GAAG,CAACO,OAAQ;IAC3B,MAAMC,UAAU,GAAGC,MAAM,CAACC,wBAAwB,CAACC,MAAM,CAACC,iBAAiB,CAACC,SAAS,EAAE,OAAO,CAAuB;IACrH,MAAMC,QAAQ,GAAGN,UAAU,CAACO,GAAG;IAE/B,IAAIZ,SAAS,KAAKL,KAAK,IAAIgB,QAAQ,EAAE;MACjC,IAAIE,KAAK,CAACC,OAAO,CAACnB,KAAK,CAAC,EAAE;QACtBA,KAAK,CAACoB,OAAO,CAACC,CAAC;UACX,MAAMC,MAAM,GAA6Bd,MAAM,CAACe,aAAa,iBAAiBF,IAAI,CAAC;UAEnF,IAAIC,MAAM,EAAE;YACRA,MAAM,CAACE,QAAQ,GAAG,IAAI;;SAE7B,CAAC;OACL,MAAM;QACHR,QAAQ,CAACS,IAAI,CAACjB,MAAM,EAAER,KAAK,CAAC;;MAGhC,MAAM0B,KAAK,GAAG,IAAIC,KAAK,CAAC,QAAQ,EAAE;QAAEC,OAAO,EAAE;OAAM,CAAC;MACpDpB,MAAM,CAACqB,aAAa,CAACH,KAAK,CAAC;;GAElC,EAAE,CAACrB,SAAS,EAAEL,KAAK,CAAC,CAAC;;;;;;;;;;EAWtB,oBAAOG,yDAAYF,WAAW;IAAE6B,YAAY,EAAE9B,KAAK;IAAEE,GAAG,EAAEA,GAAG;IAAE6B,KAAK,EAAE;MAAEC,OAAO,EAAE;;KAAY;AACjG;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sources":["../../../../../../src/primitives/Button.tsx"],"sourcesContent":["import * as React from 'react';\n\ntype ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement | HTMLAnchorElement> & {\n    /** Content should be a text */\n    children: React.ReactNode;\n    /** Provides url for buttons being used as a link */\n    href?: string;\n    /** Provides target for buttons being used as a link */\n    target?: '_self' | '_blank' | '_parent' | '_top';\n};\n\nconst Button = React.forwardRef(function Button(props: ButtonProps, ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>) {\n    const { disabled, target, type = 'button', ...otherProps } = props;\n\n    const Tag = props.href ? 'a' : 'button';\n\n    return (\n        <Tag\n            {...otherProps}\n            aria-disabled={disabled ? 'true' : undefined}\n            disabled={disabled}\n            target={Tag === 'a' ? target : undefined}\n            type={Tag !== 'a' ? type : undefined}\n            ref={ref as any}>\n            {React.Children.count(props.children) > 1\n                ? React.Children.map(props.children, child => (typeof child === 'string' ? <span>{child}</span> : child))\n                : props.children}\n        </Tag>\n    );\n});\n\nexport { Button };\nexport type { ButtonProps };\n"],"names":["Button","React","props","ref","disabled","target","type","otherProps","Tag","href","undefined","count","children","map","child"],"mappings":";;MAWMA,MAAM,gBAAGC,UAAgB,CAAC,SAASD,MAAM,CAACE,KAAkB,EAAEC,GAAqD;EACrH,MAAM;IAAEC,QAAQ;IAAEC,MAAM;IAAEC,IAAI,GAAG,QAAQ;IAAE,GAAGC;GAAY,GAAGL,KAAK;EAElE,MAAMM,GAAG,GAAGN,KAAK,CAACO,IAAI,GAAG,GAAG,GAAG,QAAQ;EAEvC,oBACIR,cAACO,GAAG,oBACID,UAAU;qBACCH,QAAQ,GAAG,MAAM,GAAGM,SAAS;IAC5CN,QAAQ,EAAEA,QAAQ;IAClBC,MAAM,EAAEG,GAAG,KAAK,GAAG,GAAGH,MAAM,GAAGK,SAAS;IACxCJ,IAAI,EAAEE,GAAG,KAAK,GAAG,GAAGF,IAAI,GAAGI,SAAS;IACpCP,GAAG,EAAEA;MACJF,QAAc,CAACU,KAAK,CAACT,KAAK,CAACU,QAAQ,CAAC,GAAG,CAAC,GACnCX,QAAc,CAACY,GAAG,CAACX,KAAK,CAACU,QAAQ,EAAEE,KAAK,IAAK,OAAOA,KAAK,KAAK,QAAQ,gBAAGb,4BAAOa,KAAK,CAAQ,GAAGA,KAAM,CAAC,GACvGZ,KAAK,CAACU,QAAQ,CAClB;AAEd,CAAC;;;;"}

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

@@ -0,0 +1,157 @@
+import React__default from 'react';
+import { createCustomKeyboardEvent } from '../../../utils/input.js';
+import { useMergedRef } from '../../../hooks/useMergedRef.js';
+import { isAriaDirectionKey } from '../../../utils/aria.js';
+
+const getOptions = (collection, selector) => collection.querySelectorAll(selector);
+// we use javascript to set attributes (rather than cloning children and adding them)
+// so that we can support nesting (e.g. groups) - child elements that aren't options.
+// without doing this we would have to unwrap and flatten all groups
+const Root = /*#__PURE__*/React__default.forwardRef(function CollectionRoot(props, ref) {
+  const {
+    selector,
+    tabIndex = 0,
+    ...otherProps
+  } = props;
+  const internalRef = useMergedRef(ref);
+  const [activeIndex, setActiveIndex] = React__default.useState();
+  const toggleCurrent = collection => {
+    var _collection$querySele;
+    (_collection$querySele = collection.querySelector(`[aria-current]`)) === null || _collection$querySele === void 0 ? void 0 : _collection$querySele.removeAttribute('aria-current');
+    if (activeIndex !== undefined) {
+      var _getOptions;
+      const option = (_getOptions = getOptions(collection, selector)) === null || _getOptions === void 0 ? void 0 : _getOptions.item(activeIndex);
+      if (option) {
+        option.setAttribute('aria-current', 'true');
+        option.scrollIntoView({
+          block: 'nearest'
+        });
+      }
+    }
+  };
+  const setActiveIndexByElement = React__default.useCallback(option => {
+    if (internalRef.current) {
+      if (option.matches(selector)) {
+        const options = getOptions(internalRef.current, selector);
+        const nextActiveIndex = Array.from(options).indexOf(option);
+        if (nextActiveIndex > -1) {
+          setActiveIndex(nextActiveIndex);
+        }
+      }
+    }
+  }, [internalRef.current]);
+  React__default.useEffect(() => {
+    if (internalRef.current) {
+      internalRef.current.setActiveIndex = setActiveIndexByElement;
+    }
+  }, [internalRef.current]);
+  // set/remove appropriate aria-current attributes
+  // we do this in a hook because we expose setActiveIndex on the ref
+  React__default.useEffect(() => {
+    if (internalRef.current) {
+      toggleCurrent(internalRef.current);
+    }
+  }, [activeIndex]);
+  // set the initial active index on mount
+  React__default.useEffect(() => {
+    if (internalRef.current) {
+      const selected = internalRef.current.querySelectorAll(`[aria-selected]`);
+      if (selected.length === 1) {
+        const options = getOptions(internalRef.current, selector);
+        if (options) {
+          const selectedIndex = Array.from(options).indexOf(selected.item(0));
+          if (selectedIndex > -1) {
+            setActiveIndex(selectedIndex);
+          }
+        }
+      } else {
+        // multiple selected or none selected should go to 0
+        setActiveIndex(0);
+      }
+    }
+  }, []);
+  // if children length changes, make sure we still have a valid active index (e.g. searching/filtering or adding a new item)
+  React__default.useEffect(() => {
+    if (internalRef.current) {
+      // make sure index and dom are synced
+      toggleCurrent(internalRef.current);
+      if (activeIndex !== undefined && activeIndex > React__default.Children.count(props.children)) {
+        setActiveIndex(0);
+      }
+    }
+  }, [props.children]);
+  const handleClick = event => {
+    setActiveIndexByElement(event.target);
+  };
+  const handleKeyDown = event => {
+    // this stops the event dispatched to the option rebounding back and starting an infinite loop
+    if (event.target !== event.currentTarget) {
+      return;
+    }
+    const options = getOptions(event.currentTarget, selector);
+    if (options) {
+      if (isAriaDirectionKey(event)) {
+        const nextActiveIndex = getNextEnabledItem(event, options, activeIndex);
+        if (nextActiveIndex !== undefined && nextActiveIndex !== activeIndex) {
+          event.preventDefault();
+          setActiveIndex(nextActiveIndex);
+        }
+      } else if (activeIndex !== undefined) {
+        // forward events onto the underlying option - this lets consumers place onKeyDown handlers on their own components
+        options.item(activeIndex).dispatchEvent(createCustomKeyboardEvent(event));
+      }
+    }
+  };
+  return /*#__PURE__*/React__default.createElement("div", Object.assign({}, otherProps, {
+    onClick: handleClick,
+    onKeyDown: handleKeyDown,
+    ref: internalRef,
+    tabIndex: tabIndex !== null && tabIndex !== void 0 ? tabIndex : 0
+  }));
+});
+const getNextIndexFromKeycode = (event, length, activeIndex) => {
+  switch (event.key) {
+    case 'ArrowUp':
+      return activeIndex === undefined ? length - 1 : activeIndex > 0 ? activeIndex - 1 : activeIndex;
+    case 'ArrowDown':
+      return activeIndex === undefined ? 0 : activeIndex < length - 1 ? activeIndex + 1 : activeIndex;
+    case 'Home':
+      return 0;
+    case 'End':
+      return length - 1;
+    default:
+      return;
+  }
+};
+const getNextEnabledItem = (event, options, activeIndex, recurse = true) => {
+  const nextIndex = getNextIndexFromKeycode(event, options.length, activeIndex);
+  if (nextIndex !== undefined) {
+    if (nextIndex === activeIndex) {
+      return activeIndex;
+    } else if (options.item(nextIndex) && isSkippableItem(options.item(nextIndex))) {
+      // check in the other direction if the first or last item is disabled,
+      // but prevent infinite loops if all elements are disabled by disabling recursion
+      if (recurse) {
+        if (nextIndex === 0) {
+          return getNextEnabledItem(new KeyboardEvent(event.type, {
+            ...event,
+            key: 'ArrowDown'
+          }), options, nextIndex, false);
+        } else if (nextIndex === options.length - 1) {
+          return getNextEnabledItem(new KeyboardEvent(event.type, {
+            ...event,
+            key: 'ArrowUp'
+          }), options, nextIndex, false);
+        }
+      }
+      return getNextEnabledItem(event, options, nextIndex, recurse);
+    }
+  }
+  return nextIndex;
+};
+const isSkippableItem = element => {
+  return element.getAttribute('role') === 'presentation' || !!element.hasAttribute('disabled') || !!element.getAttribute('aria-disabled') || !!element.getAttribute('aria-hidden');
+};
+
+export { Root, getNextEnabledItem, getNextIndexFromKeycode };
+//# sourceMappingURL=Root.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Root.js","sources":["../../../../../../../../src/primitives/Collection/components/Root.tsx"],"sourcesContent":["import React from 'react';\nimport { useMergedRef } from '../../../hooks/useMergedRef';\nimport { isAriaDirectionKey } from '../../../utils/aria';\nimport { createCustomKeyboardEvent } from '../../../utils/input';\n\n/* This component provides a keyboard navigable collection primitive for use in lists\n * It is unlikely you need to edit this component\n */\n\nexport type CollectionProps = React.HTMLAttributes<HTMLDivElement> & {\n    selector: string;\n};\n\nexport type CollectionRef = HTMLDivElement & {\n    setActiveIndex: (option: HTMLDivElement) => void;\n};\n\nconst getOptions = (collection: HTMLDivElement, selector: string): NodeListOf<Element> => collection.querySelectorAll(selector);\n\n// we use javascript to set attributes (rather than cloning children and adding them)\n// so that we can support nesting (e.g. groups) - child elements that aren't options.\n// without doing this we would have to unwrap and flatten all groups\nexport const Root = React.forwardRef<CollectionRef, CollectionProps>(function CollectionRoot(props, ref) {\n    const { selector, tabIndex = 0, ...otherProps } = props;\n    const internalRef = useMergedRef<CollectionRef>(ref);\n    const [activeIndex, setActiveIndex] = React.useState<undefined | number>();\n\n    const toggleCurrent = (collection: HTMLDivElement) => {\n        collection.querySelector(`[aria-current]`)?.removeAttribute('aria-current');\n\n        if (activeIndex !== undefined) {\n            const option = getOptions(collection, selector)?.item(activeIndex);\n\n            if (option) {\n                option.setAttribute('aria-current', 'true');\n                option.scrollIntoView({ block: 'nearest' });\n            }\n        }\n    };\n\n    const setActiveIndexByElement = React.useCallback(\n        (option: HTMLDivElement) => {\n            if (internalRef.current) {\n                if (option.matches(selector)) {\n                    const options = getOptions(internalRef.current, selector);\n                    const nextActiveIndex = Array.from(options).indexOf(option);\n\n                    if (nextActiveIndex > -1) {\n                        setActiveIndex(nextActiveIndex);\n                    }\n                }\n            }\n        },\n        [internalRef.current]\n    );\n\n    React.useEffect(() => {\n        if (internalRef.current) {\n            internalRef.current.setActiveIndex = setActiveIndexByElement;\n        }\n    }, [internalRef.current]);\n\n    // set/remove appropriate aria-current attributes\n    // we do this in a hook because we expose setActiveIndex on the ref\n    React.useEffect(() => {\n        if (internalRef.current) {\n            toggleCurrent(internalRef.current);\n        }\n    }, [activeIndex]);\n\n    // set the initial active index on mount\n    React.useEffect(() => {\n        if (internalRef.current) {\n            const selected = internalRef.current.querySelectorAll(`[aria-selected]`);\n\n            if (selected.length === 1) {\n                const options = getOptions(internalRef.current, selector);\n\n                if (options) {\n                    const selectedIndex = Array.from(options).indexOf(selected.item(0));\n\n                    if (selectedIndex > -1) {\n                        setActiveIndex(selectedIndex);\n                    }\n                }\n            } else {\n                // multiple selected or none selected should go to 0\n                setActiveIndex(0);\n            }\n        }\n    }, []);\n\n    // if children length changes, make sure we still have a valid active index (e.g. searching/filtering or adding a new item)\n    React.useEffect(() => {\n        if (internalRef.current) {\n            // make sure index and dom are synced\n            toggleCurrent(internalRef.current);\n\n            if (activeIndex !== undefined && activeIndex > React.Children.count(props.children)) {\n                setActiveIndex(0);\n            }\n        }\n    }, [props.children]);\n\n    const handleClick = (event: React.MouseEvent<HTMLDivElement>) => {\n        setActiveIndexByElement(event.target as HTMLDivElement);\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n        // this stops the event dispatched to the option rebounding back and starting an infinite loop\n        if (event.target !== event.currentTarget) {\n            return;\n        }\n\n        const options = getOptions(event.currentTarget, selector);\n\n        if (options) {\n            if (isAriaDirectionKey(event)) {\n                const nextActiveIndex = getNextEnabledItem(event, options, activeIndex);\n\n                if (nextActiveIndex !== undefined && nextActiveIndex !== activeIndex) {\n                    event.preventDefault();\n                    setActiveIndex(nextActiveIndex);\n                }\n            } else if (activeIndex !== undefined) {\n                // forward events onto the underlying option - this lets consumers place onKeyDown handlers on their own components\n                options\n                    .item(activeIndex)\n                    .dispatchEvent(createCustomKeyboardEvent(event as React.KeyboardEvent<HTMLInputElement>));\n            }\n        }\n    };\n\n    return <div {...otherProps} onClick={handleClick} onKeyDown={handleKeyDown} ref={internalRef} tabIndex={tabIndex ?? 0} />;\n});\n\nexport const getNextIndexFromKeycode = (\n    event: React.KeyboardEvent,\n    length: number,\n    activeIndex: number | undefined\n): number | undefined => {\n    switch (event.key) {\n        case 'ArrowUp':\n            return activeIndex === undefined ? length - 1 : activeIndex > 0 ? activeIndex - 1 : activeIndex;\n\n        case 'ArrowDown':\n            return activeIndex === undefined ? 0 : activeIndex < length - 1 ? activeIndex + 1 : activeIndex;\n\n        case 'Home':\n            return 0;\n\n        case 'End':\n            return length - 1;\n\n        default:\n            return;\n    }\n};\n\nexport const getNextEnabledItem = (\n    event: React.KeyboardEvent<HTMLElement>,\n    options: NodeListOf<Element>,\n    activeIndex: number | undefined,\n    recurse = true\n): number | undefined => {\n    const nextIndex = getNextIndexFromKeycode(event, options.length, activeIndex);\n\n    if (nextIndex !== undefined) {\n        if (nextIndex === activeIndex) {\n            return activeIndex;\n        } else if (options.item(nextIndex) && isSkippableItem(options.item(nextIndex))) {\n            // check in the other direction if the first or last item is disabled,\n            // but prevent infinite loops if all elements are disabled by disabling recursion\n            if (recurse) {\n                if (nextIndex === 0) {\n                    return getNextEnabledItem(\n                        new KeyboardEvent(event.type, { ...(event as any), key: 'ArrowDown' }) as any,\n                        options,\n                        nextIndex,\n                        false\n                    );\n                } else if (nextIndex === options.length - 1) {\n                    return getNextEnabledItem(\n                        new KeyboardEvent(event.type, { ...(event as any), key: 'ArrowUp' }) as any,\n                        options,\n                        nextIndex,\n                        false\n                    );\n                }\n            }\n\n            return getNextEnabledItem(event, options, nextIndex, recurse);\n        }\n    }\n\n    return nextIndex;\n};\n\nconst isSkippableItem = (element: Element) => {\n    return (\n        element.getAttribute('role') === 'presentation' ||\n        !!element.hasAttribute('disabled') ||\n        !!element.getAttribute('aria-disabled') ||\n        !!element.getAttribute('aria-hidden')\n    );\n};\n"],"names":["getOptions","collection","selector","querySelectorAll","Root","React","forwardRef","CollectionRoot","props","ref","tabIndex","otherProps","internalRef","useMergedRef","activeIndex","setActiveIndex","useState","toggleCurrent","querySelector","removeAttribute","undefined","option","item","setAttribute","scrollIntoView","block","setActiveIndexByElement","useCallback","current","matches","options","nextActiveIndex","Array","from","indexOf","useEffect","selected","length","selectedIndex","Children","count","children","handleClick","event","target","handleKeyDown","currentTarget","isAriaDirectionKey","getNextEnabledItem","preventDefault","dispatchEvent","createCustomKeyboardEvent","onClick","onKeyDown","getNextIndexFromKeycode","key","recurse","nextIndex","isSkippableItem","KeyboardEvent","type","element","getAttribute","hasAttribute"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Context.js","sources":["../../../../../../../../src/primitives/Listbox2/components/Context.tsx"],"sourcesContent":["import React from 'react';\nimport { Listbox2Value } from '../types';\n\nexport type Listbox2ContextProps = {\n    disabled: boolean;\n    readOnly: boolean;\n    setValue: (value: Listbox2Value) => void;\n    value?: Listbox2Value;\n};\n\nexport const Listbox2Context = React.createContext({} as Listbox2ContextProps);\nexport const useListbox2Context = () => React.useContext(Listbox2Context);\n"],"names":["Listbox2Context","React","createContext","useListbox2Context","useContext"],"mappings":";;MAUaA,eAAe,gBAAGC,cAAK,CAACC,aAAa,CAAC,EAA0B;MAChEC,kBAAkB,GAAG,MAAMF,cAAK,CAACG,UAAU,CAACJ,eAAe;;;;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Group.js","sources":["../../../../../../../../src/primitives/Listbox2/components/Group.tsx"],"sourcesContent":["import React from 'react';\n\nexport type Listbox2GroupProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const Group = React.forwardRef<HTMLDivElement, Listbox2GroupProps>(function Listbox2Group(props, ref) {\n    const [labelledById, setLabelledById] = React.useState<string>();\n\n    return (\n        <Listbox2GroupContext.Provider value={{ setLabelledById }}>\n            <div {...props} aria-labelledby={labelledById} ref={ref} role=\"group\" />\n        </Listbox2GroupContext.Provider>\n    );\n});\n\nexport type Listbox2GroupContextProps = {\n    setLabelledById: (id: string) => void;\n};\n\nexport const Listbox2GroupContext = React.createContext({} as Listbox2GroupContextProps);\nexport const useListbox2GroupContext = () => React.useContext(Listbox2GroupContext);\n"],"names":["Group","React","forwardRef","Listbox2Group","props","ref","labelledById","setLabelledById","useState","Listbox2GroupContext","Provider","value","role","createContext","useListbox2GroupContext","useContext"],"mappings":";;MAIaA,KAAK,gBAAGC,cAAK,CAACC,UAAU,CAAqC,SAASC,aAAa,CAACC,KAAK,EAAEC,GAAG;EACvG,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAGN,cAAK,CAACO,QAAQ,EAAU;EAEhE,oBACIP,6BAACQ,oBAAoB,CAACC,QAAQ;IAACC,KAAK,EAAE;MAAEJ;;kBACpCN,sDAASG,KAAK;uBAAmBE,YAAY;IAAED,GAAG,EAAEA,GAAG;IAAEO,IAAI,EAAC;KAAU,CAC5C;AAExC,CAAC;MAMYH,oBAAoB,gBAAGR,cAAK,CAACY,aAAa,CAAC,EAA+B;MAC1EC,uBAAuB,GAAG,MAAMb,cAAK,CAACc,UAAU,CAACN,oBAAoB;;;;"}