@algolia/satellite 2.0.0-rc.3 → 2.0.0-rc.5

package/dist/cjs/Fields/Field/Field.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Field = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _react = require("react");
 var _Icons = require("../../Icons");
@@ -16,20 +16,13 @@ var _getTextFromReactNode = require("../../utils/getTextFromReactNode");
 var _useForm = require("../Form/useForm");
 var _FieldContext = require("./FieldContext");
 var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
-var INLINE_LABEL_SIZE = {
-  small: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["grid-cols-[20%_auto]"]))),
-  medium: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["grid-cols-[35%_auto]"]))),
-  large: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["grid-cols-[50%_auto]"])))
-};
-
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
 /**
  * The `Field` component is a helper that wraps inputs to streamline labeling, validation, integration into a form.
  *
  * See the [Field documentation page](https://satellite.algolia.com/components/forms/field) for more information.
  */
 var Field = exports.Field = function Field(_ref) {
-  var _form$inline, _form$inlineLabelSize;
   var className = _ref.className,
     label = _ref.label,
     labelForProp = _ref.labelFor,
@@ -37,7 +30,8 @@ var Field = exports.Field = function Field(_ref) {
     description = _ref.description,
     _ref$state = _ref.state,
     state = _ref$state === void 0 ? _FieldContext.DEFAULT_FIELD_STATE : _ref$state,
-    inlineProp = _ref.inline,
+    _ref$inline = _ref.inline,
+    inline = _ref$inline === void 0 ? false : _ref$inline,
     requiredProp = _ref.required,
     _ref$hideRequiredIndi = _ref.hideRequiredIndicator,
     hideRequiredIndicator = _ref$hideRequiredIndi === void 0 ? false : _ref$hideRequiredIndi,
@@ -67,11 +61,14 @@ var Field = exports.Field = function Field(_ref) {
     _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
     elementToFocusContext = _useState4[0],
     setElementToFocusContext = _useState4[1];
+  if (process.env.NODE_ENV !== "production") {
+    if (typeof requiredProp !== "undefined" && typeof requiredContext !== "undefined" && requiredProp !== requiredContext) {
+      console.warn("The `required` prop is set to different values on both the Field (`required=".concat(requiredProp, "`) and the underlying input component (`required=").concat(requiredContext, "`)."));
+    }
+  }
   var form = (0, _useForm.useForm)();
   var addField = form === null || form === void 0 ? void 0 : form.addField;
   var removeField = form === null || form === void 0 ? void 0 : form.removeField;
-  var inline = (_form$inline = form === null || form === void 0 ? void 0 : form.inline) !== null && _form$inline !== void 0 ? _form$inline : inlineProp;
-  var inlineLabelSize = (_form$inlineLabelSize = form === null || form === void 0 ? void 0 : form.inlineLabelSize) !== null && _form$inlineLabelSize !== void 0 ? _form$inlineLabelSize : "medium";
   (0, _react.useEffect)(function () {
     addField === null || addField === void 0 || addField({
       state: state,
@@ -86,14 +83,6 @@ var Field = exports.Field = function Field(_ref) {
       });
     };
   }, [addField, removeField, state, labelFor, label]);
-  if (process.env.NODE_ENV !== "production") {
-    if (typeof requiredProp !== "undefined" && typeof requiredContext !== "undefined" && requiredProp !== requiredContext) {
-      console.warn("The `required` prop is set to different values on both the Field (`required=".concat(requiredProp, "`) and the underlying input component (`required=").concat(requiredContext, "`)."));
-    }
-    if ((form === null || form === void 0 ? void 0 : form.inline) === true && inlineProp === false) {
-      console.warn("The `Field` component is being used inside a `Form` with `inline` set to `true`, but the `Field` component has `inline` set to `false`. To fix this, remove the `inline` prop on the `Field` component.");
-    }
-  }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldContext.FieldContext.Provider, {
     value: {
       state: state,
@@ -103,52 +92,47 @@ var Field = exports.Field = function Field(_ref) {
       setRequired: setRequiredContext,
       setElementToFocus: setElementToFocusContext
     },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: className,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: (0, _clsx["default"])(inline && (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["grid items-center"]))), INLINE_LABEL_SIZE[inlineLabelSize])),
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
-          className: (0, _satellitePrefixer["default"])(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["cursor-pointer ", ""])), inline && "justify-self-end"),
-          htmlFor: labelFor,
-          onClick: function onClick() {
-            if (!(elementToFocusContext !== null && elementToFocusContext !== void 0 && elementToFocusContext.closest("[aria-disabled=true]")) && !(elementToFocusContext !== null && elementToFocusContext !== void 0 && elementToFocusContext.closest("[disabled=true]"))) {
-              elementToFocusContext === null || elementToFocusContext === void 0 || elementToFocusContext.focus();
-            }
-          },
-          children: hasLabel && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-            id: labelId,
-            className: (0, _satellitePrefixer["default"])(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["", ""])), inline ? "mr-2 text-right" : "truncate mb-1"),
-            children: [label, !hideRequiredIndicator && (requiredProp || requiredContext) && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-              className: (0, _satellitePrefixer["default"])(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["text-red-700 ml-0.5 align-top"]))),
-              "aria-hidden": true,
-              children: "*"
-            })]
-          })
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
+        className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["cursor-pointer flex ", ""])), inline ? "items-center" : "flex-col"),
+        htmlFor: labelFor,
+        onClick: function onClick() {
+          if (!(elementToFocusContext !== null && elementToFocusContext !== void 0 && elementToFocusContext.closest("[aria-disabled=true]")) && !(elementToFocusContext !== null && elementToFocusContext !== void 0 && elementToFocusContext.closest("[disabled=true]"))) {
+            elementToFocusContext === null || elementToFocusContext === void 0 || elementToFocusContext.focus();
+          }
+        },
+        children: [hasLabel && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          id: labelId,
+          className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["truncate ", ""])), inline ? "mr-2" : "mb-1"),
+          children: [label, !hideRequiredIndicator && (requiredProp || requiredContext) && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["text-red-700 ml-0.5 align-top"]))),
+            "aria-hidden": true,
+            children: "*"
+          })]
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: (0, _clsx["default"])(inline && (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["ml-auto mt-1"])))),
           children: children
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: (0, _clsx["default"])(inline && (0, _satellitePrefixer["default"])(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["col-start-2"])))),
-          children: state.status === "invalid" && state.errors.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
-            id: descriptionId,
-            className: (0, _satellitePrefixer["default"])(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["mt-2 display-caption flex flex-col gap-0.5"]))),
-            children: state.errors.map(function (error) {
-              return /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
-                className: (0, _satellitePrefixer["default"])(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2["default"])(["flex items-center text-red-700"]))),
-                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Icons.AlertCircleIcon, {
-                  className: (0, _satellitePrefixer["default"])(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2["default"])(["mr-1 shrink-0"]))),
-                  width: "1rem",
-                  height: "1rem",
-                  "aria-hidden": true
-                }), error]
-              }, error);
-            })
-          }) : description ? /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-            id: descriptionId,
-            className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2["default"])(["display-caption text-grey-600 ", ""])), inline ? "mt-1" : "mt-2")),
-            children: description
-          }) : null
         })]
-      })
+      }), state.status === "invalid" && state.errors.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
+        id: descriptionId,
+        className: (0, _satellitePrefixer["default"])(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["mb-1 mt-2 display-caption flex flex-col gap-0.5"]))),
+        children: state.errors.map(function (error) {
+          return /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
+            className: (0, _satellitePrefixer["default"])(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["flex items-center text-red-700"]))),
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Icons.AlertCircleIcon, {
+              className: (0, _satellitePrefixer["default"])(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["mr-1 shrink-0"]))),
+              width: "1rem",
+              height: "1rem",
+              "aria-hidden": true
+            }), error]
+          }, error);
+        })
+      }) : description ? /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        id: descriptionId,
+        className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["display-caption text-grey-600"]))), inline ? (0, _satellitePrefixer["default"])(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["mt-1"]))) : (0, _satellitePrefixer["default"])(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2["default"])(["mt-2"])))),
+        children: description
+      }) : null]
     })
   });
 };

package/dist/cjs/Fields/Form/Form.d.ts

@@ -2,10 +2,7 @@ import type { FC, HTMLAttributes, PropsWithChildren, ReactNode } from "react";
 import type { ButtonProps } from "../../Actions";
 import type { AlertProps } from "../../Indicators";
 import type { FormContextField } from "./FormContext";
-export declare type FormInlineLabelSize = "small" | "medium" | "large";
 export interface FormProps extends HTMLAttributes<HTMLFormElement> {
-    inline?: boolean;
-    inlineLabelSize?: FormInlineLabelSize;
 }
 export declare type FormLocale = {
     errorTitle?: (invalidFields: FormContextField[], extraErrors?: string[]) => ReactNode;

package/dist/cjs/Fields/Form/Form.js

@@ -22,7 +22,7 @@ var _FormContext = require("./FormContext");
 var _useForm = require("./useForm");
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["className", "extraErrors", "locale"],
-  _excluded2 = ["children", "inline", "inlineLabelSize"],
+  _excluded2 = ["children"],
   _excluded3 = ["children"],
   _excluded4 = ["children"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
@@ -103,9 +103,6 @@ var FormErrorMessage = exports.FormErrorMessage = function FormErrorMessage(_ref
 };
 var Form = exports.Form = function Form(_ref6) {
   var children = _ref6.children,
-    inline = _ref6.inline,
-    _ref6$inlineLabelSize = _ref6.inlineLabelSize,
-    inlineLabelSize = _ref6$inlineLabelSize === void 0 ? "medium" : _ref6$inlineLabelSize,
     props = (0, _objectWithoutProperties2["default"])(_ref6, _excluded2);
   var _useState = (0, _react.useState)({}),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
@@ -128,9 +125,7 @@ var Form = exports.Form = function Form(_ref6) {
     value: {
       fields: fields,
       addField: addField,
-      removeField: removeField,
-      inline: inline,
-      inlineLabelSize: inlineLabelSize
+      removeField: removeField
     },
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("form", _objectSpread(_objectSpread({
       noValidate: true

package/dist/cjs/Fields/Form/FormContext.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 import type { FieldState } from "../Field";
-import type { FormInlineLabelSize } from "./Form";
 export declare type FormContextField = {
     state: FieldState;
     label: string;
@@ -10,7 +9,5 @@ export declare type FormContextValue = {
     fields: Record<string, FormContextField>;
     addField: (field: FormContextField) => void;
     removeField: (field: FormContextField) => void;
-    inline?: boolean;
-    inlineLabelSize?: FormInlineLabelSize;
 };
 export declare const FormContext: import("react").Context<FormContextValue | null>;

package/dist/cjs/Fields/Form/index.d.ts

@@ -1,4 +1,4 @@
-export type { FormProps as ExperimentalFormProps, FormLocale as ExperimentalFormLocale, FormErrorMessageProps as ExperimentalFormErrorMessageProps, FormInlineLabelSize, } from "./Form";
+export type { FormProps as ExperimentalFormProps, FormLocale as ExperimentalFormLocale, FormErrorMessageProps as ExperimentalFormErrorMessageProps, } from "./Form";
 export { Form as ExperimentalForm, FormErrorMessage as ExperimentalFormErrorMessage, FormSubmit as ExperimentalFormSubmit, FormReset as ExperimentalFormReset, } from "./Form";
 export type { FormContextField as ExperimentalFormContextField, FormContextValue as ExperimentalFormContextValue, } from "./FormContext";
 export { useForm as useExperimentalForm } from "./useForm";

package/dist/cjs/Fields/Form/stories/Complex.js

@@ -528,6 +528,7 @@ var RHFComplexComponent = exports.RHFComplexComponent = function RHFComplexCompo
               description: "Please accept the terms",
               state: getFieldState("acceptTerms"),
               className: (0, _satellitePrefixer["default"])(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteral2["default"])(["w-full"]))),
+              inline: true,
               children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Checkbox, _objectSpread({
                 id: "acceptTerms",
                 required: true,
@@ -546,6 +547,7 @@ var RHFComplexComponent = exports.RHFComplexComponent = function RHFComplexCompo
               description: "Do you want to receive our newsletter?",
               state: getFieldState("newsletter"),
               className: (0, _satellitePrefixer["default"])(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteral2["default"])(["w-full"]))),
+              inline: true,
               children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Switch.Switch, _objectSpread({
                 id: "newsletter",
                 required: true,
@@ -896,6 +898,7 @@ var FormikComplexComponent = exports.FormikComplexComponent = function FormikCom
           description: "Please accept the terms",
           state: getFieldState("acceptTerms"),
           className: (0, _satellitePrefixer["default"])(_templateObject46 || (_templateObject46 = (0, _taggedTemplateLiteral2["default"])(["w-full"]))),
+          inline: true,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Checkbox, _objectSpread({
             id: "acceptTerms",
             required: true,
@@ -907,6 +910,7 @@ var FormikComplexComponent = exports.FormikComplexComponent = function FormikCom
           description: "Do you want to receive our newsletter?",
           state: getFieldState("newsletter"),
           className: (0, _satellitePrefixer["default"])(_templateObject47 || (_templateObject47 = (0, _taggedTemplateLiteral2["default"])(["w-full"]))),
+          inline: true,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Switch.Switch, _objectSpread({
             id: "newsletter",
             required: true,

package/dist/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 { 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, BlocksIcon, 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, ImageOffIcon, InboxIcon, InfoIcon, InstagramIcon, ItalicIcon, KeyIcon, Landmark, LayersIcon, LayoutGridIcon, LayoutIcon, LifeBuoyIcon, Link2Icon, LinkedinIcon, LinkIcon, ListIcon, LoaderIcon, LockIcon, LogInIcon, LogOutIcon, MailIcon, MapIcon, MapPinIcon, Maximize2Icon, MaximizeIcon, MehIcon, MenuIcon, MergeIcon, 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, SearchXIcon, SendIcon, ServerCogIcon, ServerCrashIcon, 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, BlocksIcon, 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, ImageOffIcon, InboxIcon, InfoIcon, InstagramIcon, ItalicIcon, KeyIcon, Landmark, LayersIcon, LayoutGridIcon, LayoutIcon, LifeBuoyIcon, Link2Icon, LinkedinIcon, LinkIcon, ListIcon, LoaderIcon, LockIcon, LogInIcon, LogOutIcon, MailIcon, MapIcon, MapPinIcon, Maximize2Icon, MaximizeIcon, MehIcon, MenuIcon, MergeIcon, 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, SearchXIcon, SendIcon, ServerCogIcon, ServerCrashIcon, ServerIcon, SettingsIcon, Share2Icon, ShareIcon, ShieldIcon, ShieldOffIcon, ShoppingBagIcon, ShoppingCartIcon, ShuffleIcon, SidebarIcon, SkipBackIcon, SkipForwardIcon, SlackIcon, SlidersIcon, SmartphoneIcon, SmileIcon, SparklesIcon, 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/cjs/Icons/index.js

@@ -1497,6 +1497,12 @@ Object.defineProperty(exports, "SmileIcon", {
     return _lucideReact.SmileIcon;
   }
 });
+Object.defineProperty(exports, "SparklesIcon", {
+  enumerable: true,
+  get: function get() {
+    return _lucideReact.SparklesIcon;
+  }
+});
 Object.defineProperty(exports, "SpeakerIcon", {
   enumerable: true,
   get: function get() {

package/dist/cjs/Indicators/Tag/Tag.d.ts

@@ -1,4 +1,4 @@
-import type { DetailedHTMLProps, HTMLAttributes, MouseEventHandler } from "react";
+import type { DetailedHTMLProps, HTMLAttributes, MouseEventHandler, ReactNode } from "react";
 import type { ColorVariant } from "../../types";
 export declare type TagVariants = ColorVariant | "pink";
 export declare type TagLocale = {
@@ -34,7 +34,7 @@ export interface TagProps extends DetailedHTMLProps<HTMLAttributes<HTMLSpanEleme
     /**
      * The content of the tag.
      */
-    children: string;
+    children: ReactNode;
 }
 /**
  * The `Tag` component is an interactive and customizable text label with varied color options.

package/dist/esm/Fields/Field/Field.js

@@ -1,6 +1,6 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
 import cx from "clsx";
 import { useEffect, useMemo, useState } from "react";
 import { AlertCircleIcon } from "../../Icons";
@@ -10,19 +10,12 @@ import { getTextFromReactNode } from "../../utils/getTextFromReactNode";
 import { useForm } from "../Form/useForm";
 import { DEFAULT_FIELD_STATE, FieldContext } from "./FieldContext";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-var INLINE_LABEL_SIZE = {
-  small: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["grid-cols-[20%_auto]"]))),
-  medium: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["grid-cols-[35%_auto]"]))),
-  large: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["grid-cols-[50%_auto]"])))
-};
-
 /**
  * The `Field` component is a helper that wraps inputs to streamline labeling, validation, integration into a form.
  *
  * See the [Field documentation page](https://satellite.algolia.com/components/forms/field) for more information.
  */
 export var Field = function Field(_ref) {
-  var _form$inline, _form$inlineLabelSize;
   var className = _ref.className,
     label = _ref.label,
     labelForProp = _ref.labelFor,
@@ -30,7 +23,8 @@ export var Field = function Field(_ref) {
     description = _ref.description,
     _ref$state = _ref.state,
     state = _ref$state === void 0 ? DEFAULT_FIELD_STATE : _ref$state,
-    inlineProp = _ref.inline,
+    _ref$inline = _ref.inline,
+    inline = _ref$inline === void 0 ? false : _ref$inline,
     requiredProp = _ref.required,
     _ref$hideRequiredIndi = _ref.hideRequiredIndicator,
     hideRequiredIndicator = _ref$hideRequiredIndi === void 0 ? false : _ref$hideRequiredIndi,
@@ -60,11 +54,14 @@ export var Field = function Field(_ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     elementToFocusContext = _useState4[0],
     setElementToFocusContext = _useState4[1];
+  if (process.env.NODE_ENV !== "production") {
+    if (typeof requiredProp !== "undefined" && typeof requiredContext !== "undefined" && requiredProp !== requiredContext) {
+      console.warn("The `required` prop is set to different values on both the Field (`required=".concat(requiredProp, "`) and the underlying input component (`required=").concat(requiredContext, "`)."));
+    }
+  }
   var form = useForm();
   var addField = form === null || form === void 0 ? void 0 : form.addField;
   var removeField = form === null || form === void 0 ? void 0 : form.removeField;
-  var inline = (_form$inline = form === null || form === void 0 ? void 0 : form.inline) !== null && _form$inline !== void 0 ? _form$inline : inlineProp;
-  var inlineLabelSize = (_form$inlineLabelSize = form === null || form === void 0 ? void 0 : form.inlineLabelSize) !== null && _form$inlineLabelSize !== void 0 ? _form$inlineLabelSize : "medium";
   useEffect(function () {
     addField === null || addField === void 0 || addField({
       state: state,
@@ -79,14 +76,6 @@ export var Field = function Field(_ref) {
       });
     };
   }, [addField, removeField, state, labelFor, label]);
-  if (process.env.NODE_ENV !== "production") {
-    if (typeof requiredProp !== "undefined" && typeof requiredContext !== "undefined" && requiredProp !== requiredContext) {
-      console.warn("The `required` prop is set to different values on both the Field (`required=".concat(requiredProp, "`) and the underlying input component (`required=").concat(requiredContext, "`)."));
-    }
-    if ((form === null || form === void 0 ? void 0 : form.inline) === true && inlineProp === false) {
-      console.warn("The `Field` component is being used inside a `Form` with `inline` set to `true`, but the `Field` component has `inline` set to `false`. To fix this, remove the `inline` prop on the `Field` component.");
-    }
-  }
   return /*#__PURE__*/_jsx(FieldContext.Provider, {
     value: {
       state: state,
@@ -96,52 +85,47 @@ export var Field = function Field(_ref) {
       setRequired: setRequiredContext,
       setElementToFocus: setElementToFocusContext
     },
-    children: /*#__PURE__*/_jsx("div", {
+    children: /*#__PURE__*/_jsxs("div", {
       className: className,
-      children: /*#__PURE__*/_jsxs("div", {
-        className: cx(inline && cx(stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["grid items-center"]))), INLINE_LABEL_SIZE[inlineLabelSize])),
-        children: [/*#__PURE__*/_jsx("label", {
-          className: stl(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["cursor-pointer ", ""])), inline && "justify-self-end"),
-          htmlFor: labelFor,
-          onClick: function onClick() {
-            if (!(elementToFocusContext !== null && elementToFocusContext !== void 0 && elementToFocusContext.closest("[aria-disabled=true]")) && !(elementToFocusContext !== null && elementToFocusContext !== void 0 && elementToFocusContext.closest("[disabled=true]"))) {
-              elementToFocusContext === null || elementToFocusContext === void 0 || elementToFocusContext.focus();
-            }
-          },
-          children: hasLabel && /*#__PURE__*/_jsxs("div", {
-            id: labelId,
-            className: stl(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["", ""])), inline ? "mr-2 text-right" : "truncate mb-1"),
-            children: [label, !hideRequiredIndicator && (requiredProp || requiredContext) && /*#__PURE__*/_jsx("span", {
-              className: stl(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["text-red-700 ml-0.5 align-top"]))),
-              "aria-hidden": true,
-              children: "*"
-            })]
-          })
+      children: [/*#__PURE__*/_jsxs("label", {
+        className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["cursor-pointer flex ", ""])), inline ? "items-center" : "flex-col"),
+        htmlFor: labelFor,
+        onClick: function onClick() {
+          if (!(elementToFocusContext !== null && elementToFocusContext !== void 0 && elementToFocusContext.closest("[aria-disabled=true]")) && !(elementToFocusContext !== null && elementToFocusContext !== void 0 && elementToFocusContext.closest("[disabled=true]"))) {
+            elementToFocusContext === null || elementToFocusContext === void 0 || elementToFocusContext.focus();
+          }
+        },
+        children: [hasLabel && /*#__PURE__*/_jsxs("div", {
+          id: labelId,
+          className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["truncate ", ""])), inline ? "mr-2" : "mb-1"),
+          children: [label, !hideRequiredIndicator && (requiredProp || requiredContext) && /*#__PURE__*/_jsx("span", {
+            className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["text-red-700 ml-0.5 align-top"]))),
+            "aria-hidden": true,
+            children: "*"
+          })]
         }), /*#__PURE__*/_jsx("div", {
+          className: cx(inline && stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["ml-auto mt-1"])))),
           children: children
-        }), /*#__PURE__*/_jsx("div", {
-          className: cx(inline && stl(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["col-start-2"])))),
-          children: state.status === "invalid" && state.errors.length > 0 ? /*#__PURE__*/_jsx("ul", {
-            id: descriptionId,
-            className: stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["mt-2 display-caption flex flex-col gap-0.5"]))),
-            children: state.errors.map(function (error) {
-              return /*#__PURE__*/_jsxs("li", {
-                className: stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["flex items-center text-red-700"]))),
-                children: [/*#__PURE__*/_jsx(AlertCircleIcon, {
-                  className: stl(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["mr-1 shrink-0"]))),
-                  width: "1rem",
-                  height: "1rem",
-                  "aria-hidden": true
-                }), error]
-              }, error);
-            })
-          }) : description ? /*#__PURE__*/_jsx("p", {
-            id: descriptionId,
-            className: cx(stl(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["display-caption text-grey-600 ", ""])), inline ? "mt-1" : "mt-2")),
-            children: description
-          }) : null
         })]
-      })
+      }), state.status === "invalid" && state.errors.length > 0 ? /*#__PURE__*/_jsx("ul", {
+        id: descriptionId,
+        className: stl(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["mb-1 mt-2 display-caption flex flex-col gap-0.5"]))),
+        children: state.errors.map(function (error) {
+          return /*#__PURE__*/_jsxs("li", {
+            className: stl(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["flex items-center text-red-700"]))),
+            children: [/*#__PURE__*/_jsx(AlertCircleIcon, {
+              className: stl(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["mr-1 shrink-0"]))),
+              width: "1rem",
+              height: "1rem",
+              "aria-hidden": true
+            }), error]
+          }, error);
+        })
+      }) : description ? /*#__PURE__*/_jsx("p", {
+        id: descriptionId,
+        className: cx(stl(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["display-caption text-grey-600"]))), inline ? stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["mt-1"]))) : stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["mt-2"])))),
+        children: description
+      }) : null]
     })
   });
 };

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

@@ -2,10 +2,7 @@ import type { FC, HTMLAttributes, PropsWithChildren, ReactNode } from "react";
 import type { ButtonProps } from "../../Actions";
 import type { AlertProps } from "../../Indicators";
 import type { FormContextField } from "./FormContext";
-export declare type FormInlineLabelSize = "small" | "medium" | "large";
 export interface FormProps extends HTMLAttributes<HTMLFormElement> {
-    inline?: boolean;
-    inlineLabelSize?: FormInlineLabelSize;
 }
 export declare type FormLocale = {
     errorTitle?: (invalidFields: FormContextField[], extraErrors?: string[]) => ReactNode;

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

@@ -4,7 +4,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _excluded = ["className", "extraErrors", "locale"],
-  _excluded2 = ["children", "inline", "inlineLabelSize"],
+  _excluded2 = ["children"],
   _excluded3 = ["children"],
   _excluded4 = ["children"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
@@ -96,9 +96,6 @@ export var FormErrorMessage = function FormErrorMessage(_ref) {
 };
 export var Form = function Form(_ref6) {
   var children = _ref6.children,
-    inline = _ref6.inline,
-    _ref6$inlineLabelSize = _ref6.inlineLabelSize,
-    inlineLabelSize = _ref6$inlineLabelSize === void 0 ? "medium" : _ref6$inlineLabelSize,
     props = _objectWithoutProperties(_ref6, _excluded2);
   var _useState = useState({}),
     _useState2 = _slicedToArray(_useState, 2),
@@ -121,9 +118,7 @@ export var Form = function Form(_ref6) {
     value: {
       fields: fields,
       addField: addField,
-      removeField: removeField,
-      inline: inline,
-      inlineLabelSize: inlineLabelSize
+      removeField: removeField
     },
     children: /*#__PURE__*/_jsx("form", _objectSpread(_objectSpread({
       noValidate: true

package/dist/esm/Fields/Form/FormContext.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 import type { FieldState } from "../Field";
-import type { FormInlineLabelSize } from "./Form";
 export declare type FormContextField = {
     state: FieldState;
     label: string;
@@ -10,7 +9,5 @@ export declare type FormContextValue = {
     fields: Record<string, FormContextField>;
     addField: (field: FormContextField) => void;
     removeField: (field: FormContextField) => void;
-    inline?: boolean;
-    inlineLabelSize?: FormInlineLabelSize;
 };
 export declare const FormContext: import("react").Context<FormContextValue | null>;

package/dist/esm/Fields/Form/index.d.ts

@@ -1,4 +1,4 @@
-export type { FormProps as ExperimentalFormProps, FormLocale as ExperimentalFormLocale, FormErrorMessageProps as ExperimentalFormErrorMessageProps, FormInlineLabelSize, } from "./Form";
+export type { FormProps as ExperimentalFormProps, FormLocale as ExperimentalFormLocale, FormErrorMessageProps as ExperimentalFormErrorMessageProps, } from "./Form";
 export { Form as ExperimentalForm, FormErrorMessage as ExperimentalFormErrorMessage, FormSubmit as ExperimentalFormSubmit, FormReset as ExperimentalFormReset, } from "./Form";
 export type { FormContextField as ExperimentalFormContextField, FormContextValue as ExperimentalFormContextValue, } from "./FormContext";
 export { useForm as useExperimentalForm } from "./useForm";

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

@@ -518,6 +518,7 @@ export var RHFComplexComponent = function RHFComplexComponent() {
               description: "Please accept the terms",
               state: getFieldState("acceptTerms"),
               className: stl(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["w-full"]))),
+              inline: true,
               children: /*#__PURE__*/_jsx(Checkbox, _objectSpread({
                 id: "acceptTerms",
                 required: true,
@@ -536,6 +537,7 @@ export var RHFComplexComponent = function RHFComplexComponent() {
               description: "Do you want to receive our newsletter?",
               state: getFieldState("newsletter"),
               className: stl(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["w-full"]))),
+              inline: true,
               children: /*#__PURE__*/_jsx(Switch, _objectSpread({
                 id: "newsletter",
                 required: true,
@@ -886,6 +888,7 @@ export var FormikComplexComponent = function FormikComplexComponent() {
           description: "Please accept the terms",
           state: getFieldState("acceptTerms"),
           className: stl(_templateObject46 || (_templateObject46 = _taggedTemplateLiteral(["w-full"]))),
+          inline: true,
           children: /*#__PURE__*/_jsx(Checkbox, _objectSpread({
             id: "acceptTerms",
             required: true,
@@ -897,6 +900,7 @@ export var FormikComplexComponent = function FormikComplexComponent() {
           description: "Do you want to receive our newsletter?",
           state: getFieldState("newsletter"),
           className: stl(_templateObject47 || (_templateObject47 = _taggedTemplateLiteral(["w-full"]))),
+          inline: true,
           children: /*#__PURE__*/_jsx(Switch, _objectSpread({
             id: "newsletter",
             required: true,

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, BlocksIcon, 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, ImageOffIcon, InboxIcon, InfoIcon, InstagramIcon, ItalicIcon, KeyIcon, Landmark, LayersIcon, LayoutGridIcon, LayoutIcon, LifeBuoyIcon, Link2Icon, LinkedinIcon, LinkIcon, ListIcon, LoaderIcon, LockIcon, LogInIcon, LogOutIcon, MailIcon, MapIcon, MapPinIcon, Maximize2Icon, MaximizeIcon, MehIcon, MenuIcon, MergeIcon, 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, SearchXIcon, SendIcon, ServerCogIcon, ServerCrashIcon, 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, BlocksIcon, 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, ImageOffIcon, InboxIcon, InfoIcon, InstagramIcon, ItalicIcon, KeyIcon, Landmark, LayersIcon, LayoutGridIcon, LayoutIcon, LifeBuoyIcon, Link2Icon, LinkedinIcon, LinkIcon, ListIcon, LoaderIcon, LockIcon, LogInIcon, LogOutIcon, MailIcon, MapIcon, MapPinIcon, Maximize2Icon, MaximizeIcon, MehIcon, MenuIcon, MergeIcon, 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, SearchXIcon, SendIcon, ServerCogIcon, ServerCrashIcon, ServerIcon, SettingsIcon, Share2Icon, ShareIcon, ShieldIcon, ShieldOffIcon, ShoppingBagIcon, ShoppingCartIcon, ShuffleIcon, SidebarIcon, SkipBackIcon, SkipForwardIcon, SlackIcon, SlidersIcon, SmartphoneIcon, SmileIcon, SparklesIcon, 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";