@intlayer/design-system 3.2.2 → 3.3.3

package/dist/TabSelector-o_NRBvPQ.cjs

@@ -1,659 +0,0 @@
-"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