@algolia/satellite 1.0.0-beta.144 → 1.0.0-beta.146

package/cjs/Toggle/Toggle.tailwind.d.ts

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

package/cjs/Tooltip/Tooltip.tailwind.d.ts

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

package/cjs/Typography/Typography.tailwind.d.ts

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

package/cjs/UserContent/UserContent.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/styles/base.tailwind.d.ts

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

package/cjs/styles/helpers/prefixTailwindClassName.js

@@ -8,21 +8,21 @@
  * @param {string} classname
  */
 function prefixTailwindClassName(tailwindPrefix, classname) {
-  var modifiers = "";
-  var arbitraryValueIndex = classname.indexOf("-[");
-  var classNameSafeZone = arbitraryValueIndex === -1 ? classname : classname.slice(0, arbitraryValueIndex);
-  var prefixInsertIndex = classNameSafeZone.lastIndexOf("!");
+  var searchZone = classname.replace(/-\[[^\]]+\]$/, ""); // important marker
+
+  var prefixInsertIndex = searchZone.lastIndexOf("!"); // modifier separator
 
   if (prefixInsertIndex === -1) {
-    prefixInsertIndex = classNameSafeZone.lastIndexOf(":");
-  }
+    prefixInsertIndex = searchZone.lastIndexOf(":");
+  } // container marker
 
-  if (prefixInsertIndex !== -1) {
-    modifiers = classname.slice(0, prefixInsertIndex + 1);
-    classname = classname.slice(prefixInsertIndex + 1);
+
+  if (prefixInsertIndex === -1) {
+    prefixInsertIndex = searchZone.lastIndexOf("@");
   }
 
-  return "".concat(modifiers).concat(tailwindPrefix).concat(classname);
+  prefixInsertIndex += 1;
+  return classname.slice(0, prefixInsertIndex) + tailwindPrefix + classname.slice(prefixInsertIndex);
 }
 
 module.exports = prefixTailwindClassName;

package/cjs/utilities/utilities.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/esm/AutoComplete/AutoComplete.d.ts

@@ -58,7 +58,7 @@ export declare class AutoComplete<T extends Option = Option> extends Component<A
     handleShowAllResults: (evt: MouseEvent<HTMLButtonElement>) => void;
     removeValue: (removedOption: T) => void;
     getA11yStatusMessage: (options: A11yStatusMessageOptions<Option>) => any;
-    renderInput: (results: T[], autocompleteHelpers: ControllerStateAndHelpers<T | Option>, fieldState: FieldState) => JSX.Element;
+    renderInput: (autocompleteHelpers: ControllerStateAndHelpers<T | Option>, fieldState: FieldState) => JSX.Element;
     renderMenu: (results: T[], autocompleteHelpers: ControllerStateAndHelpers<T | Option>) => JSX.Element;
     renderSelect: (autocompleteHelpers: ControllerStateAndHelpers<T | Option>, fieldState: FieldState) => JSX.Element;
     private get locale();

package/esm/AutoComplete/AutoComplete.js

@@ -12,7 +12,8 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
 
-var _excluded = ["optionItemPrefix"];
+var _excluded = ["optionItemPrefix"],
+    _excluded2 = ["ref"];
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -352,7 +353,7 @@ export var AutoComplete = /*#__PURE__*/function (_Component) {
       return "";
     });
 
-    _defineProperty(_assertThisInitialized(_this), "renderInput", function (results, autocompleteHelpers, fieldState) {
+    _defineProperty(_assertThisInitialized(_this), "renderInput", function (autocompleteHelpers, fieldState) {
       var _this$props3 = _this.props,
           id = _this$props3.id,
           placeholder = _this$props3.placeholder,
@@ -515,22 +516,36 @@ export var AutoComplete = /*#__PURE__*/function (_Component) {
           return _this.menuWrapperRef = wrapperEl;
         },
         children: function children(popper) {
+          var _getMenuProps = getMenuProps({
+            ref: popper.ref
+          }),
+              menuRef = _getMenuProps.ref,
+              menuProps = _objectWithoutProperties(_getMenuProps, _excluded2);
+
           return /*#__PURE__*/_jsx(ClickAwayContainer, {
             element: _this.menuWrapperRef,
             children: /*#__PURE__*/_jsx("div", {
+              /**
+               * We put the `menuRef` on a different element than the menu props so that Downshift correctly includes
+               * the entire Popper element when identifying a click outside. We keep the rest of the`menuProps` on the
+               * `ul` itself for accessibility reasons (it needs to be the direct parent of menu item elements).
+               * While a bit hackish, we made sure that Downshift only uses the ref to compute click outside and not
+               * anything else:
+               * https://github.com/downshift-js/downshift/blob/3fb0ed21278c5f1d0a077ed9b1d0dfd55a75c71b/src/downshift.js#L951
+               */
+              ref: menuRef,
               className: cx(stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["z-dropdown"]))), menuClassName),
               style: _objectSpread(_objectSpread({}, popper.style), dropdownStyle),
               "data-popper-placement": popper.placement,
-              ref: popper.ref,
               children: /*#__PURE__*/_jsxs(Card, {
                 fullBleed: true,
                 elevation: "300",
-                children: [results.length === 0 ? /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({}, getMenuProps()), {}, {
+                children: [results.length === 0 ? /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({}, menuProps), {}, {
                   className: stl(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["min-h-10"]))),
                   children: emptyState
                 })) : /*#__PURE__*/_jsx(ScrollIndicator, {
                   className: menuSize === "large" ? stl(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["max-h-96"]))) : stl(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["max-h-64"]))),
-                  children: /*#__PURE__*/_jsxs("ul", _objectSpread(_objectSpread({}, getMenuProps()), {}, {
+                  children: /*#__PURE__*/_jsxs("ul", _objectSpread(_objectSpread({}, menuProps), {}, {
                     children: [results.slice(0, showAllResults ? Number.MAX_SAFE_INTEGER : maxResults).map(function (result, index) {
                       return /*#__PURE__*/_jsx("li", _objectSpread(_objectSpread({}, getItemProps({
                         item: result,
@@ -584,7 +599,7 @@ export var AutoComplete = /*#__PURE__*/function (_Component) {
 
       return /*#__PURE__*/_jsxs("div", {
         className: className,
-        children: [_this.renderInput(results, autocompleteHelpers, fieldState), _this.inputContainerRef && /*#__PURE__*/createPortal(_this.renderMenu(results, autocompleteHelpers), (_this$context$portalT = _this.context["portalTarget"]) !== null && _this$context$portalT !== void 0 ? _this$context$portalT : document.body)]
+        children: [_this.renderInput(autocompleteHelpers, fieldState), _this.inputContainerRef && /*#__PURE__*/createPortal(_this.renderMenu(results, autocompleteHelpers), (_this$context$portalT = _this.context["portalTarget"]) !== null && _this$context$portalT !== void 0 ? _this$context$portalT : document.body)]
       });
     });
 

package/esm/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/esm/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/esm/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/esm/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/esm/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/esm/DatePicker/components/Calendar.js

@@ -6,7 +6,6 @@ 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) { _defineProperty(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; }
 
 import { DayPicker } from "react-day-picker";
-import { getDateFnsLocale } from "../utils";
 import NavBar from "./NavBar";
 import { jsx as _jsx } from "react/jsx-runtime";
 var excludedDayPickerPropsList = ["captionElement", "showOutsideDays", "enableOutsideDaysClick", "fixedWeeks", "labels", "navbarElement", "onTodayButtonClick", "pagedNavigation", "renderDay", "renderWeek", "reverseMonths", "showWeekNumber", "showWeekDays", "weekdayElement", "weekdaysLong", "weekdaysShort"];
@@ -34,14 +33,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 = getDateFnsLocale(props.locale.code);
+  };
   return /*#__PURE__*/_jsx(DayPicker, _objectSpread(_objectSpread({
     mode: props.mode
   }, curatedProps), {}, {
-    locale: dateFnsLocale,
+    locale: props.locale.formatter,
     dir: props.locale.rtl ? "rtl" : "ltr",
     modifiersClassNames: modifierClassNames,
     showOutsideDays: false,

package/esm/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/esm/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/esm/DatePicker/utils.js

@@ -1,30 +1,12 @@
 import format from "date-fns/format";
-import * as Locales from "date-fns/locale";
 export var formatDate = function formatDate(date) {
   return format(date, "MMM do, yyyy");
 };
 export var DEFAULT_DATE_PICKER_LOCALE = {
-  code: "enUS",
   rtl: false,
   apply: "Apply",
   cancel: "Cancel",
   openButton: "Enter a date...",
   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.
- */
-
-export 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;
-}
+};

package/esm/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/esm/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/esm/Flag/Flag.js

@@ -2,7 +2,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21;
 
 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; }
 
@@ -90,12 +90,14 @@ export var Flag = function Flag(_ref) {
         className: cx(stl(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["shrink-0 text-white rounded-full p-2px mt-1"]))), VARIANT_CLASSNAMES[variant]),
         size: 16
       }), /*#__PURE__*/_jsxs("div", {
-        className: stl(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["flex-1 ml-4"]))),
+        className: stl(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["flex-1 ml-4 min-w-0 break-words"]))),
         children: [/*#__PURE__*/_jsxs("div", {
           className: stl(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["flex justify-between"]))),
           children: [hasTitle ? /*#__PURE__*/_jsx("h3", {
+            className: stl(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["overflow-hidden"]))),
             children: title
           }) : /*#__PURE__*/_jsx("div", {
+            className: stl(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["min-w-0"]))),
             children: children
           }), onDismiss && /*#__PURE__*/_jsx(IconButton, {
             icon: X,
@@ -105,7 +107,7 @@ export var Flag = function Flag(_ref) {
             onClick: onDismiss
           })]
         }), hasTitle && children && /*#__PURE__*/_jsx("div", {
-          className: stl(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["text-grey-600 mt-2"]))),
+          className: stl(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["text-grey-600 mt-2"]))),
           children: children
         })]
       })]

package/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/Sidebar/SidebarButtonLink.js

@@ -9,7 +9,6 @@ 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) { _defineProperty(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; }
 
 import { useState } from "react";
-import { BaseLink } from "../Link";
 import stl from "../styles/helpers/satellitePrefixer";
 import { TooltipWrapper } from "../Tooltip";
 import useLinkProps from "../utils/useLinkProps";
@@ -18,7 +17,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 
 var Tooltip = function Tooltip(_ref) {
-  var title = _ref.title,
+  var content = _ref.content,
       children = _ref.children;
   return /*#__PURE__*/_jsx(TooltipWrapper, {
     placement: "right",
@@ -30,40 +29,38 @@ var Tooltip = function Tooltip(_ref) {
         offset: [0, 32]
       }
     }],
-    content: title,
+    content: content,
     wrapperClassName: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["block"]))),
     interactive: false,
     children: children
   });
 };
 
-export var SidebarButtonLink = function SidebarButtonLink(_ref2) {
-  var id = _ref2.id,
-      icon = _ref2.icon,
-      href = _ref2.href,
-      children = _ref2.children,
-      onClick = _ref2.onClick;
+export var SidebarButtonLink = function SidebarButtonLink(props) {
+  var id = props.id,
+      icon = props.icon,
+      href = props.href,
+      disabled = props.disabled,
+      children = props.children;
 
   var _useSidebarContext = useSidebarContext(),
       isLinkActive = _useSidebarContext.isLinkActive,
       collapsed = _useSidebarContext.collapsed;
 
-  var linkProps = useLinkProps({
-    href: href,
-    onClick: onClick
-  });
+  var linkProps = useLinkProps(props);
 
   var _useState = useState(false),
       _useState2 = _slicedToArray(_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__*/_jsx(Tooltip, {
-    title: collapsed ? children : null,
-    children: /*#__PURE__*/_jsxs(BaseLink, _objectSpread(_objectSpread({}, linkProps), {}, {
+    content: collapsed ? tooltipContent : null,
+    children: /*#__PURE__*/_jsxs("a", _objectSpread(_objectSpread({}, linkProps), {}, {
       id: id,
       onMouseEnter: function onMouseEnter() {
         return setIsInteractedWith(true);
@@ -77,7 +74,7 @@ export var SidebarButtonLink = function SidebarButtonLink(_ref2) {
       onBlur: function onBlur() {
         return setIsInteractedWith(false);
       },
-      className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\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: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\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__*/_jsx(Icon, {
         className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["", " ml-[-3px]"])), showColors ? "text-accent-600" : "text-grey-400"),

package/esm/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/esm/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;
 };