@algolia/satellite 1.0.0-beta.145 → 1.0.0-beta.147

package/cjs/AutoComplete/AutoComplete.js

@@ -67,7 +67,7 @@ var _utils = require("./utils");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17;
 
 var _excluded = ["optionItemPrefix"],
     _excluded2 = ["ref"];
@@ -398,7 +398,7 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
       var shouldRenderCustomTemplate = Boolean(!multiple && !inputFocused && value && renderValueTemplate);
       var status = fieldState.status;
       var inputContainerClassName = (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n      autocomplete-container\n      ", "\n      ", "\n      ", "\n      ", "\n      ", "\n      "])), variant === "large" && "autocomplete-large py-1", inputFocused && "autocomplete-focused", disabled && "autocomplete-disabled", status === "invalid" && "autocomplete-invalid", noWrap && "autocomplete-nowrap");
-      var inputClassName = (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n      autocomplete-input\n      ", "\n      ", "\n    "])), multiple && "ml-1", shouldRenderCustomTemplate && hasValue && "h-0 w-0 opacity-0");
+      var inputClassName = (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n      autocomplete-input py-1.5\n      ", "\n      ", "\n    "])), multiple && "ml-1", shouldRenderCustomTemplate && hasValue && "h-0 w-0 opacity-0");
       var inputProps = getInputProps({
         id: id,
         name: name,
@@ -441,7 +441,7 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
           className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["mr-4 shrink-0 ", ""])), disabled ? "text-grey-200" : inputFocused ? "text-accent-600" : "text-grey-500"),
           size: "1rem"
         }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["flex items-center flex-1 ", " ", ""])), !noWrap && "flex-wrap", multiple && "-ml-1"), valuesClassName),
+          className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["flex items-center flex-1 max-h-full ", " ", ""])), !noWrap && "flex-wrap overflow-y-scroll no-scrollbar", multiple && "-ml-1"), valuesClassName),
           children: [multiple && Array.isArray(value) && value.map(function (option) {
             return renderValueTemplate ? renderValueTemplate({
               option: option,
@@ -613,7 +613,7 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
       }
 
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: className,
+        className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2["default"])(["flex"]))), className),
         children: [_this.renderInput(autocompleteHelpers, fieldState), _this.inputContainerRef && /*#__PURE__*/(0, _reactDom.createPortal)(_this.renderMenu(results, autocompleteHelpers), (_this$context$portalT = _this.context["portalTarget"]) !== null && _this$context$portalT !== void 0 ? _this$context$portalT : document.body)]
       });
     });

package/cjs/AutoComplete/AutoComplete.tailwind.d.ts

@@ -1,5 +1,5 @@
 export = autoCompletePlugin;
 declare const autoCompletePlugin: {
     handler: import("tailwindcss/types/config").PluginCreator;
-    config?: import("tailwindcss").Config | undefined;
+    config?: Partial<import("tailwindcss").Config> | undefined;
 };

package/cjs/Button/Button.tailwind.d.ts

@@ -1,5 +1,5 @@
 export = buttonPlugin;
 declare const buttonPlugin: {
     handler: import("tailwindcss/types/config").PluginCreator;
-    config?: import("tailwindcss").Config | undefined;
+    config?: Partial<import("tailwindcss").Config> | undefined;
 };

package/cjs/Button/ButtonGroup.d.ts

@@ -1,11 +1,12 @@
 import type { FunctionComponent, ReactNode } from "react";
 export interface ButtonGroupProps {
-    className?: string;
     /**
      * Specify HTML element `ButtonGroup` should be presented as.
      * @default "div"
      */
     as?: keyof JSX.IntrinsicElements;
+    /** @ignore */
+    className?: string;
     children: ReactNode;
 }
 /**

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

@@ -1,5 +1,5 @@
 export = cardPlugin;
 declare const cardPlugin: {
     handler: import("tailwindcss/types/config").PluginCreator;
-    config?: import("tailwindcss").Config | undefined;
+    config?: Partial<import("tailwindcss").Config> | undefined;
 };

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

@@ -1,5 +1,5 @@
 export = checkboxPlugin;
 declare const checkboxPlugin: {
     handler: import("tailwindcss/types/config").PluginCreator;
-    config?: import("tailwindcss").Config | undefined;
+    config?: Partial<import("tailwindcss").Config> | undefined;
 };

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

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

package/cjs/DatePicker/DatePicker.tailwind.js

@@ -100,7 +100,7 @@ var datePickerPlugin = plugin(function (_ref) {
       textTransform: "capitalize",
       fontWeight: "normal",
       fontSize: "0.95em",
-      color: theme("colors.grey.500")
+      color: theme("colors.grey.600")
     },
     "& .rdp-day": (_rdpDay2 = {
       borderRadius: defaultRadius

package/cjs/DatePicker/components/Calendar.js

@@ -13,8 +13,6 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 
 var _reactDayPicker = require("react-day-picker");
 
-var _utils = require("../utils");
-
 var _NavBar = _interopRequireDefault(require("./NavBar"));
 
 var _jsxRuntime = require("react/jsx-runtime");
@@ -48,14 +46,11 @@ var Calendar = function Calendar(props) {
     //stl`bg-grey-600 text-white rounded-l border-0`,
     displayedRangesEnd: "rdp-day_displayedRangesEnd" //stl`bg-grey-600 text-white rounded-r border-0`,
 
-  }; // This could be expanded further to incorporate expanding the number system as well as the text:
-  // https://react-day-picker.js.org/basics/localization#adopting-other-numbering-systems
-
-  var dateFnsLocale = (0, _utils.getDateFnsLocale)(props.locale.code);
+  };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactDayPicker.DayPicker, _objectSpread(_objectSpread({
     mode: props.mode
   }, curatedProps), {}, {
-    locale: dateFnsLocale,
+    locale: props.locale.formatter,
     dir: props.locale.rtl ? "rtl" : "ltr",
     modifiersClassNames: modifierClassNames,
     showOutsideDays: false,

package/cjs/DatePicker/components/NavBar.js

@@ -27,9 +27,11 @@ var _Button = require("../../Button");
 
 var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
 
+var _utils = require("../../utils");
+
 var _jsxRuntime = require("react/jsx-runtime");
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
 
 var NavBar = function NavBar(props) {
   var _useDayPicker = (0, _reactDayPicker.useDayPicker)(),
@@ -92,6 +94,9 @@ var NavBar = function NavBar(props) {
       return i + minYear;
     });
   }, [props, initialDate]);
+  var yearSelectId = (0, _react.useMemo)(function () {
+    return (0, _utils.uniqueId)("year-select");
+  }, []);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["w-full top-3 left-0 pt-1 px-2 pb-2 flex justify-between"]))),
     children: [showPrevious ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, {
@@ -106,18 +111,25 @@ var NavBar = function NavBar(props) {
         className: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["font-medium text-md"]))),
         children: [formatMonthCaption(props.displayMonth, {
           locale: locale
-        }), " ", props.editableYear ? /*#__PURE__*/(0, _jsxRuntime.jsx)("select", {
-          className: (0, _clsx["default"])("rdp-year", (0, _satellitePrefixer["default"])(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["pl-0.5 font-medium outline-none border-transparent border-2 rounded focus:border-accent-600 focus:shadow-z100 appearance-none"])))),
-          value: props.displayMonth.getFullYear(),
-          onChange: function onChange(e) {
-            return goToDate((0, _dateFns.setYear)(props.displayMonth, parseInt(e.currentTarget.value)));
-          },
-          children: years.map(function (year) {
-            return /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
-              value: year,
-              children: year
-            }, year);
-          })
+        }), " ", props.editableYear ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
+          htmlFor: yearSelectId,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            className: (0, _satellitePrefixer["default"])(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["sr-only"]))),
+            children: "Select a year"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("select", {
+            id: yearSelectId,
+            className: (0, _clsx["default"])("rdp-year", (0, _satellitePrefixer["default"])(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["pl-0.5 font-medium outline-none border-transparent border-2 rounded focus:border-accent-600 focus:shadow-z100 appearance-none"])))),
+            value: props.displayMonth.getFullYear(),
+            onChange: function onChange(e) {
+              return goToDate((0, _dateFns.setYear)(props.displayMonth, parseInt(e.currentTarget.value)));
+            },
+            children: years.map(function (year) {
+              return /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
+                value: year,
+                children: year
+              }, year);
+            })
+          })]
         }) : props.displayMonth.getFullYear()]
       })
     }), showNext ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, {
@@ -125,7 +137,7 @@ var NavBar = function NavBar(props) {
       title: nextMonthLabel,
       onClick: handleNextClick
     }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      className: (0, _satellitePrefixer["default"])(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["w-8"])))
+      className: (0, _satellitePrefixer["default"])(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["w-8"])))
     })]
   });
 };

package/cjs/DatePicker/types.d.ts

@@ -1,12 +1,8 @@
-import type * as Locales from "date-fns/locale";
+import type { Locale as DateFnsLocale } from "date-fns";
 import type { ModalProps } from "./components/Modal";
 export declare type DatePickerLocale = {
-    /**
-     * code is the date-fns ISO 639-1 language code to look up @link https://en.wikipedia.org/wiki/List_of_ISO_639-1_codes
-     * for rendering the actual calendar component in the correct language. This has no effect on the custom translations
-     * listed below. (i.e. `openButton`, `apply`, etc.)
-     */
-    code?: keyof typeof Locales;
+    /** The date-fns locale object used to localize dates. Defaults to* `en-US`. */
+    formatter?: DateFnsLocale;
     /** rtl should be used optionally in conjunction with supported language codes, such as `rtl: true` when code is `arSA` */
     rtl?: boolean;
     /**

package/cjs/DatePicker/utils.d.ts

@@ -1,10 +1,3 @@
-import type { Locale } from "date-fns";
 import type { DatePickerLocale } from "./types";
 export declare const formatDate: (date: Date | number) => string;
-export declare const DEFAULT_DATE_PICKER_LOCALE: Required<DatePickerLocale>;
-/**
- * Looks up a date-fns locale. This falls back to `en`
- * @param locale the ISO 639-1 language code to look up @link https://en.wikipedia.org/wiki/List_of_ISO_639-1_codes
- * @returns date-fns locale.
- */
-export declare function getDateFnsLocale(locale?: string): Locale;
+export declare const DEFAULT_DATE_PICKER_LOCALE: Required<Omit<DatePickerLocale, "formatter">>;

package/cjs/DatePicker/utils.js

@@ -2,29 +2,19 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.formatDate = exports.DEFAULT_DATE_PICKER_LOCALE = void 0;
-exports.getDateFnsLocale = getDateFnsLocale;
 
 var _format = _interopRequireDefault(require("date-fns/format"));
 
-var Locales = _interopRequireWildcard(require("date-fns/locale"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var formatDate = function formatDate(date) {
   return (0, _format["default"])(date, "MMM do, yyyy");
 };
 
 exports.formatDate = formatDate;
 var DEFAULT_DATE_PICKER_LOCALE = {
-  code: "enUS",
   rtl: false,
   apply: "Apply",
   cancel: "Cancel",
@@ -32,21 +22,4 @@ var DEFAULT_DATE_PICKER_LOCALE = {
   previousMonth: "Previous month",
   nextMonth: "Next month"
 };
-/**
- * Looks up a date-fns locale. This falls back to `en`
- * @param locale the ISO 639-1 language code to look up @link https://en.wikipedia.org/wiki/List_of_ISO_639-1_codes
- * @returns date-fns locale.
- */
-
-exports.DEFAULT_DATE_PICKER_LOCALE = DEFAULT_DATE_PICKER_LOCALE;
-
-function getDateFnsLocale(locale) {
-  var _allLocales$locale;
-
-  if (!locale) {
-    return Locales.enUS;
-  }
-
-  var allLocales = Locales;
-  return (_allLocales$locale = allLocales[locale]) !== null && _allLocales$locale !== void 0 ? _allLocales$locale : Locales.enUS;
-}
+exports.DEFAULT_DATE_PICKER_LOCALE = DEFAULT_DATE_PICKER_LOCALE;

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

@@ -2,6 +2,7 @@
 import type { IconComponentType } from "../../types";
 import { DropdownBaseItemProps } from "../useDropdownItemProps";
 export declare type DropdownLinkItemProps = DropdownBaseItemProps<HTMLAnchorElement> & JSX.IntrinsicElements["a"] & {
+    href: string;
     /** Left aligned icon */
     startIcon?: IconComponentType;
 };

package/cjs/EmptyState/EmptyState.tailwind.d.ts

@@ -1,5 +1,5 @@
 export = emptyStatePlugin;
 declare const emptyStatePlugin: {
     handler: import("tailwindcss/types/config").PluginCreator;
-    config?: import("tailwindcss").Config | undefined;
+    config?: Partial<import("tailwindcss").Config> | undefined;
 };

package/cjs/Flag/Flag.tailwind.d.ts

@@ -1,5 +1,5 @@
 export = flagPlugin;
 declare const flagPlugin: {
     handler: import("tailwindcss/types/config").PluginCreator;
-    config?: import("tailwindcss").Config | undefined;
+    config?: Partial<import("tailwindcss").Config> | undefined;
 };

package/cjs/FlexGrid/FlexGrid.tailwind.d.ts

@@ -4,5 +4,5 @@ export = flexGridPlugin;
  **/
 declare const flexGridPlugin: {
     handler: import("tailwindcss/types/config").PluginCreator;
-    config?: import("tailwindcss").Config | undefined;
+    config?: Partial<import("tailwindcss").Config> | undefined;
 };

package/cjs/HelpUnderline/HelpUnderline.tailwind.d.ts

@@ -1,5 +1,5 @@
 export = helpUnderlinePlugin;
 declare const helpUnderlinePlugin: {
     handler: import("tailwindcss/types/config").PluginCreator;
-    config?: import("tailwindcss").Config | undefined;
+    config?: Partial<import("tailwindcss").Config> | undefined;
 };

package/cjs/Input/Input.tailwind.d.ts

@@ -1,5 +1,5 @@
 export = inputPlugin;
 declare const inputPlugin: {
     handler: import("tailwindcss/types/config").PluginCreator;
-    config?: import("tailwindcss").Config | undefined;
+    config?: Partial<import("tailwindcss").Config> | undefined;
 };

package/cjs/InstantSearch/InstantSearch.tailwind.d.ts

@@ -1,5 +1,5 @@
 declare const _exports: {
     handler: import("tailwindcss/types/config").PluginCreator;
-    config?: import("tailwindcss").Config | undefined;
+    config?: Partial<import("tailwindcss").Config> | undefined;
 };
 export = _exports;

package/cjs/KeyboardKey/KeyboardKey.tailwind.d.ts

@@ -1,5 +1,5 @@
 export = keyboardKeyPlugin;
 declare const keyboardKeyPlugin: {
     handler: import("tailwindcss/types/config").PluginCreator;
-    config?: import("tailwindcss").Config | undefined;
+    config?: Partial<import("tailwindcss").Config> | undefined;
 };

package/cjs/Link/BaseLink.d.ts

@@ -1,4 +1,8 @@
 import type { AnchorHTMLAttributes } from "react";
-export declare type BaseLinkProps = AnchorHTMLAttributes<HTMLAnchorElement>;
-export declare const BaseLink: import("react").ForwardRefExoticComponent<BaseLinkProps & import("react").RefAttributes<HTMLAnchorElement>>;
+export declare type BaseLinkProps = {
+    href: string;
+} & AnchorHTMLAttributes<HTMLAnchorElement>;
+export declare const BaseLink: import("react").ForwardRefExoticComponent<{
+    href: string;
+} & AnchorHTMLAttributes<HTMLAnchorElement> & import("react").RefAttributes<HTMLAnchorElement>>;
 export default BaseLink;

package/cjs/Link/ButtonLink.d.ts

@@ -1,5 +1,7 @@
 /// <reference types="react" />
 import type { ButtonBaseProps, ExtractProps } from "../Button/types";
-export declare type ButtonLinkProps = ButtonBaseProps & ExtractProps<"a">;
+export declare type ButtonLinkProps = ButtonBaseProps & ExtractProps<"a"> & {
+    href: string;
+};
 export declare const ButtonLink: ({ endIcon: EndIcon, href, onClick, ...props }: ButtonLinkProps) => JSX.Element;
 export default ButtonLink;

package/cjs/Link/IconButtonLink.d.ts

@@ -1,6 +1,8 @@
 /// <reference types="react" />
 import { IconButtonBaseProps } from "../Button/IconButton";
 import type { ExtractProps } from "../Button/types";
-export declare type IconButtonLinkProps = IconButtonBaseProps & ExtractProps<"a">;
+export declare type IconButtonLinkProps = IconButtonBaseProps & ExtractProps<"a"> & {
+    href: string;
+};
 export declare const IconButtonLink: ({ href, onClick, ...props }: IconButtonLinkProps) => JSX.Element;
 export default IconButtonLink;

package/cjs/Link/Link.d.ts

@@ -1,10 +1,12 @@
 import type { AnchorHTMLAttributes } from "react";
 import type { IconComponentType } from "../types";
 export declare type LinkProps = {
+    href: string;
     startIcon?: IconComponentType;
     endIcon?: IconComponentType;
 } & AnchorHTMLAttributes<HTMLAnchorElement>;
 export declare const Link: import("react").ForwardRefExoticComponent<{
+    href: string;
     startIcon?: IconComponentType | undefined;
     endIcon?: IconComponentType | undefined;
 } & AnchorHTMLAttributes<HTMLAnchorElement> & import("react").RefAttributes<HTMLAnchorElement>>;

package/cjs/Medallion/Medallion.tailwind.d.ts

@@ -1,5 +1,5 @@
 export = medallionPlugin;
 declare const medallionPlugin: {
     handler: import("tailwindcss/types/config").PluginCreator;
-    config?: import("tailwindcss").Config | undefined;
+    config?: Partial<import("tailwindcss").Config> | undefined;
 };

package/cjs/Modal/Modal.tailwind.d.ts

@@ -1,5 +1,5 @@
 export = modalPlugin;
 declare const modalPlugin: {
     handler: import("tailwindcss/types/config").PluginCreator;
-    config?: import("tailwindcss").Config | undefined;
+    config?: Partial<import("tailwindcss").Config> | undefined;
 };

package/cjs/Pagination/CompactPagination/CompactPagination.d.ts

@@ -23,7 +23,9 @@ export declare type IndeterminateCompactPaginationProps = BaseCompactPaginationP
     nextDisabled?: boolean;
 };
 export declare type CompactPaginationProps = DeterminateCompactPaginationProps | IndeterminateCompactPaginationProps;
+/** @ignore */
 export declare const isDeterminateCompactPaginationProps: (props: CompactPaginationProps) => props is DeterminateCompactPaginationProps;
+/** @ignore */
 export declare const isIndeterminateCompactPaginationProps: (props: CompactPaginationProps) => props is IndeterminateCompactPaginationProps;
 export declare const CompactPagination: (props: CompactPaginationProps) => JSX.Element;
 export default CompactPagination;

package/cjs/Pagination/CompactPagination/CompactPagination.js

@@ -37,9 +37,12 @@ var DEFAULT_COMPACT_PAGINATION_LOCALE = {
   }
 };
 
+/** @ignore */
 var isDeterminateCompactPaginationProps = function isDeterminateCompactPaginationProps(props) {
   return "nbPages" in props;
 };
+/** @ignore */
+
 
 exports.isDeterminateCompactPaginationProps = isDeterminateCompactPaginationProps;
 

package/cjs/ProgressBar/ProgressBar.tailwind.d.ts

@@ -1,5 +1,5 @@
 export = progressBarPlugin;
 declare const progressBarPlugin: {
     handler: import("tailwindcss/types/config").PluginCreator;
-    config?: import("tailwindcss").Config | undefined;
+    config?: Partial<import("tailwindcss").Config> | undefined;
 };

package/cjs/ProgressSpinner/ProgressSpinner.tailwind.d.ts

@@ -1,5 +1,5 @@
 export = progressSpinnerPlugin;
 declare const progressSpinnerPlugin: {
     handler: import("tailwindcss/types/config").PluginCreator;
-    config?: import("tailwindcss").Config | undefined;
+    config?: Partial<import("tailwindcss").Config> | undefined;
 };

package/cjs/RadioGroup/RadioButton.tailwind.d.ts

@@ -1,5 +1,5 @@
 export = radioButtonPlugin;
 declare const radioButtonPlugin: {
     handler: import("tailwindcss/types/config").PluginCreator;
-    config?: import("tailwindcss").Config | undefined;
+    config?: Partial<import("tailwindcss").Config> | undefined;
 };

package/cjs/RangeSlider/RangeSlider.tailwind.d.ts

@@ -1,5 +1,5 @@
 export = rangeSliderPlugin;
 declare const rangeSliderPlugin: {
     handler: import("tailwindcss/types/config").PluginCreator;
-    config?: import("tailwindcss").Config | undefined;
+    config?: Partial<import("tailwindcss").Config> | undefined;
 };

package/cjs/ScrollIndicator/ScrollIndicator.tailwind.d.ts

@@ -1,5 +1,5 @@
 export = scrollIndicatorPlugin;
 declare const scrollIndicatorPlugin: {
     handler: import("tailwindcss/types/config").PluginCreator;
-    config?: import("tailwindcss").Config | undefined;
+    config?: Partial<import("tailwindcss").Config> | undefined;
 };

package/cjs/Select/Select.tailwind.d.ts

@@ -1,5 +1,5 @@
 export = selectPlugin;
 declare const selectPlugin: {
     handler: import("tailwindcss/types/config").PluginCreator;
-    config?: import("tailwindcss").Config | undefined;
+    config?: Partial<import("tailwindcss").Config> | undefined;
 };

package/cjs/Sidebar/SidebarButtonLink.d.ts

@@ -8,7 +8,13 @@ export interface SidebarButtonLinkProps {
     id?: string;
     icon: SidebarButtonLinkIcon;
     href: string;
-    children: ReactNode;
     onClick?: MouseEventHandler<HTMLAnchorElement>;
+    disabled?: boolean;
+    /**
+     * Alternative content for the tooltip.
+     * @default children
+     */
+    tooltipContent?: ReactNode;
+    children: ReactNode;
 }
 export declare const SidebarButtonLink: FC<SidebarButtonLinkProps>;

package/cjs/Sidebar/SidebarButtonLink.js

@@ -15,8 +15,6 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 
 var _react = require("react");
 
-var _Link = require("../Link");
-
 var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
 
 var _Tooltip = require("../Tooltip");
@@ -34,7 +32,7 @@ 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 Tooltip = function Tooltip(_ref) {
-  var title = _ref.title,
+  var content = _ref.content,
       children = _ref.children;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.TooltipWrapper, {
     placement: "right",
@@ -46,40 +44,38 @@ var Tooltip = function Tooltip(_ref) {
         offset: [0, 32]
       }
     }],
-    content: title,
+    content: content,
     wrapperClassName: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["block"]))),
     interactive: false,
     children: children
   });
 };
 
-var SidebarButtonLink = function SidebarButtonLink(_ref2) {
-  var id = _ref2.id,
-      icon = _ref2.icon,
-      href = _ref2.href,
-      children = _ref2.children,
-      onClick = _ref2.onClick;
+var SidebarButtonLink = function SidebarButtonLink(props) {
+  var id = props.id,
+      icon = props.icon,
+      href = props.href,
+      disabled = props.disabled,
+      children = props.children;
 
   var _useSidebarContext = (0, _SidebarContext.useSidebarContext)(),
       isLinkActive = _useSidebarContext.isLinkActive,
       collapsed = _useSidebarContext.collapsed;
 
-  var linkProps = (0, _useLinkProps["default"])({
-    href: href,
-    onClick: onClick
-  });
+  var linkProps = (0, _useLinkProps["default"])(props);
 
   var _useState = (0, _react.useState)(false),
       _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
       isInteractedWith = _useState2[0],
       setIsInteractedWith = _useState2[1];
 
-  var isActive = isLinkActive(href);
-  var showColors = isActive || isInteractedWith;
+  var isActive = !disabled && isLinkActive(href);
+  var showColors = !disabled && (isActive || isInteractedWith);
   var Icon = "active" in icon ? showColors ? icon.active : icon.inactive : icon;
+  var tooltipContent = "tooltipContent" in props ? props.tooltipContent : children;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Tooltip, {
-    title: collapsed ? children : null,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Link.BaseLink, _objectSpread(_objectSpread({}, linkProps), {}, {
+    content: collapsed ? tooltipContent : null,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("a", _objectSpread(_objectSpread({}, linkProps), {}, {
       id: id,
       onMouseEnter: function onMouseEnter() {
         return setIsInteractedWith(true);
@@ -93,7 +89,7 @@ var SidebarButtonLink = function SidebarButtonLink(_ref2) {
       onBlur: function onBlur() {
         return setIsInteractedWith(false);
       },
-      className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n          h-8 min-w-8 w-full rounded\n          flex items-center space-x-3\n          border border-transparent\n          display-body hover:no-underline\n          focus:outline-none focus:border-grey-500\n          ", "\n          ", "\n          ", "\n        "])), isActive ? "shadow-z100" : "hover:border-grey-200", isActive && "bg-gradient-to-b from-white to-grey-50", collapsed ? "pl-2" : "px-2"),
+      className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n          h-8 min-w-8 w-full rounded\n          flex items-center space-x-3\n          border border-transparent\n          display-body\n          hover:no-underline focus:no-underline\n          ", "\n          ", "\n          ", "\n          ", "\n        "])), disabled ? "cursor-not-allowed opacity-70" : "focus:border-grey-500", isActive ? "shadow-z100" : !disabled && "hover:border-grey-200", isActive && "bg-gradient-to-b from-white to-grey-50", collapsed ? "pl-2" : "px-2"),
       "aria-current": isActive,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
         className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["", " ml-[-3px]"])), showColors ? "text-accent-600" : "text-grey-400"),

package/cjs/Sidebar/SidebarLink.d.ts

@@ -2,7 +2,8 @@ import type { FC, ReactNode } from "react";
 import type { IconComponentType } from "../types";
 export declare type SidebarLinkProps = {
     icon: IconComponentType;
+    href: string;
     disabled?: boolean;
     children: ReactNode;
-} & Pick<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "id" | "className" | "href" | "target" | "rel" | "aria-label" | "onClick">;
+} & Pick<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "id" | "className" | "target" | "rel" | "aria-label" | "onClick">;
 export declare const SidebarLink: FC<SidebarLinkProps>;

package/cjs/Switch/Switch.tailwind.d.ts

@@ -1,5 +1,5 @@
 export = switchPlugin;
 declare const switchPlugin: {
     handler: import("tailwindcss/types/config").PluginCreator;
-    config?: import("tailwindcss").Config | undefined;
+    config?: Partial<import("tailwindcss").Config> | undefined;
 };

package/cjs/Tables/DataTable/DataTable.tailwind.d.ts

@@ -1,5 +1,5 @@
 export = datatablePlugin;
 declare const datatablePlugin: {
     handler: import("tailwindcss/types/config").PluginCreator;
-    config?: import("tailwindcss").Config | undefined;
+    config?: Partial<import("tailwindcss").Config> | undefined;
 };

package/cjs/Tables/Table/Table.tailwind.d.ts

@@ -1,5 +1,5 @@
 export = tablePlugin;
 declare const tablePlugin: {
     handler: import("tailwindcss/types/config").PluginCreator;
-    config?: import("tailwindcss").Config | undefined;
+    config?: Partial<import("tailwindcss").Config> | undefined;
 };