@algolia/satellite 2.0.0-rc.6 → 2.1.0-rc.1

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

@@ -10,12 +10,12 @@ import { useState } from "react";
 import { Controller, useForm } from "react-hook-form";
 import * as yup from "yup";
 import { z } from "zod";
-import { CalendarIcon, CreditCardIcon, LockIcon } from "../../../Icons";
-import stl from "../../../styles/helpers/satellitePrefixer";
-import { Field } from "../../Field";
-import { Input } from "../../Input";
-import { Form, FormErrorMessage, FormReset, FormSubmit } from "../Form";
 import { useFormikAutoFocusOnError } from "./utils/useFormikAutoFocusOnError";
+import { Field } from "./../../Field";
+import { Form, FormErrorMessage, FormReset, FormSubmit } from "./../Form";
+import { Input } from "./../../Input";
+import { CalendarIcon, CreditCardIcon, LockIcon } from "./../../../Icons";
+import stl from "./../../../styles/helpers/satellitePrefixer";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var initialFormData = {
   cardOwner: "",

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

@@ -39,6 +39,6 @@ export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>,
 /**
  * The `Input` component is a flexible, user-friendly component for efficient text and number entry across forms and applications.
  *
- * See the [Input documentation page](https://satellite.algolia.com/components/forms/input) for more information.
+ * See the [Input documentation page](https://satellite.algolia.com/8261d6576/p/93137a-input) for more information.
  */
 export declare const Input: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -8,14 +8,14 @@ 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 { forwardRef, Fragment, useEffect, useState } from "react";
-import { IconButton } from "../../Actions";
-import { CheckIcon, ChevronDownIcon, ChevronUpIcon, SearchIcon as SearchBaseIcon, XIcon } from "../../Icons";
-import { useLocale } from "../../Satellite";
-import stl from "../../styles/helpers/satellitePrefixer";
-import { isNil } from "../../utils/isNil";
-import { useForwardedRef } from "../../utils/useForwardedRef";
-import { useTriggerInputChange } from "../../utils/useTriggerInputChange";
-import { useField } from "../Field";
+import { IconButton } from "./../../Actions";
+import { useField } from "./../Field";
+import { CheckIcon, ChevronDownIcon, ChevronUpIcon, SearchIcon as SearchBaseIcon, XIcon } from "./../../Icons";
+import { useLocale } from "./../../Satellite";
+import stl from "./../../styles/helpers/satellitePrefixer";
+import { isNil } from "./../../utils/isNil";
+import { useForwardedRef } from "./../../utils/useForwardedRef";
+import { useTriggerInputChange } from "./../../utils/useTriggerInputChange";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var DEFAULT_INPUT_LOCALE = {
   clearInput: "Clear input",
@@ -52,7 +52,7 @@ var ValidatedIcon = function ValidatedIcon() {
 /**
  * The `Input` component is a flexible, user-friendly component for efficient text and number entry across forms and applications.
  *
- * See the [Input documentation page](https://satellite.algolia.com/components/forms/input) for more information.
+ * See the [Input documentation page](https://satellite.algolia.com/8261d6576/p/93137a-input) for more information.
  */
 export var Input = /*#__PURE__*/forwardRef(function (_ref, externalRef) {
   var _inputProps$id;

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

@@ -33,6 +33,11 @@ export declare type RadioButtonProps = HTMLAttributes<HTMLInputElement> & {
      */
     disabled?: InputHTMLAttributes<HTMLInputElement>["disabled"];
 };
+/**
+ * The `RadioButton` component is a control that allows single selection from a set of options.
+ *
+ * See the [Radio Button documentation page](https://satellite.algolia.com/8261d6576/p/50ec00-radio-buttongroup) for more information.
+ */
 export declare const RadioButton: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLInputElement> & {
     /**
      * The value of the `RadioButton`.

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

@@ -7,9 +7,14 @@ 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 { forwardRef } from "react";
-import stl from "../../styles/helpers/satellitePrefixer";
-import { useField } from "../Field";
+import { useField } from "./../Field";
+import stl from "./../../styles/helpers/satellitePrefixer";
 import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * The `RadioButton` component is a control that allows single selection from a set of options.
+ *
+ * See the [Radio Button documentation page](https://satellite.algolia.com/8261d6576/p/50ec00-radio-buttongroup) for more information.
+ */
 export var RadioButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     _ref$required = _ref.required,

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

@@ -45,6 +45,6 @@ export declare type RadioGroupComponent = ForwardRefExoticComponent<RadioGroupPr
 /**
  * The `RadioGroup` component presents mutually exclusive options, allowing users to make a single selection from a list.
  *
- * See the [Radio Group documentation page](https://satellite.algolia.com/components/controls/radio-group) for more information.
+ * See the [Radio Group documentation page](https://satellite.algolia.com/8261d6576/p/50ec00-radio-buttongroup) for more information.
  */
 export declare const RadioGroup: RadioGroupComponent;

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

@@ -3,12 +3,12 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 var _templateObject, _templateObject2, _templateObject3;
 import cx from "clsx";
 import { Children, cloneElement, forwardRef, isValidElement, useState } from "react";
-import { Card } from "../../Layout";
-import stl from "../../styles/helpers/satellitePrefixer";
-import { uniqueId } from "../../utils/uniqueId";
-import { useField } from "../Field";
 import { RadioGroupContext } from "./RadioGroupContext";
 import { RadioGroupItem } from "./RadioGroupItem";
+import { useField } from "./../Field";
+import { Card } from "./../../Layout";
+import stl from "./../../styles/helpers/satellitePrefixer";
+import { uniqueId } from "./../../utils/uniqueId";
 import { jsx as _jsx } from "react/jsx-runtime";
 // This function is used to clone the children of the `RadioGroup` component
 // and pass the `childIndex` prop to the `RadioGroupItem` children.
@@ -33,7 +33,7 @@ function applyChildIndexRecursively(children) {
 /**
  * The `RadioGroup` component presents mutually exclusive options, allowing users to make a single selection from a list.
  *
- * See the [Radio Group documentation page](https://satellite.algolia.com/components/controls/radio-group) for more information.
+ * See the [Radio Group documentation page](https://satellite.algolia.com/8261d6576/p/50ec00-radio-buttongroup) for more information.
  */
 export var RadioGroup = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var id = _ref.id,

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

@@ -1,5 +1,5 @@
 import type { ForwardedRef } from "react";
-import type { FieldState } from "../Field";
+import type { FieldState } from "../../Fields/Field";
 export interface RadioGroupContextType {
     id?: string;
     name: string;

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

@@ -3,10 +3,10 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _templateObject, _templateObject2, _templateObject3;
 var _excluded = ["value", "disabled", "required", "children"];
 import { useMemo } from "react";
-import stl from "../../styles/helpers/satellitePrefixer";
-import { uniqueId } from "../../utils/uniqueId";
 import { RadioButton } from "./RadioButton";
 import { useRadioGroupContext } from "./RadioGroupContext";
+import stl from "./../../styles/helpers/satellitePrefixer";
+import { uniqueId } from "./../../utils/uniqueId";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export var RadioGroupItem = function RadioGroupItem(_ref) {
   var value = _ref.value,

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

@@ -67,7 +67,7 @@ declare const RangeSliderInternal: <Value extends RangeSliderValue = number>({ i
 /**
  * The `RangeSlider` component is an input field where users select one or two numeric values within a given range (minimum and maximum values).
  *
- * See the [Range Slider documentation page](https://satellite.algolia.com/components/controls/range-slider) for more information.
+ * See the [Range Slider documentation page](https://satellite.algolia.com/8261d6576/p/48659a-range-slider) for more information.
  */
 export declare const RangeSlider: (<Value extends RangeSliderValue>(props: RangeSliderProps<Value> & {
     /**

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

@@ -8,10 +8,10 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { SliderRange, Root as SliderRoot, SliderThumb, SliderTrack } from "@radix-ui/react-slider";
 import cx from "clsx";
 import { forwardRef, useRef } from "react";
-import colors from "../../styles/colors";
-import stl from "../../styles/helpers/satellitePrefixer";
-import { mergeRefs } from "../../utils/mergeRefs";
-import { useField } from "../Field";
+import { useField } from "./../Field";
+import colors from "./../../styles/colors";
+import stl from "./../../styles/helpers/satellitePrefixer";
+import { mergeRefs } from "./../../utils/mergeRefs";
 
 // Prevents unwanted number narrowing
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -113,7 +113,7 @@ var RangeSliderInternal = function RangeSliderInternal(_ref2, ref) {
 /**
  * The `RangeSlider` component is an input field where users select one or two numeric values within a given range (minimum and maximum values).
  *
- * See the [Range Slider documentation page](https://satellite.algolia.com/components/controls/range-slider) for more information.
+ * See the [Range Slider documentation page](https://satellite.algolia.com/8261d6576/p/48659a-range-slider) for more information.
  */
 export var RangeSlider = /*#__PURE__*/forwardRef(RangeSliderInternal);
 RangeSlider.displayName = "RangeSlider";

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

@@ -9,6 +9,6 @@ export interface SelectProps extends SelectHTMLAttributes<HTMLSelectElement> {
 /**
  * The `Select` component provides a dropdown menu, allowing users to choose one option from a list.
  *
- * See the [Select documentation page](https://satellite.algolia.com/components/forms/select) for more information.
+ * See the [Select documentation page](https://satellite.algolia.com/8261d6576/p/09d443-select) for more information.
  */
 export declare const Select: import("react").ForwardRefExoticComponent<SelectProps & import("react").RefAttributes<HTMLSelectElement>>;

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

@@ -7,9 +7,9 @@ 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 { forwardRef, Fragment } from "react";
-import { CheckIcon, XIcon } from "../../Icons";
-import stl from "../../styles/helpers/satellitePrefixer";
-import { useField } from "../Field";
+import { useField } from "./../Field";
+import { CheckIcon, XIcon } from "./../../Icons";
+import stl from "./../../styles/helpers/satellitePrefixer";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var VARIANT_CLASSNAMES = {
   small: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["select-input-small"]))),
@@ -30,7 +30,7 @@ var ValidatedIcon = function ValidatedIcon() {
 /**
  * The `Select` component provides a dropdown menu, allowing users to choose one option from a list.
  *
- * See the [Select documentation page](https://satellite.algolia.com/components/forms/select) for more information.
+ * See the [Select documentation page](https://satellite.algolia.com/8261d6576/p/09d443-select) for more information.
  */
 export var Select = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _props$id;

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

@@ -29,9 +29,9 @@ export declare type SwitchProps = Omit<HTMLAttributes<HTMLInputElement>, "childr
 /**
  * The `Switch` component is used to view or switch between enabled or disabled states.
  *
- * See the [Switch documentation page](https://satellite.algolia.com/components/controls/switch) for more information.
+ * See the [Switch documentation page](https://satellite.algolia.com/8261d6576/p/10fc77-switch) for more information.
  */
-export declare const Switch: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLInputElement>, "children" | "defaultChecked" | "onChange"> & Pick<InputHTMLAttributes<HTMLInputElement>, "autoFocus"> & {
+export declare const Switch: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLInputElement>, "children" | "onChange" | "defaultChecked"> & Pick<InputHTMLAttributes<HTMLInputElement>, "autoFocus"> & {
     /**
      * Whether the `Toggle` is decorative.
      * Decorative toggles are not using an input element.

package/dist/esm/Fields/Switch/Switch.js

@@ -8,13 +8,13 @@ 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 { forwardRef, useState } from "react";
-import stl from "../../styles/helpers/satellitePrefixer";
-import { useField } from "../Field";
+import { useField } from "./../Field";
+import stl from "./../../styles/helpers/satellitePrefixer";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * The `Switch` component is used to view or switch between enabled or disabled states.
  *
- * See the [Switch documentation page](https://satellite.algolia.com/components/controls/switch) for more information.
+ * See the [Switch documentation page](https://satellite.algolia.com/8261d6576/p/10fc77-switch) for more information.
  */
 export var Switch = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _inputProps$id;

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

@@ -21,6 +21,6 @@ export declare type TextareaStatus = "default" | "validated" | "invalid";
 /**
  * The `TextArea` component is a multiline input field for extensive text, ideal for detailed feedback, descriptions, or comments.
  *
- * See the [Text Area documentation page](https://satellite.algolia.com/components/forms/text-area) for more information.
+ * See the [Text Area documentation page](https://satellite.algolia.com/8261d6576/p/0170e9-text-area) for more information.
  */
 export declare const TextArea: import("react").ForwardRefExoticComponent<TextAreaProps & import("react").RefAttributes<HTMLTextAreaElement>>;

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

@@ -7,9 +7,9 @@ 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 { forwardRef, Fragment } from "react";
-import { CheckIcon, XIcon } from "../../Icons";
-import stl from "../../styles/helpers/satellitePrefixer";
-import { useField } from "../Field";
+import { useField } from "./../Field";
+import { CheckIcon, XIcon } from "./../../Icons";
+import stl from "./../../styles/helpers/satellitePrefixer";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var STATUS_CLASSNAMES = {
   "default": "",
@@ -30,7 +30,7 @@ var ValidatedIcon = function ValidatedIcon() {
 /**
  * The `TextArea` component is a multiline input field for extensive text, ideal for detailed feedback, descriptions, or comments.
  *
- * See the [Text Area documentation page](https://satellite.algolia.com/components/forms/text-area) for more information.
+ * See the [Text Area documentation page](https://satellite.algolia.com/8261d6576/p/0170e9-text-area) for more information.
  */
 export var TextArea = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _textareaProps$id;

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

@@ -2,6 +2,7 @@ export * from "./AutoComplete";
 export * from "./Checkbox";
 export * from "./DateInput";
 export * from "./DatePicker";
+export * from "./DateRangeInput";
 export * from "./Dropzone";
 export * from "./Field";
 export * from "./FilePicker";

package/dist/esm/Fields/index.js

@@ -2,6 +2,7 @@ export * from "./AutoComplete";
 export * from "./Checkbox";
 export * from "./DateInput";
 export * from "./DatePicker";
+export * from "./DateRangeInput";
 export * from "./Dropzone";
 export * from "./Field";
 export * from "./FilePicker";

package/dist/esm/Helpers/ClickAwayContainer/ClickAwayContainer.d.ts

@@ -24,6 +24,8 @@ export declare type ClickAwayContainerProps = PropsWithChildren<{
  * but it's not the case when using portals.
  * This component allows click-away functionality even when portals are involved.
  *
+ * See the [Click Away Container documentation page](https://satellite.algolia.com/8261d6576/p/281cd4-click-away-container) for more information.
+ *
  * @deprecated This component is deprecated and will be removed in a future version.
  * Please use the Popover component, which provides built-in click-away behavior and is more accessible.
  */

package/dist/esm/Helpers/ClickAwayContainer/ClickAwayContainer.js

@@ -17,6 +17,8 @@ var AWAY_EVENTS = ["mousedown", "touchstart", "focusin"];
  * but it's not the case when using portals.
  * This component allows click-away functionality even when portals are involved.
  *
+ * See the [Click Away Container documentation page](https://satellite.algolia.com/8261d6576/p/281cd4-click-away-container) for more information.
+ *
  * @deprecated This component is deprecated and will be removed in a future version.
  * Please use the Popover component, which provides built-in click-away behavior and is more accessible.
  */

package/dist/esm/Helpers/CodeEditor/CodeEditor.d.ts

@@ -0,0 +1,28 @@
+import type { EditorProps as MonacoEditorProps } from "@monaco-editor/react";
+export declare const CODE_EDITOR_DEFAULT_OPTIONS: {
+    automaticLayout: boolean;
+    folding: boolean;
+    fontFamily: string;
+    fontLigatures: boolean;
+    fontSize: number;
+    lineHeight: number;
+    links: boolean;
+    minimap: {
+        enabled: boolean;
+    };
+    quickSuggestions: boolean;
+    readOnly: boolean;
+    scrollBeyondLastLine: boolean;
+    selectOnLineNumbers: boolean;
+    showUnused: boolean;
+    suggest: {};
+    wordWrapColumn: number;
+};
+declare type EditorProps = Omit<MonacoEditorProps, "theme">;
+/**
+ * The `CodeEditor` component is used to display and edit code snippets.
+ *
+ * See the [Code Editor documentation page](https://satellite.algolia.com/8261d6576/p/70a7aa-code-editor) for more information.
+ */
+export declare const CodeEditor: (props: EditorProps) => import("react/jsx-runtime").JSX.Element;
+export { useMonaco as useCodeEditor } from "@monaco-editor/react";

package/dist/esm/Helpers/CodeEditor/CodeEditor.js

@@ -0,0 +1,44 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+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 { Editor } from "@monaco-editor/react";
+import { theme } from "./theme";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var CODE_EDITOR_DEFAULT_OPTIONS = {
+  automaticLayout: true,
+  folding: true,
+  fontFamily: "monospace",
+  fontLigatures: true,
+  fontSize: 14,
+  lineHeight: 32,
+  links: true,
+  minimap: {
+    enabled: false
+  },
+  quickSuggestions: true,
+  readOnly: false,
+  scrollBeyondLastLine: false,
+  selectOnLineNumbers: true,
+  showUnused: true,
+  suggest: {},
+  wordWrapColumn: 120
+};
+/**
+ * The `CodeEditor` component is used to display and edit code snippets.
+ *
+ * See the [Code Editor documentation page](https://satellite.algolia.com/8261d6576/p/70a7aa-code-editor) for more information.
+ */
+export var CodeEditor = function CodeEditor(props) {
+  var handleEditorDidMount = function handleEditorDidMount(editor, monaco) {
+    var _props$onMount;
+    (_props$onMount = props.onMount) === null || _props$onMount === void 0 || _props$onMount.call(props, editor, monaco);
+    monaco.editor.defineTheme("satellite", theme);
+    monaco.editor.setTheme("satellite");
+  };
+  return /*#__PURE__*/_jsx(Editor, _objectSpread(_objectSpread({
+    options: CODE_EDITOR_DEFAULT_OPTIONS
+  }, props), {}, {
+    onMount: handleEditorDidMount
+  }));
+};
+export { useMonaco as useCodeEditor } from "@monaco-editor/react";

package/dist/esm/Helpers/CodeEditor/index.d.ts

@@ -0,0 +1 @@
+export { CODE_EDITOR_DEFAULT_OPTIONS as EXPERIMENTAL_CODE_EDITOR_DEFAULT_OPTIONS, CodeEditor as ExperimentalCodeEditor, useCodeEditor as useExperimentalCodeEditor, } from "./CodeEditor";

package/dist/esm/Helpers/CodeEditor/index.js

@@ -0,0 +1 @@
+export { CODE_EDITOR_DEFAULT_OPTIONS as EXPERIMENTAL_CODE_EDITOR_DEFAULT_OPTIONS, CodeEditor as ExperimentalCodeEditor, useCodeEditor as useExperimentalCodeEditor } from "./CodeEditor";

package/dist/esm/Helpers/CodeEditor/theme.d.ts

@@ -0,0 +1,24 @@
+export declare const theme: {
+    base: string;
+    inherit: boolean;
+    rules: {
+        token: string;
+        foreground: string;
+    }[];
+    colors: {
+        "editor.foreground": string;
+        "editor.background": string;
+        "editorCursor.foreground": string;
+        "editorIndentGuide.background": string;
+        "editorIndentGuide.activeBackground": string;
+        "minimap.background": string;
+        "editor.selectionBackground": string;
+        "editor.selectionForeground": string;
+        "editor.lineHighlightBackground": string;
+        "editor.lineHighlightBorder": string;
+        "editorLineNumber.foreground": string;
+        "editorWarning.foreground": string;
+        "editorOverviewRuler.warningForeground": string;
+        "editorMarkerNavigationWarning.background": string;
+    };
+};

package/dist/esm/Helpers/CodeEditor/theme.js

@@ -0,0 +1,53 @@
+export var theme = {
+  base: "vs-dark",
+  inherit: true,
+  rules: [{
+    token: "string",
+    foreground: "DC9F77"
+  }, {
+    token: "number",
+    foreground: "77dc85"
+  }, {
+    token: "keyword",
+    foreground: "569cd6"
+  }, {
+    token: "keyword.control",
+    foreground: "569cd6"
+  }, {
+    token: "keyword.operator",
+    foreground: "d4d4d4"
+  }, {
+    token: "comment",
+    foreground: "6A9955"
+  }, {
+    token: "constant.language",
+    foreground: "569cd6"
+  }, {
+    token: "constant.numeric",
+    foreground: "b5cea8"
+  }, {
+    token: "string.regexp",
+    foreground: "d16969"
+  }],
+  colors: {
+    "editor.foreground": "#e3e3e3",
+    "editor.background": "#00000000",
+    "editorCursor.foreground": "#FFFFFF",
+    "editorIndentGuide.background": "#FFFFFF10",
+    "editorIndentGuide.activeBackground": "#FFFFFF40",
+    // Minimap
+    "minimap.background": "#00000000",
+    // Selection
+    "editor.selectionBackground": "#FFFFFF20",
+    "editor.selectionForeground": "#FFFFFF",
+    // Highlight
+    "editor.lineHighlightBackground": "#FFFFFF20",
+    "editor.lineHighlightBorder": "#FFFFFF00",
+    // Line Number
+    // 'editorIndentGuide.background' // Color of the editor indentation guides.
+    "editorLineNumber.foreground": "#FFFFFF20",
+    "editorWarning.foreground": "#efc300",
+    "editorOverviewRuler.warningForeground": "#efc300",
+    "editorMarkerNavigationWarning.background": "#efc300"
+  }
+};

package/dist/esm/Helpers/HelpUnderline/HelpUnderline.d.ts

@@ -18,6 +18,6 @@ export declare type HelpUnderlineProps = {
 /**
  * The `HelpUnderline` component is used to display a help underline with a tooltip.
  *
- * See the [Help Underline documentation page](https://satellite.algolia.com/components/misc/help-underline) for more information.
+ * See the [Help Underline documentation page](https://satellite.algolia.com/8261d6576/p/94b89c-help-underline) for more information.
  */
 export declare const HelpUnderline: FC<HelpUnderlineProps>;

package/dist/esm/Helpers/HelpUnderline/HelpUnderline.js

@@ -6,13 +6,13 @@ var _excluded = ["className", "children", "tooltipClassName", "tooltipContent"];
 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 cx from "clsx";
-import { TooltipWrapper } from "../../Overlay";
-import stl from "../../styles/helpers/satellitePrefixer";
+import { TooltipWrapper } from "./../../Overlay";
+import stl from "./../../styles/helpers/satellitePrefixer";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * The `HelpUnderline` component is used to display a help underline with a tooltip.
  *
- * See the [Help Underline documentation page](https://satellite.algolia.com/components/misc/help-underline) for more information.
+ * See the [Help Underline documentation page](https://satellite.algolia.com/8261d6576/p/94b89c-help-underline) for more information.
  */
 export var HelpUnderline = function HelpUnderline(_ref) {
   var className = _ref.className,

package/dist/esm/Helpers/TextWrap/TextWrap.d.ts

@@ -12,6 +12,6 @@ export interface TextWrapProps extends HTMLAttributes<HTMLSpanElement> {
 /**
  * The `TextWrap` component is used to wrap text and truncate it with an ellipsis if it overflows.
  *
- * See the [Text Wrap documentation page](https://satellite.algolia.com/components/misc/text-wrap) for more information.
+ * See the [Text Wrap documentation page](https://satellite.algolia.com/8261d6576/p/4274c8-text-wrap) for more information.
  */
 export declare const TextWrap: FC<TextWrapProps>;

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

@@ -7,8 +7,8 @@ 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 { Fragment } from "react";
 import { Children, cloneElement, isValidElement } from "react";
-import stl from "../../styles/helpers/satellitePrefixer";
-import { isCssPropertySupported } from "../../utils/isCssPropertySupported";
+import stl from "./../../styles/helpers/satellitePrefixer";
+import { isCssPropertySupported } from "./../../utils/isCssPropertySupported";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var BASE_STYLES = isCssPropertySupported("overflowWrap", "anywhere") ? {
   whiteSpace: "normal",
@@ -37,7 +37,7 @@ var recursivelyApplyWhiteSpace = function recursivelyApplyWhiteSpace(children) {
 /**
  * The `TextWrap` component is used to wrap text and truncate it with an ellipsis if it overflows.
  *
- * See the [Text Wrap documentation page](https://satellite.algolia.com/components/misc/text-wrap) for more information.
+ * See the [Text Wrap documentation page](https://satellite.algolia.com/8261d6576/p/4274c8-text-wrap) for more information.
  */
 export var TextWrap = function TextWrap(_ref) {
   var children = _ref.children,

package/dist/esm/Helpers/UserContent/UserContent.d.ts

@@ -17,6 +17,6 @@ export interface UserContentProps {
 /**
  * The `UserContent` component is used to style user generated content that comes as HTML, often from a markdown source.
  *
- * See the [User Content documentation page](https://satellite.algolia.com/layouts/user-content) for more information.
+ * See the [User Content documentation page](https://satellite.algolia.com/8261d6576/p/57eb4b-user-content) for more information.
  */
 export declare const UserContent: FC<UserContentProps>;

package/dist/esm/Helpers/UserContent/UserContent.js

@@ -1,12 +1,12 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject;
 import cx from "clsx";
-import stl from "../../styles/helpers/satellitePrefixer";
+import stl from "./../../styles/helpers/satellitePrefixer";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * The `UserContent` component is used to style user generated content that comes as HTML, often from a markdown source.
  *
- * See the [User Content documentation page](https://satellite.algolia.com/layouts/user-content) for more information.
+ * See the [User Content documentation page](https://satellite.algolia.com/8261d6576/p/57eb4b-user-content) for more information.
  */
 export var UserContent = function UserContent(_ref) {
   var className = _ref.className,

package/dist/esm/Helpers/index.d.ts

@@ -1,6 +1,5 @@
 export * from "./ClickAwayContainer";
+export * from "./CodeEditor";
 export * from "./HelpUnderline";
-export * from "./Medallion";
-export * from "./Separator";
 export * from "./TextWrap";
 export * from "./UserContent";

package/dist/esm/Helpers/index.js

@@ -1,6 +1,5 @@
 export * from "./ClickAwayContainer";
+export * from "./CodeEditor";
 export * from "./HelpUnderline";
-export * from "./Medallion";
-export * from "./Separator";
 export * from "./TextWrap";
 export * from "./UserContent";

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, 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";
+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, PuzzleIcon, 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";