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

package/README.md

@@ -7,7 +7,7 @@
 ## Installation
 
 ```sh
-yarn add @algolia/satellite react-feather
+yarn add @algolia/satellite
 ```
 
 ## Quick start

package/cjs/AutoComplete/AutoComplete.js

@@ -12,13 +12,13 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _clsx = _interopRequireDefault(require("clsx"));
 var _downshift = require("downshift");
 var _react = require("react");
-var _reactFeather = require("react-feather");
 var _reactPopper = require("react-popper");
 var _useMeasure3 = _interopRequireDefault(require("react-use/lib/useMeasure"));
 var _usePrevious = _interopRequireDefault(require("react-use/lib/usePrevious"));
 var _Card = require("../Card");
 var _ClickAwayContainer = require("../ClickAwayContainer");
 var _Field = require("../Field");
+var _Icons = require("../Icons");
 var _Satellite = require("../Satellite");
 var _ScrollIndicator = _interopRequireDefault(require("../ScrollIndicator"));
 var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
@@ -374,7 +374,7 @@ var AutoComplete = exports.AutoComplete = function AutoComplete(_ref) {
               multipleSelection.setSelectedItems([]);
             },
             "aria-label": locale.clearInputButton,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFeather.X, {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icons.XIcon, {
               size: ".75rem"
             })
           })]

package/cjs/AutoComplete/components/AutoCompleteEmptyState.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode, VFC } from "react";
-import type { IconComponentType } from "../../Icons";
+import { type IconComponentType } from "../../Icons";
 import type { MedallionVariant } from "../../Medallion";
 export interface AutoCompleteEmptyStateProps {
     icon?: IconComponentType;

package/cjs/AutoComplete/components/AutoCompleteEmptyState.js

@@ -6,14 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.AutoCompleteEmptyState = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _reactFeather = require("react-feather");
+var _Icons = require("../../Icons");
 var _Medallion = require("../../Medallion");
 var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3;
 var AutoCompleteEmptyState = exports.AutoCompleteEmptyState = function AutoCompleteEmptyState(_ref) {
   var _ref$icon = _ref.icon,
-    icon = _ref$icon === void 0 ? _reactFeather.X : _ref$icon,
+    icon = _ref$icon === void 0 ? _Icons.XIcon : _ref$icon,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? "grey" : _ref$variant,
     title = _ref.title,

package/cjs/Banners/Alert/Alert.js

@@ -7,8 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = exports.Alert = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _reactFeather = require("react-feather");
 var _Button = require("../../Button");
+var _Icons = require("../../Icons");
 var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24;
@@ -28,11 +28,11 @@ var BORDER_CLASSNAMES = {
   red: (0, _satellitePrefixer["default"])(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2["default"])(["border-red-200"])))
 };
 var ICON_VARIANTS = {
-  grey: _reactFeather.AlertCircle,
-  accent: _reactFeather.AlertCircle,
-  green: _reactFeather.CheckCircle,
-  orange: _reactFeather.AlertTriangle,
-  red: _reactFeather.AlertOctagon
+  grey: _Icons.AlertCircleIcon,
+  accent: _Icons.AlertCircleIcon,
+  green: _Icons.CheckCircleIcon,
+  orange: _Icons.AlertTriangleIcon,
+  red: _Icons.AlertOctagonIcon
 };
 var ICON_CLASSNAME_VARIANTS = {
   grey: (0, _satellitePrefixer["default"])(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2["default"])(["text-grey-600"]))),
@@ -79,7 +79,7 @@ var Alert = exports.Alert = function Alert(_ref) {
     }), onDismiss && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       className: (0, _satellitePrefixer["default"])(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteral2["default"])(["absolute right-1.5 top-1.5"]))),
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, {
-        icon: _reactFeather.X,
+        icon: _Icons.XIcon,
         title: "Close",
         variant: "subtle",
         size: "small",

package/cjs/Banners/Promote/Promote.js

@@ -7,9 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = exports.Promote = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _clsx = _interopRequireDefault(require("clsx"));
-var _reactFeather = require("react-feather");
 var _Button = require("../../Button");
 var _Card = _interopRequireDefault(require("../../Card"));
+var _Icons = require("../../Icons");
 var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
@@ -65,7 +65,7 @@ var Promote = exports.Promote = function Promote(_ref) {
     }), onDismiss && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       className: (0, _satellitePrefixer["default"])(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2["default"])(["absolute top-2 right-2"]))),
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, {
-        icon: _reactFeather.X,
+        icon: _Icons.XIcon,
         title: "Close",
         variant: "subtle",
         size: "small",

package/cjs/Banners/SystemNotification/SystemNotification.d.ts

@@ -0,0 +1,13 @@
+import type { ReactNode, VFC } from "react";
+import type { IconComponentType } from "../../Icons";
+export interface SystemNotificationProps {
+    icon?: IconComponentType;
+    children: ReactNode;
+}
+/**
+ * The `SystemNotification` component is a top-of-page alert for critical system messages, updates, and urgent warnings.
+ *
+ * See the [System Notification documentation page](https://satellite.algolia.com/components/feedback/system-notification) for more information.
+ */
+export declare const SystemNotification: VFC<SystemNotificationProps>;
+export default SystemNotification;

package/cjs/Banners/{BigBertha/BigBertha.js → SystemNotification/SystemNotification.js}

@@ -4,25 +4,26 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.BigBertha = void 0;
+exports["default"] = exports.SystemNotification = void 0;
 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 _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3;
 /**
- * The `BigBertha` component is a top-of-page alert for critical system messages, updates, and urgent warnings.
+ * The `SystemNotification` component is a top-of-page alert for critical system messages, updates, and urgent warnings.
  *
- * See the [Big Bertha documentation page](https://satellite.algolia.com/components/feedback/big-bertha) for more information.
+ * See the [System Notification documentation page](https://satellite.algolia.com/components/feedback/system-notification) for more information.
  */
-var BigBertha = exports.BigBertha = function BigBertha(_ref) {
+var SystemNotification = exports.SystemNotification = function SystemNotification(_ref) {
   var icon = _ref.icon,
     children = _ref.children;
-  var InternalIcon = icon || _reactFeather.AlertCircle;
+  var InternalIcon = icon || _Icons.AlertCircleIcon;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["flex items-center justify-center space-x-4 bg-accent-600 text-white w-full p-4"]))),
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(InternalIcon, {
-      size: "1rem",
+      height: "1rem",
+      width: "1rem",
       className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["shrink-0"])))
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["display-body"]))),
@@ -30,4 +31,4 @@ var BigBertha = exports.BigBertha = function BigBertha(_ref) {
     })]
   });
 };
-var _default = exports["default"] = BigBertha;
+var _default = exports["default"] = SystemNotification;

package/cjs/Banners/SystemNotification/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./SystemNotification";
+export { default } from "./SystemNotification";

package/cjs/Banners/{BigBertha → SystemNotification}/index.js

@@ -8,18 +8,18 @@ var _exportNames = {};
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function get() {
-    return _BigBertha["default"];
+    return _SystemNotification["default"];
   }
 });
-var _BigBertha = _interopRequireWildcard(require("./BigBertha"));
-Object.keys(_BigBertha).forEach(function (key) {
+var _SystemNotification = _interopRequireWildcard(require("./SystemNotification"));
+Object.keys(_SystemNotification).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _BigBertha[key]) return;
+  if (key in exports && exports[key] === _SystemNotification[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _BigBertha[key];
+      return _SystemNotification[key];
     }
   });
 });

package/cjs/Banners/index.d.ts

@@ -1,3 +1,3 @@
 export * from "./Alert";
-export * from "./BigBertha";
+export * from "./SystemNotification";
 export * from "./Promote";

package/cjs/Banners/index.js

@@ -14,14 +14,14 @@ Object.keys(_Alert).forEach(function (key) {
     }
   });
 });
-var _BigBertha = require("./BigBertha");
-Object.keys(_BigBertha).forEach(function (key) {
+var _SystemNotification = require("./SystemNotification");
+Object.keys(_SystemNotification).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _BigBertha[key]) return;
+  if (key in exports && exports[key] === _SystemNotification[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _BigBertha[key];
+      return _SystemNotification[key];
     }
   });
 });

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

@@ -1,6 +1,7 @@
-import type { ReactNode, VFC } from "react";
+import type { VFC } from "react";
+declare type Headings = "h2" | "h3" | "h4" | "h5" | "h6";
 export declare type CardTitleProps = JSX.IntrinsicElements["h2"] & {
-    children: ReactNode;
+    as?: Headings;
 };
 export declare const CardTitle: VFC<CardTitleProps>;
 export default CardTitle;

package/cjs/Card/components/CardTitle.js

@@ -12,14 +12,16 @@ var _clsx = _interopRequireDefault(require("clsx"));
 var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject;
-var _excluded = ["className", "children"];
+var _excluded = ["className", "children", "as"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var CardTitle = exports.CardTitle = function CardTitle(_ref) {
   var className = _ref.className,
     children = _ref.children,
+    _ref$as = _ref.as,
+    Heading = _ref$as === void 0 ? "h2" : _ref$as,
     props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("h2", _objectSpread(_objectSpread({}, props), {}, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Heading, _objectSpread(_objectSpread({}, props), {}, {
     className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["typo-display-heading"]))), className),
     children: children
   }));

package/cjs/Checkbox/Checkbox.js

@@ -11,8 +11,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 _Field = require("../Field");
+var _Icons = require("../Icons");
 var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
 var _isRenderedChild = _interopRequireDefault(require("../utils/isRenderedChild"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -57,7 +57,7 @@ var Checkbox = exports.Checkbox = /*#__PURE__*/(0, _react.forwardRef)(function (
     internalChecked = _useState2[0],
     setInternalChecked = _useState2[1];
   var isChecked = Boolean(isControlled ? checked : internalChecked);
-  var CheckboxIcon = indeterminate ? _reactFeather.Minus : _reactFeather.Check;
+  var CheckboxIcon = indeterminate ? _Icons.MinusIcon : _Icons.CheckIcon;
   var handleChange = function handleChange(evt) {
     if (checkboxProps.onChange) {
       checkboxProps.onChange(evt);

package/cjs/DatePicker/DatePicker.tailwind.js

@@ -25,7 +25,7 @@ var datePickerPlugin = plugin(function (_ref) {
   };
   addComponents((_addComponents = {
     ".rdp-year": {
-      // ChevronDown svg from react-feather,
+      // ChevronDown svg from lucide-react,
       backgroundImage: 'url(\'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>\')',
       backgroundRepeat: "no-repeat",
       backgroundPositionX: "100%",

package/cjs/DatePicker/components/Display.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _reactFeather = require("react-feather");
 var _Button = _interopRequireDefault(require("../../Button"));
+var _Icons = require("../../Icons");
 var _jsxRuntime = require("react/jsx-runtime");
 var Display = function Display(_ref) {
   var id = _ref.id,
@@ -16,7 +16,7 @@ var Display = function Display(_ref) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button["default"], {
     id: id,
     size: size,
-    startIcon: _reactFeather.Calendar,
+    startIcon: _Icons.CalendarIcon,
     onClick: onClick,
     children: children
   });

package/cjs/DatePicker/components/NavBar.js

@@ -12,8 +12,8 @@ var _dateFns = require("date-fns");
 var _isSameMonth = _interopRequireDefault(require("date-fns/isSameMonth"));
 var _react = require("react");
 var _reactDayPicker = require("react-day-picker");
-var _reactFeather = require("react-feather");
 var _Button = require("../../Button");
+var _Icons = require("../../Icons");
 var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
 var _utils = require("../../utils");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -79,7 +79,7 @@ var NavBar = function NavBar(props) {
   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, {
-      icon: dir === "rtl" ? _reactFeather.ChevronRight : _reactFeather.ChevronLeft,
+      icon: dir === "rtl" ? _Icons.ChevronRightIcon : _Icons.ChevronLeftIcon,
       title: previousMonthLabel,
       onClick: handlePreviousClick
     }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
@@ -112,7 +112,7 @@ var NavBar = function NavBar(props) {
         }) : props.displayMonth.getFullYear()]
       })
     }), showNext ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, {
-      icon: dir === "rtl" ? _reactFeather.ChevronLeft : _reactFeather.ChevronRight,
+      icon: dir === "rtl" ? _Icons.ChevronLeftIcon : _Icons.ChevronRightIcon,
       title: nextMonthLabel,
       onClick: handleNextClick
     }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {

package/cjs/Dropdown/DropdownButton.js

@@ -8,8 +8,8 @@ exports["default"] = exports.DropdownButton = 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 _Button = _interopRequireDefault(require("../Button"));
+var _Icons = require("../Icons");
 var _Dropdown = _interopRequireDefault(require("./Dropdown"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["children", "title", "renderFooter"];
@@ -35,7 +35,7 @@ var DropdownButton = exports.DropdownButton = /*#__PURE__*/(0, _react.forwardRef
     };
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button["default"], _objectSpread(_objectSpread({}, buttonProps), {}, {
       onClick: handleClick,
-      endIcon: _reactFeather.ChevronDown,
+      endIcon: _Icons.ChevronDownIcon,
       ref: ref,
       children: title
     }));

package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.js

@@ -8,7 +8,7 @@ exports["default"] = exports.DropdownCollapsibleItem = void 0;
 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 _utils = require("../../../utils");
 var _DropdownCollapsibleItemsGroupContext = require("./DropdownCollapsibleItemsGroupContext");
@@ -44,10 +44,10 @@ var DropdownCollapsibleItem = exports.DropdownCollapsibleItem = function Dropdow
       },
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         children: title
-      }), isExpanded ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFeather.ChevronDown, {
+      }), isExpanded ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icons.ChevronDownIcon, {
         className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["text-grey-500"]))),
         size: "1.25em"
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFeather.ChevronRight, {
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icons.ChevronRightIcon, {
         className: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["text-grey-500"]))),
         size: "1.25em"
       })]

package/cjs/Dropdown/components/DropdownLinkItem.js

@@ -9,7 +9,7 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 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 _useDropdownItemProps = _interopRequireDefault(require("../useDropdownItemProps"));
@@ -40,7 +40,7 @@ var _DropdownLinkItem = function _DropdownLinkItem(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/Dropzone/Dropzone.js

@@ -13,9 +13,9 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 var _clsx = _interopRequireDefault(require("clsx"));
 var _react = require("react");
 var _reactDropzone = require("react-dropzone");
-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 _formatters = require("../utils/formatters");
@@ -39,12 +39,12 @@ var DEFAULT_DROPZONE_LOCALE = {
   }
 };
 var InvalidIcon = function InvalidIcon() {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFeather.X, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icons.XIcon, {
     className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (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"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["mr-4 h-4 w-4 text-white bg-accent-600 p-px rounded-full"])))
   });
 };
@@ -138,7 +138,7 @@ var Dropzone = exports.Dropzone = function Dropzone(_ref2) {
         file: files[0]
       }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: (0, _satellitePrefixer["default"])(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["flex items-center justify-center space-x-2 display-body"]))),
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFeather.UploadCloud, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Icons.UploadCloudIcon, {
           size: "1rem",
           className: (0, _satellitePrefixer["default"])(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["", ""])), disabled ? "text-grey-200" : "text-grey-500")
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
@@ -151,7 +151,7 @@ var Dropzone = exports.Dropzone = function Dropzone(_ref2) {
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, {
         className: (0, _satellitePrefixer["default"])(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2["default"])(["mr-2 ", ""])), focused ? "visible" : "invisible group-hover/dropzone:visible"),
         title: locale.clearInput,
-        icon: _reactFeather.X,
+        icon: _Icons.XIcon,
         variant: "subtle",
         size: "small",
         tabIndex: -1,

package/cjs/Field/Field.js

@@ -8,7 +8,7 @@ exports["default"] = exports.Field = 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 _utils = require("../utils");
 var _FieldContext = require("./FieldContext");
@@ -44,7 +44,7 @@ var Field = exports.Field = function Field(_ref) {
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: className,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
-        className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["cursor-pointer flex ", ""])), !inline && "flex-col"),
+        className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["cursor-pointer flex ", ""])), inline ? "items-center" : "flex-col"),
         htmlFor: labelFor,
         children: [hasLabel && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           id: labelId,
@@ -59,7 +59,7 @@ var Field = exports.Field = function Field(_ref) {
         children: state.errors.map(function (error) {
           return /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
             className: (0, _satellitePrefixer["default"])(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["flex items-center"]))),
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFeather.AlertCircle, {
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Icons.AlertCircleIcon, {
               className: (0, _satellitePrefixer["default"])(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["text-red-700 mr-1"]))),
               size: "1rem"
             }), error]

package/cjs/Icons/index.d.ts

@@ -17,4 +17,4 @@ export { QueryBreakdownIcon } from "./QueryBreakdownIcon";
 export { BulbIcon } from "./BulbIcon";
 export { TestingIcon } from "./TestingIcon";
 export { RocketIcon } from "./RocketIcon";
-export { Activity as ActivityIcon, Airplay as AirplayIcon, AlertCircle as AlertCircleIcon, AlertOctagon as AlertOctagonIcon, AlertTriangle as AlertTriangleIcon, AlignCenter as AlignCenterIcon, AlignJustify as AlignJustifyIcon, AlignLeft as AlignLeftIcon, AlignRight as AlignRightIcon, Anchor as AnchorIcon, Aperture as ApertureIcon, Archive as ArchiveIcon, ArrowDownCircle as ArrowDownCircleIcon, ArrowDownLeft as ArrowDownLeftIcon, ArrowDownRight as ArrowDownRightIcon, ArrowDown as ArrowDownIcon, ArrowLeftCircle as ArrowLeftCircleIcon, ArrowLeft as ArrowLeftIcon, ArrowRightCircle as ArrowRightCircleIcon, ArrowRight as ArrowRightIcon, ArrowUpCircle as ArrowUpCircleIcon, ArrowUpLeft as ArrowUpLeftIcon, ArrowUpRight as ArrowUpRightIcon, ArrowUp as ArrowUpIcon, AtSign as AtSignIcon, Award as AwardIcon, BarChart2 as BarChart2Icon, BarChart as BarChartIcon, BatteryCharging as BatteryChargingIcon, Battery as BatteryIcon, BellOff as BellOffIcon, Bell as BellIcon, Bluetooth as BluetoothIcon, Bold as BoldIcon, BookOpen as BookOpenIcon, Book as BookIcon, Bookmark as BookmarkIcon, Box as BoxIcon, Briefcase as BriefcaseIcon, Calendar as CalendarIcon, CameraOff as CameraOffIcon, Camera as CameraIcon, Cast as CastIcon, CheckCircle as CheckCircleIcon, CheckSquare as CheckSquareIcon, Check as CheckIcon, ChevronDown as ChevronDownIcon, ChevronLeft as ChevronLeftIcon, ChevronRight as ChevronRightIcon, ChevronUp as ChevronUpIcon, ChevronsDown as ChevronsDownIcon, ChevronsLeft as ChevronsLeftIcon, ChevronsRight as ChevronsRightIcon, ChevronsUp as ChevronsUpIcon, Chrome as ChromeIcon, Circle as CircleIcon, Clipboard as ClipboardIcon, Clock as ClockIcon, CloudDrizzle as CloudDrizzleIcon, CloudLightning as CloudLightningIcon, CloudOff as CloudOffIcon, CloudRain as CloudRainIcon, CloudSnow as CloudSnowIcon, Cloud as CloudIcon, Code as CodeIcon, Codepen as CodepenIcon, Codesandbox as CodesandboxIcon, Coffee as CoffeeIcon, Columns as ColumnsIcon, Command as CommandIcon, Compass as CompassIcon, Copy as CopyIcon, CornerDownLeft as CornerDownLeftIcon, CornerDownRight as CornerDownRightIcon, CornerLeftDown as CornerLeftDownIcon, CornerLeftUp as CornerLeftUpIcon, CornerRightDown as CornerRightDownIcon, CornerRightUp as CornerRightUpIcon, CornerUpLeft as CornerUpLeftIcon, CornerUpRight as CornerUpRightIcon, Cpu as CpuIcon, CreditCard as CreditCardIcon, Crop as CropIcon, Crosshair as CrosshairIcon, Database as DatabaseIcon, Delete as DeleteIcon, Disc as DiscIcon, DivideCircle as DivideCircleIcon, DivideSquare as DivideSquareIcon, Divide as DivideIcon, DollarSign as DollarSignIcon, DownloadCloud as DownloadCloudIcon, Download as DownloadIcon, Dribbble as DribbbleIcon, Droplet as DropletIcon, Edit2 as Edit2Icon, Edit3 as Edit3Icon, Edit as EditIcon, ExternalLink as ExternalLinkIcon, EyeOff as EyeOffIcon, Eye as EyeIcon, Facebook as FacebookIcon, FastForward as FastForwardIcon, Feather as FeatherIcon, Figma as FigmaIcon, FileMinus as FileMinusIcon, FilePlus as FilePlusIcon, FileText as FileTextIcon, File as FileIcon, Film as FilmIcon, Filter as FilterIcon, Flag as FlagIcon, FolderMinus as FolderMinusIcon, FolderPlus as FolderPlusIcon, Folder as FolderIcon, Framer as FramerIcon, Frown as FrownIcon, Gift as GiftIcon, GitBranch as GitBranchIcon, GitCommit as GitCommitIcon, GitMerge as GitMergeIcon, GitPullRequest as GitPullRequestIcon, GitHub as GitHubIcon, Gitlab as GitlabIcon, Globe as GlobeIcon, Grid as GridIcon, HardDrive as HardDriveIcon, Hash as HashIcon, Headphones as HeadphonesIcon, Heart as HeartIcon, HelpCircle as HelpCircleIcon, Hexagon as HexagonIcon, Home as HomeIcon, Image as ImageIcon, Inbox as InboxIcon, Info as InfoIcon, Instagram as InstagramIcon, Italic as ItalicIcon, Key as KeyIcon, Layers as LayersIcon, Layout as LayoutIcon, LifeBuoy as LifeBuoyIcon, Link2 as Link2Icon, Link as LinkIcon, Linkedin as LinkedinIcon, List as ListIcon, Loader as LoaderIcon, Lock as LockIcon, LogIn as LogInIcon, LogOut as LogOutIcon, Mail as MailIcon, MapPin as MapPinIcon, Map as MapIcon, Maximize2 as Maximize2Icon, Maximize as MaximizeIcon, Meh as MehIcon, Menu as MenuIcon, MessageCircle as MessageCircleIcon, MessageSquare as MessageSquareIcon, MicOff as MicOffIcon, Mic as MicIcon, Minimize2 as Minimize2Icon, Minimize as MinimizeIcon, MinusCircle as MinusCircleIcon, MinusSquare as MinusSquareIcon, Minus as MinusIcon, Monitor as MonitorIcon, Moon as MoonIcon, MoreHorizontal as MoreHorizontalIcon, MoreVertical as MoreVerticalIcon, MousePointer as MousePointerIcon, Move as MoveIcon, Music as MusicIcon, Navigation2 as Navigation2Icon, Navigation as NavigationIcon, Octagon as OctagonIcon, Package as PackageIcon, Paperclip as PaperclipIcon, PauseCircle as PauseCircleIcon, Pause as PauseIcon, PenTool as PenToolIcon, Percent as PercentIcon, PhoneCall as PhoneCallIcon, PhoneForwarded as PhoneForwardedIcon, PhoneIncoming as PhoneIncomingIcon, PhoneMissed as PhoneMissedIcon, PhoneOff as PhoneOffIcon, PhoneOutgoing as PhoneOutgoingIcon, Phone as PhoneIcon, PieChart as PieChartIcon, PlayCircle as PlayCircleIcon, Play as PlayIcon, PlusCircle as PlusCircleIcon, PlusSquare as PlusSquareIcon, Plus as PlusIcon, Pocket as PocketIcon, Power as PowerIcon, Printer as PrinterIcon, Radio as RadioIcon, RefreshCcw as RefreshCcwIcon, RefreshCw as RefreshCwIcon, Repeat as RepeatIcon, Rewind as RewindIcon, RotateCcw as RotateCcwIcon, RotateCw as RotateCwIcon, Rss as RssIcon, Save as SaveIcon, Scissors as ScissorsIcon, Search as SearchIcon, Send as SendIcon, Server as ServerIcon, Settings as SettingsIcon, Share2 as Share2Icon, Share as ShareIcon, ShieldOff as ShieldOffIcon, Shield as ShieldIcon, ShoppingBag as ShoppingBagIcon, ShoppingCart as ShoppingCartIcon, Shuffle as ShuffleIcon, Sidebar as SidebarIcon, SkipBack as SkipBackIcon, SkipForward as SkipForwardIcon, Slack as SlackIcon, Slash as SlashIcon, Sliders as SlidersIcon, Smartphone as SmartphoneIcon, Smile as SmileIcon, Speaker as SpeakerIcon, Square as SquareIcon, Star as StarIcon, StopCircle as StopCircleIcon, Sun as SunIcon, Sunrise as SunriseIcon, Sunset as SunsetIcon, Table as TableIcon, Tablet as TabletIcon, Tag as TagIcon, Target as TargetIcon, Terminal as TerminalIcon, Thermometer as ThermometerIcon, ThumbsDown as ThumbsDownIcon, ThumbsUp as ThumbsUpIcon, ToggleLeft as ToggleLeftIcon, ToggleRight as ToggleRightIcon, Tool as ToolIcon, Trash2 as Trash2Icon, Trash as TrashIcon, Trello as TrelloIcon, TrendingDown as TrendingDownIcon, TrendingUp as TrendingUpIcon, Triangle as TriangleIcon, Truck as TruckIcon, Tv as TvIcon, Twitch as TwitchIcon, Twitter as TwitterIcon, Type as TypeIcon, Umbrella as UmbrellaIcon, Underline as UnderlineIcon, Unlock as UnlockIcon, UploadCloud as UploadCloudIcon, Upload as UploadIcon, UserCheck as UserCheckIcon, UserMinus as UserMinusIcon, UserPlus as UserPlusIcon, UserX as UserXIcon, User as UserIcon, Users as UsersIcon, VideoOff as VideoOffIcon, Video as VideoIcon, Voicemail as VoicemailIcon, Volume1 as Volume1Icon, Volume2 as Volume2Icon, VolumeX as VolumeXIcon, Volume as VolumeIcon, Watch as WatchIcon, WifiOff as WifiOffIcon, Wifi as WifiIcon, Wind as WindIcon, XCircle as XCircleIcon, XOctagon as XOctagonIcon, XSquare as XSquareIcon, X as XIcon, Youtube as YoutubeIcon, ZapOff as ZapOffIcon, Zap as ZapIcon, ZoomIn as ZoomInIcon, ZoomOut as ZoomOutIcon, } from "react-feather";
+export { ActivityIcon, AirplayIcon, AlertCircleIcon, AlertOctagonIcon, AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, AnchorIcon, ApertureIcon, ArchiveIcon, ArrowDownCircleIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftCircleIcon, ArrowLeftIcon, ArrowRightCircleIcon, ArrowRightIcon, ArrowUpCircleIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, AwardIcon, BanIcon, BarChart2Icon, BarChartIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BookOpenIcon, BoxIcon, BriefcaseIcon, CalendarIcon, CameraIcon, CameraOffIcon, CastIcon, CheckCircleIcon, CheckIcon, CheckSquareIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, ChevronUpIcon, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, CodeIcon, CodepenIcon, CodesandboxIcon, CoffeeIcon, ColumnsIcon, CommandIcon, CompassIcon, CopyIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, CpuIcon, CreditCardIcon, CropIcon, CrosshairIcon, DatabaseIcon, DeleteIcon, DiscIcon, DivideCircleIcon, DivideIcon, DivideSquareIcon, DollarSignIcon, DownloadCloudIcon, DownloadIcon, DribbbleIcon, DropletIcon, Edit2Icon, Edit3Icon, EditIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, FastForwardIcon, FeatherIcon, FigmaIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileTextIcon, FilmIcon, FilterIcon, FlagIcon, FlaskConicalIcon, FolderIcon, FolderMinusIcon, FolderPlusIcon, FramerIcon, FrownIcon, GiftIcon, GitBranchIcon, GitCommitIcon, GithubIcon, GitlabIcon, GitMergeIcon, GitPullRequestIcon, GlobeIcon, HardDriveIcon, HashIcon, HeadphonesIcon, HeartIcon, HelpCircleIcon, HexagonIcon, HomeIcon, ImageIcon, InboxIcon, InfoIcon, InstagramIcon, ItalicIcon, KeyIcon, LayersIcon, LayoutIcon, LayoutGridIcon, LifeBuoyIcon, Link2Icon, LinkedinIcon, LinkIcon, ListIcon, LoaderIcon, LockIcon, LogInIcon, LogOutIcon, MailIcon, MapIcon, MapPinIcon, Maximize2Icon, MaximizeIcon, MehIcon, MenuIcon, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, Minimize2Icon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, MousePointerIcon, MoveIcon, MusicIcon, Navigation2Icon, NavigationIcon, OctagonIcon, PackageIcon, PaperclipIcon, PauseCircleIcon, PauseIcon, PenToolIcon, PercentIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneOffIcon, PhoneOutgoingIcon, PieChartIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, PowerIcon, PrinterIcon, RadioIcon, RefreshCcwIcon, RefreshCwIcon, RepeatIcon, RewindIcon, RotateCcwIcon, RotateCwIcon, RssIcon, SaveIcon, ScissorsIcon, SearchIcon, SendIcon, ServerIcon, SettingsIcon, Share2Icon, ShareIcon, ShieldIcon, ShieldOffIcon, ShoppingBagIcon, ShoppingCartIcon, ShuffleIcon, SidebarIcon, SkipBackIcon, SkipForwardIcon, SlackIcon, SlidersIcon, SmartphoneIcon, SmileIcon, SpeakerIcon, SquareIcon, StarIcon, StopCircleIcon, SunIcon, SunriseIcon, SunsetIcon, TableIcon, TabletIcon, TagIcon, TargetIcon, TerminalIcon, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, ToggleLeftIcon, ToggleRightIcon, Trash2Icon, TrashIcon, TrelloIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TruckIcon, TvIcon, TwitchIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UploadCloudIcon, UploadIcon, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UsersIcon, UserXIcon, VideoIcon, VideoOffIcon, VoicemailIcon, Volume1Icon, Volume2Icon, VolumeIcon, VolumeXIcon, WatchIcon, WifiIcon, WifiOffIcon, WindIcon, WrenchIcon, XCircleIcon, XIcon, XOctagonIcon, XSquareIcon, YoutubeIcon, ZapIcon, ZapOffIcon, ZoomInIcon, ZoomOutIcon, } from "lucide-react";