@algolia/satellite 1.0.0-beta.177 → 1.0.0-beta.179

package/cjs/Input/Input.js

@@ -11,9 +11,9 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _react = require("react");
-var _reactFeather = require("react-feather");
 var _Button = require("../Button");
 var _Field = require("../Field");
+var _Icons = require("../Icons");
 var _Satellite = require("../Satellite");
 var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
 var _isNil = _interopRequireDefault(require("../utils/isNil"));
@@ -40,18 +40,18 @@ var VARIANT_CLASSNAMES = {
   large: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["input-large"])))
 };
 var SearchIcon = function SearchIcon(props) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFeather.Search, _objectSpread(_objectSpread({}, props), {}, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icons.SearchIcon, _objectSpread(_objectSpread({}, props), {}, {
     role: "img",
     "aria-label": "Search Icon"
   }));
 };
 var InvalidIcon = function InvalidIcon() {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFeather.X, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icons.XIcon, {
     className: (0, _satellitePrefixer["default"])(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["mr-4 h-4 w-4 text-white bg-red-700 p-px rounded-full"])))
   });
 };
 var ValidatedIcon = function ValidatedIcon() {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFeather.Check, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icons.CheckIcon, {
     className: (0, _satellitePrefixer["default"])(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["mr-4 h-4 w-4 text-white bg-accent-600 p-px rounded-full"])))
   });
 };
@@ -145,7 +145,7 @@ var Input = exports.Input = /*#__PURE__*/(0, _react.forwardRef)(function (_ref,
     })), clearable && !disabled && !readOnly && !isValueEmpty ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, {
       className: (0, _satellitePrefixer["default"])(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2["default"])(["mr-2 ", ""])), focused ? "visible" : "invisible group-hover:visible"),
       title: locale.clearInput,
-      icon: _reactFeather.X,
+      icon: _Icons.XIcon,
       variant: "subtle",
       size: "small",
       tabIndex: -1,
@@ -179,7 +179,7 @@ var Input = exports.Input = /*#__PURE__*/(0, _react.forwardRef)(function (_ref,
             triggerInputChange(String(max));
           }
         },
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFeather.ChevronUp, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icons.ChevronUpIcon, {
           size: 12
         })
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
@@ -202,7 +202,7 @@ var Input = exports.Input = /*#__PURE__*/(0, _react.forwardRef)(function (_ref,
             triggerInputChange(String(min));
           }
         },
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFeather.ChevronDown, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icons.ChevronDownIcon, {
           size: 12
         })
       })]

package/cjs/KeyboardKey/KeyboardKey.js

@@ -8,16 +8,16 @@ exports.KeyboardKey = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _react = require("react");
-var _reactFeather = require("react-feather");
+var _Icons = require("../Icons");
 var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject;
 var KEY_MAPPINGS = {
-  up: _reactFeather.ArrowUp,
-  down: _reactFeather.ArrowDown,
-  left: _reactFeather.ArrowLeft,
-  right: _reactFeather.ArrowRight,
-  enter: _reactFeather.CornerDownLeft,
+  up: _Icons.ArrowUpIcon,
+  down: _Icons.ArrowDownIcon,
+  left: _Icons.ArrowLeftIcon,
+  right: _Icons.ArrowRightIcon,
+  enter: _Icons.CornerDownLeftIcon,
   escape: "esc"
 };
 /**

package/cjs/Link/ButtonLink.js

@@ -8,8 +8,8 @@ exports["default"] = exports.ButtonLink = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = require("react");
-var _reactFeather = require("react-feather");
 var _PolymorphicButton = require("../Button/PolymorphicButton");
+var _Icons = require("../Icons");
 var _useLinkProps = _interopRequireDefault(require("../utils/useLinkProps"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["endIcon", "href", "onClick"];
@@ -30,7 +30,7 @@ var ButtonLink = exports.ButtonLink = /*#__PURE__*/(0, _react.forwardRef)(functi
     onClick: onClick
   }));
   if (linkProps.target === "_blank" && EndIcon === undefined) {
-    EndIcon = _reactFeather.ExternalLink;
+    EndIcon = _Icons.ExternalLinkIcon;
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_PolymorphicButton.PolymorphicButton, _objectSpread(_objectSpread(_objectSpread({}, props), linkProps), {}, {
     ref: ref,

package/cjs/Link/Link.js

@@ -10,7 +10,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _react = require("react");
-var _reactFeather = require("react-feather");
+var _Icons = require("../Icons");
 var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
 var _useLinkProps = _interopRequireDefault(require("../utils/useLinkProps"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -37,7 +37,7 @@ var Link = exports.Link = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, re
   }));
   var isExternalLink = linkProps.target === "_blank" && EndIcon === undefined;
   if (isExternalLink) {
-    EndIcon = _reactFeather.ExternalLink;
+    EndIcon = _Icons.ExternalLinkIcon;
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("a", _objectSpread(_objectSpread(_objectSpread({}, anchorProps), linkProps), {}, {
     ref: ref,

package/cjs/MenuButton/components/DefaultTrigger.js

@@ -10,8 +10,8 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var DropdownMenu = _interopRequireWildcard(require("@radix-ui/react-dropdown-menu"));
 var _react = require("react");
-var _reactFeather = require("react-feather");
 var _Button = _interopRequireDefault(require("../../Button"));
+var _Icons = require("../../Icons");
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["children"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -24,7 +24,7 @@ var DefaultTrigger = exports.DefaultTrigger = /*#__PURE__*/(0, _react.forwardRef
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(DropdownMenu.Trigger, {
     asChild: true,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button["default"], _objectSpread(_objectSpread({
-      endIcon: _reactFeather.ChevronDown
+      endIcon: _Icons.ChevronDownIcon
     }, buttonProps), {}, {
       ref: ref,
       children: children

package/cjs/MenuButton/components/collapsible/CollapsibleItem.js

@@ -10,7 +10,7 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var DropdownMenu = _interopRequireWildcard(require("@radix-ui/react-dropdown-menu"));
 var _react = require("react");
-var _reactFeather = require("react-feather");
+var _Icons = require("../../../Icons");
 var _satellitePrefixer = _interopRequireDefault(require("../../../styles/helpers/satellitePrefixer"));
 var _utils = require("../../../utils");
 var _CollapsibleItemsGroupContext = require("./CollapsibleItemsGroupContext");
@@ -34,7 +34,7 @@ var CollapsibleItem = exports.CollapsibleItem = function CollapsibleItem(_ref) {
     internalName = _useState2[0];
   var itemName = name !== null && name !== void 0 ? name : internalName;
   var isExpanded = typeof expanded === "boolean" ? expanded : expandedItems.includes(itemName);
-  var OpenIndicator = isExpanded ? _reactFeather.ChevronDown : _reactFeather.ChevronRight;
+  var OpenIndicator = isExpanded ? _Icons.ChevronDownIcon : _Icons.ChevronRightIcon;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["flex flex-col"]))),
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(DropdownMenu.Item, {

package/cjs/MenuButton/components/items/LinkItem.js

@@ -12,7 +12,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var DropdownMenu = _interopRequireWildcard(require("@radix-ui/react-dropdown-menu"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _react = require("react");
-var _reactFeather = require("react-feather");
+var _Icons = require("../../../Icons");
 var _Satellite = require("../../../Satellite");
 var _satellitePrefixer = _interopRequireDefault(require("../../../styles/helpers/satellitePrefixer"));
 var _parseUrl = _interopRequireDefault(require("../../../utils/parseUrl"));
@@ -60,7 +60,7 @@ var LinkItem = exports.LinkItem = function LinkItem(props) {
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["w-full truncate"]))),
       children: children
-    }), isExternalLink && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFeather.ExternalLink, {
+    }), isExternalLink && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icons.ExternalLinkIcon, {
       className: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["ml-1 shrink-0"]))),
       size: "1em"
     })]

package/cjs/MenuButton/components/items/RadioItem.js

@@ -11,7 +11,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var DropdownMenu = _interopRequireWildcard(require("@radix-ui/react-dropdown-menu"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _reactFeather = require("react-feather");
+var _Icons = require("../../../Icons");
 var _satellitePrefixer = _interopRequireDefault(require("../../../styles/helpers/satellitePrefixer"));
 var _useMenuItemProps = _interopRequireDefault(require("../../useMenuItemProps"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -39,7 +39,7 @@ var RadioItem = exports.RadioItem = function RadioItem(props) {
         children: children
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(DropdownMenu.ItemIndicator, {
         asChild: true,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFeather.Check, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icons.CheckIcon, {
           className: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["absolute right-0 text-accent-600 h-5"])))
         })
       })]

package/cjs/Modal/Modal.js

@@ -11,9 +11,9 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 var Dialog = _interopRequireWildcard(require("@radix-ui/react-dialog"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _react = require("react");
-var _reactFeather = require("react-feather");
 var _Button = require("../Button");
 var _Card = _interopRequireDefault(require("../Card"));
+var _Icons = require("../Icons");
 var _Satellite = require("../Satellite");
 var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
 var _prefersReducedMotion = require("../utils/prefersReducedMotion");
@@ -130,7 +130,7 @@ var Modal = exports.Modal = function Modal(_ref) {
                 children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Dialog.Close, {
                   asChild: true,
                   children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, {
-                    icon: _reactFeather.X,
+                    icon: _Icons.XIcon,
                     title: locale.dismissText,
                     variant: "subtle",
                     showTooltip: false,

package/cjs/Pagination/CompactPagination/CompactPagination.js

@@ -7,8 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.isIndeterminateCompactPaginationProps = exports.isDeterminateCompactPaginationProps = exports["default"] = exports.CompactPagination = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _reactFeather = require("react-feather");
 var _Button = require("../../Button");
+var _Icons = require("../../Icons");
 var _Satellite = require("../../Satellite");
 var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -52,14 +52,14 @@ var CompactPagination = exports.CompactPagination = function CompactPagination(p
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["flex items-center space-x-2"]))),
     children: [props.showGoToFirstPage && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, {
-      icon: _reactFeather.ChevronsLeft,
+      icon: _Icons.ChevronsLeftIcon,
       title: locale.goToFirstPage,
       onClick: function onClick() {
         return props.onChange(1);
       },
       disabled: isFirstPage
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, {
-      icon: _reactFeather.ArrowLeft,
+      icon: _Icons.ArrowLeftIcon,
       title: locale.goToPreviousPage,
       onClick: function onClick() {
         return props.onChange(props.currentPage - 1);
@@ -69,14 +69,14 @@ var CompactPagination = exports.CompactPagination = function CompactPagination(p
       className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["inline-block text-center tabular-nums px-2"]))),
       children: label
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, {
-      icon: _reactFeather.ArrowRight,
+      icon: _Icons.ArrowRightIcon,
       title: locale.goToNextPage,
       onClick: function onClick() {
         return props.onChange(props.currentPage + 1);
       },
       disabled: isLastPage
     }), isDeterminateCompactPaginationProps(props) && props.showGoToLastPage && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, {
-      icon: _reactFeather.ChevronsRight,
+      icon: _Icons.ChevronsRightIcon,
       title: locale.goToLastPage,
       onClick: function onClick() {
         return props.onChange(props.nbPages);

package/cjs/Pagination/Pagination/Pagination.js

@@ -8,8 +8,8 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = exports.Pagination = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _reactFeather = require("react-feather");
 var _Button = _interopRequireWildcard(require("../../Button"));
+var _Icons = require("../../Icons");
 var _Satellite = require("../../Satellite");
 var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
 var _range = _interopRequireDefault(require("../../utils/range"));
@@ -87,7 +87,7 @@ var Pagination = exports.Pagination = function Pagination(_ref2) {
       onClick: function onClick() {
         return onChange(currentPage - 1);
       },
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFeather.ArrowLeft, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icons.ArrowLeftIcon, {
         size: "1em"
       })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Group, {
@@ -111,7 +111,7 @@ var Pagination = exports.Pagination = function Pagination(_ref2) {
       onClick: function onClick() {
         return onChange(currentPage + 1);
       },
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFeather.ArrowRight, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icons.ArrowRightIcon, {
         size: "1em"
       })
     })]

package/cjs/Popover/Popover.js

@@ -12,8 +12,8 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var PopoverPrimitive = _interopRequireWildcard(require("@radix-ui/react-popover"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _react = require("react");
-var _reactFeather = require("react-feather");
 var _Button = require("../Button");
+var _Icons = require("../Icons");
 var _Satellite = require("../Satellite");
 var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
 var _utils = require("../utils");
@@ -126,7 +126,7 @@ var Popover = exports.Popover = function Popover(_ref) {
           className: (0, _satellitePrefixer["default"])(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["absolute top-2 right-2"]))),
           asChild: true,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, {
-            icon: _reactFeather.X,
+            icon: _Icons.XIcon,
             title: locale.dismissText,
             variant: "subtle",
             showTooltip: false

package/cjs/RadioGroup/RadioButton.d.ts

@@ -1,4 +1,4 @@
 import type { HTMLAttributes, InputHTMLAttributes } from "react";
 export declare type RadioButtonProps = HTMLAttributes<HTMLInputElement> & Pick<InputHTMLAttributes<HTMLInputElement>, "value" | "name" | "checked" | "defaultChecked" | "onChange" | "required" | "autoFocus" | "disabled">;
-export declare const RadioButton: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLInputElement> & Pick<InputHTMLAttributes<HTMLInputElement>, "value" | "defaultChecked" | "onChange" | "autoFocus" | "disabled" | "name" | "checked" | "required"> & import("react").RefAttributes<HTMLInputElement>>;
+export declare const RadioButton: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLInputElement> & Pick<InputHTMLAttributes<HTMLInputElement>, "value" | "defaultChecked" | "onChange" | "name" | "autoFocus" | "disabled" | "checked" | "required"> & import("react").RefAttributes<HTMLInputElement>>;
 export default RadioButton;

package/cjs/Sidebar/SidebarButtonLink.js

@@ -9,7 +9,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
-var _reactFeather = require("react-feather");
+var _Icons = require("../Icons");
 var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
 var _Tooltip = require("../Tooltip");
 var _useLinkProps = _interopRequireDefault(require("../utils/useLinkProps"));
@@ -75,7 +75,7 @@ var SidebarButtonLink = exports.SidebarButtonLink = function SidebarButtonLink(p
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n            truncate\n            ", "\n            ", "\n            ", "\n          "])), collapsed && "sr-only", showColors ? "text-accent-600" : "typo-subdued", isActive && "font-bold"),
         children: children
-      }), isExternalLink && !collapsed && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFeather.ExternalLink, {
+      }), isExternalLink && !collapsed && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icons.ExternalLinkIcon, {
         className: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["", " !ml-1 shrink-0"])), showColors ? "text-accent-600" : "typo-subdued"),
         size: "1em"
       })]

package/cjs/Sidebar/SidebarLink.js

@@ -8,7 +8,7 @@ exports.SidebarLink = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _reactFeather = require("react-feather");
+var _Icons = require("../Icons");
 var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
 var _useLinkProps = _interopRequireDefault(require("../utils/useLinkProps"));
 var _SidebarContext = require("./SidebarContext");
@@ -41,7 +41,7 @@ var SidebarLink = exports.SidebarLink = function SidebarLink(props) {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         className: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["truncate"]))),
         children: children
-      }), isExternalLink && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFeather.ExternalLink, {
+      }), isExternalLink && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icons.ExternalLinkIcon, {
         className: (0, _satellitePrefixer["default"])(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["shrink-0 ml-1 ", ""])), disabled ? "text-grey-300" : "text-grey-500 group-focus:text-accent-600 group-hover:text-accent-600"),
         size: "1em"
       })]

package/cjs/Sidebar/SidebarLinksGroup/SidebarGroupLink.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.SidebarGroupLink = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _reactFeather = require("react-feather");
+var _Icons = require("../../Icons");
 var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
 var _useLinkProps = _interopRequireDefault(require("../../utils/useLinkProps"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -28,7 +28,7 @@ var SidebarGroupLink = exports.SidebarGroupLink = function SidebarGroupLink(prop
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["truncate"]))),
       children: label
-    }), isExternalLink && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFeather.ExternalLink, {
+    }), isExternalLink && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icons.ExternalLinkIcon, {
       className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["ml-1 shrink-0"]))),
       size: "1em"
     })]

package/cjs/Sidebar/SidebarLinksGroup/SidebarLinksGroup.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode, VFC } from "react";
-import type { IconComponentType } from "../../Icons";
+import { type IconComponentType } from "../../Icons";
 import type { SidebarLinksGroupLink } from "./types";
 declare type SidebarLinksGroupBaseProps = {
     id?: string;

package/cjs/Sidebar/SidebarLinksGroup/SidebarLinksGroup.js

@@ -10,8 +10,8 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _uniqueId = _interopRequireDefault(require("lodash/uniqueId"));
 var _react = require("react");
-var _reactFeather = require("react-feather");
 var _usePrevious = _interopRequireDefault(require("react-use/lib/usePrevious"));
+var _Icons = require("../../Icons");
 var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
 var _SidebarContext = require("../SidebarContext");
 var _ActiveLinkIndicator = require("./ActiveLinkIndicator");
@@ -70,7 +70,7 @@ var SidebarLinksGroup = exports.SidebarLinksGroup = function SidebarLinksGroup(p
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["truncate display-subheading uppercase text-grey-800 group-focus:text-accent-500 group-hover:text-accent-500 mr-2"]))),
         children: props.title
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFeather.ChevronRight, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icons.ChevronRightIcon, {
         className: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["shrink-0 text-grey-500 motion-safe:transition-all motion-safe:duration-150 ease-in-out ", ""])), isOpen && "rotate-90"),
         size: "1rem"
       })]

package/cjs/Tables/DataTable/components/HeaderCell.js

@@ -9,7 +9,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _reactFeather = require("react-feather");
+var _Icons = require("../../../Icons");
 var _satellitePrefixer = _interopRequireDefault(require("../../../styles/helpers/satellitePrefixer"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["sortingDirection", "onToggleSort", "column", "disabled", "children"];
@@ -45,11 +45,11 @@ var HeaderCell = exports.HeaderCell = function HeaderCell(_ref) {
     className: className,
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(InternalCellComponent, _objectSpread(_objectSpread({}, sortButtonProps), {}, {
       className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["group/cell px-4 py-[14px] inline-flex items-center focus:outline-none focus:text-accent-600"]))), sortButtonProps.className),
-      children: [children, sort ? sortingDirection === "desc" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFeather.ChevronDown, {
+      children: [children, sort ? sortingDirection === "desc" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icons.ChevronDownIcon, {
         className: iconClassName
-      }) : sortingDirection === "asc" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFeather.ChevronUp, {
+      }) : sortingDirection === "asc" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icons.ChevronUpIcon, {
         className: iconClassName
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFeather.ChevronDown, {
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icons.ChevronDownIcon, {
         className: (0, _clsx["default"])(iconClassName, (0, _satellitePrefixer["default"])(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["text-grey-300 invisible group-hover/cell:visible group-focus/cell:visible"]))))
       }) : null]
     }))

package/cjs/Tag/Tag.js

@@ -10,8 +10,8 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _react = require("react");
-var _reactFeather = require("react-feather");
 var _AutoComplete = require("../AutoComplete");
+var _Icons = require("../Icons");
 var _Satellite = require("../Satellite");
 var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
 var _Tooltip = require("../Tooltip");
@@ -97,7 +97,7 @@ var Tag = exports.Tag = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref)
         type: "button",
         onClick: handleAdd,
         "aria-label": typeof locale.addButton === "function" ? locale.addButton(title) : locale.addButton,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFeather.Plus, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Icons.PlusIcon, {
           size: "1em"
         }), content]
       }))
@@ -111,7 +111,7 @@ var Tag = exports.Tag = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref)
         type: "button",
         onClick: handleRemove,
         "aria-label": typeof locale.removeButton === "function" ? locale.removeButton(title) : locale.removeButton,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFeather.X, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icons.XIcon, {
           size: "1em"
         })
       }))

package/cjs/Toast/Toast.d.ts

@@ -1,6 +1,6 @@
 import type { FC, HTMLAttributes } from "react";
 import type { Notification } from "./types";
 export declare type ToastLocale = Notification["locale"];
-export declare type ToastProps = Omit<Notification, "id" | "content" | "autoDismissAfter"> & HTMLAttributes<HTMLElement>;
+export declare type ToastProps = Omit<Notification, "id" | "content" | "autoDismissAfter"> & Omit<HTMLAttributes<HTMLElement>, "title">;
 export declare const Toast: FC<ToastProps>;
 export default Toast;

package/cjs/Toast/Toast.js

@@ -11,9 +11,9 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var ToastPrimitive = _interopRequireWildcard(require("@radix-ui/react-toast"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _reactFeather = require("react-feather");
 var _Button = require("../Button");
 var _Card = require("../Card");
+var _Icons = require("../Icons");
 var _ProgressSpinner = _interopRequireDefault(require("../ProgressSpinner"));
 var _Satellite = require("../Satellite");
 var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
@@ -48,7 +48,7 @@ var Toast = exports.Toast = function Toast(_ref) {
   var onDismiss = _ref.onDismiss,
     title = _ref.title,
     _ref$icon = _ref.icon,
-    Icon = _ref$icon === void 0 ? _reactFeather.Check : _ref$icon,
+    Icon = _ref$icon === void 0 ? _Icons.CheckIcon : _ref$icon,
     _ref$loading = _ref.loading,
     loading = _ref$loading === void 0 ? false : _ref$loading,
     _ref$variant = _ref.variant,
@@ -69,9 +69,11 @@ var Toast = exports.Toast = function Toast(_ref) {
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: (0, _satellitePrefixer["default"])(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2["default"])(["p-4 flex"]))),
       children: [loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProgressSpinner["default"], {
+        "aria-hidden": true,
         size: 24,
         className: VARIANT_SPINNER_CLASSNAMES[variant]
       }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
+        "aria-hidden": true,
         className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2["default"])(["shrink-0 text-white rounded-full p-1"]))), VARIANT_CLASSNAMES[variant]),
         size: 24
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
@@ -92,7 +94,7 @@ var Toast = exports.Toast = function Toast(_ref) {
               onDismiss === null || onDismiss === void 0 || onDismiss();
             },
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, {
-              icon: _reactFeather.X,
+              icon: _Icons.XIcon,
               title: locale.dismissText,
               variant: "subtle",
               size: "small"

package/cjs/Toast/types.d.ts

@@ -1,13 +1,13 @@
-import type { ReactNode } from "react";
+import type { ReactNode, ReactPortal } from "react";
 import type { IconComponentType } from "../Icons";
 import type { ColorVariant } from "../types";
 export declare type Notification = {
     /** Defines an unique ID for the `Toast`. */
     id: string;
-    /** Defines the title for the `Toast`. */
-    title: string;
+    /** Defines the title for the `Toast`. Will be rendered in a heading element. */
+    title: Exclude<ReactNode, ReactPortal>;
     /** Defines the content for the `Toast`. */
-    content?: ReactNode;
+    content?: Exclude<ReactNode, ReactPortal>;
     /** Defines the icon for the `Toast`. */
     icon?: IconComponentType;
     /**

package/cjs/styles/helpers/icons.js

@@ -1,10 +1,10 @@
 "use strict";
 
+var icons = require("lucide-react");
 var _require = require("react"),
   createElement = _require.createElement;
 var _require2 = require("react-dom/server"),
   renderToStaticMarkup = _require2.renderToStaticMarkup;
-var Icon = require("react-feather");
 
 /**
  * Render inline SVG for a Feather icon
@@ -12,7 +12,7 @@ var Icon = require("react-feather");
  */
 var toSVG = function toSVG(iconName) {
   var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  return renderToStaticMarkup(createElement(Icon[iconName], props, null));
+  return renderToStaticMarkup(createElement(icons[iconName], props, null));
 };
 
 /**