@algolia/satellite 1.0.0-beta.133 → 1.0.0-beta.134

package/cjs/Button/ButtonGroup.d.ts

@@ -1,7 +1,8 @@
-import type { FunctionComponent } from "react";
+import type { FunctionComponent, ReactNode } from "react";
 export interface ButtonGroupProps {
     className?: string;
     as?: keyof JSX.IntrinsicElements;
+    children: ReactNode;
 }
 /**
  * - Use grouped buttons when there is a close relationship between a number of buttons.

package/cjs/Card/Card.tailwind.d.ts

@@ -1,5 +1,5 @@
 export = cardPlugin;
-/**
- * @type {import('../tailwind-types').TailwindPlugin}
- */
-declare const cardPlugin: import('../tailwind-types').TailwindPlugin;
+declare const cardPlugin: {
+    handler: import("tailwindcss/types/config").PluginCreator;
+    config?: import("tailwindcss").Config | undefined;
+};

package/cjs/Card/Card.tailwind.js

@@ -1,11 +1,9 @@
 "use strict";
 
 // @ts-check
+var plugin = require("tailwindcss/plugin");
 
-/**
- * @type {import('../tailwind-types').TailwindPlugin}
- */
-var cardPlugin = function cardPlugin(_ref) {
+var cardPlugin = plugin(function (_ref) {
   var addComponents = _ref.addComponents,
       theme = _ref.theme;
   addComponents({
@@ -16,7 +14,7 @@ var cardPlugin = function cardPlugin(_ref) {
       padding: theme("spacing.6")
     },
     ".card-fullbleed": {
-      padding: 0
+      padding: "0px"
     },
     ".card-z100": {
       boxShadow: theme("boxShadow.z100")
@@ -32,9 +30,8 @@ var cardPlugin = function cardPlugin(_ref) {
     },
     ".card-z500": {
       boxShadow: theme("boxShadow.z500"),
-      borderRadius: 8
+      borderRadius: "8px"
     }
   });
-};
-
+});
 module.exports = cardPlugin;

package/cjs/Card/components/CardTitle.d.ts

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

package/cjs/Checkbox/Checkbox.d.ts

@@ -20,5 +20,5 @@ export declare type CheckboxProps = CheckboxInputProps & CheckboxCustomProps;
  * - A checkbox control has two primary states: selected and unselected. If required, there's an additional visual state for indeterminate (usually for a parent checkbox, when some children checkboxes are selected, but not all of them)
  * - Checkboxes require the use of a button to apply the settings once they are selected
  */
-export declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLInputElement>, "onChange"> & Pick<InputHTMLAttributes<HTMLInputElement>, "required" | "disabled" | "defaultChecked" | "onChange" | "autoFocus" | "checked"> & CheckboxCustomProps & import("react").RefAttributes<HTMLInputElement>>;
+export declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLInputElement>, "onChange"> & Pick<InputHTMLAttributes<HTMLInputElement>, "required" | "disabled" | "autoFocus" | "checked" | "defaultChecked" | "onChange"> & CheckboxCustomProps & import("react").RefAttributes<HTMLInputElement>>;
 export default Checkbox;

package/cjs/Checkbox/Checkbox.tailwind.d.ts

@@ -1,5 +1,5 @@
-export = buttonPlugin;
-/**
- * @type {import('../tailwind-types').TailwindPlugin}
- */
-declare const buttonPlugin: import('../tailwind-types').TailwindPlugin;
+export = checkboxPlugin;
+declare const checkboxPlugin: {
+    handler: import("tailwindcss/types/config").PluginCreator;
+    config?: import("tailwindcss").Config | undefined;
+};

package/cjs/Checkbox/Checkbox.tailwind.js

@@ -1,24 +1,22 @@
 "use strict";
 
 // @ts-check
-var disabledColor = require("../styles/disabledColor");
-/**
- * @type {import('../tailwind-types').TailwindPlugin}
- */
+var plugin = require("tailwindcss/plugin");
 
+var disabledColor = require("../styles/disabledColor");
 
-var buttonPlugin = function buttonPlugin(_ref) {
+var checkboxPlugin = plugin(function (_ref) {
   var addComponents = _ref.addComponents,
       theme = _ref.theme;
   addComponents({
     ".checkbox": {
       position: "relative",
-      width: 16,
-      height: 16,
+      width: "16px",
+      height: "16px",
       display: "flex",
       justifyContent: "center",
       alignItems: "center",
-      flexShrink: 0,
+      flexShrink: "0",
       overflow: "hidden",
       color: theme("colors.accent.600"),
       background: "linear-gradient(180deg, ".concat(theme("colors.white"), " 0%, ").concat(theme("colors.grey.100"), " 100%)"),
@@ -34,7 +32,7 @@ var buttonPlugin = function buttonPlugin(_ref) {
         color: "currentColor",
         transition: "150ms cubic-bezier(0.23, 1, 0.32, 1)",
         transform: "scale(1.8)",
-        opacity: 0
+        opacity: "0"
       }
     },
     ".checkbox-invalid:not(.checkbox-disabled)": {
@@ -50,7 +48,7 @@ var buttonPlugin = function buttonPlugin(_ref) {
         boxShadow: "\n          inset 0px 1px 0px 0px ".concat(theme("colors.shadow.5"), ",\n          0 0 0 1px currentColor\n        ")
       },
       "& > .checkbox-icon": {
-        opacity: 1,
+        opacity: "1",
         transform: "scale(1)"
       }
     },
@@ -62,9 +60,8 @@ var buttonPlugin = function buttonPlugin(_ref) {
       color: disabledColor(theme("colors.grey.200"))
     },
     ".checkbox-icon": {
-      strokeWidth: 3
+      strokeWidth: "3px"
     }
   });
-};
-
-module.exports = buttonPlugin;
+});
+module.exports = checkboxPlugin;

package/cjs/ClickAwayContainer/ClickAwayContainer.d.ts

@@ -1,4 +1,4 @@
-import type { FC } from "react";
+import type { FC, ReactNode } from "react";
 interface ClickAwayContextType {
     registerElement(element: HTMLElement): void;
     unregisterElement(element: HTMLElement): void;
@@ -14,6 +14,7 @@ export interface ClickAwayContainerProps {
      * happens outside of the subtree tracked by this component instance
      * */
     onClickAway(evt: Event): void;
+    children?: ReactNode;
 }
 /**
  * ClickAwayContainer is a low-level, compound component. It doesn't render anything apart from its children.

package/cjs/DatePicker/DatePicker/DatePicker.js

@@ -7,14 +7,16 @@ 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 _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"));
@@ -42,7 +44,11 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 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 DatePicker = function DatePicker(props) {
-  var _props$initialValue, _props$validate, _props$validate$call, _props$locale, _props$calendarProps;
+  var _props$initialValue, _props$validate, _props$validate$call, _props$calendarProps;
+
+  var contextLocale = (0, _Satellite.useLocale)("datePicker");
+
+  var locale = _objectSpread(_objectSpread(_objectSpread({}, _utils.DEFAULT_DATE_PICKER_LOCALE), contextLocale), props.locale);
 
   var _useState = (0, _react.useState)(null),
       _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
@@ -127,7 +133,7 @@ var DatePicker = function DatePicker(props) {
         children: value ? /*#__PURE__*/(0, _jsxRuntime.jsx)("time", {
           dateTime: value.toISOString(),
           children: (0, _utils.formatDate)(value)
-        }) : ((_props$locale = props.locale) === null || _props$locale === void 0 ? void 0 : _props$locale.openButton) || "Enter a date..."
+        }) : locale.openButton
       })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Modal["default"], {
       className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["date-picker"]))),
@@ -151,7 +157,7 @@ var DatePicker = function DatePicker(props) {
             selectedDays: value !== null && value !== void 0 ? value : undefined,
             onDayClick: handleDayClick
           }, yearProps), {}, {
-            locale: props.locale
+            locale: locale
           })), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Footer["default"], {
             children: [props.renderLeftFooter && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
               children: props.renderLeftFooter({
@@ -162,7 +168,7 @@ var DatePicker = function DatePicker(props) {
               onCancel: handleClose,
               onApply: handleApply,
               disableApply: !isValid,
-              locale: props.locale
+              locale: locale
             })]
           })]
         }), props.renderRightPanel && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
@@ -176,7 +182,7 @@ var DatePicker = function DatePicker(props) {
               onCancel: handleClose,
               onApply: handleApply,
               disableApply: !isValid,
-              locale: props.locale
+              locale: locale
             })]
           })]
         })]

package/cjs/DatePicker/DatePicker.tailwind.d.ts

@@ -1,5 +1,5 @@
 export = datePickerPlugin;
-/**
- * @type {import('../tailwind-types').TailwindPlugin}
- */
-declare const datePickerPlugin: import('../tailwind-types').TailwindPlugin;
+declare const datePickerPlugin: {
+    handler: import("tailwindcss/types/config").PluginCreator; /** @type {string} */
+    config?: import("tailwindcss").Config | undefined;
+};

package/cjs/DatePicker/DatePicker.tailwind.js

@@ -4,17 +4,23 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-/**
- * @type {import('../tailwind-types').TailwindPlugin}
- */
-var datePickerPlugin = function datePickerPlugin(_ref) {
+// @ts-check
+var plugin = require("tailwindcss/plugin");
+
+var datePickerPlugin = plugin(function (_ref) {
   var _DayPickerDay, _DayPickerDay3, _addComponents;
 
   var addComponents = _ref.addComponents,
       theme = _ref.theme,
       prefix = _ref.prefix;
+
+  /** @type {string} */
   var defaultRadius = theme("borderRadius.DEFAULT");
+  /** @type {string} */
+
   var nebula600 = theme("colors.nebula.600");
+  /** @type {string} */
+
   var nebula200 = theme("colors.nebula.200");
 
   var not = function not() {
@@ -55,13 +61,13 @@ var datePickerPlugin = function datePickerPlugin(_ref) {
         position: "absolute",
         backgroundColor: theme("colors.blue.200"),
         border: "1px solid ".concat(theme("colors.blue.300")),
-        borderRadius: 9999,
-        width: 32,
-        height: 32,
+        borderRadius: "9999px",
+        width: "32px",
+        height: "32px",
         left: "50%",
         top: "50%",
         transform: "translate(-50%, -50%)",
-        zIndex: -1
+        zIndex: "-1"
       }
     }), (0, _defineProperty2["default"])(_DayPickerDay, "&--selected".concat(not("outside")), {
       color: theme("colors.white")
@@ -85,7 +91,7 @@ var datePickerPlugin = function datePickerPlugin(_ref) {
     }
   })), (0, _defineProperty2["default"])(_addComponents, prefix(".date-range-picker"), {
     "& .DayPicker-Day": (_DayPickerDay3 = {}, (0, _defineProperty2["default"])(_DayPickerDay3, "&--displayedRanges".concat(not("outside")), {
-      borderRadius: 0,
+      borderRadius: "0px",
       backgroundColor: theme("colors.grey.200")
     }), (0, _defineProperty2["default"])(_DayPickerDay3, "&--displayedRangesStart".concat(not("outside")), {
       color: theme("colors.white"),
@@ -99,14 +105,14 @@ var datePickerPlugin = function datePickerPlugin(_ref) {
       borderBottomRightRadius: defaultRadius
     }), (0, _defineProperty2["default"])(_DayPickerDay3, "&--selected".concat(not("outside")), {
       color: theme("colors.black"),
-      borderRadius: 0,
+      borderRadius: "0px",
       backgroundColor: nebula200,
       "&:hover": {
         backgroundColor: nebula200
       }
     }), (0, _defineProperty2["default"])(_DayPickerDay3, "&--start".concat(not("outside")), {
       color: theme("colors.white"),
-      borderRadius: 0,
+      borderRadius: "0px",
       borderTopLeftRadius: defaultRadius,
       borderBottomLeftRadius: defaultRadius,
       backgroundColor: nebula600,
@@ -115,7 +121,7 @@ var datePickerPlugin = function datePickerPlugin(_ref) {
       }
     }), (0, _defineProperty2["default"])(_DayPickerDay3, "&--end".concat(not("outside")), {
       color: theme("colors.white"),
-      borderRadius: 0,
+      borderRadius: "0px",
       borderTopRightRadius: defaultRadius,
       borderBottomRightRadius: defaultRadius,
       backgroundColor: nebula600,
@@ -126,6 +132,5 @@ var datePickerPlugin = function datePickerPlugin(_ref) {
   }), _addComponents), {
     respectPrefix: false
   });
-};
-
+});
 module.exports = datePickerPlugin;

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");
@@ -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,8 +78,11 @@ var DateRangePicker = function DateRangePicker(_ref2) {
       renderRightPanel = _ref2.renderRightPanel,
       buttonSize = _ref2.buttonSize,
       modalPlacement = _ref2.modalPlacement,
-      locale = _ref2.locale,
+      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),

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

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

package/cjs/DatePicker/DateRangePicker/DateRangePickerDisplay.js

@@ -41,7 +41,7 @@ var DateRangePickerDisplay = function DateRangePickerDisplay(_ref) {
         dateTime: range.end.toISOString(),
         children: (0, _utils.formatDate)(range.end)
       })]
-    }) : (locale === null || locale === void 0 ? void 0 : locale.openButton) || "Enter a date period..."
+    }) : locale.openButton
   });
 };
 

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

@@ -1,5 +1,6 @@
 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 = {
@@ -10,7 +11,7 @@ export declare type EditableYearProps = {
     initialDate?: Date;
 };
 export declare type CalendarProps = Omit<Omit<DayPickerProps, "locale">, ExcludedDayPickerProps> & EditableYearProps & {
-    locale?: DatePickerLocale;
+    locale: WithRequiredProperty<DatePickerLocale, "nextMonth" | "previousMonth">;
 };
 declare const Calendar: FunctionComponent<CalendarProps>;
 export default Calendar;

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

@@ -1,11 +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?: DatePickerLocale;
+    locale: WithRequiredProperty<DatePickerLocale, "cancel" | "apply">;
 }
 declare const FooterActions: FunctionComponent<FooterActionsProps>;
 export default FooterActions;

package/cjs/DatePicker/components/FooterActions.js

@@ -27,12 +27,12 @@ var FooterActions = function FooterActions(_ref) {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
       onClick: onCancel,
       className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["mr-2"]))),
-      children: (locale === null || locale === void 0 ? void 0 : locale.cancel) || "Cancel"
+      children: locale.cancel
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
       disabled: disableApply,
       onClick: onApply,
       variant: "primary",
-      children: (locale === null || locale === void 0 ? void 0 : locale.apply) || "Apply"
+      children: locale.apply
     })]
   });
 };

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

@@ -1,5 +1,6 @@
 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;
@@ -9,7 +10,7 @@ export declare type NavBarYearProps = {
     onYearChange: (year: number) => void;
 };
 export declare type NavBarProps = Omit<NavbarElementProps, "locale"> & NavBarYearProps & {
-    locale?: DatePickerLocale;
+    locale: WithRequiredProperty<DatePickerLocale, "nextMonth" | "previousMonth">;
 };
 declare const NavBar: FunctionComponent<NavBarProps>;
 export default NavBar;

package/cjs/DatePicker/components/NavBar.js

@@ -55,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: (locale === null || locale === void 0 ? void 0 : locale.previousMonth) || "Previous month",
+      title: locale.previousMonth,
       onClick: function onClick() {
         return onPreviousClick();
       },
@@ -80,7 +80,7 @@ var NavBar = function NavBar(_ref) {
       })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, {
       icon: _reactFeather.ChevronRight,
-      title: (locale === null || locale === void 0 ? void 0 : locale.nextMonth) || "Next month",
+      title: locale.nextMonth,
       onClick: function onClick() {
         return onNextClick();
       },

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/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/DropdownLinkItem.js

@@ -48,7 +48,7 @@ var DropdownLinkItem = function DropdownLinkItem(props) {
     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/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>;