@economic/taco 1.1.10 → 1.1.12

package/dist/esm/_virtual/_rollupPluginBabelHelpers.js

@@ -1,3 +1,20 @@
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+
 function _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null) return {};
   var target = {};
@@ -13,5 +30,5 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   return target;
 }
 
-export { _objectWithoutPropertiesLoose as objectWithoutPropertiesLoose };
+export { _extends as extends, _objectWithoutPropertiesLoose as objectWithoutPropertiesLoose };
 //# sourceMappingURL=_rollupPluginBabelHelpers.js.map

package/dist/esm/_virtual/_rollupPluginBabelHelpers.js.map

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

package/dist/esm/components/Button/Button.js

@@ -1,34 +1,35 @@
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { forwardRef, createElement } from 'react';
 import cn from 'classnames';
 import { Icon } from '../Icon/Icon.js';
 import { getButtonClasses, getAppearanceClasses, createButton } from './util.js';
 
-const Button = /*#__PURE__*/forwardRef(function Button(props, ref) {
-  const {
-    fluid,
-    ...otherProps
-  } = props;
-  const className = cn(getButtonClasses(), getAppearanceClasses(otherProps.appearance), 'rounded px-3', {
+var _excluded = ["fluid"];
+var Button = /*#__PURE__*/forwardRef(function Button(props, ref) {
+  var fluid = props.fluid,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+
+  var className = cn(getButtonClasses(), getAppearanceClasses(otherProps.appearance), 'rounded px-3', {
     'cursor-not-allowed opacity-50': props.disabled,
     'focus:yt-focus active:focus:yt-focus': !props.disabled,
     'w-full': fluid
   }, props.className);
-  let children = otherProps.children; // add a chevron icon to menu buttons
+  var children = otherProps.children; // add a chevron icon to menu buttons
 
   if (typeof otherProps.menu === 'function') {
-    children = Array.isArray(children) ? [...children, createElement(Icon, {
+    children = Array.isArray(children) ? [].concat(children, [createElement(Icon, {
       key: "chevron-down",
       name: "chevron-down"
-    })] : [children, createElement(Icon, {
+    })]) : [children, createElement(Icon, {
       key: "chevron-down",
       name: "chevron-down"
     })];
   }
 
-  return createButton({ ...otherProps,
-    children,
+  return createButton(_extends({}, otherProps, {
+    children: children,
     'data-taco': 'button'
-  }, className, ref);
+  }), className, ref);
 });
 
 export { Button };

package/dist/esm/components/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport cn from 'classnames';\r\nimport { Appearance } from '../../types';\r\nimport * as ButtonPrimitive from '../../primitives/Button';\r\nimport { getAppearanceClasses, getButtonClasses, createButton } from './util';\r\nimport { HangerProps } from '../Hanger/Hanger';\r\nimport { MenuProps } from '../Menu/Menu';\r\nimport { DialogProps } from '../Dialog/Dialog';\r\nimport { PopoverProps } from '../Popover/Popover';\r\nimport './Button.css';\r\nimport { Icon } from '../Icon/Icon';\r\n\r\nexport type ButtonProps = ButtonPrimitive.ButtonProps & {\r\n    /** Appearance will change the style of the button */\r\n    appearance?: Appearance;\r\n    /**\r\n     * Dialog component associated with the button, clicking the button will open the dialog.\r\n     * *Note* that `onClick` event on button won't be handled, as in this case, the purpose of\r\n     * the button should be only to open the associated dialog when clicked.\r\n     */\r\n    dialog?: (props: Partial<DialogProps>) => JSX.Element;\r\n    /** If fluid, button expands to the width of it's container */\r\n    fluid?: boolean;\r\n    /** Hanger component associated with the button. */\r\n    hanger?: (props: Partial<HangerProps>) => JSX.Element;\r\n    /** Menu component associated with the button. */\r\n    menu?: (props: Partial<MenuProps>) => JSX.Element;\r\n    /**\r\n     * Popover component associated with the button, clicking the button will open the popover.\r\n     * *Note* that `onClick` event on button won't be handled, as in this case, the purpose of\r\n     * the button should be only to open the associated popover when clicked.\r\n     */\r\n    popover?: (props: Partial<PopoverProps>) => JSX.Element;\r\n    /** A tooltip to show when hovering over the button */\r\n    tooltip?: string;\r\n};\r\n\r\nexport const Button = React.forwardRef(function Button(\r\n    props: ButtonProps,\r\n    ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>\r\n) {\r\n    const { fluid, ...otherProps } = props;\r\n    const className = cn(\r\n        getButtonClasses(),\r\n        getAppearanceClasses(otherProps.appearance),\r\n        'rounded px-3',\r\n        {\r\n            'cursor-not-allowed opacity-50': props.disabled,\r\n            'focus:yt-focus active:focus:yt-focus': !props.disabled,\r\n            'w-full': fluid,\r\n        },\r\n        props.className\r\n    );\r\n\r\n    let children = otherProps.children;\r\n\r\n    // add a chevron icon to menu buttons\r\n    if (typeof otherProps.menu === 'function') {\r\n        children = Array.isArray(children)\r\n            ? [...children, <Icon key=\"chevron-down\" name=\"chevron-down\" />]\r\n            : [children, <Icon key=\"chevron-down\" name=\"chevron-down\" />];\r\n    }\r\n\r\n    return createButton({ ...otherProps, children, 'data-taco': 'button' }, className, ref);\r\n});\r\n"],"names":["Button","React","props","ref","fluid","otherProps","className","cn","getButtonClasses","getAppearanceClasses","appearance","disabled","children","menu","Array","isArray","Icon","key","name","createButton"],"mappings":";;;;;MAqCaA,MAAM,gBAAGC,UAAA,CAAiB,SAASD,MAAT,CACnCE,KADmC,EAEnCC,GAFmC;EAInC,MAAM;IAAEC,KAAF;IAAS,GAAGC;MAAeH,KAAjC;EACA,MAAMI,SAAS,GAAGC,EAAE,CAChBC,gBAAgB,EADA,EAEhBC,oBAAoB,CAACJ,UAAU,CAACK,UAAZ,CAFJ,EAGhB,cAHgB,EAIhB;IACI,iCAAiCR,KAAK,CAACS,QAD3C;IAEI,wCAAwC,CAACT,KAAK,CAACS,QAFnD;IAGI,UAAUP;GAPE,EAShBF,KAAK,CAACI,SATU,CAApB;EAYA,IAAIM,QAAQ,GAAGP,UAAU,CAACO,QAA1B;;EAGA,IAAI,OAAOP,UAAU,CAACQ,IAAlB,KAA2B,UAA/B,EAA2C;IACvCD,QAAQ,GAAGE,KAAK,CAACC,OAAN,CAAcH,QAAd,IACL,CAAC,GAAGA,QAAJ,EAAcX,aAAA,CAACe,IAAD;MAAMC,GAAG,EAAC;MAAeC,IAAI,EAAC;KAA9B,CAAd,CADK,GAEL,CAACN,QAAD,EAAWX,aAAA,CAACe,IAAD;MAAMC,GAAG,EAAC;MAAeC,IAAI,EAAC;KAA9B,CAAX,CAFN;;;EAKJ,OAAOC,YAAY,CAAC,EAAE,GAAGd,UAAL;IAAiBO,QAAjB;IAA2B,aAAa;GAAzC,EAAqDN,SAArD,EAAgEH,GAAhE,CAAnB;AACH,CA3BqB;;;;"}
+{"version":3,"file":"Button.js","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport cn from 'classnames';\r\nimport { Appearance } from '../../types';\r\nimport * as ButtonPrimitive from '../../primitives/Button';\r\nimport { getAppearanceClasses, getButtonClasses, createButton } from './util';\r\nimport { HangerProps } from '../Hanger/Hanger';\r\nimport { MenuProps } from '../Menu/Menu';\r\nimport { DialogProps } from '../Dialog/Dialog';\r\nimport { PopoverProps } from '../Popover/Popover';\r\nimport './Button.css';\r\nimport { Icon } from '../Icon/Icon';\r\n\r\nexport type ButtonProps = ButtonPrimitive.ButtonProps & {\r\n    /** Appearance will change the style of the button */\r\n    appearance?: Appearance;\r\n    /**\r\n     * Dialog component associated with the button, clicking the button will open the dialog.\r\n     * *Note* that `onClick` event on button won't be handled, as in this case, the purpose of\r\n     * the button should be only to open the associated dialog when clicked.\r\n     */\r\n    dialog?: (props: Partial<DialogProps>) => JSX.Element;\r\n    /** If fluid, button expands to the width of it's container */\r\n    fluid?: boolean;\r\n    /** Hanger component associated with the button. */\r\n    hanger?: (props: Partial<HangerProps>) => JSX.Element;\r\n    /** Menu component associated with the button. */\r\n    menu?: (props: Partial<MenuProps>) => JSX.Element;\r\n    /**\r\n     * Popover component associated with the button, clicking the button will open the popover.\r\n     * *Note* that `onClick` event on button won't be handled, as in this case, the purpose of\r\n     * the button should be only to open the associated popover when clicked.\r\n     */\r\n    popover?: (props: Partial<PopoverProps>) => JSX.Element;\r\n    /** A tooltip to show when hovering over the button */\r\n    tooltip?: string;\r\n};\r\n\r\nexport const Button = React.forwardRef(function Button(\r\n    props: ButtonProps,\r\n    ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>\r\n) {\r\n    const { fluid, ...otherProps } = props;\r\n    const className = cn(\r\n        getButtonClasses(),\r\n        getAppearanceClasses(otherProps.appearance),\r\n        'rounded px-3',\r\n        {\r\n            'cursor-not-allowed opacity-50': props.disabled,\r\n            'focus:yt-focus active:focus:yt-focus': !props.disabled,\r\n            'w-full': fluid,\r\n        },\r\n        props.className\r\n    );\r\n\r\n    let children = otherProps.children;\r\n\r\n    // add a chevron icon to menu buttons\r\n    if (typeof otherProps.menu === 'function') {\r\n        children = Array.isArray(children)\r\n            ? [...children, <Icon key=\"chevron-down\" name=\"chevron-down\" />]\r\n            : [children, <Icon key=\"chevron-down\" name=\"chevron-down\" />];\r\n    }\r\n\r\n    return createButton({ ...otherProps, children, 'data-taco': 'button' }, className, ref);\r\n});\r\n"],"names":["Button","React","props","ref","fluid","otherProps","className","cn","getButtonClasses","getAppearanceClasses","appearance","disabled","children","menu","Array","isArray","Icon","key","name","createButton"],"mappings":";;;;;;;IAqCaA,MAAM,gBAAGC,UAAA,CAAiB,SAASD,MAAT,CACnCE,KADmC,EAEnCC,GAFmC;EAInC,IAAQC,KAAR,GAAiCF,KAAjC,CAAQE,KAAR;MAAkBC,UAAlB,iCAAiCH,KAAjC;;EACA,IAAMI,SAAS,GAAGC,EAAE,CAChBC,gBAAgB,EADA,EAEhBC,oBAAoB,CAACJ,UAAU,CAACK,UAAZ,CAFJ,EAGhB,cAHgB,EAIhB;IACI,iCAAiCR,KAAK,CAACS,QAD3C;IAEI,wCAAwC,CAACT,KAAK,CAACS,QAFnD;IAGI,UAAUP;GAPE,EAShBF,KAAK,CAACI,SATU,CAApB;EAYA,IAAIM,QAAQ,GAAGP,UAAU,CAACO,QAA1B;;EAGA,IAAI,OAAOP,UAAU,CAACQ,IAAlB,KAA2B,UAA/B,EAA2C;IACvCD,QAAQ,GAAGE,KAAK,CAACC,OAAN,CAAcH,QAAd,cACDA,QADC,GACSX,aAAA,CAACe,IAAD;MAAMC,GAAG,EAAC;MAAeC,IAAI,EAAC;KAA9B,CADT,KAEL,CAACN,QAAD,EAAWX,aAAA,CAACe,IAAD;MAAMC,GAAG,EAAC;MAAeC,IAAI,EAAC;KAA9B,CAAX,CAFN;;;EAKJ,OAAOC,YAAY,cAAMd,UAAN;IAAkBO,QAAQ,EAARA,QAAlB;IAA4B,aAAa;MAAYN,SAArD,EAAgEH,GAAhE,CAAnB;AACH,CA3BqB;;;;"}

package/dist/esm/components/Calendar/Calendar.js

@@ -1,40 +1,41 @@
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { forwardRef, useState, useEffect, createElement, memo } from 'react';
 import cn from 'classnames';
 import { IconButton } from '../IconButton/IconButton.js';
 import ReactDayPicker from 'react-day-picker';
 import { useLocalization } from '../Provider/Provider.js';
 
-const renderDay = (day, modifiers) => modifiers.disabled ? createElement("span", {
-  className: "dot"
-}) : day.getDate();
+var _excluded = ["onChange", "value"];
 
-const thisYear = /*#__PURE__*/new Date().getFullYear();
-const years = [];
+var renderDay = function renderDay(day, modifiers) {
+  return modifiers.disabled ? createElement("span", {
+    className: "dot"
+  }) : day.getDate();
+};
 
-for (let i = thisYear - 10; i <= thisYear + 10; i += 1) {
+var thisYear = /*#__PURE__*/new Date().getFullYear();
+var years = [];
+
+for (var i = thisYear - 10; i <= thisYear + 10; i += 1) {
   years.push(i);
 }
 
-const Navbar = /*#__PURE__*/memo(({
-  onMonthChange,
-  onNextClick,
-  onPreviousClick,
-  value = new Date()
-}) => {
-  const {
-    texts: {
-      calendar: {
-        actions,
-        months
-      }
-    }
-  } = useLocalization();
+var Navbar = /*#__PURE__*/memo(function (_ref) {
+  var onMonthChange = _ref.onMonthChange,
+      onNextClick = _ref.onNextClick,
+      onPreviousClick = _ref.onPreviousClick,
+      _ref$value = _ref.value,
+      value = _ref$value === void 0 ? new Date() : _ref$value;
 
-  const handleChange = function handleChange(event) {
-    const {
-      year,
-      month
-    } = event.target.form;
+  var _useLocalization = useLocalization(),
+      _useLocalization$text = _useLocalization.texts.calendar,
+      actions = _useLocalization$text.actions,
+      months = _useLocalization$text.months;
+
+  var handleChange = function handleChange(event) {
+    var _event$target$form = event.target.form,
+        year = _event$target$form.year,
+        month = _event$target$form.month;
     onMonthChange(new Date(year.value, month.value));
   };
 
@@ -47,49 +48,59 @@ const Navbar = /*#__PURE__*/memo(({
     name: "month",
     onChange: handleChange,
     value: value.getMonth()
-  }, months.map((month, i) => createElement("option", {
-    key: month,
-    value: i
-  }, month))), createElement("select", {
+  }, months.map(function (month, i) {
+    return createElement("option", {
+      key: month,
+      value: i
+    }, month);
+  })), createElement("select", {
     className: "h-8 px-2",
     name: "year",
     onChange: handleChange,
     value: value.getFullYear()
-  }, years.map(year => createElement("option", {
-    key: year,
-    value: year
-  }, String(year))))), createElement("div", null, createElement(IconButton, {
+  }, years.map(function (year) {
+    return createElement("option", {
+      key: year,
+      value: year
+    }, String(year));
+  }))), createElement("div", null, createElement(IconButton, {
     appearance: "discrete",
     icon: "chevron-left",
     "aria-label": actions.previousMonth,
-    onClick: () => onPreviousClick(),
+    onClick: function onClick() {
+      return onPreviousClick();
+    },
     rounded: true
   }), createElement(IconButton, {
     appearance: "discrete",
     icon: "chevron-right",
     "aria-label": actions.nextMonth,
-    onClick: () => onNextClick(),
+    onClick: function onClick() {
+      return onNextClick();
+    },
     rounded: true
   })));
 });
-const Calendar = /*#__PURE__*/forwardRef(function Calendar(props, ref) {
-  const {
-    onChange: handleChange,
-    value,
-    ...otherProps
-  } = props;
-  const {
-    locale,
-    texts
-  } = useLocalization();
-  const [visibleMonth, setVisibleMonth] = useState(value !== null && value !== void 0 ? value : new Date());
-  useEffect(() => {
+var Calendar = /*#__PURE__*/forwardRef(function Calendar(props, ref) {
+  var handleChange = props.onChange,
+      value = props.value,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+
+  var _useLocalization2 = useLocalization(),
+      locale = _useLocalization2.locale,
+      texts = _useLocalization2.texts;
+
+  var _React$useState = useState(value !== null && value !== void 0 ? value : new Date()),
+      visibleMonth = _React$useState[0],
+      setVisibleMonth = _React$useState[1];
+
+  useEffect(function () {
     if (visibleMonth !== value) {
       setVisibleMonth(value !== null && value !== void 0 ? value : new Date());
     }
   }, [value]);
 
-  const handleDayClick = (date, modifiers, event) => {
+  var handleDayClick = function handleDayClick(date, modifiers, event) {
     if (modifiers.outside || modifiers.disabled) {
       return;
     }
@@ -97,8 +108,8 @@ const Calendar = /*#__PURE__*/forwardRef(function Calendar(props, ref) {
     handleChange(date, event);
   };
 
-  const handleCalendarClickToday = () => {
-    const today = new Date(); // set to midday to avoid UTC offset causing dates to be mismatched server side
+  var handleCalendarClickToday = function handleCalendarClickToday() {
+    var today = new Date(); // set to midday to avoid UTC offset causing dates to be mismatched server side
 
     today.setHours(12);
     today.setMinutes(0);
@@ -106,7 +117,7 @@ const Calendar = /*#__PURE__*/forwardRef(function Calendar(props, ref) {
     handleChange(today);
   };
 
-  const className = cn('flex bg-white text-xs p-4', otherProps.className);
+  var className = cn('flex bg-white text-xs p-4', otherProps.className);
   return createElement("div", {
     "data-taco": "calendar"
   }, createElement(ReactDayPicker, Object.assign({}, otherProps, {
@@ -117,14 +128,18 @@ const Calendar = /*#__PURE__*/forwardRef(function Calendar(props, ref) {
     firstDayOfWeek: 1,
     months: texts.calendar.months,
     weekdaysShort: texts.calendar.weekdaysShort,
-    navbarElement: navProps => createElement(Navbar, Object.assign({}, navProps, {
-      onMonthChange: setVisibleMonth,
-      value: visibleMonth
-    })),
+    navbarElement: function navbarElement(navProps) {
+      return createElement(Navbar, Object.assign({}, navProps, {
+        onMonthChange: setVisibleMonth,
+        value: visibleMonth
+      }));
+    },
     onDayClick: handleDayClick,
     onMonthChange: setVisibleMonth,
     onTodayButtonClick: handleCalendarClickToday,
-    captionElement: () => null,
+    captionElement: function captionElement() {
+      return null;
+    },
     todayButton: texts.calendar.actions.today,
     showOutsideDays: true,
     renderDay: renderDay,

package/dist/esm/components/Calendar/Calendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.js","sources":["../../../../src/components/Calendar/Calendar.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport cn from 'classnames';\r\nimport ReactDayPicker, { NavbarElementProps, DayModifiers } from 'react-day-picker';\r\nimport { useLocalization } from '../Provider/Provider';\r\nimport './Calendar.css';\r\nimport { IconButton } from '../IconButton/IconButton';\r\n\r\nexport type CalendarTextsActions = {\r\n    /** Aria-label for previous month action button */\r\n    previousMonth: string;\r\n    /** Aria-label for next month action button */\r\n    nextMonth: string;\r\n    /** Aria-label for previous year action button */\r\n    previousYear: string;\r\n    /** Aria-label for next year action button */\r\n    nextYear: string;\r\n    /** Text displayed within today action button */\r\n    today: string;\r\n};\r\n\r\nexport type CalendarTexts = {\r\n    /** Text and aria-label for action buttons in Calendar */\r\n    actions: CalendarTextsActions;\r\n    /** Text abbreviation for months in Calendar's header, starting with January */\r\n    months: string[];\r\n    /** Text abbreviation for days in Calendar's header, starting with Sunday */\r\n    weekdaysShort: string[];\r\n};\r\n\r\nconst renderDay = (day: Date, modifiers: DayModifiers): React.ReactNode =>\r\n    modifiers.disabled ? <span className=\"dot\" /> : day.getDate();\r\n\r\n/** @internal */\r\ntype CustomNavbarElementProps = NavbarElementProps & {\r\n    showYearControls?: boolean;\r\n    onMonthChange: (month: Date) => void;\r\n    value?: Date;\r\n};\r\n\r\nconst thisYear = new Date().getFullYear();\r\nconst years: number[] = [];\r\n\r\nfor (let i = thisYear - 10; i <= thisYear + 10; i += 1) {\r\n    years.push(i);\r\n}\r\n\r\nconst Navbar = React.memo(\r\n    ({ onMonthChange, onNextClick, onPreviousClick, value = new Date() }: CustomNavbarElementProps): JSX.Element => {\r\n        const {\r\n            texts: {\r\n                calendar: { actions, months },\r\n            },\r\n        } = useLocalization();\r\n\r\n        const handleChange = function handleChange(event) {\r\n            const { year, month } = event.target.form;\r\n            onMonthChange(new Date(year.value, month.value));\r\n        };\r\n\r\n        return (\r\n            <div className=\"mb-2 flex items-center justify-between\">\r\n                <form className=\"inline-flex space-x-1\">\r\n                    <select className=\"h-8 px-2\" name=\"month\" onChange={handleChange} value={value.getMonth()}>\r\n                        {months.map((month, i) => (\r\n                            <option key={month} value={i}>\r\n                                {month}\r\n                            </option>\r\n                        ))}\r\n                    </select>\r\n                    <select className=\"h-8 px-2\" name=\"year\" onChange={handleChange} value={value.getFullYear()}>\r\n                        {years.map(year => (\r\n                            <option key={year} value={year}>\r\n                                {String(year)}\r\n                            </option>\r\n                        ))}\r\n                    </select>\r\n                </form>\r\n                <div>\r\n                    <IconButton\r\n                        appearance=\"discrete\"\r\n                        icon=\"chevron-left\"\r\n                        aria-label={actions.previousMonth}\r\n                        onClick={() => onPreviousClick()}\r\n                        rounded\r\n                    />\r\n                    <IconButton\r\n                        appearance=\"discrete\"\r\n                        icon=\"chevron-right\"\r\n                        aria-label={actions.nextMonth}\r\n                        onClick={() => onNextClick()}\r\n                        rounded\r\n                    />\r\n                </div>\r\n            </div>\r\n        );\r\n    }\r\n);\r\n\r\nexport type CalendarProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'value'> & {\r\n    /** Handler called when a day is clicked in calendar */\r\n    onChange: (date: Date, event?: React.MouseEvent<HTMLDivElement>) => void;\r\n    value?: Date;\r\n};\r\n\r\nexport const Calendar = React.forwardRef(function Calendar(props: CalendarProps, ref: React.Ref<ReactDayPicker>) {\r\n    const { onChange: handleChange, value, ...otherProps } = props;\r\n    const { locale, texts } = useLocalization();\r\n    const [visibleMonth, setVisibleMonth] = React.useState(value ?? new Date());\r\n\r\n    React.useEffect(() => {\r\n        if (visibleMonth !== value) {\r\n            setVisibleMonth(value ?? new Date());\r\n        }\r\n    }, [value]);\r\n\r\n    const handleDayClick = (date, modifiers, event) => {\r\n        if (modifiers.outside || modifiers.disabled) {\r\n            return;\r\n        }\r\n\r\n        handleChange(date, event);\r\n    };\r\n\r\n    const handleCalendarClickToday = (): void => {\r\n        const today = new Date();\r\n\r\n        // set to midday to avoid UTC offset causing dates to be mismatched server side\r\n        today.setHours(12);\r\n        today.setMinutes(0);\r\n        today.setSeconds(0);\r\n\r\n        handleChange(today);\r\n    };\r\n\r\n    const className = cn('flex bg-white text-xs p-4', otherProps.className);\r\n\r\n    return (\r\n        <div data-taco=\"calendar\">\r\n            <ReactDayPicker\r\n                {...otherProps}\r\n                className={className}\r\n                month={visibleMonth}\r\n                selectedDays={value}\r\n                locale={locale.substring(0, 2)}\r\n                firstDayOfWeek={1}\r\n                months={texts.calendar.months}\r\n                weekdaysShort={texts.calendar.weekdaysShort}\r\n                navbarElement={navProps => <Navbar {...navProps} onMonthChange={setVisibleMonth} value={visibleMonth} />}\r\n                onDayClick={handleDayClick}\r\n                onMonthChange={setVisibleMonth}\r\n                onTodayButtonClick={handleCalendarClickToday}\r\n                captionElement={() => null}\r\n                todayButton={texts.calendar.actions.today}\r\n                showOutsideDays\r\n                renderDay={renderDay}\r\n                numberOfMonths={1}\r\n                ref={ref}\r\n            />\r\n        </div>\r\n    );\r\n});\r\n"],"names":["renderDay","day","modifiers","disabled","React","className","getDate","thisYear","Date","getFullYear","years","i","push","Navbar","onMonthChange","onNextClick","onPreviousClick","value","texts","calendar","actions","months","useLocalization","handleChange","event","year","month","target","form","name","onChange","getMonth","map","key","String","IconButton","appearance","icon","previousMonth","onClick","rounded","nextMonth","Calendar","props","ref","otherProps","locale","visibleMonth","setVisibleMonth","handleDayClick","date","outside","handleCalendarClickToday","today","setHours","setMinutes","setSeconds","cn","ReactDayPicker","selectedDays","substring","firstDayOfWeek","weekdaysShort","navbarElement","navProps","onDayClick","onTodayButtonClick","captionElement","todayButton","showOutsideDays","numberOfMonths"],"mappings":"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"}
+{"version":3,"file":"Calendar.js","sources":["../../../../src/components/Calendar/Calendar.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport cn from 'classnames';\r\nimport ReactDayPicker, { NavbarElementProps, DayModifiers } from 'react-day-picker';\r\nimport { useLocalization } from '../Provider/Provider';\r\nimport './Calendar.css';\r\nimport { IconButton } from '../IconButton/IconButton';\r\n\r\nexport type CalendarTextsActions = {\r\n    /** Aria-label for previous month action button */\r\n    previousMonth: string;\r\n    /** Aria-label for next month action button */\r\n    nextMonth: string;\r\n    /** Aria-label for previous year action button */\r\n    previousYear: string;\r\n    /** Aria-label for next year action button */\r\n    nextYear: string;\r\n    /** Text displayed within today action button */\r\n    today: string;\r\n};\r\n\r\nexport type CalendarTexts = {\r\n    /** Text and aria-label for action buttons in Calendar */\r\n    actions: CalendarTextsActions;\r\n    /** Text abbreviation for months in Calendar's header, starting with January */\r\n    months: string[];\r\n    /** Text abbreviation for days in Calendar's header, starting with Sunday */\r\n    weekdaysShort: string[];\r\n};\r\n\r\nconst renderDay = (day: Date, modifiers: DayModifiers): React.ReactNode =>\r\n    modifiers.disabled ? <span className=\"dot\" /> : day.getDate();\r\n\r\n/** @internal */\r\ntype CustomNavbarElementProps = NavbarElementProps & {\r\n    showYearControls?: boolean;\r\n    onMonthChange: (month: Date) => void;\r\n    value?: Date;\r\n};\r\n\r\nconst thisYear = new Date().getFullYear();\r\nconst years: number[] = [];\r\n\r\nfor (let i = thisYear - 10; i <= thisYear + 10; i += 1) {\r\n    years.push(i);\r\n}\r\n\r\nconst Navbar = React.memo(\r\n    ({ onMonthChange, onNextClick, onPreviousClick, value = new Date() }: CustomNavbarElementProps): JSX.Element => {\r\n        const {\r\n            texts: {\r\n                calendar: { actions, months },\r\n            },\r\n        } = useLocalization();\r\n\r\n        const handleChange = function handleChange(event) {\r\n            const { year, month } = event.target.form;\r\n            onMonthChange(new Date(year.value, month.value));\r\n        };\r\n\r\n        return (\r\n            <div className=\"mb-2 flex items-center justify-between\">\r\n                <form className=\"inline-flex space-x-1\">\r\n                    <select className=\"h-8 px-2\" name=\"month\" onChange={handleChange} value={value.getMonth()}>\r\n                        {months.map((month, i) => (\r\n                            <option key={month} value={i}>\r\n                                {month}\r\n                            </option>\r\n                        ))}\r\n                    </select>\r\n                    <select className=\"h-8 px-2\" name=\"year\" onChange={handleChange} value={value.getFullYear()}>\r\n                        {years.map(year => (\r\n                            <option key={year} value={year}>\r\n                                {String(year)}\r\n                            </option>\r\n                        ))}\r\n                    </select>\r\n                </form>\r\n                <div>\r\n                    <IconButton\r\n                        appearance=\"discrete\"\r\n                        icon=\"chevron-left\"\r\n                        aria-label={actions.previousMonth}\r\n                        onClick={() => onPreviousClick()}\r\n                        rounded\r\n                    />\r\n                    <IconButton\r\n                        appearance=\"discrete\"\r\n                        icon=\"chevron-right\"\r\n                        aria-label={actions.nextMonth}\r\n                        onClick={() => onNextClick()}\r\n                        rounded\r\n                    />\r\n                </div>\r\n            </div>\r\n        );\r\n    }\r\n);\r\n\r\nexport type CalendarProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'value'> & {\r\n    /** Handler called when a day is clicked in calendar */\r\n    onChange: (date: Date, event?: React.MouseEvent<HTMLDivElement>) => void;\r\n    value?: Date;\r\n};\r\n\r\nexport const Calendar = React.forwardRef(function Calendar(props: CalendarProps, ref: React.Ref<ReactDayPicker>) {\r\n    const { onChange: handleChange, value, ...otherProps } = props;\r\n    const { locale, texts } = useLocalization();\r\n    const [visibleMonth, setVisibleMonth] = React.useState(value ?? new Date());\r\n\r\n    React.useEffect(() => {\r\n        if (visibleMonth !== value) {\r\n            setVisibleMonth(value ?? new Date());\r\n        }\r\n    }, [value]);\r\n\r\n    const handleDayClick = (date, modifiers, event) => {\r\n        if (modifiers.outside || modifiers.disabled) {\r\n            return;\r\n        }\r\n\r\n        handleChange(date, event);\r\n    };\r\n\r\n    const handleCalendarClickToday = (): void => {\r\n        const today = new Date();\r\n\r\n        // set to midday to avoid UTC offset causing dates to be mismatched server side\r\n        today.setHours(12);\r\n        today.setMinutes(0);\r\n        today.setSeconds(0);\r\n\r\n        handleChange(today);\r\n    };\r\n\r\n    const className = cn('flex bg-white text-xs p-4', otherProps.className);\r\n\r\n    return (\r\n        <div data-taco=\"calendar\">\r\n            <ReactDayPicker\r\n                {...otherProps}\r\n                className={className}\r\n                month={visibleMonth}\r\n                selectedDays={value}\r\n                locale={locale.substring(0, 2)}\r\n                firstDayOfWeek={1}\r\n                months={texts.calendar.months}\r\n                weekdaysShort={texts.calendar.weekdaysShort}\r\n                navbarElement={navProps => <Navbar {...navProps} onMonthChange={setVisibleMonth} value={visibleMonth} />}\r\n                onDayClick={handleDayClick}\r\n                onMonthChange={setVisibleMonth}\r\n                onTodayButtonClick={handleCalendarClickToday}\r\n                captionElement={() => null}\r\n                todayButton={texts.calendar.actions.today}\r\n                showOutsideDays\r\n                renderDay={renderDay}\r\n                numberOfMonths={1}\r\n                ref={ref}\r\n            />\r\n        </div>\r\n    );\r\n});\r\n"],"names":["renderDay","day","modifiers","disabled","React","className","getDate","thisYear","Date","getFullYear","years","i","push","Navbar","onMonthChange","onNextClick","onPreviousClick","value","useLocalization","texts","calendar","actions","months","handleChange","event","target","form","year","month","name","onChange","getMonth","map","key","String","IconButton","appearance","icon","previousMonth","onClick","rounded","nextMonth","Calendar","props","ref","otherProps","locale","visibleMonth","setVisibleMonth","handleDayClick","date","outside","handleCalendarClickToday","today","setHours","setMinutes","setSeconds","cn","ReactDayPicker","selectedDays","substring","firstDayOfWeek","weekdaysShort","navbarElement","navProps","onDayClick","onTodayButtonClick","captionElement","todayButton","showOutsideDays","numberOfMonths"],"mappings":"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"}

package/dist/esm/components/Card/Card.js

@@ -1,3 +1,4 @@
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { forwardRef, createElement } from 'react';
 import cn from 'classnames';
 import '../Icon/components/index.js';
@@ -15,12 +16,14 @@ import '../Toast/Toaster.js';
 import '../Provider/Provider.js';
 import '../Calendar/Calendar.js';
 import '../Checkbox/Checkbox.js';
+import '../../utils/hooks/useProxiedRef.js';
 import '../Input/Input.js';
 import '../../utils/hooks/useListKeyboardNavigation.js';
 import '../../utils/hooks/useListScrollTo.js';
 import '../../utils/hooks/useBoundingClientRectListener.js';
 import '../Combobox/Combobox.js';
 import '../../utils/date.js';
+import '../../utils/mergeRefs.js';
 import '../Popover/Popover.js';
 import '../Datepicker/Datepicker.js';
 import '../Dialog/Dialog.js';
@@ -34,6 +37,7 @@ import '../Listbox/Listbox.js';
 import '../RadioGroup/RadioGroup.js';
 import '../Menu/Menu.js';
 import '../Treeview/Treeview.js';
+import '../../utils/hooks/useDropTarget.js';
 import '../Navigation/Navigation.js';
 import '../Select/Select.js';
 import '../Pagination/usePagination.js';
@@ -50,12 +54,12 @@ import '../Switch/Switch.js';
 import '../Tour/Tour.js';
 import '../../utils/hooks/useOnClickOutside.js';
 
-const Content = /*#__PURE__*/forwardRef(function CardContent(externalProps, ref) {
-  const {
-    noPadding,
-    ...props
-  } = externalProps;
-  const className = cn('flex-grow overflow-auto', {
+var _excluded = ["noPadding"];
+var Content = /*#__PURE__*/forwardRef(function CardContent(externalProps, ref) {
+  var noPadding = externalProps.noPadding,
+      props = _objectWithoutPropertiesLoose(externalProps, _excluded);
+
+  var className = cn('flex-grow overflow-auto', {
     'mx-4 mb-4': !noPadding
   }, props.className);
   return createElement("div", Object.assign({}, props, {
@@ -63,13 +67,11 @@ const Content = /*#__PURE__*/forwardRef(function CardContent(externalProps, ref)
     ref: ref
   }));
 });
-const Card = /*#__PURE__*/forwardRef(function Card(props, ref) {
-  const {
-    title,
-    menu,
-    children
-  } = props;
-  const className = cn('bg-white flex flex-col rounded-xl shadow-[0px_0px_1px_rgba(0,0,0,0.1),0px_6px_18px_rgba(47,51,68,0.2)]', props.className);
+var Card = /*#__PURE__*/forwardRef(function Card(props, ref) {
+  var title = props.title,
+      menu = props.menu,
+      children = props.children;
+  var className = cn('bg-white flex flex-col rounded-xl shadow-[0px_0px_1px_rgba(0,0,0,0.1),0px_6px_18px_rgba(47,51,68,0.2)]', props.className);
   return createElement("div", {
     className: className,
     "data-taco": "card",

package/dist/esm/components/Card/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sources":["../../../../src/components/Card/Card.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport cn from 'classnames';\r\n\r\nimport { MenuProps, IconButton } from '../..';\r\n\r\nexport type CardContentProps = React.HTMLAttributes<HTMLDivElement> & {\r\n    noPadding?: boolean;\r\n};\r\n\r\nconst Content = React.forwardRef<HTMLDivElement, CardContentProps>(function CardContent(externalProps, ref) {\r\n    const { noPadding, ...props } = externalProps;\r\n    const className = cn(\r\n        'flex-grow overflow-auto',\r\n        {\r\n            'mx-4 mb-4': !noPadding,\r\n        },\r\n        props.className\r\n    );\r\n    return <div {...props} className={className} ref={ref} />;\r\n});\r\n\r\nexport type CardProps = React.HTMLAttributes<HTMLDivElement> & {\r\n    /** Title of the Card */\r\n    title: string | React.ReactElement;\r\n    /** Menu component associated with the Card */\r\n    menu?: (props: Partial<MenuProps>) => JSX.Element;\r\n};\r\n\r\nexport const Card = React.forwardRef<HTMLDivElement, CardProps>(function Card(props, ref) {\r\n    const { title, menu, children } = props;\r\n    const className = cn(\r\n        'bg-white flex flex-col rounded-xl shadow-[0px_0px_1px_rgba(0,0,0,0.1),0px_6px_18px_rgba(47,51,68,0.2)]',\r\n        props.className\r\n    );\r\n\r\n    return (\r\n        <div className={className} data-taco=\"card\" ref={ref}>\r\n            <div className=\"mx-4 mt-4 mb-2 flex\">\r\n                {title && <h4 className=\"mb-0 flex-grow text-left\">{title}</h4>}\r\n                {menu ? <IconButton icon=\"ellipsis-horizontal\" appearance=\"discrete\" menu={menu} className=\"-mt-[4px]\" /> : null}\r\n            </div>\r\n            {children}\r\n        </div>\r\n    );\r\n}) as React.ForwardRefExoticComponent<CardProps> & {\r\n    Content: React.ForwardRefExoticComponent<CardContentProps>;\r\n};\r\nCard.Content = Content;\r\n"],"names":["Content","React","CardContent","externalProps","ref","noPadding","props","className","cn","Card","title","menu","children","IconButton","icon","appearance"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAMA,OAAO,gBAAGC,UAAA,CAAmD,SAASC,WAAT,CAAqBC,aAArB,EAAoCC,GAApC;EAC/D,MAAM;IAAEC,SAAF;IAAa,GAAGC;MAAUH,aAAhC;EACA,MAAMI,SAAS,GAAGC,EAAE,CAChB,yBADgB,EAEhB;IACI,aAAa,CAACH;GAHF,EAKhBC,KAAK,CAACC,SALU,CAApB;EAOA,OAAON,aAAA,MAAA,oBAASK;IAAOC,SAAS,EAAEA;IAAWH,GAAG,EAAEA;IAA3C,CAAP;AACH,CAVe,CAAhB;MAmBaK,IAAI,gBAAGR,UAAA,CAA4C,SAASQ,IAAT,CAAcH,KAAd,EAAqBF,GAArB;EAC5D,MAAM;IAAEM,KAAF;IAASC,IAAT;IAAeC;MAAaN,KAAlC;EACA,MAAMC,SAAS,GAAGC,EAAE,CAChB,wGADgB,EAEhBF,KAAK,CAACC,SAFU,CAApB;EAKA,OACIN,aAAA,MAAA;IAAKM,SAAS,EAAEA;iBAAqB;IAAOH,GAAG,EAAEA;GAAjD,EACIH,aAAA,MAAA;IAAKM,SAAS,EAAC;GAAf,EACKG,KAAK,IAAIT,aAAA,KAAA;IAAIM,SAAS,EAAC;GAAd,EAA0CG,KAA1C,CADd,EAEKC,IAAI,GAAGV,aAAA,CAACY,UAAD;IAAYC,IAAI,EAAC;IAAsBC,UAAU,EAAC;IAAWJ,IAAI,EAAEA;IAAMJ,SAAS,EAAC;GAAnF,CAAH,GAAuG,IAFhH,CADJ,EAKKK,QALL,CADJ;AASH,CAhBmB;AAmBpBH,IAAI,CAACT,OAAL,GAAeA,OAAf;;;;"}
+{"version":3,"file":"Card.js","sources":["../../../../src/components/Card/Card.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport cn from 'classnames';\r\n\r\nimport { MenuProps, IconButton } from '../..';\r\n\r\nexport type CardContentProps = React.HTMLAttributes<HTMLDivElement> & {\r\n    noPadding?: boolean;\r\n};\r\n\r\nconst Content = React.forwardRef<HTMLDivElement, CardContentProps>(function CardContent(externalProps, ref) {\r\n    const { noPadding, ...props } = externalProps;\r\n    const className = cn(\r\n        'flex-grow overflow-auto',\r\n        {\r\n            'mx-4 mb-4': !noPadding,\r\n        },\r\n        props.className\r\n    );\r\n    return <div {...props} className={className} ref={ref} />;\r\n});\r\n\r\nexport type CardProps = React.HTMLAttributes<HTMLDivElement> & {\r\n    /** Title of the Card */\r\n    title: string | React.ReactElement;\r\n    /** Menu component associated with the Card */\r\n    menu?: (props: Partial<MenuProps>) => JSX.Element;\r\n};\r\n\r\nexport const Card = React.forwardRef<HTMLDivElement, CardProps>(function Card(props, ref) {\r\n    const { title, menu, children } = props;\r\n    const className = cn(\r\n        'bg-white flex flex-col rounded-xl shadow-[0px_0px_1px_rgba(0,0,0,0.1),0px_6px_18px_rgba(47,51,68,0.2)]',\r\n        props.className\r\n    );\r\n\r\n    return (\r\n        <div className={className} data-taco=\"card\" ref={ref}>\r\n            <div className=\"mx-4 mt-4 mb-2 flex\">\r\n                {title && <h4 className=\"mb-0 flex-grow text-left\">{title}</h4>}\r\n                {menu ? <IconButton icon=\"ellipsis-horizontal\" appearance=\"discrete\" menu={menu} className=\"-mt-[4px]\" /> : null}\r\n            </div>\r\n            {children}\r\n        </div>\r\n    );\r\n}) as React.ForwardRefExoticComponent<CardProps> & {\r\n    Content: React.ForwardRefExoticComponent<CardContentProps>;\r\n};\r\nCard.Content = Content;\r\n"],"names":["Content","React","CardContent","externalProps","ref","noPadding","props","className","cn","Card","title","menu","children","IconButton","icon","appearance"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,IAAMA,OAAO,gBAAGC,UAAA,CAAmD,SAASC,WAAT,CAAqBC,aAArB,EAAoCC,GAApC;EAC/D,IAAQC,SAAR,GAAgCF,aAAhC,CAAQE,SAAR;MAAsBC,KAAtB,iCAAgCH,aAAhC;;EACA,IAAMI,SAAS,GAAGC,EAAE,CAChB,yBADgB,EAEhB;IACI,aAAa,CAACH;GAHF,EAKhBC,KAAK,CAACC,SALU,CAApB;EAOA,OAAON,aAAA,MAAA,oBAASK;IAAOC,SAAS,EAAEA;IAAWH,GAAG,EAAEA;IAA3C,CAAP;AACH,CAVe,CAAhB;IAmBaK,IAAI,gBAAGR,UAAA,CAA4C,SAASQ,IAAT,CAAcH,KAAd,EAAqBF,GAArB;EAC5D,IAAQM,KAAR,GAAkCJ,KAAlC,CAAQI,KAAR;MAAeC,IAAf,GAAkCL,KAAlC,CAAeK,IAAf;MAAqBC,QAArB,GAAkCN,KAAlC,CAAqBM,QAArB;EACA,IAAML,SAAS,GAAGC,EAAE,CAChB,wGADgB,EAEhBF,KAAK,CAACC,SAFU,CAApB;EAKA,OACIN,aAAA,MAAA;IAAKM,SAAS,EAAEA;iBAAqB;IAAOH,GAAG,EAAEA;GAAjD,EACIH,aAAA,MAAA;IAAKM,SAAS,EAAC;GAAf,EACKG,KAAK,IAAIT,aAAA,KAAA;IAAIM,SAAS,EAAC;GAAd,EAA0CG,KAA1C,CADd,EAEKC,IAAI,GAAGV,aAAA,CAACY,UAAD;IAAYC,IAAI,EAAC;IAAsBC,UAAU,EAAC;IAAWJ,IAAI,EAAEA;IAAMJ,SAAS,EAAC;GAAnF,CAAH,GAAuG,IAFhH,CADJ,EAKKK,QALL,CADJ;AASH,CAhBmB;AAmBpBH,IAAI,CAACT,OAAL,GAAeA,OAAf;;;;"}

package/dist/esm/components/Checkbox/Checkbox.js

@@ -1,32 +1,35 @@
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { forwardRef, createElement } from 'react';
 import cn from 'classnames';
 import { Icon } from '../Icon/Icon.js';
 import { Root, Indicator } from '@radix-ui/react-checkbox';
 
-const Checkbox = /*#__PURE__*/forwardRef(function Checkbox(props, ref) {
-  const {
-    checked,
-    highlighted,
-    indeterminate,
-    invalid,
-    label,
-    onChange,
-    ...otherProps
-  } = props;
-  const className = cn('bg-white h-5 w-5 border rounded text-sm flex-shrink-0 self-start mt-[0.1rem] focus:yt-focus', //hover:shadow-[0_0_0_1px_rgba(235,235,235,1)]
+var _excluded = ["checked", "highlighted", "indeterminate", "invalid", "label", "onChange"];
+var Checkbox = /*#__PURE__*/forwardRef(function Checkbox(props, ref) {
+  var checked = props.checked,
+      highlighted = props.highlighted,
+      indeterminate = props.indeterminate,
+      invalid = props.invalid,
+      label = props.label,
+      onChange = props.onChange,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+
+  var className = cn('bg-white h-5 w-5 border rounded text-sm flex-shrink-0 self-start mt-[0.1rem] focus:yt-focus', //hover:shadow-[0_0_0_1px_rgba(235,235,235,1)]
   props.className, {
     'border-grey-dark text-blue hover:text-blue-light focus:border-blue focus:hover:border-blue-light': !props.disabled && !invalid,
     'border-grey text-blue-light cursor-not-allowed': props.disabled,
     'bg-[rgba(255,255,0,0.2)] disabled:bg-[rgba(255,255,0,0.075)]': highlighted,
     'border-red text-red hover:text-red-light hover:border-red-light focus:border-red focus:hover:border-red-light': invalid && !props.disabled
   });
-  let handleChange;
+  var handleChange;
 
   if (onChange) {
-    handleChange = checked => onChange(checked === 'indeterminate' ? false : checked);
+    handleChange = function handleChange(checked) {
+      return onChange(checked === 'indeterminate' ? false : checked);
+    };
   }
 
-  const element = createElement(Root, Object.assign({}, otherProps, {
+  var element = createElement(Root, Object.assign({}, otherProps, {
     "data-taco": "checkbox",
     checked: indeterminate ? 'indeterminate' : checked,
     className: className,
@@ -40,7 +43,7 @@ const Checkbox = /*#__PURE__*/forwardRef(function Checkbox(props, ref) {
   })));
 
   if (label) {
-    const labelClassName = cn('flex items-center cursor-pointer gap-2', {
+    var labelClassName = cn('flex items-center cursor-pointer gap-2', {
       'cursor-not-allowed text-grey-dark': props.disabled
     }, props.className);
     return createElement("label", {

package/dist/esm/components/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport cn from 'classnames';\r\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox';\r\nimport { Icon } from '../Icon/Icon';\r\n\r\ntype CheckedState = boolean | 'indeterminate';\r\n\r\ntype CheckboxBaseProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'onChange'> & {\r\n    /* Increases visual prominenance of the checkbox */\r\n    highlighted?: boolean;\r\n    /**\r\n     * Indeterminate state should only be used with sub-checkboxes. The indeterminate state is shown if not all\r\n     * sub-checkboxes are selected. This only affects the style, changing the icon in the checkbox.\r\n     */\r\n    indeterminate?: boolean;\r\n    /* Whether the checkbox is in an invalid state */\r\n    invalid?: boolean;\r\n    /** Label for the checkbox */\r\n    label?: React.ReactNode;\r\n    /* Whether user input is required */\r\n    required?: boolean;\r\n};\r\n\r\ninterface UncontrolledCheckboxProps extends CheckboxBaseProps {\r\n    checked?: never;\r\n    onChange?: never;\r\n    /* The default checked state (uncontrolled) */\r\n    defaultChecked?: boolean;\r\n}\r\n\r\ninterface ControlledCheckboxProps extends CheckboxBaseProps {\r\n    defaultChecked?: never;\r\n    /* The current checked state (controlled) */\r\n    checked: boolean;\r\n    /* Handler called when the checked state changes */\r\n    onChange: (checked: boolean) => void;\r\n}\r\n\r\nexport type CheckboxProps = UncontrolledCheckboxProps | ControlledCheckboxProps;\r\n\r\nexport const Checkbox = React.forwardRef(function Checkbox(props: CheckboxProps, ref: React.Ref<HTMLButtonElement>) {\r\n    const { checked, highlighted, indeterminate, invalid, label, onChange, ...otherProps } = props;\r\n\r\n    const className = cn(\r\n        'bg-white h-5 w-5 border rounded text-sm flex-shrink-0 self-start mt-[0.1rem] focus:yt-focus', //hover:shadow-[0_0_0_1px_rgba(235,235,235,1)]\r\n        props.className,\r\n        {\r\n            'border-grey-dark text-blue hover:text-blue-light focus:border-blue focus:hover:border-blue-light':\r\n                !props.disabled && !invalid,\r\n            'border-grey text-blue-light cursor-not-allowed': props.disabled,\r\n            'bg-[rgba(255,255,0,0.2)] disabled:bg-[rgba(255,255,0,0.075)]': highlighted,\r\n            'border-red text-red hover:text-red-light hover:border-red-light focus:border-red focus:hover:border-red-light':\r\n                invalid && !props.disabled,\r\n        }\r\n    );\r\n\r\n    let handleChange: ((checked: CheckedState) => void) | undefined;\r\n\r\n    if (onChange) {\r\n        handleChange = (checked: CheckedState) => onChange(checked === 'indeterminate' ? false : checked);\r\n    }\r\n\r\n    const element = (\r\n        <CheckboxPrimitive.Root\r\n            {...otherProps}\r\n            data-taco=\"checkbox\"\r\n            checked={indeterminate ? 'indeterminate' : checked}\r\n            className={className}\r\n            onCheckedChange={handleChange}\r\n            ref={ref}\r\n        >\r\n            <CheckboxPrimitive.Indicator className=\"flex h-full w-full\">\r\n                <Icon name={indeterminate ? 'line' : 'tick'} className=\"!h-full !w-full\" />\r\n            </CheckboxPrimitive.Indicator>\r\n        </CheckboxPrimitive.Root>\r\n    );\r\n\r\n    if (label) {\r\n        const labelClassName = cn(\r\n            'flex items-center cursor-pointer gap-2',\r\n            {\r\n                'cursor-not-allowed text-grey-dark': props.disabled,\r\n            },\r\n            props.className\r\n        );\r\n\r\n        return (\r\n            <label className={labelClassName}>\r\n                {element}\r\n                {label}\r\n            </label>\r\n        );\r\n    }\r\n\r\n    return element;\r\n});\r\n"],"names":["Checkbox","React","props","ref","checked","highlighted","indeterminate","invalid","label","onChange","otherProps","className","cn","disabled","handleChange","element","CheckboxPrimitive","onCheckedChange","Icon","name","labelClassName"],"mappings":";;;;;MAwCaA,QAAQ,gBAAGC,UAAA,CAAiB,SAASD,QAAT,CAAkBE,KAAlB,EAAwCC,GAAxC;EACrC,MAAM;IAAEC,OAAF;IAAWC,WAAX;IAAwBC,aAAxB;IAAuCC,OAAvC;IAAgDC,KAAhD;IAAuDC,QAAvD;IAAiE,GAAGC;MAAeR,KAAzF;EAEA,MAAMS,SAAS,GAAGC,EAAE,CAChB,6FADgB;EAEhBV,KAAK,CAACS,SAFU,EAGhB;IACI,oGACI,CAACT,KAAK,CAACW,QAAP,IAAmB,CAACN,OAF5B;IAGI,kDAAkDL,KAAK,CAACW,QAH5D;IAII,gEAAgER,WAJpE;IAKI,iHACIE,OAAO,IAAI,CAACL,KAAK,CAACW;GATV,CAApB;EAaA,IAAIC,YAAJ;;EAEA,IAAIL,QAAJ,EAAc;IACVK,YAAY,GAAIV,OAAD,IAA2BK,QAAQ,CAACL,OAAO,KAAK,eAAZ,GAA8B,KAA9B,GAAsCA,OAAvC,CAAlD;;;EAGJ,MAAMW,OAAO,GACTd,aAAA,CAACe,IAAD,oBACQN;iBACM;IACVN,OAAO,EAAEE,aAAa,GAAG,eAAH,GAAqBF;IAC3CO,SAAS,EAAEA;IACXM,eAAe,EAAEH;IACjBX,GAAG,EAAEA;IANT,EAQIF,aAAA,CAACe,SAAD;IAA6BL,SAAS,EAAC;GAAvC,EACIV,aAAA,CAACiB,IAAD;IAAMC,IAAI,EAAEb,aAAa,GAAG,MAAH,GAAY;IAAQK,SAAS,EAAC;GAAvD,CADJ,CARJ,CADJ;;EAeA,IAAIH,KAAJ,EAAW;IACP,MAAMY,cAAc,GAAGR,EAAE,CACrB,wCADqB,EAErB;MACI,qCAAqCV,KAAK,CAACW;KAH1B,EAKrBX,KAAK,CAACS,SALe,CAAzB;IAQA,OACIV,aAAA,QAAA;MAAOU,SAAS,EAAES;KAAlB,EACKL,OADL,EAEKP,KAFL,CADJ;;;EAQJ,OAAOO,OAAP;AACH,CAvDuB;;;;"}
+{"version":3,"file":"Checkbox.js","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport cn from 'classnames';\r\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox';\r\nimport { Icon } from '../Icon/Icon';\r\n\r\ntype CheckedState = boolean | 'indeterminate';\r\n\r\ntype CheckboxBaseProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'onChange'> & {\r\n    /* Increases visual prominenance of the checkbox */\r\n    highlighted?: boolean;\r\n    /**\r\n     * Indeterminate state should only be used with sub-checkboxes. The indeterminate state is shown if not all\r\n     * sub-checkboxes are selected. This only affects the style, changing the icon in the checkbox.\r\n     */\r\n    indeterminate?: boolean;\r\n    /* Whether the checkbox is in an invalid state */\r\n    invalid?: boolean;\r\n    /** Label for the checkbox */\r\n    label?: React.ReactNode;\r\n    /* Whether user input is required */\r\n    required?: boolean;\r\n};\r\n\r\ninterface UncontrolledCheckboxProps extends CheckboxBaseProps {\r\n    checked?: never;\r\n    onChange?: never;\r\n    /* The default checked state (uncontrolled) */\r\n    defaultChecked?: boolean;\r\n}\r\n\r\ninterface ControlledCheckboxProps extends CheckboxBaseProps {\r\n    defaultChecked?: never;\r\n    /* The current checked state (controlled) */\r\n    checked: boolean;\r\n    /* Handler called when the checked state changes */\r\n    onChange: (checked: boolean) => void;\r\n}\r\n\r\nexport type CheckboxProps = UncontrolledCheckboxProps | ControlledCheckboxProps;\r\n\r\nexport const Checkbox = React.forwardRef(function Checkbox(props: CheckboxProps, ref: React.Ref<HTMLButtonElement>) {\r\n    const { checked, highlighted, indeterminate, invalid, label, onChange, ...otherProps } = props;\r\n\r\n    const className = cn(\r\n        'bg-white h-5 w-5 border rounded text-sm flex-shrink-0 self-start mt-[0.1rem] focus:yt-focus', //hover:shadow-[0_0_0_1px_rgba(235,235,235,1)]\r\n        props.className,\r\n        {\r\n            'border-grey-dark text-blue hover:text-blue-light focus:border-blue focus:hover:border-blue-light':\r\n                !props.disabled && !invalid,\r\n            'border-grey text-blue-light cursor-not-allowed': props.disabled,\r\n            'bg-[rgba(255,255,0,0.2)] disabled:bg-[rgba(255,255,0,0.075)]': highlighted,\r\n            'border-red text-red hover:text-red-light hover:border-red-light focus:border-red focus:hover:border-red-light':\r\n                invalid && !props.disabled,\r\n        }\r\n    );\r\n\r\n    let handleChange: ((checked: CheckedState) => void) | undefined;\r\n\r\n    if (onChange) {\r\n        handleChange = (checked: CheckedState) => onChange(checked === 'indeterminate' ? false : checked);\r\n    }\r\n\r\n    const element = (\r\n        <CheckboxPrimitive.Root\r\n            {...otherProps}\r\n            data-taco=\"checkbox\"\r\n            checked={indeterminate ? 'indeterminate' : checked}\r\n            className={className}\r\n            onCheckedChange={handleChange}\r\n            ref={ref}\r\n        >\r\n            <CheckboxPrimitive.Indicator className=\"flex h-full w-full\">\r\n                <Icon name={indeterminate ? 'line' : 'tick'} className=\"!h-full !w-full\" />\r\n            </CheckboxPrimitive.Indicator>\r\n        </CheckboxPrimitive.Root>\r\n    );\r\n\r\n    if (label) {\r\n        const labelClassName = cn(\r\n            'flex items-center cursor-pointer gap-2',\r\n            {\r\n                'cursor-not-allowed text-grey-dark': props.disabled,\r\n            },\r\n            props.className\r\n        );\r\n\r\n        return (\r\n            <label className={labelClassName}>\r\n                {element}\r\n                {label}\r\n            </label>\r\n        );\r\n    }\r\n\r\n    return element;\r\n});\r\n"],"names":["Checkbox","React","props","ref","checked","highlighted","indeterminate","invalid","label","onChange","otherProps","className","cn","disabled","handleChange","element","CheckboxPrimitive","onCheckedChange","Icon","name","labelClassName"],"mappings":";;;;;;;IAwCaA,QAAQ,gBAAGC,UAAA,CAAiB,SAASD,QAAT,CAAkBE,KAAlB,EAAwCC,GAAxC;EACrC,IAAQC,OAAR,GAAyFF,KAAzF,CAAQE,OAAR;MAAiBC,WAAjB,GAAyFH,KAAzF,CAAiBG,WAAjB;MAA8BC,aAA9B,GAAyFJ,KAAzF,CAA8BI,aAA9B;MAA6CC,OAA7C,GAAyFL,KAAzF,CAA6CK,OAA7C;MAAsDC,KAAtD,GAAyFN,KAAzF,CAAsDM,KAAtD;MAA6DC,QAA7D,GAAyFP,KAAzF,CAA6DO,QAA7D;MAA0EC,UAA1E,iCAAyFR,KAAzF;;EAEA,IAAMS,SAAS,GAAGC,EAAE,CAChB,6FADgB;EAEhBV,KAAK,CAACS,SAFU,EAGhB;IACI,oGACI,CAACT,KAAK,CAACW,QAAP,IAAmB,CAACN,OAF5B;IAGI,kDAAkDL,KAAK,CAACW,QAH5D;IAII,gEAAgER,WAJpE;IAKI,iHACIE,OAAO,IAAI,CAACL,KAAK,CAACW;GATV,CAApB;EAaA,IAAIC,YAAJ;;EAEA,IAAIL,QAAJ,EAAc;IACVK,YAAY,GAAG,sBAACV,OAAD;MAAA,OAA2BK,QAAQ,CAACL,OAAO,KAAK,eAAZ,GAA8B,KAA9B,GAAsCA,OAAvC,CAAnC;KAAf;;;EAGJ,IAAMW,OAAO,GACTd,aAAA,CAACe,IAAD,oBACQN;iBACM;IACVN,OAAO,EAAEE,aAAa,GAAG,eAAH,GAAqBF;IAC3CO,SAAS,EAAEA;IACXM,eAAe,EAAEH;IACjBX,GAAG,EAAEA;IANT,EAQIF,aAAA,CAACe,SAAD;IAA6BL,SAAS,EAAC;GAAvC,EACIV,aAAA,CAACiB,IAAD;IAAMC,IAAI,EAAEb,aAAa,GAAG,MAAH,GAAY;IAAQK,SAAS,EAAC;GAAvD,CADJ,CARJ,CADJ;;EAeA,IAAIH,KAAJ,EAAW;IACP,IAAMY,cAAc,GAAGR,EAAE,CACrB,wCADqB,EAErB;MACI,qCAAqCV,KAAK,CAACW;KAH1B,EAKrBX,KAAK,CAACS,SALe,CAAzB;IAQA,OACIV,aAAA,QAAA;MAAOU,SAAS,EAAES;KAAlB,EACKL,OADL,EAEKP,KAFL,CADJ;;;EAQJ,OAAOO,OAAP;AACH,CAvDuB;;;;"}

package/dist/esm/components/Combobox/Combobox.js

@@ -1,3 +1,4 @@
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { forwardRef, useRef, createElement } from 'react';
 import cn from 'classnames';
 import { IconButton } from '../IconButton/IconButton.js';
@@ -8,26 +9,27 @@ import { ScrollableList } from '../Listbox/ScrollableList.js';
 import { useCombobox } from './useCombobox.js';
 import { useBoundingClientRectListener } from '../../utils/hooks/useBoundingClientRectListener.js';
 
-const Combobox = /*#__PURE__*/forwardRef(function Combobox(props, ref) {
-  const {
-    className: externalClassName,
-    dialog,
-    style,
-    ...otherProps
-  } = props;
-  const {
-    combobox,
-    button,
-    input,
-    popover,
-    list
-  } = useCombobox(otherProps, ref);
-  const internalRef = useRef(null);
-  const {
-    texts
-  } = useLocalization();
-  const selectDimensions = useBoundingClientRectListener(internalRef);
-  const className = cn('inline-flex relative', {
+var _excluded = ["className", "dialog", "style"];
+var Combobox = /*#__PURE__*/forwardRef(function Combobox(props, ref) {
+  var externalClassName = props.className,
+      dialog = props.dialog,
+      style = props.style,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+
+  var _useCombobox = useCombobox(otherProps, ref),
+      combobox = _useCombobox.combobox,
+      button = _useCombobox.button,
+      input = _useCombobox.input,
+      popover = _useCombobox.popover,
+      list = _useCombobox.list;
+
+  var internalRef = useRef(null);
+
+  var _useLocalization = useLocalization(),
+      texts = _useLocalization.texts;
+
+  var selectDimensions = useBoundingClientRectListener(internalRef);
+  var className = cn('inline-flex relative', {
     'yt-combobox--inline': props.inline
   }, externalClassName);
   return createElement("span", {
@@ -46,7 +48,7 @@ const Combobox = /*#__PURE__*/forwardRef(function Combobox(props, ref) {
       appearance: "discrete",
       className: "!border-l-0 focus:!border-none focus:!shadow-none active:!border-none",
       icon: popover.open ? 'chevron-up' : 'chevron-down',
-      onClick: () => {
+      onClick: function onClick() {
         var _input$ref$current;
 
         popover.onOpenChange(true);
@@ -54,10 +56,11 @@ const Combobox = /*#__PURE__*/forwardRef(function Combobox(props, ref) {
       },
       tabIndex: -1
     }) : dialog ? createElement(IconButton, {
+      "aria-label": texts.combobox.tooltip,
       icon: "list-search",
       disabled: props.readOnly || props.disabled,
       dialog: dialog,
-      onFocus: event => {
+      onFocus: function onFocus(event) {
         var _input$ref$current2;
 
         // Prevents the default focus behaviour of showing the tooltip, on parent tooltip element
@@ -70,7 +73,7 @@ const Combobox = /*#__PURE__*/forwardRef(function Combobox(props, ref) {
     }) : undefined
   })))), createElement(Content, {
     align: "start",
-    onOpenAutoFocus: event => {
+    onOpenAutoFocus: function onOpenAutoFocus(event) {
       event.preventDefault();
     },
     sideOffset: 4