@intlayer/design-system 3.0.3 → 3.2.0

package/dist/TabSelector-o_NRBvPQ.cjs

@@ -0,0 +1,659 @@
+"use client";
+"use strict";
+const jsxRuntime = require("./jsx-runtime-DvCoRj5u.cjs");
+const classVarianceAuthority = require("class-variance-authority");
+const require$$0 = require("react");
+require("./hooks/useScrollBlockage/useScrollBlockageStore.cjs");
+require("./hooks/useAsync/useAsyncStateStore.cjs");
+const utils_cn = require("./utils/cn.cjs");
+const lucideReact = require("lucide-react");
+const components_Container_index = require("./components/Container/index.cjs");
+require("zustand");
+require("./components/DictionaryEditor/useEditedContentStore.cjs");
+require("./components/DictionaryEditor/useEditionPanelStore.cjs");
+require("@intlayer/core");
+const components_Button_Button = require("./components/Button/Button.cjs");
+const components_EditableField_EditableFieldInput = require("./components/EditableField/EditableFieldInput.cjs");
+const components_EditableField_EditableFieldTextArea = require("./components/EditableField/EditableFieldTextArea.cjs");
+require("react-intlayer");
+const components_Form_FormBase = require("./components/Form/FormBase.cjs");
+const components_Form_FormField = require("./components/Form/FormField.cjs");
+const reactHookForm = require("react-hook-form");
+const components_Form_layout_FormLabelLayout = require("./components/Form/layout/FormLabelLayout.cjs");
+require("clsx");
+require("tailwind-merge");
+require("./components/Form/FormLabel.cjs");
+const components_Input_Input = require("./components/Input/Input.cjs");
+const components_Input_InputPassword = require("./components/Input/InputPassword.cjs");
+const components_Input_Checkbox = require("./components/Input/Checkbox.cjs");
+const components_TextArea_TextArea = require("./components/TextArea/TextArea.cjs");
+const components_Select_Multiselect = require("./components/Select/Multiselect.cjs");
+const components_Select_Select = require("./components/Select/Select.cjs");
+require("./components/Toaster/Toast.cjs");
+require("./components/DictionaryEditor/validDictionaryChangeButtons.content.cjs");
+require("zod");
+require("./libs/intlayer-api/auth.cjs");
+require("./libs/intlayer-api/dictionary.cjs");
+require("./libs/intlayer-api/organization.cjs");
+require("./libs/intlayer-api/project.cjs");
+require("./libs/intlayer-api/user.cjs");
+const framerMotion = require("framer-motion");
+const reactDom = require("react-dom");
+const hooks_useGetElementOrWindow = require("./hooks/useGetElementOrWindow.cjs");
+const hooks_useScrollBlockage_index = require("./hooks/useScrollBlockage/index.cjs");
+const components_Headers_index = require("./components/Headers/index.cjs");
+require("./components/Auth/AuthProvider/index.cjs");
+require("./components/DictionaryFieldEditor/DictionaryDetails/dictionaryDetails.content.cjs");
+require("./components/DictionaryFieldEditor/dictionaryFieldEditor.content.cjs");
+require("./components/Label/index.cjs");
+require("./components/DictionaryFieldEditor/editorView.content.cjs");
+require("@intlayer/config/client");
+require("./components/DictionaryFieldEditor/nodeTypeSelector.content.cjs");
+require("./components/TextArea/AutoSizeTextArea.cjs");
+require("./components/DictionaryFieldEditor/NavigationView/navigationViewNode.content.cjs");
+require("./components/Link/Link.cjs");
+require("./components/DictionaryFieldEditor/SaveForm/saveForm.content.cjs");
+require("./components/DictionaryFieldEditor/DictionariesSelector/dictionariesSelector.content.cjs");
+require("./components/DictionaryFieldEditor/DictionaryCreationForm/dictionaryCreationForm.content.cjs");
+require("./components/DropDown/index.cjs");
+require("./components/IDE/CodeRender.cjs");
+require("markdown-to-jsx");
+require("./components/Flags/Flag.cjs");
+require("./components/Badge/index.cjs");
+require("./components/Command/index.cjs");
+const hooks_useItemSelector = require("./hooks/useItemSelector.cjs");
+require("@intlayer/dictionaries-entry");
+require("deepmerge");
+const components_Form_FormControl = require("./components/Form/FormControl.cjs");
+const components_Form_FormDescription = require("./components/Form/FormDescription.cjs");
+const components_Form_FormItem = require("./components/Form/FormItem.cjs");
+const components_Form_FormMessage = require("./components/Form/FormMessage.cjs");
+const FormItemLayout = ({
+  label,
+  description,
+  isRequired,
+  info,
+  children,
+  showErrorMessage = true,
+  htmlFor
+}) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(Form.Item, { className: "w-full space-y-2", children: [
+  /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "space-y-1 leading-none", children: [
+    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Form_layout_FormLabelLayout.FormLabelLayout, { isRequired, info, htmlFor, children: label }),
+    description && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Form.Description, { children: description })
+  ] }),
+  /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Form.Control, { children }),
+  showErrorMessage && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Form.Message, { "data-testid": "error-message" })
+] });
+const FormFieldElement = ({
+  field,
+  name,
+  label,
+  Element,
+  isRequired = false,
+  info,
+  description,
+  showErrorMessage = true,
+  ...props
+}) => {
+  const { error } = components_Form_FormField.useFormField();
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    FormItemLayout,
+    {
+      htmlFor: name,
+      label,
+      description,
+      isRequired,
+      info,
+      showErrorMessage,
+      "aria-invalid": !!error,
+      children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Element, { "data-testid": "element", id: name, ...field, ...props, children: props.children })
+    }
+  );
+};
+const FormElement = (props) => {
+  const { control } = reactHookForm.useFormContext();
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    Form.Field,
+    {
+      control,
+      name: props.name,
+      render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(FormFieldElement, { ...props, field })
+    }
+  );
+};
+const InputElement = (props) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+  FormElement,
+  {
+    id: props.name,
+    "data-testid": props.name,
+    Element: components_Input_Input.Input,
+    ...props
+  }
+);
+const InputPasswordElement = ({
+  autoComplete,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+  FormElement,
+  {
+    Element: components_Input_InputPassword.InputPassword,
+    id: props.name,
+    "data-testid": props.name,
+    autoComplete,
+    minLength: 6,
+    maxLength: 255,
+    ...props
+  }
+);
+const TextAreaElement = (props) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+  FormElement,
+  {
+    Element: components_TextArea_TextArea.TextArea,
+    id: props.name,
+    "data-testid": props.name,
+    ...props
+  }
+);
+const EditableFieldInputElement = (props) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+  FormElement,
+  {
+    id: props.name,
+    "data-testid": props.name,
+    Element: components_EditableField_EditableFieldInput.EditableFieldInput,
+    ...props
+  }
+);
+const EditableFieldTextAreaElement = (props) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+  FormElement,
+  {
+    id: props.name,
+    "data-testid": props.name,
+    Element: components_EditableField_EditableFieldTextArea.EditableFieldTextArea,
+    ...props
+  }
+);
+const CheckboxComponent = require$$0.forwardRef(
+  ({ inputLabel, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Input_Checkbox.Checkbox, { ref, ...props, label: inputLabel })
+);
+CheckboxComponent.displayName = "CheckboxComponent";
+const CheckboxElement = ({
+  autoComplete,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+  FormElement,
+  {
+    Element: CheckboxComponent,
+    id: props.name,
+    "data-testid": props.name,
+    autoComplete,
+    minLength: 6,
+    maxLength: 255,
+    ...props
+  }
+);
+const MultiSelectElement = ({
+  name,
+  description,
+  label,
+  isRequired,
+  info,
+  showErrorMessage,
+  children,
+  ...props
+}) => {
+  const { control } = reactHookForm.useFormContext();
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    Form.Field,
+    {
+      control,
+      name,
+      render: ({ field }) => {
+        const { error } = components_Form_FormField.useFormField();
+        return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+          FormItemLayout,
+          {
+            htmlFor: name,
+            label,
+            description,
+            isRequired,
+            info,
+            showErrorMessage,
+            "aria-invalid": !!error,
+            children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+              components_Select_Multiselect.MultiSelect,
+              {
+                onValueChange: field.onChange,
+                values: field.value,
+                ...props,
+                children
+              }
+            )
+          }
+        );
+      }
+    }
+  );
+};
+const SelectElement = ({
+  name,
+  description,
+  label,
+  isRequired,
+  info,
+  showErrorMessage,
+  children,
+  ...props
+}) => {
+  const { control } = reactHookForm.useFormContext();
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    Form.Field,
+    {
+      control,
+      name,
+      render: ({ field }) => {
+        const { error } = components_Form_FormField.useFormField();
+        return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+          FormItemLayout,
+          {
+            htmlFor: name,
+            label,
+            description,
+            isRequired,
+            info,
+            showErrorMessage,
+            "aria-invalid": !!error,
+            children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+              components_Select_Select.Select,
+              {
+                onValueChange: field.onChange,
+                defaultValue: field.value,
+                ...props,
+                children
+              }
+            )
+          }
+        );
+      }
+    }
+  );
+};
+const defaultChoices = [
+  { content: "Off", value: false },
+  { content: "On", value: true }
+];
+const switchSelectorVariant = classVarianceAuthority.cva(
+  "flex flex-row gap-2 rounded-full w-fit border-[1.5px] p-[1.5px]",
+  {
+    variants: {
+      color: {
+        primary: "border-primary text-primary dark:border-primary-dark dark:text-primary-dark",
+        secondary: "border-secondary text-secondary dark:border-secondary-dark dark:text-secondary-dark",
+        destructive: "border-destructive bg-destructive text-destructive dark:border-destructive-dark dark:bg-destructive-dark",
+        neutral: "border-neutral text-neutral dark:border-neutral-dark dark:text-neutral-dark",
+        light: "border-white text-white",
+        dark: "border-neutral-800 text-neutral-800",
+        text: "border-text text-text dark:border-text-dark dark:text-text-dark"
+      }
+    },
+    defaultVariants: {
+      color: "primary"
+    }
+  }
+);
+const choiceVariant = classVarianceAuthority.cva(
+  "z-1 text-sm font-medium transition-all duration-300 ease-in-out aria-selected:cursor-default aria-selected:text-text-dark motion-reduce:transition-none dark:aria-selected:text-text",
+  {
+    variants: {
+      size: {
+        sm: "py-1 px-2 text-xs",
+        md: "p-2 text-sm",
+        lg: "p-4 text-base"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+const indicatorVariant$1 = classVarianceAuthority.cva(
+  "absolute top-0 z-[-1] h-full w-auto rounded-full transition-[left,width] duration-300 ease-in-out motion-reduce:transition-none",
+  {
+    variants: {
+      color: {
+        primary: "bg-primary aria-selected:text-text dark:bg-primary-dark dark:aria-selected:text-text-dark",
+        secondary: "bg-secondary aria-selected:text-text dark:bg-secondary-dark dark:aria-selected:text-text-dark",
+        destructive: "bg-destructive aria-selected:text-text dark:bg-destructive-dark dark:aria-selected:text-text-dark",
+        neutral: "bg-neutral aria-selected:text-white dark:bg-neutral-dark dark:aria-selected:text-text",
+        light: "bg-white aria-selected:text-black",
+        dark: "bg-neutral-800 aria-selected:text-white",
+        text: "bg-text aria-selected:text-text-dark dark:bg-text-dark dark:aria-selected:text-text"
+      }
+    }
+  }
+);
+const SwitchSelector = ({
+  choices = defaultChoices,
+  value,
+  defaultValue,
+  onChange,
+  color = "primary",
+  size = "md",
+  className
+}) => {
+  const [valueState, setValue] = require$$0.useState(
+    value ?? defaultValue ?? choices[0].value
+  );
+  const optionsRefs = require$$0.useRef([]);
+  const indicatorRef = require$$0.useRef(null);
+  const { choiceIndicatorPosition } = hooks_useItemSelector.useItemSelector(optionsRefs);
+  const handleChange = (newValue) => {
+    setValue(newValue);
+    onChange?.(newValue);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    "div",
+    {
+      className: switchSelectorVariant({
+        color,
+        className
+      }),
+      role: "tablist",
+      children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "relative flex size-full flex-row items-center justify-center", children: [
+        choices.map((choice, index) => {
+          const { content, value: value2, ...buttonProps } = choice;
+          const isKeyOfKey = typeof value2 === "string" || typeof value2 === "number";
+          const isSelected = value2 === valueState;
+          return /* @__PURE__ */ require$$0.createElement(
+            "button",
+            {
+              ...buttonProps,
+              className: utils_cn.cn(
+                choiceVariant({
+                  size
+                })
+              ),
+              key: isKeyOfKey ? value2 : index,
+              role: "tab",
+              onClick: () => handleChange(value2),
+              "aria-selected": isSelected,
+              disabled: isSelected,
+              ref: (el) => {
+                optionsRefs.current[index] = el;
+              }
+            },
+            content
+          );
+        }),
+        choiceIndicatorPosition && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+          "div",
+          {
+            className: utils_cn.cn(
+              indicatorVariant$1({
+                color
+              })
+            ),
+            style: choiceIndicatorPosition,
+            ref: indicatorRef
+          }
+        )
+      ] })
+    }
+  );
+};
+const SwitchSelectorElement = ({
+  name,
+  description,
+  label,
+  isRequired,
+  info,
+  showErrorMessage,
+  children,
+  ...props
+}) => {
+  const { control } = reactHookForm.useFormContext();
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    Form.Field,
+    {
+      control,
+      name,
+      render: ({ field }) => {
+        const { error } = components_Form_FormField.useFormField();
+        return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+          FormItemLayout,
+          {
+            htmlFor: name,
+            label,
+            description,
+            isRequired,
+            info,
+            showErrorMessage,
+            "aria-invalid": !!error,
+            children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(SwitchSelector, { ...field, ...props, children })
+          }
+        );
+      }
+    }
+  );
+};
+const Form = components_Form_FormBase.Form;
+Form.Description = components_Form_FormDescription.FormDescription;
+Form.Control = components_Form_FormControl.FormControl;
+Form.Field = components_Form_FormField.FormField;
+Form.Item = components_Form_FormItem.FormItem;
+Form.Label = components_Form_layout_FormLabelLayout.FormLabelLayout;
+Form.Message = components_Form_FormMessage.FormMessage;
+Form.Element = FormElement;
+Form.Input = InputElement;
+Form.InputPassword = InputPasswordElement;
+Form.Checkbox = CheckboxElement;
+Form.TextArea = TextAreaElement;
+Form.Button = components_Button_Button.Button;
+Form.Select = SelectElement;
+Form.MultiSelect = MultiSelectElement;
+Form.EditableFieldInput = EditableFieldInputElement;
+Form.EditableFieldTextArea = EditableFieldTextAreaElement;
+Form.SwitchSelector = SwitchSelectorElement;
+const modalVariants = classVarianceAuthority.cva(
+  "cursor-default overflow-auto p-3 shadow justify-center",
+  {
+    variants: {
+      variant: {
+        sm: "w-full max-h-[30vh] max-w-[30vw]",
+        md: "w-full max-h-[50vh] max-w-[50vw]",
+        lg: "w-full max-h-[70vh] max-w-[70vw]",
+        xl: "w-full max-h-[95vh] max-w-[95vw]",
+        unset: "max-h-[95vh] max-w-[95vw]"
+      }
+    },
+    defaultVariants: {
+      variant: "unset"
+    }
+  }
+);
+const MotionModal = framerMotion.motion.create(components_Container_index.Container);
+const Modal = ({
+  children,
+  isOpen,
+  container,
+  disableScroll = false,
+  onClose,
+  hasCloseButton = false,
+  title,
+  size = "unset",
+  ...props
+}) => {
+  const containerElement = hooks_useGetElementOrWindow.useGetElementOrWindow(container);
+  hooks_useScrollBlockage_index.useScrollBlockage({ key: "modal", disableScroll: isOpen && disableScroll });
+  if (!containerElement) return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(jsxRuntime.jsxRuntimeExports.Fragment, {});
+  const hasTitle = typeof title === "string";
+  return reactDom.createPortal(
+    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+      framerMotion.motion.div,
+      {
+        className: utils_cn.cn(
+          "bg-background/40 dark:bg-background-dark/40 fixed left-0 top-0 z-50 flex size-full cursor-pointer items-center justify-center overflow-auto backdrop-blur",
+          isOpen ? "visible" : "hidden"
+        ),
+        initial: { opacity: isOpen ? 0 : 1 },
+        animate: { opacity: isOpen ? 1 : 0 },
+        transition: { duration: 0.1 },
+        onClick: (e) => {
+          e.stopPropagation();
+          onClose();
+        },
+        "aria-hidden": !isOpen,
+        children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
+          MotionModal,
+          {
+            onClick: (e) => e.stopPropagation(),
+            initial: { scale: isOpen ? 0.5 : 1 },
+            animate: { scale: isOpen ? 1 : 0.5 },
+            transition: { duration: 0.3 },
+            className: utils_cn.cn(
+              modalVariants({
+                variant: size
+              })
+            ),
+            role: "dialog",
+            "aria-modal": true,
+            roundedSize: "2xl",
+            ...props,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
+                "div",
+                {
+                  className: utils_cn.cn(
+                    hasCloseButton && hasTitle ? `flex items-center justify-center` : hasCloseButton ? `flex items-center justify-end` : hasTitle ? `items-center` : `hidden`
+                  ),
+                  children: [
+                    hasTitle && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Headers_index.H3, { className: "flex items-center justify-center text-lg font-bold", children: title }),
+                    hasCloseButton && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+                      lucideReact.X,
+                      {
+                        role: "button",
+                        "aria-label": "Close modal",
+                        className: "right-2 top-2 ml-auto cursor-pointer",
+                        onClick: (e) => {
+                          e.stopPropagation();
+                          onClose();
+                        }
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { className: "mx-2 my-4 flex flex-1 flex-col items-center overflow-auto", children })
+            ]
+          }
+        )
+      }
+    ),
+    containerElement
+  );
+};
+const tabSelectorVariant = classVarianceAuthority.cva(
+  "relative flex size-full flex-row items-center gap-2",
+  {
+    variants: {
+      color: {
+        primary: "border-primary text-primary dark:border-primary-dark dark:text-primary-dark",
+        secondary: "border-secondary text-secondary dark:border-secondary-dark dark:text-secondary-dark",
+        destructive: "border-destructive bg-destructive text-destructive dark:border-destructive-dark dark:bg-destructive-dark",
+        neutral: "border-neutral text-neutral dark:border-neutral-dark dark:text-neutral-dark",
+        light: "border-white text-white",
+        dark: "border-neutral-800 text-neutral-800",
+        text: "border-text text-text dark:border-text-dark dark:text-text-dark"
+      }
+    },
+    defaultVariants: {
+      color: "primary"
+    }
+  }
+);
+const indicatorVariant = classVarianceAuthority.cva(
+  "absolute top-0 z-[-1] h-full w-auto rounded-lg opacity-10 transition-[left,width] duration-300 ease-in-out motion-reduce:transition-none",
+  {
+    variants: {
+      color: {
+        primary: "bg-primary aria-selected:text-text dark:bg-primary-dark dark:aria-selected:text-text-dark",
+        secondary: "bg-secondary aria-selected:text-text dark:bg-secondary-dark dark:aria-selected:text-text-dark",
+        destructive: "bg-destructive aria-selected:text-text dark:bg-destructive-dark dark:aria-selected:text-text-dark",
+        neutral: "bg-neutral aria-selected:text-white dark:bg-neutral-dark dark:aria-selected:text-text",
+        light: "bg-white aria-selected:text-black",
+        dark: "bg-neutral-800 aria-selected:text-white",
+        text: "bg-text aria-selected:text-text-dark dark:bg-text-dark dark:aria-selected:text-text"
+      }
+    }
+  }
+);
+const TabSelector = ({
+  tabs,
+  selectedChoice,
+  onTabClick,
+  color = "primary",
+  hoverable = false,
+  className
+}) => {
+  const optionsRefs = require$$0.useRef([]);
+  const indicatorRef = require$$0.useRef(null);
+  const { choiceIndicatorPosition } = hooks_useItemSelector.useItemSelector(
+    optionsRefs,
+    void 0,
+    hoverable
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
+    "div",
+    {
+      className: utils_cn.cn(
+        tabSelectorVariant({
+          color
+        }),
+        className
+      ),
+      "aria-orientation": "horizontal",
+      "aria-multiselectable": "false",
+      role: "tablist",
+      children: [
+        tabs.map((Tab, index) => {
+          const key = Tab.key;
+          const isSelected = selectedChoice === key;
+          return require$$0.cloneElement(Tab, {
+            key: key ?? index,
+            role: "tab",
+            onClick: () => onTabClick?.(key),
+            "aria-selected": isSelected,
+            ref: (el) => {
+              optionsRefs.current[index] = el;
+            }
+          });
+        }),
+        choiceIndicatorPosition && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+          "div",
+          {
+            className: indicatorVariant({
+              color
+            }),
+            style: choiceIndicatorPosition,
+            ref: indicatorRef
+          }
+        )
+      ]
+    }
+  );
+};
+exports.CheckboxElement = CheckboxElement;
+exports.EditableFieldInputElement = EditableFieldInputElement;
+exports.EditableFieldTextAreaElement = EditableFieldTextAreaElement;
+exports.Form = Form;
+exports.FormElement = FormElement;
+exports.FormItemLayout = FormItemLayout;
+exports.InputElement = InputElement;
+exports.InputPasswordElement = InputPasswordElement;
+exports.Modal = Modal;
+exports.MultiSelectElement = MultiSelectElement;
+exports.SelectElement = SelectElement;
+exports.SwitchSelector = SwitchSelector;
+exports.SwitchSelectorElement = SwitchSelectorElement;
+exports.TabSelector = TabSelector;
+exports.TextAreaElement = TextAreaElement;
+//# sourceMappingURL=TabSelector-o_NRBvPQ.cjs.map