@algolia/satellite 1.2.0 → 1.3.0

package/dist/esm/Fields/Form/stories/ValidationStrategies.js

@@ -18,8 +18,7 @@ import { Field } from "../../Field";
 import { Input } from "../../Input";
 import { ExperimentalForm, ExperimentalFormErrorMessage, ExperimentalFormReset, ExperimentalFormSubmit } from "../Form";
 import { useFormikAutoFocusOnError } from "./utils/useFormikAutoFocusOnError";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var initialFormData = {
   cardOwner: "",
   cardNumber: "",
@@ -354,7 +353,7 @@ export var FormikValidationStrategiesComponent = function FormikValidationStrate
           startIcon: CreditCardIcon,
           required: true
         }, formik.getFieldProps("cardNumber")), {}, {
-          onChange: /*#__PURE__*/function () {
+          onChange: ( /*#__PURE__*/function () {
             var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(e) {
               var value;
               return _regeneratorRuntime.wrap(function _callee$(_context) {
@@ -376,7 +375,7 @@ export var FormikValidationStrategiesComponent = function FormikValidationStrate
             return function (_x) {
               return _ref5.apply(this, arguments);
             };
-          }()
+          }())
         }))
       }), /*#__PURE__*/_jsxs("div", {
         className: stl(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["w-full flex gap-4"]))),

package/dist/esm/Fields/Input/Input.js

@@ -16,8 +16,7 @@ import { isNil } from "../../utils/isNil";
 import { useForwardedRef } from "../../utils/useForwardedRef";
 import { useTriggerInputChange } from "../../utils/useTriggerInputChange";
 import { useField } from "../Field";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var DEFAULT_INPUT_LOCALE = {
   clearInput: "Clear input",
   increment: "Increment",
@@ -108,7 +107,7 @@ export var Input = /*#__PURE__*/forwardRef(function (_ref, externalRef) {
   var StatusIcon = isInvalid ? InvalidIcon : status === "validated" ? ValidatedIcon : Fragment;
   var clearable = typeof clearableProp === "boolean" ? clearableProp : type === "search";
   return /*#__PURE__*/_jsxs("div", {
-    className: cx(stl(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n            input group\n            ", "\n            ", "\n          "])), focused && "input-focused", disabled && "input-disabled"), VARIANT_CLASSNAMES[variant], STATUS_CLASSNAMES[status], className),
+    className: cx(stl(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n            input group\n            ", "\n            ", "\n          "])), focused && "focusable-show", disabled && "input-disabled"), VARIANT_CLASSNAMES[variant], STATUS_CLASSNAMES[status], className),
     style: style,
     onClick: function onClick() {
       var _inputRef$current;

package/dist/esm/Fields/Input/Input.tailwind.js

@@ -18,12 +18,11 @@ var inputPlugin = plugin(function (_ref) {
       lineHeight: theme("lineHeight.base"),
       backgroundColor: theme("colors.white"),
       border: "1px solid ".concat(theme("colors.grey.500")),
-      outline: "1px solid transparent",
       borderRadius: theme("borderRadius.DEFAULT"),
       boxShadow: "inset 0px 1px 4px 0px ".concat(rgba(theme("colors.grey.500"), 0.3)),
       overflow: "hidden",
       transition: "all 100ms ease-in-out",
-      "&:not(.input-disabled, .input-focused):hover": {
+      "&:not(.input-disabled, .focusable-show):hover": {
         borderColor: theme("colors.grey.600"),
         ".input-spinner-button": {
           borderColor: theme("colors.grey.600")
@@ -50,13 +49,6 @@ var inputPlugin = plugin(function (_ref) {
         }
       }
     },
-    ".input-focused, .input:focus-within": {
-      borderColor: theme("colors.accent.600"),
-      boxShadow: "0px 1px 0px 0px ".concat(theme("colors.shadow.5")),
-      ".input-spinner-button": {
-        borderColor: theme("colors.accent.600")
-      }
-    },
     ".input-disabled": {
       cursor: "not-allowed",
       background: "linear-gradient(-180deg, ".concat(theme("colors.white"), " 0%, ").concat(theme("colors.grey.100"), " 100%)"),
@@ -89,9 +81,6 @@ var inputPlugin = plugin(function (_ref) {
         ".input-spinner-button": {
           borderColor: theme("colors.red.700")
         }
-      },
-      "&.input-focused, &.input:focus-within": {
-        outlineColor: theme("colors.red.700")
       }
     }
   });

package/dist/esm/Fields/RadioGroup/RadioButton.d.ts

@@ -1,3 +1,3 @@
 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>, "name" | "value" | "defaultChecked" | "onChange" | "autoFocus" | "disabled" | "checked" | "required"> & import("react").RefAttributes<HTMLInputElement>>;
+export declare const RadioButton: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLInputElement> & Pick<InputHTMLAttributes<HTMLInputElement>, "name" | "value" | "defaultChecked" | "autoFocus" | "onChange" | "disabled" | "checked" | "required"> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/esm/Fields/RadioGroup/RadioButton.js

@@ -26,7 +26,7 @@ export var RadioButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
   }, props), {}, {
     required: required,
     "aria-invalid": isInvalid,
-    className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["radio-button ", ""])), isInvalid && "radio-button-invalid"), className),
+    className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["radio-button focusable ", ""])), isInvalid && "radio-button-invalid"), className),
     type: "radio",
     ref: ref
   }));

package/dist/esm/Fields/RadioGroup/RadioButton.tailwind.js

@@ -23,7 +23,6 @@ var radioButtonPlugin = plugin(function (_ref) {
         borderColor: theme("colors.grey.600")
       },
       "&:focus": {
-        borderColor: theme("colors.accent.600"),
         boxShadow: "0 1px 0 0 ".concat(theme("colors.shadow.5"))
       },
       "&:checked": {
@@ -41,9 +40,6 @@ var radioButtonPlugin = plugin(function (_ref) {
         },
         "&:hover": {
           borderColor: theme("colors.accent.700")
-        },
-        "&:focus": {
-          boxShadow: "\n            0 0 0 1px ".concat(theme("colors.accent.600"), ",\n            0 1px 0 0 ").concat(theme("colors.shadow.5"), "\n          ")
         }
       },
       "&:disabled": {
@@ -63,10 +59,6 @@ var radioButtonPlugin = plugin(function (_ref) {
         background: theme("colors.red.50"),
         borderColor: theme("colors.red.700")
       },
-      "&:focus": {
-        borderColor: theme("colors.red.700"),
-        boxShadow: "\n          0 0 0 1px ".concat(theme("colors.red.700"), ",\n          0 1px 0 0 ").concat(theme("colors.shadow.5"), "\n        ")
-      },
       "&:checked": {
         borderColor: theme("colors.red.700"),
         "&::after": {
@@ -74,9 +66,6 @@ var radioButtonPlugin = plugin(function (_ref) {
         },
         "&:hover": {
           borderColor: theme("colors.red.700")
-        },
-        "&:focus": {
-          boxShadow: "\n            0 0 0 1px ".concat(theme("colors.red.700"), ",\n            0 1px 0 0 ").concat(theme("colors.shadow.5"), "\n          ")
         }
       }
     }

package/dist/esm/Fields/RadioGroup/RadioGroup.js

@@ -11,8 +11,7 @@ import { uniqueId } from "../../utils/uniqueId";
 import { useField } from "../Field";
 import { RadioButton } from "./RadioButton";
 import { RadioGroupContext, useRadioGroupContext } from "./RadioGroupContext";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export var RadioGroupItem = function RadioGroupItem(_ref) {
   var value = _ref.value,
     disabled = _ref.disabled,

package/dist/esm/Fields/RangeSlider/RangeSlider.d.ts

@@ -21,7 +21,7 @@ export interface RangeSliderProps<Value extends RangeSliderValue = number> {
     track1Color?: string;
     track2Color?: string;
 }
-declare const RangeSliderInternal: <Value extends RangeSliderValue = number>({ id, className, value, defaultValue, onChange, onCommit, disabled, required, min, max, track1Color, track2Color, ...otherProps }: RangeSliderProps<Value>, ref: ForwardedRef<HTMLSpanElement>) => JSX.Element;
+declare const RangeSliderInternal: <Value extends RangeSliderValue = number>({ id, className, value, defaultValue, onChange, onCommit, disabled, required, min, max, track1Color, track2Color, ...otherProps }: RangeSliderProps<Value>, ref: ForwardedRef<HTMLSpanElement>) => import("react/jsx-runtime").JSX.Element;
 /**
  * The `RangeSlider` component is an input field where users select one or two numeric values within a given range (minimum and maximum values).
  *

package/dist/esm/Fields/RangeSlider/RangeSlider.js

@@ -13,8 +13,7 @@ import stl from "../../styles/helpers/satellitePrefixer";
 import { useField } from "../Field";
 
 // Prevents unwanted number narrowing
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var TRACK_SHADOWS_CLASSNAME = stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["shadow-[inset_0_1px_3px_0_rgb(0_0_0_/_10%),0_0.5px_0_0_rgb(255_255_255_/_5%)]"])));
 var coerceToRadixValue = function coerceToRadixValue(value) {
   return typeof value === "number" ? [value] : value;
@@ -97,7 +96,7 @@ var RangeSliderInternal = function RangeSliderInternal(_ref2, ref) {
         "aria-describedby": descriptionId,
         "aria-required": required,
         "aria-invalid": isInvalid,
-        className: stl(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["group absolute -translate-x-1.5 -translate-y-3\n              w-3 h-6 rounded-[2px] border\n              bg-white bg-gradient-to-b from-white to-grey-50 shadow-[0_1px_0_0_rgb(35_38_59_/_5%)]\n              ", "\n              ", "\n              ", "\n            "])), !isInvalid && !disabled && "hover:border-grey-600", isInvalid && !disabled && "border-red-700 hover:border-red-700 focus:outline-red-700", disabled ? "border-grey-300" : "border-grey-500"),
+        className: stl(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["group absolute -translate-x-1.5 -translate-y-3 focusable\n              w-3 h-6 rounded-[2px] border\n              bg-white bg-gradient-to-b from-white to-grey-50 shadow-[0_1px_0_0_rgb(35_38_59_/_5%)]\n              ", "\n              ", "\n              ", "\n            "])), !isInvalid && !disabled && "hover:border-grey-600", isInvalid && !disabled && "border-red-700 hover:border-red-700", disabled ? "border-grey-300" : "border-grey-500"),
         children: [/*#__PURE__*/_jsx(ThumbGroove, {
           className: stl(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["right-1.5"]))),
           disabled: disabled,

package/dist/esm/Fields/Select/Select.js

@@ -10,8 +10,7 @@ import { forwardRef, Fragment } from "react";
 import { CheckIcon, XIcon } from "../../Icons";
 import stl from "../../styles/helpers/satellitePrefixer";
 import { useField } from "../Field";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var VARIANT_CLASSNAMES = {
   small: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["select-input-small"]))),
   medium: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["select-input-medium"]))),
@@ -59,7 +58,7 @@ export var Select = /*#__PURE__*/forwardRef(function (_ref, ref) {
       id: (_props$id = props.id) !== null && _props$id !== void 0 ? _props$id : inputId,
       required: required,
       "aria-invalid": isInvalid,
-      className: cx(stl(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["select-input display-body"]))), VARIANT_CLASSNAMES[variant], isInvalid && stl(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["select-input-invalid"]))), isValidated && stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["select-input-validated"]))), className),
+      className: cx(stl(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["select-input display-body focusable"]))), VARIANT_CLASSNAMES[variant], isInvalid && stl(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["select-input-invalid"]))), isValidated && stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["select-input-validated"]))), className),
       ref: ref
     })), /*#__PURE__*/_jsx(StatusIcon, {})]
   });

package/dist/esm/Fields/Select/Select.tailwind.js

@@ -48,11 +48,6 @@ var selectPlugin = plugin(function (_ref) {
         backgroundImage: "\n          ".concat(selectIconBG(theme("colors.grey.500")), ",\n          linear-gradient(-180deg, ").concat(theme("colors.grey.50"), " 0%, ").concat(theme("colors.grey.100"), " 100%)\n        "),
         borderColor: theme("colors.grey.600")
       },
-      "&:focus": {
-        backgroundImage: "\n          ".concat(selectIconBG(theme("colors.grey.500")), ",\n          linear-gradient(-180deg, ").concat(theme("colors.white"), " 0%, ").concat(theme("colors.grey.100"), " 100%)\n        "),
-        borderColor: theme("colors.accent.600"),
-        boxShadow: "\n          0 0 0 1px ".concat(theme("colors.accent.600"), ",\n          0 2px 0 0 ").concat(theme("colors.shadow.5"), "\n        ")
-      },
       "&:disabled": {
         cursor: "not-allowed",
         color: theme("colors.grey.300"),
@@ -84,11 +79,6 @@ var selectPlugin = plugin(function (_ref) {
         borderColor: theme("colors.red.700"),
         backgroundColor: theme("colors.red.50"),
         backgroundImage: selectIconBG(theme("colors.red.700"))
-      },
-      "&:focus": {
-        backgroundImage: selectIconBG(theme("colors.red.700")),
-        borderColor: theme("colors.red.700"),
-        boxShadow: "\n          0 0 0 1px ".concat(theme("colors.red.700"), ",\n          0 2px 0 0 ").concat(theme("colors.shadow.5"), "\n        ")
       }
     }
   });

package/dist/esm/Fields/TextArea/TextArea.js

@@ -10,8 +10,7 @@ import { forwardRef, Fragment } from "react";
 import { CheckIcon, XIcon } from "../../Icons";
 import stl from "../../styles/helpers/satellitePrefixer";
 import { useField } from "../Field";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var STATUS_CLASSNAMES = {
   "default": "",
   invalid: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["text-area-invalid"]))),
@@ -49,7 +48,7 @@ export var TextArea = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var isInvalid = state.status === "invalid";
   var StatusIcon = isInvalid ? InvalidIcon : state.status === "validated" ? ValidatedIcon : Fragment;
   return /*#__PURE__*/_jsxs("div", {
-    className: cx(stl(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["text-area relative"]))), STATUS_CLASSNAMES[state.status], className),
+    className: cx(stl(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["text-area relative focusable-within"]))), STATUS_CLASSNAMES[state.status], className),
     children: [/*#__PURE__*/_jsx("textarea", _objectSpread(_objectSpread({
       "aria-labelledby": labelId,
       "aria-describedby": descriptionId

package/dist/esm/Fields/TextArea/TextArea.tailwind.js

@@ -25,11 +25,6 @@ var textAreaPlugin = plugin(function (_ref) {
       "&:hover": {
         borderColor: theme("colors.grey.600")
       },
-      "&:focus": {
-        borderColor: theme("colors.accent.600"),
-        boxShadow: "0px 1px 0px 0px ".concat(theme("colors.shadow.5")),
-        outline: "none"
-      },
       "&:has(textarea:disabled)": {
         borderColor: disabledColor(theme("colors.grey.200")),
         boxShadow: "none"
@@ -41,9 +36,6 @@ var textAreaPlugin = plugin(function (_ref) {
       "&:hover": {
         borderColor: theme("colors.red.700"),
         backgroundColor: theme("colors.red.50")
-      },
-      "&:focus-within": {
-        outline: "1px solid ".concat(theme("colors.red.700"))
       }
     },
     ".text-area-invalid textarea": {

package/dist/esm/Fields/Toggle/Toggle.d.ts

@@ -7,6 +7,6 @@ export declare type ToggleProps = Omit<HTMLAttributes<HTMLInputElement>, "childr
  *
  * See the [Toggle documentation page](https://satellite.algolia.com/components/controls/toggle) for more information.
  */
-export declare const Toggle: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLInputElement>, "children" | "onChange"> & Pick<InputHTMLAttributes<HTMLInputElement>, "defaultChecked" | "onChange" | "autoFocus" | "disabled" | "checked" | "required"> & {
+export declare const Toggle: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLInputElement>, "children" | "onChange"> & Pick<InputHTMLAttributes<HTMLInputElement>, "defaultChecked" | "autoFocus" | "onChange" | "disabled" | "checked" | "required"> & {
     decorative?: boolean | undefined;
 } & import("react").RefAttributes<HTMLInputElement>>;

package/dist/esm/Fields/Toggle/Toggle.js

@@ -10,8 +10,7 @@ import cx from "clsx";
 import { forwardRef, useState } from "react";
 import stl from "../../styles/helpers/satellitePrefixer";
 import { useField } from "../Field";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * The `Toggle` component is used to view or switch between enabled or disabled states.
  *
@@ -77,7 +76,7 @@ export var Toggle = /*#__PURE__*/forwardRef(function (_ref, ref) {
       role: "switch",
       ref: ref
     })), /*#__PURE__*/_jsx("div", {
-      className: stl(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["toggle"])))
+      className: stl(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["toggle focusable-sibling"])))
     })]
   });
 });

package/dist/esm/Fields/Toggle/Toggle.tailwind.js

@@ -80,13 +80,6 @@ var togglePlugin = plugin(function (_ref) {
           background: theme("colors.red.100")
         }
       }
-    },
-    "input:focus ~ .toggle": {
-      outline: "2px solid ".concat(theme("colors.accent.600")),
-      outlineOffset: "1px"
-    },
-    "input:focus.toggle-invalid ~ .toggle": {
-      outlineColor: theme("colors.red.700")
     }
   });
 });

package/dist/esm/Helpers/TextWrap/TextWrap.js

@@ -7,8 +7,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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) { _defineProperty(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; }
 import stl from "../../styles/helpers/satellitePrefixer";
 import { isCssPropertySupported } from "../../utils/isCssPropertySupported";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var BASE_STYLES = isCssPropertySupported("overflowWrap", "anywhere") ? {
   whiteSpace: "normal",
   overflowWrap: "anywhere"

package/dist/esm/Helpers/utilities/focusable.tailwind.d.ts

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

package/dist/esm/Helpers/utilities/focusable.tailwind.js

@@ -0,0 +1,12 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _plugin from "tailwindcss/plugin";
+// @ts-check
+var plugin = _plugin;
+export default plugin(function (_ref) {
+  var addComponents = _ref.addComponents,
+    theme = _ref.theme;
+  addComponents(_defineProperty({}, ".focusable:focus,\n    .focusable-within:focus-within,\n    .focusable-visible:focus-visible,\n    .focusable-visible-within:has(:focus-visible),\n    input:focus ~ .focusable-sibling,\n    .focusable-show", {
+    outline: "2px solid ".concat(theme("colors.accent.600")),
+    outlineOffset: "1px"
+  }));
+});

package/dist/esm/Icons/AlgoliaRecommendIcon.js

@@ -4,8 +4,7 @@ var _excluded = ["width", "height", "color"];
 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) { _defineProperty(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; }
 import { forwardRef } from "react";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export var AlgoliaRecommendIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _ref$width = _ref.width,
     width = _ref$width === void 0 ? 24 : _ref$width,

package/dist/esm/Icons/AlgoliaSearchIcon.js

@@ -4,8 +4,7 @@ var _excluded = ["width", "height", "color"];
 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) { _defineProperty(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; }
 import { forwardRef } from "react";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export var AlgoliaSearchIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _ref$width = _ref.width,
     width = _ref$width === void 0 ? 24 : _ref$width,

package/dist/esm/Icons/ContextIcon.js

@@ -4,8 +4,7 @@ var _excluded = ["width", "height"];
 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) { _defineProperty(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; }
 import { forwardRef } from "react";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export var ContextIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _ref$width = _ref.width,
     width = _ref$width === void 0 ? 24 : _ref$width,

package/dist/esm/Icons/CrawlerIcon.js

@@ -4,8 +4,7 @@ var _excluded = ["width", "height"];
 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) { _defineProperty(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; }
 import { forwardRef } from "react";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export var CrawlerIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _ref$width = _ref.width,
     width = _ref$width === void 0 ? 24 : _ref$width,

package/dist/esm/Icons/DragHandleIcon.js

@@ -4,8 +4,7 @@ var _excluded = ["width", "height"];
 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) { _defineProperty(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; }
 import { forwardRef } from "react";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export var DragHandleIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _ref$width = _ref.width,
     width = _ref$width === void 0 ? 24 : _ref$width,

package/dist/esm/Icons/NoFiltersIcon.js

@@ -5,8 +5,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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) { _defineProperty(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; }
 import { forwardRef } from "react";
 import { getUniqueIconId } from "./utils";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var id1 = getUniqueIconId();
 var id2 = getUniqueIconId();
 export var NoFiltersIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {

package/dist/esm/Icons/PinIcon.js

@@ -5,8 +5,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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) { _defineProperty(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; }
 import { forwardRef } from "react";
 import { getUniqueIconId } from "./utils";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var id1 = getUniqueIconId();
 var id2 = getUniqueIconId();
 export var PinIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {

package/dist/esm/Icons/QueryBreakdownIcon.js

@@ -4,8 +4,7 @@ var _excluded = ["width", "height"];
 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) { _defineProperty(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; }
 import { forwardRef } from "react";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export var QueryBreakdownIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _ref$width = _ref.width,
     width = _ref$width === void 0 ? 24 : _ref$width,

package/dist/esm/Icons/SettingsConsequencesIcon.js

@@ -5,8 +5,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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) { _defineProperty(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; }
 import { forwardRef } from "react";
 import { getUniqueIconId } from "./utils";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var id1 = getUniqueIconId();
 var id2 = getUniqueIconId();
 export var SettingsConsequencesIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {

package/dist/esm/Icons/UnpinIcon.js

@@ -5,8 +5,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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) { _defineProperty(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; }
 import { forwardRef } from "react";
 import { getUniqueIconId } from "./utils";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var id1 = getUniqueIconId();
 var id2 = getUniqueIconId();
 export var UnpinIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {

package/dist/esm/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 { 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";
+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, FileSearchIcon, 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, LayoutGridIcon, LayoutIcon, 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";

package/dist/esm/Icons/index.js

@@ -1,5 +1,6 @@
 // Not using ComponentType because it adds children to the props through the use of FunctionComponent.
 // TODO: Use ComponentType directly when upgrading to React 18
+
 // Custom icons
 export { DragHandleIcon } from "./DragHandleIcon";
 export { NoFiltersIcon } from "./NoFiltersIcon";
@@ -17,6 +18,4 @@ export { QueryBreakdownIcon } from "./QueryBreakdownIcon";
 export { BulbIcon } from "./BulbIcon";
 export { TestingIcon } from "./TestingIcon";
 export { RocketIcon } from "./RocketIcon";
-
-// Feather icons
-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";
+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, FileSearchIcon, 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, LayoutGridIcon, LayoutIcon, 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";

package/dist/esm/Indicators/Badge/Badge.js

@@ -9,8 +9,7 @@ import cx from "clsx";
 import { forwardRef } from "react";
 import stl from "../../styles/helpers/satellitePrefixer";
 import { isRenderedChild } from "../../utils/isRenderedChild";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var BASE_CLASSNAMES = stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  inline-flex items-center justify-center\n  rounded-full border\n  overflow-hidden\n"])));
 var VARIANT_CLASSNAMES = {
   grey: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["bg-grey-100 border-grey-200 text-grey-700"]))),

package/dist/esm/Indicators/Banners/Alert/Alert.js

@@ -4,8 +4,7 @@ import cx from "clsx";
 import { IconButton } from "../../../Actions";
 import { AlertCircleIcon, AlertOctagonIcon, AlertTriangleIcon, CheckCircleIcon, XIcon } from "../../../Icons";
 import stl from "../../../styles/helpers/satellitePrefixer";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var BASE_CLASSNAME = stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["relative flex text-grey-900 display-body border"])));
 var BACKGROUND_CLASSNAMES = {
   grey: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["bg-grey-100"]))),

package/dist/esm/Indicators/Banners/Promote/Promote.js

@@ -5,8 +5,7 @@ import { IconButton } from "../../../Actions";
 import { XIcon } from "../../../Icons";
 import { Card } from "../../../Layout";
 import stl from "../../../styles/helpers/satellitePrefixer";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var TITLE_VARIANT_CLASSNAMES = {
   compact: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["display-heading mb-2"]))),
   large: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["display-medium mb-4"])))

package/dist/esm/Indicators/Banners/SystemNotification/SystemNotification.js

@@ -2,8 +2,7 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject, _templateObject2, _templateObject3;
 import { AlertCircleIcon } from "../../../Icons";
 import stl from "../../../styles/helpers/satellitePrefixer";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * The `SystemNotification` component is a top-of-page alert for critical system messages, updates, and urgent warnings.
  *

package/dist/esm/Indicators/EmptyState/EmptyState.js

@@ -2,8 +2,7 @@ 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, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30;
 import cx from "clsx";
 import stl from "../../styles/helpers/satellitePrefixer";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var CONTAINER_CONTEXT_CLASSNAMES = {
   result: {
     medium: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["max-w-xs"]))),

package/dist/esm/Indicators/ProgressSpinner/ProgressSpinner.js

@@ -7,8 +7,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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) { _defineProperty(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; }
 import cx from "clsx";
 import stl from "../../styles/helpers/satellitePrefixer";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var ALIGN_CLASSNAMES = {
   left: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["mr-auto"]))),
   center: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["m-auto"]))),