@algolia/satellite 1.0.0-beta.132 → 1.0.0-beta.135

package/cjs/DatePicker/DateRangePicker/DateRangePicker.js

@@ -7,16 +7,18 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _react = require("react");
 
+var _Satellite = require("../../Satellite");
+
 var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
 
 var _Calendar = _interopRequireDefault(require("../components/Calendar"));
@@ -29,6 +31,8 @@ var _Modal = _interopRequireDefault(require("../components/Modal"));
 
 var _SidePanel = _interopRequireDefault(require("../components/SidePanel"));
 
+var _utils = require("../utils");
+
 var _DateRangePickerDisplay = _interopRequireDefault(require("./DateRangePickerDisplay"));
 
 var _dateRangePickerReducer = require("./dateRangePickerReducer");
@@ -39,7 +43,7 @@ var _jsxRuntime = require("react/jsx-runtime");
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
-var _excluded = ["id", "range", "displayOnlyRanges", "calendarProps", "initialState", "stateReducer", "onAction", "validate", "renderTarget", "renderLeftFooter", "renderRightPanel", "buttonSize", "modalPlacement"];
+var _excluded = ["id", "range", "displayOnlyRanges", "calendarProps", "initialState", "stateReducer", "onAction", "validate", "renderTarget", "renderLeftFooter", "renderRightPanel", "buttonSize", "modalPlacement", "locale"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -50,6 +54,10 @@ var defaultValidator = function defaultValidator(_ref) {
   return (0, _dateRangePickerTimeRange.isCompleteTimeRange)(candidateRange) ? null : [new Error("Invalid time range")];
 };
 
+var DEFAULT_DATE_RANGE_PICKER_LOCALE = _objectSpread(_objectSpread({}, _utils.DEFAULT_DATE_PICKER_LOCALE), {}, {
+  openButton: "Enter a date period..."
+});
+
 var DateRangePicker = function DateRangePicker(_ref2) {
   var _validate, _displayedRange$start, _displayedRange$start2, _displayedRange$end, _displayOnlyRanges$ma, _state$hovered;
 
@@ -70,7 +78,11 @@ var DateRangePicker = function DateRangePicker(_ref2) {
       renderRightPanel = _ref2.renderRightPanel,
       buttonSize = _ref2.buttonSize,
       modalPlacement = _ref2.modalPlacement,
+      propsLocale = _ref2.locale,
       props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
+  var contextLocale = (0, _Satellite.useLocale)("datePicker");
+
+  var locale = _objectSpread(_objectSpread(_objectSpread({}, DEFAULT_DATE_RANGE_PICKER_LOCALE), contextLocale), propsLocale);
 
   var _useState = (0, _react.useState)(null),
       _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
@@ -204,7 +216,8 @@ var DateRangePicker = function DateRangePicker(_ref2) {
           start: null,
           end: null
         },
-        buttonSize: buttonSize
+        buttonSize: buttonSize,
+        locale: locale
       })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Modal["default"], {
       className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["date-range-picker"]))),
@@ -222,7 +235,7 @@ var DateRangePicker = function DateRangePicker(_ref2) {
       children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["flex"]))),
         children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Calendar["default"], _objectSpread(_objectSpread({
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Calendar["default"], _objectSpread(_objectSpread(_objectSpread({
             numberOfMonths: 2
           }, calendarProps), {}, {
             selectedDays: selectedDays,
@@ -230,7 +243,9 @@ var DateRangePicker = function DateRangePicker(_ref2) {
             onDayClick: handleDayClick,
             onDayMouseEnter: handleMouseEnter,
             onDayMouseLeave: handleMouseLeave
-          }, yearProps)), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Footer["default"], {
+          }, yearProps), {}, {
+            locale: locale
+          })), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Footer["default"], {
             children: [renderLeftFooter && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
               children: renderLeftFooter({
                 state: state,
@@ -239,7 +254,8 @@ var DateRangePicker = function DateRangePicker(_ref2) {
             }), !renderRightPanel && /*#__PURE__*/(0, _jsxRuntime.jsx)(_FooterActions["default"], {
               onCancel: handleCancel,
               onApply: handleApply,
-              disableApply: !isValid
+              disableApply: !isValid,
+              locale: locale
             })]
           })]
         }), renderRightPanel && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
@@ -252,7 +268,8 @@ var DateRangePicker = function DateRangePicker(_ref2) {
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FooterActions["default"], {
               onCancel: handleCancel,
               onApply: handleApply,
-              disableApply: !isValid
+              disableApply: !isValid,
+              locale: locale
             })]
           })]
         })]

package/cjs/DatePicker/DateRangePicker/DateRangePickerDisplay.d.ts

@@ -1,11 +1,14 @@
 import type { FunctionComponent } from "react";
+import type { WithRequiredProperty } from "../../types";
 import { DisplayProps } from "../components/Display";
+import type { DatePickerLocale } from "../types";
 import { DateRangePickerTimeRange } from "./dateRangePickerTimeRange";
 export interface DateRangePickerDisplayProps {
     id?: string;
     onClick: DisplayProps["onClick"];
     range: DateRangePickerTimeRange;
     buttonSize?: DisplayProps["size"];
+    locale: WithRequiredProperty<DatePickerLocale, "openButton">;
 }
 declare const DateRangePickerDisplay: FunctionComponent<DateRangePickerDisplayProps>;
 export default DateRangePickerDisplay;

package/cjs/DatePicker/DateRangePicker/DateRangePickerDisplay.js

@@ -25,7 +25,8 @@ var DateRangePickerDisplay = function DateRangePickerDisplay(_ref) {
   var id = _ref.id,
       onClick = _ref.onClick,
       range = _ref.range,
-      buttonSize = _ref.buttonSize;
+      buttonSize = _ref.buttonSize,
+      locale = _ref.locale;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Display["default"], {
     id: id,
     onClick: onClick,
@@ -40,7 +41,7 @@ var DateRangePickerDisplay = function DateRangePickerDisplay(_ref) {
         dateTime: range.end.toISOString(),
         children: (0, _utils.formatDate)(range.end)
       })]
-    }) : "Enter a date period..."
+    }) : locale.openButton
   });
 };
 

package/cjs/DatePicker/components/Calendar.d.ts

@@ -1,5 +1,7 @@
 import type { FunctionComponent } from "react";
 import { DayPickerProps } from "react-day-picker";
+import type { WithRequiredProperty } from "../../types";
+import type { DatePickerLocale } from "../types";
 declare type ExcludedDayPickerProps = "captionElement" | "showOutsideDays" | "enableOutsideDaysClick" | "fixedWeeks" | "labels" | "navbarElement" | "onTodayButtonClick" | "pagedNavigation" | "renderDay" | "renderWeek" | "reverseMonths" | "showWeekNumbers" | "showWeekDays" | "todayButton" | "weekdayElement" | "weekdaysLong" | "weekdaysShort";
 export declare type EditableYearProps = {
     editableYear?: false;
@@ -8,6 +10,8 @@ export declare type EditableYearProps = {
     years?: number[];
     initialDate?: Date;
 };
-export declare type CalendarProps = Omit<DayPickerProps, ExcludedDayPickerProps> & EditableYearProps;
+export declare type CalendarProps = Omit<Omit<DayPickerProps, "locale">, ExcludedDayPickerProps> & EditableYearProps & {
+    locale: WithRequiredProperty<DatePickerLocale, "nextMonth" | "previousMonth">;
+};
 declare const Calendar: FunctionComponent<CalendarProps>;
 export default Calendar;

package/cjs/DatePicker/components/Calendar.js

@@ -75,7 +75,9 @@ var Calendar = function Calendar(props) {
     enableOutsideDaysClick: false,
     fixedWeeks: false,
     navbarElement: function navbarElement(navBarProps) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_NavBar["default"], _objectSpread(_objectSpread({}, navBarProps), yearsProps));
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_NavBar["default"], _objectSpread(_objectSpread(_objectSpread({}, navBarProps), yearsProps), {}, {
+        locale: props.locale
+      }));
     },
     captionElement: function captionElement() {
       return null;

package/cjs/DatePicker/components/Display.d.ts

@@ -1,5 +1,5 @@
 import type { FunctionComponent, ReactNode } from "react";
-import { ButtonProps, ButtonSize } from "../../Button";
+import type { ButtonProps, ButtonSize } from "../../Button";
 export interface DisplayProps {
     id?: string;
     onClick: ButtonProps["onClick"];

package/cjs/DatePicker/components/FooterActions.d.ts

@@ -1,9 +1,12 @@
 import type { FunctionComponent } from "react";
 import { ButtonProps } from "../../Button";
+import type { WithRequiredProperty } from "../../types";
+import type { DatePickerLocale } from "../types";
 export interface FooterActionsProps {
     onCancel: ButtonProps["onClick"];
     onApply: ButtonProps["onClick"];
     disableApply: boolean;
+    locale: WithRequiredProperty<DatePickerLocale, "cancel" | "apply">;
 }
 declare const FooterActions: FunctionComponent<FooterActionsProps>;
 export default FooterActions;

package/cjs/DatePicker/components/FooterActions.js

@@ -20,18 +20,19 @@ var _templateObject, _templateObject2;
 var FooterActions = function FooterActions(_ref) {
   var onCancel = _ref.onCancel,
       onApply = _ref.onApply,
-      disableApply = _ref.disableApply;
+      disableApply = _ref.disableApply,
+      locale = _ref.locale;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["ml-auto flex justify-end"]))),
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
       onClick: onCancel,
       className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["mr-2"]))),
-      children: "Cancel"
+      children: locale.cancel
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
       disabled: disableApply,
       onClick: onApply,
       variant: "primary",
-      children: "Apply"
+      children: locale.apply
     })]
   });
 };

package/cjs/DatePicker/components/Modal.d.ts

@@ -1,7 +1,7 @@
 import type { Placement, StrictModifiers } from "@popperjs/core";
 import type { FC, ReactNode } from "react";
-import { StrictModifier } from "react-popper";
-import { ClickAwayContainerProps } from "../../ClickAwayContainer";
+import type { StrictModifier } from "react-popper";
+import type { ClickAwayContainerProps } from "../../ClickAwayContainer";
 export interface ModalProps {
     children: ReactNode;
     show: boolean;

package/cjs/DatePicker/components/Modal.js

@@ -19,12 +19,12 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _react = require("react");
 
-var _reactDom = require("react-dom");
-
 var _reactPopper = require("react-popper");
 
 var _ClickAwayContainer = require("../../ClickAwayContainer");
 
+var _Satellite = require("../../Satellite");
+
 var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
 
 var _jsxRuntime = require("react/jsx-runtime");
@@ -53,6 +53,7 @@ var Modal = function Modal(_ref) {
       _ref$modifiers = _ref.modifiers,
       modifiers = _ref$modifiers === void 0 ? [] : _ref$modifiers,
       className = _ref.className;
+  var createPortal = (0, _Satellite.useCreatePortal)();
 
   var _useState = (0, _react.useState)(null),
       _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
@@ -71,7 +72,7 @@ var Modal = function Modal(_ref) {
     return null;
   }
 
-  return /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_ClickAwayContainer.ClickAwayContainer, {
+  return createPortal( /*#__PURE__*/(0, _jsxRuntime.jsx)(_ClickAwayContainer.ClickAwayContainer, {
     element: datePickerElement,
     onClickAway: function onClickAway(evt) {
       return _onClickAway === null || _onClickAway === void 0 ? void 0 : _onClickAway(evt);
@@ -83,7 +84,7 @@ var Modal = function Modal(_ref) {
       style: styles.popper,
       children: children
     }))
-  }), document.body);
+  }));
 };
 
 var _default = Modal;

package/cjs/DatePicker/components/NavBar.d.ts

@@ -1,5 +1,7 @@
 import type { FunctionComponent } from "react";
 import type { NavbarElementProps } from "react-day-picker";
+import type { WithRequiredProperty } from "../../types";
+import type { DatePickerLocale } from "../types";
 export declare type NavBarYearProps = {
     editableYear?: false;
 } | {
@@ -7,6 +9,8 @@ export declare type NavBarYearProps = {
     years: number[];
     onYearChange: (year: number) => void;
 };
-export declare type NavBarProps = NavbarElementProps & NavBarYearProps;
+export declare type NavBarProps = Omit<NavbarElementProps, "locale"> & NavBarYearProps & {
+    locale: WithRequiredProperty<DatePickerLocale, "nextMonth" | "previousMonth">;
+};
 declare const NavBar: FunctionComponent<NavBarProps>;
 export default NavBar;

package/cjs/DatePicker/components/NavBar.js

@@ -27,7 +27,7 @@ var _jsxRuntime = require("react/jsx-runtime");
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 
-var _excluded = ["onPreviousClick", "onNextClick", "showPreviousButton", "showNextButton", "month", "localeUtils"];
+var _excluded = ["onPreviousClick", "onNextClick", "showPreviousButton", "showNextButton", "month", "locale", "localeUtils"];
 
 var NavBar = function NavBar(_ref) {
   var onPreviousClick = _ref.onPreviousClick,
@@ -35,6 +35,7 @@ var NavBar = function NavBar(_ref) {
       showPreviousButton = _ref.showPreviousButton,
       showNextButton = _ref.showNextButton,
       month = _ref.month,
+      locale = _ref.locale,
       localeUtils = _ref.localeUtils,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   var years = (0, _react.useMemo)(function () {
@@ -54,7 +55,7 @@ var NavBar = function NavBar(_ref) {
     className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["w-full top-3 left-0 pt-5 px-5 pb-2 flex justify-between"]))),
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, {
       icon: _reactFeather.ChevronLeft,
-      title: "Previous month",
+      title: locale.previousMonth,
       onClick: function onClick() {
         return onPreviousClick();
       },
@@ -79,7 +80,7 @@ var NavBar = function NavBar(_ref) {
       })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, {
       icon: _reactFeather.ChevronRight,
-      title: "Next month",
+      title: locale.nextMonth,
       onClick: function onClick() {
         return onNextClick();
       },

package/cjs/DatePicker/types.d.ts

@@ -0,0 +1,17 @@
+import type { ModalProps } from "./components/Modal";
+export declare type DatePickerLocale = {
+    openButton?: string;
+    cancel?: string;
+    apply?: string;
+    nextMonth?: string;
+    previousMonth?: string;
+};
+export declare type SharedDatePickerProps = {
+    modalPlacement?: ModalProps["placement"];
+    locale?: DatePickerLocale;
+} & ({
+    editableYear?: false;
+} | {
+    editableYear: true;
+    years?: number[];
+});

package/cjs/DatePicker/utils.d.ts

@@ -1 +1,3 @@
+import type { DatePickerLocale } from "./types";
 export declare const formatDate: (date: Date | number) => string;
+export declare const DEFAULT_DATE_PICKER_LOCALE: Required<DatePickerLocale>;

package/cjs/DatePicker/utils.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.formatDate = void 0;
+exports.formatDate = exports.DEFAULT_DATE_PICKER_LOCALE = void 0;
 
 var _format = _interopRequireDefault(require("date-fns/format"));
 
@@ -13,4 +13,12 @@ var formatDate = function formatDate(date) {
   return (0, _format["default"])(date, "MMM do, yyyy");
 };
 
-exports.formatDate = formatDate;
+exports.formatDate = formatDate;
+var DEFAULT_DATE_PICKER_LOCALE = {
+  apply: "Apply",
+  cancel: "Cancel",
+  openButton: "Enter a date...",
+  previousMonth: "Previous month",
+  nextMonth: "Next month"
+};
+exports.DEFAULT_DATE_PICKER_LOCALE = DEFAULT_DATE_PICKER_LOCALE;

package/cjs/Dropdown/Dropdown.d.ts

@@ -59,6 +59,6 @@ export declare const Dropdown: {
         children: ReactNode;
     }) => JSX.Element | null;
     Divider: () => JSX.Element;
-    Title: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>>;
+    Title: import("react").FunctionComponent<import("./components/DropdownTitle").DropdownTitleProps>;
 };
 export default Dropdown;

package/cjs/Dropdown/Dropdown.js

@@ -19,14 +19,14 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _react = require("react");
 
-var _reactDom = require("react-dom");
-
 var _reactPopper = require("react-popper");
 
 var _Card = _interopRequireDefault(require("../Card"));
 
 var _ClickAwayContainer = require("../ClickAwayContainer");
 
+var _Satellite = require("../Satellite");
+
 var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
 
 var _DropdownButtonItem = _interopRequireDefault(require("./components/DropdownButtonItem"));
@@ -85,6 +85,7 @@ var Dropdown = function Dropdown(_ref) {
       renderTarget = _ref.renderTarget,
       renderFooter = _ref.renderFooter,
       children = _ref.children;
+  var createPortal = (0, _Satellite.useCreatePortal)();
 
   var _useState = (0, _react.useState)(false),
       _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
@@ -130,7 +131,7 @@ var Dropdown = function Dropdown(_ref) {
         className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["inline-block leading-none"]))),
         ref: setTargetEl,
         children: target
-      }), showMenu && targetEl && /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_ClickAwayContainer.ClickAwayContainer, {
+      }), showMenu && targetEl && createPortal( /*#__PURE__*/(0, _jsxRuntime.jsx)(_ClickAwayContainer.ClickAwayContainer, {
         element: menuContainerEl,
         onClickAway: function onClickAway(evt) {
           var isContainedInTarget = targetEl === null || targetEl === void 0 ? void 0 : targetEl.contains(evt.target);
@@ -152,7 +153,7 @@ var Dropdown = function Dropdown(_ref) {
             }) : null]
           })
         }))
-      }), document.body)]
+      }))]
     })
   });
 };

package/cjs/Dropdown/DropdownButton.d.ts

@@ -5,6 +5,7 @@ export interface DropdownButtonProps extends Omit<ButtonProps<"button">, "title"
     /** Descriptive title for `Dropdown` */
     title: ReactNode;
     renderFooter?: (args: RenderTargetParams) => ReactNode;
+    children: ReactNode;
 }
 export declare const DropdownButton: FunctionComponent<DropdownButtonProps>;
 export default DropdownButton;

package/cjs/Dropdown/components/DropdownButtonItem.js

@@ -23,7 +23,7 @@ var _jsxRuntime = require("react/jsx-runtime");
 
 var _templateObject, _templateObject2, _templateObject3;
 
-var _excluded = ["children", "variant", "toggle", "startIcon"];
+var _excluded = ["toggle", "children", "variant", "startIcon"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -33,9 +33,9 @@ var DropdownButtonItem = function DropdownButtonItem(props) {
   var dropdownItemProps = (0, _useDropdownItemProps["default"])(props);
 
   var _props$dropdownItemPr = _objectSpread(_objectSpread({}, props), dropdownItemProps),
+      toggle = _props$dropdownItemPr.toggle,
       children = _props$dropdownItemPr.children,
       variant = _props$dropdownItemPr.variant,
-      toggle = _props$dropdownItemPr.toggle,
       StartIcon = _props$dropdownItemPr.startIcon,
       mergedProps = (0, _objectWithoutProperties2["default"])(_props$dropdownItemPr, _excluded);
 

package/cjs/Dropdown/components/DropdownLinkItem.js

@@ -44,11 +44,10 @@ var DropdownLinkItem = function DropdownLinkItem(props) {
       mergedProps = (0, _objectWithoutProperties2["default"])(_props$dropdownItemPr, _excluded);
 
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("a", _objectSpread(_objectSpread({
-    tabIndex: disabled ? -1 : undefined,
     className: (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["flex items-center"]))), className)
   }, mergedProps), {}, {
     children: [StartIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(StartIcon, {
-      className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["mr-2 flex-shrink-0 text-grey-500"]))),
+      className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["mr-2 shrink-0 text-grey-500"]))),
       size: "1rem"
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["w-full truncate"]))),

package/cjs/Dropdown/components/DropdownTitle.d.ts

@@ -1,4 +1,6 @@
-import type { FunctionComponent } from "react";
-export declare type DropdownTitleProps = JSX.IntrinsicElements["h4"];
+import type { FunctionComponent, ReactNode } from "react";
+export declare type DropdownTitleProps = JSX.IntrinsicElements["h4"] & {
+    children: ReactNode;
+};
 export declare const DropdownTitle: FunctionComponent<DropdownTitleProps>;
 export default DropdownTitle;

package/cjs/Dropdown/components/DropdownToggleItem.js

@@ -44,13 +44,13 @@ var DropdownToggleItem = function DropdownToggleItem(props) {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
     className: (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["flex items-center"]))), className),
     children: [StartIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(StartIcon, {
-      className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["mr-2 flex-shrink-0 text-grey-500"]))),
+      className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["mr-2 shrink-0 text-grey-500"]))),
       size: "1rem"
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["flex-1 truncate mr-4"]))),
       children: children
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Toggle.Toggle, _objectSpread({
-      className: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["flex-shrink-0"])))
+      className: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["shrink-0"])))
     }, toggleProps))]
   });
 };

package/cjs/Dropdown/useDropdownItemProps.d.ts

@@ -6,8 +6,16 @@ export interface DropdownBaseItemProps<T extends HTMLElement = HTMLElement> {
     onClick?: EventHandler<MouseEvent<T>>;
 }
 export declare const useDropdownItemProps: <T extends HTMLElement = HTMLElement>(props: DropdownBaseItemProps<T>) => {
+    disabled: boolean;
+    "aria-disabled": boolean;
+    tabIndex: number;
+    onClick: undefined;
     className: string;
+} | {
+    disabled?: undefined;
+    "aria-disabled"?: undefined;
+    tabIndex?: undefined;
     onClick: (evt: MouseEvent<T, globalThis.MouseEvent>) => void;
-    disabled: boolean | undefined;
+    className: string;
 };
 export default useDropdownItemProps;

package/cjs/Dropdown/useDropdownItemProps.js

@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useDropdownItemProps = exports["default"] = void 0;
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
@@ -17,16 +19,24 @@ var _DropdownContext = require("./DropdownContext");
 
 var _templateObject;
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 var useDropdownItemProps = function useDropdownItemProps(props) {
   var _useDropdownContext = (0, _DropdownContext.useDropdownContext)(),
       showMenu = _useDropdownContext.showMenu;
 
   var className = (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n      flex items-center\n      min-h-10 px-4 text-left\n      focus:no-underline hover:no-underline\n      ", "\n    "])), props.disabled ? "text-grey-300 cursor-not-allowed" : "text-inherit hover:bg-grey-100 focus:bg-grey-100 focus:outline-none cursor-pointer"), props.className);
-  return {
+  var disabledProps = props.disabled ? {
+    disabled: true,
+    "aria-disabled": true,
+    tabIndex: -1,
+    onClick: undefined
+  } : {};
+  return _objectSpread({
     className: className,
-    onClick: props.disabled ? function (evt) {
-      return evt.preventDefault();
-    } : function (evt) {
+    onClick: function onClick(evt) {
       if (props.onClick) {
         props.onClick(evt);
       }
@@ -34,9 +44,8 @@ var useDropdownItemProps = function useDropdownItemProps(props) {
       if (!evt.defaultPrevented && props.toggle) {
         showMenu(false);
       }
-    },
-    disabled: props.disabled
-  };
+    }
+  }, disabledProps);
 };
 
 exports.useDropdownItemProps = useDropdownItemProps;

package/cjs/Dropzone/Dropzone.d.ts

@@ -1,6 +1,9 @@
 import type { FC } from "react";
 import { FileRejection, DropzoneProps as ReactDropZoneProps } from "react-dropzone";
-interface DropzoneBaseProps {
+export declare type DropzoneLocale = {
+    clearInput?: string;
+};
+export interface DropzoneBaseProps {
     id?: string;
     onChange?(acceptedFiles: File[], fileRejections: FileRejection[]): void;
     placeholder?: string;
@@ -10,6 +13,7 @@ interface DropzoneBaseProps {
     className?: string;
     /** @default false */
     multiple?: boolean;
+    locale?: DropzoneLocale;
 }
 export declare type DropzoneProps = DropzoneBaseProps & Omit<ReactDropZoneProps, "onDrop" | "onDropAccepted" | "onDropRejected" | "multiple">;
 export declare const Dropzone: FC<DropzoneProps>;