@infomaximum/ui-kit 0.9.1

package/dist/components/Select/hooks/useDefaultCurrentValue.js

@@ -0,0 +1,14 @@
+import { isUndefined } from "lodash-es";
+import { useMemo } from "react";
+const useDefaultCurrentValue = (mode, defaultValue, defaultActiveFirstOption, options) => {
+  return useMemo(() => {
+    var _a;
+    const defaultFirstOption = defaultActiveFirstOption ? [(_a = options[0]) == null ? void 0 : _a.value] : void 0;
+    const defaultValuesArray = Array.isArray(defaultValue) ? defaultValue : isUndefined(defaultValue) ? void 0 : [defaultValue];
+    const result = defaultValuesArray ?? defaultFirstOption ?? [];
+    return mode === "multiple" ? result : result.slice(0, 1);
+  }, []);
+};
+export {
+  useDefaultCurrentValue
+};

package/dist/components/Select/hooks/useDefaultSelectIndex.d.ts

@@ -0,0 +1,2 @@
+import { SelectOptionInterface, SelectOptionValue } from '../components/SelectOption/SelectOption.types';
+export declare const useDefaultSelectIndex: (currentValue: SelectOptionValue[], options: SelectOptionInterface[], optionsMap: Map<SelectOptionValue, SelectOptionInterface>) => number;

package/dist/components/Select/hooks/useDefaultSelectIndex.js

@@ -0,0 +1,17 @@
+import { useMemo } from "react";
+const useDefaultSelectIndex = (currentValue, options, optionsMap) => {
+  return useMemo(() => {
+    if (currentValue.length === 0) {
+      return 0;
+    }
+    const value = currentValue[currentValue.length - 1];
+    const currentOption = optionsMap.get(value);
+    if (!currentOption) {
+      return 0;
+    }
+    return options.indexOf(currentOption);
+  }, [options]);
+};
+export {
+  useDefaultSelectIndex
+};

package/dist/components/Select/hooks/useHideElements.d.ts

@@ -0,0 +1,5 @@
+import { MutableRefObject } from 'react';
+export declare const useHideElements: (itemKeys: (string | number)[], gapSize: number, additionalElements: string[], inputRef: MutableRefObject<HTMLInputElement | null>) => {
+    containerRef: import('react').RefObject<HTMLDivElement>;
+    isItemHidden: Map<string | number, boolean>;
+};

package/dist/components/Select/hooks/useHideElements.js

@@ -0,0 +1,60 @@
+import { useState, useRef, useLayoutEffect } from "react";
+import { useResizeObserver } from "../../../hooks/useResizeObserver.js";
+const useHideElements = (itemKeys, gapSize, additionalElements, inputRef) => {
+  var _a;
+  const [isItemHidden, setIsItemHidden] = useState(/* @__PURE__ */ new Map());
+  const [containerWidth, setContainerWidth] = useState(0);
+  const containerRef = useRef(null);
+  useResizeObserver(containerRef, (entries) => {
+    const entry = entries[0];
+    if (containerWidth === entry.contentRect.width) {
+      return;
+    }
+    setContainerWidth(entry.contentRect.width);
+    setIsItemHidden(/* @__PURE__ */ new Map());
+  });
+  const containerElement = containerRef.current;
+  const containerChildren = (containerElement == null ? void 0 : containerElement.children) ? Array.from(containerElement == null ? void 0 : containerElement.children) : [];
+  const elementsLength = containerChildren.length;
+  const inputWidth = (_a = inputRef.current) == null ? void 0 : _a.getBoundingClientRect().width;
+  useLayoutEffect(() => {
+    const containerElement2 = containerRef.current;
+    const containerChildren2 = (containerElement2 == null ? void 0 : containerElement2.children) ? Array.from(containerElement2 == null ? void 0 : containerElement2.children) : [];
+    if (containerChildren2.length === 0) {
+      return;
+    }
+    const additionalElementWidths = [];
+    const elementWidths = [];
+    containerChildren2.forEach((element, index) => {
+      const dataElement = element.getAttribute("data-element");
+      const {
+        width
+      } = element.getBoundingClientRect();
+      const totalWidth = index > 0 ? width + gapSize : width;
+      if (dataElement && additionalElements.includes(dataElement)) {
+        additionalElementWidths.push(totalWidth);
+      } else {
+        elementWidths.push(totalWidth);
+      }
+    });
+    const hiddenItemsMap = /* @__PURE__ */ new Map();
+    let remainingSpace = containerWidth - additionalElementWidths.reduce((acc, width) => acc + width, 0);
+    itemKeys.forEach((key, index) => {
+      const itemWidth = elementWidths[index];
+      if (itemWidth < remainingSpace) {
+        hiddenItemsMap.set(key, false);
+        remainingSpace -= itemWidth;
+      } else {
+        hiddenItemsMap.set(key, true);
+      }
+    });
+    setIsItemHidden(hiddenItemsMap);
+  }, [additionalElements, containerWidth, gapSize, itemKeys, elementsLength, inputWidth]);
+  return {
+    containerRef,
+    isItemHidden
+  };
+};
+export {
+  useHideElements
+};

package/dist/components/Select/hooks/useKeyControl.d.ts

@@ -0,0 +1,7 @@
+import { KeyboardEvent } from 'react';
+import { SelectOptionInterface, SelectOptionValue } from '../components/SelectOption/SelectOption.types';
+export declare const useKeyControl: (currentValue: SelectOptionValue[], options: SelectOptionInterface[], optionsMap: Map<SelectOptionValue, SelectOptionInterface>) => {
+    currentSelectingIndex: number;
+    setCurrentSelectingIndex: import('react').Dispatch<import('react').SetStateAction<number>>;
+    onKeyControl: (e: KeyboardEvent) => void;
+};

package/dist/components/Select/hooks/useKeyControl.js

@@ -0,0 +1,37 @@
+import { useState, useEffect, useCallback } from "react";
+import { useDefaultSelectIndex } from "./useDefaultSelectIndex.js";
+import { getNextOption } from "../Select.utils.js";
+import { isNull } from "lodash-es";
+const useKeyControl = (currentValue, options, optionsMap) => {
+  const defaultSelectedIndex = useDefaultSelectIndex(currentValue, options, optionsMap);
+  const [currentSelectingIndex, setCurrentSelectingIndex] = useState(defaultSelectedIndex);
+  useEffect(() => {
+    if (currentSelectingIndex !== defaultSelectedIndex) {
+      setCurrentSelectingIndex(defaultSelectedIndex);
+    }
+  }, [currentSelectingIndex, defaultSelectedIndex, options]);
+  const setNextIndex = useCallback((nextItemIndex) => {
+    if (isNull(nextItemIndex)) {
+      return;
+    }
+    setCurrentSelectingIndex(nextItemIndex);
+  }, []);
+  const onKeyControl = useCallback((e) => {
+    if (e.key === "ArrowDown") {
+      const nextItemIndex = getNextOption(currentSelectingIndex, options);
+      setNextIndex(nextItemIndex);
+    }
+    if (e.key === "ArrowUp") {
+      const nextItemIndex = getNextOption(currentSelectingIndex, options, true);
+      setNextIndex(nextItemIndex);
+    }
+  }, [currentSelectingIndex, options, setNextIndex]);
+  return {
+    currentSelectingIndex,
+    setCurrentSelectingIndex,
+    onKeyControl
+  };
+};
+export {
+  useKeyControl
+};

package/dist/components/Select/hooks/useSearch.d.ts

@@ -0,0 +1,11 @@
+import { UseSearchProps } from '../Select.types';
+import { ChangeEvent } from 'react';
+import { SelectOptionInterface } from '../components/SelectOption/SelectOption.types';
+type ResultType = {
+    filteredAndSortedOptions: SelectOptionInterface[];
+    searchInputValue: string;
+    searchHandle: (e: ChangeEvent<HTMLInputElement>) => void;
+    clearSearchValue: () => void;
+};
+export declare const useSearch: ({ options, filterOption, optionFilterProp, searchValue, onSearch, filterSort, }: UseSearchProps) => ResultType;
+export {};

package/dist/components/Select/hooks/useSearch.js

@@ -0,0 +1,55 @@
+import { isFunction, isString } from "lodash-es";
+import { useMemo, useCallback } from "react";
+import { useDebounce } from "../../../hooks/useDebounce.js";
+import { isKeyOfObject } from "../Select.utils.js";
+const useSearch = ({
+  options,
+  filterOption,
+  optionFilterProp,
+  searchValue,
+  onSearch,
+  filterSort
+}) => {
+  const [debouncedLocalSearchValue, localSearchValue, setLocalSearchValue] = useDebounce("", 300);
+  const debouncedValue = searchValue ?? debouncedLocalSearchValue;
+  const value = searchValue ?? localSearchValue;
+  const filteredOptions = useMemo(() => {
+    if (!filterOption) {
+      return [...options];
+    }
+    return options == null ? void 0 : options.filter((option) => {
+      var _a;
+      if (isFunction(filterOption)) {
+        return filterOption(debouncedValue, option);
+      }
+      const optionFilterValue = isKeyOfObject(option, optionFilterProp) ? ((_a = option[optionFilterProp]) == null ? void 0 : _a.toString()) ?? "" : "";
+      return optionFilterValue.toLowerCase().includes(debouncedValue.toLowerCase().trim());
+    });
+  }, [filterOption, optionFilterProp, options, debouncedValue]);
+  const filteredAndSortedOptions = useMemo(() => {
+    if (!isFunction(filterSort)) {
+      return filteredOptions;
+    }
+    return filteredOptions.toSorted((optionA, optionB) => filterSort == null ? void 0 : filterSort(optionA, optionB, debouncedValue));
+  }, [debouncedValue, filterSort, filteredOptions]);
+  const searchHandle = useCallback((e) => {
+    onSearch == null ? void 0 : onSearch(e.target.value);
+    if (isString(searchValue)) {
+      return;
+    }
+    setLocalSearchValue(e.target.value);
+  }, [onSearch, searchValue, setLocalSearchValue]);
+  const clearSearchValue = useCallback(() => {
+    setLocalSearchValue("");
+    onSearch == null ? void 0 : onSearch("");
+  }, [onSearch, setLocalSearchValue]);
+  return {
+    filteredAndSortedOptions,
+    searchInputValue: value,
+    searchHandle,
+    clearSearchValue
+  };
+};
+export {
+  useSearch
+};

package/dist/components/Select/index.d.ts

@@ -0,0 +1,2 @@
+export { Select } from './Select';
+export type { SelectProps } from './Select.types';

package/dist/components/Switch/Switch.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { SwitchProps } from './Switch.types';
+export declare const Switch: FC<import('react').PropsWithChildren<SwitchProps>>;

package/dist/components/Switch/Switch.js

@@ -0,0 +1,68 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { memo, useState, useRef, useEffect, useCallback } from "react";
+import { getSwitchDefaultStyle } from "./Switch.styles.js";
+import { isUndefined } from "lodash-es";
+import { withThemeProvider } from "../../hocs/withThemeProvider.js";
+import { defaultSwitchTestId, defaultHandleTestIdSuffix, defaultHandleTestId } from "./Switch.utils.js";
+import { useTheme } from "../../hooks/useTheme/useTheme.js";
+import { LoadingOutlined } from "../../icons/icons/LoadingOutlined.js";
+const SwitchComponent = memo(({
+  autoFocus,
+  loading,
+  checked,
+  disabled,
+  size,
+  styles,
+  className,
+  defaultChecked = false,
+  onClick,
+  onChange,
+  testId
+}) => {
+  const theme = useTheme();
+  const [localChecked, setLocalChecked] = useState(defaultChecked);
+  const [isMouseDown, setIsMouseDown] = useState(false);
+  const isInitialMount = useRef(true);
+  const currentChecked = useRef(checked ?? localChecked);
+  const isNotAllowed = disabled || loading;
+  currentChecked.current = checked ?? localChecked;
+  const switchDefaultStyle = getSwitchDefaultStyle({
+    size,
+    isNotAllowed,
+    checked: currentChecked.current,
+    isMouseDown
+  });
+  useEffect(() => {
+    if (isInitialMount.current) {
+      isInitialMount.current = false;
+    } else {
+      onChange == null ? void 0 : onChange(currentChecked.current);
+    }
+  }, [currentChecked.current]);
+  const mouseDownHandle = useCallback(() => {
+    if (isNotAllowed) {
+      return;
+    }
+    setIsMouseDown(true);
+  }, [isNotAllowed]);
+  const mouseUpHandle = useCallback(() => {
+    if (isNotAllowed) {
+      return;
+    }
+    setIsMouseDown(false);
+  }, [isNotAllowed]);
+  const clickHandle = useCallback((event) => {
+    if (isNotAllowed) {
+      return;
+    }
+    if (isUndefined(checked)) {
+      setLocalChecked((prev) => !prev);
+    }
+    onClick == null ? void 0 : onClick(currentChecked.current, event);
+  }, [checked, isNotAllowed, onClick]);
+  return /* @__PURE__ */ jsx("button", { css: [switchDefaultStyle.wrapper(theme), styles == null ? void 0 : styles.wrapper(theme), process.env.NODE_ENV === "production" ? "" : ";label:SwitchComponent;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvU3dpdGNoL1N3aXRjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0ZRIiwiZmlsZSI6Ii9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvU3dpdGNoL1N3aXRjaC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB0eXBlIEZDLCBtZW1vLCB0eXBlIE1vdXNlRXZlbnQsIHVzZUNhbGxiYWNrLCB1c2VFZmZlY3QsIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgU3dpdGNoUHJvcHMgfSBmcm9tIFwiLi9Td2l0Y2gudHlwZXNcIjtcbmltcG9ydCB7IExvYWRpbmdPdXRsaW5lZCB9IGZyb20gXCJpY29ucy9pY29uc1wiO1xuaW1wb3J0IHsgZ2V0U3dpdGNoRGVmYXVsdFN0eWxlIH0gZnJvbSBcIi4vU3dpdGNoLnN0eWxlc1wiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiaG9va3MvdXNlVGhlbWVcIjtcbmltcG9ydCB7IGlzVW5kZWZpbmVkIH0gZnJvbSBcImxvZGFzaC1lc1wiO1xuaW1wb3J0IHsgd2l0aFRoZW1lUHJvdmlkZXIgfSBmcm9tIFwiaG9jcy93aXRoVGhlbWVQcm92aWRlclwiO1xuaW1wb3J0IHtcbiAgZGVmYXVsdEhhbmRsZVRlc3RJZCxcbiAgZGVmYXVsdEhhbmRsZVRlc3RJZFN1ZmZpeCxcbiAgZGVmYXVsdFN3aXRjaFRlc3RJZCxcbn0gZnJvbSBcIi4vU3dpdGNoLnV0aWxzXCI7XG5cbmNvbnN0IFN3aXRjaENvbXBvbmVudDogRkM8U3dpdGNoUHJvcHM+ID0gbWVtbyhcbiAgKHtcbiAgICBhdXRvRm9jdXMsXG4gICAgbG9hZGluZyxcbiAgICBjaGVja2VkLFxuICAgIGRpc2FibGVkLFxuICAgIHNpemUsXG4gICAgc3R5bGVzLFxuICAgIGNsYXNzTmFtZSxcbiAgICBkZWZhdWx0Q2hlY2tlZCA9IGZhbHNlLFxuICAgIG9uQ2xpY2ssXG4gICAgb25DaGFuZ2UsXG4gICAgdGVzdElkLFxuICB9KSA9PiB7XG4gICAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuXG4gICAgY29uc3QgW2xvY2FsQ2hlY2tlZCwgc2V0TG9jYWxDaGVja2VkXSA9IHVzZVN0YXRlKGRlZmF1bHRDaGVja2VkKTtcbiAgICBjb25zdCBbaXNNb3VzZURvd24sIHNldElzTW91c2VEb3duXSA9IHVzZVN0YXRlKGZhbHNlKTtcblxuICAgIGNvbnN0IGlzSW5pdGlhbE1vdW50ID0gdXNlUmVmKHRydWUpO1xuICAgIGNvbnN0IGN1cnJlbnRDaGVja2VkID0gdXNlUmVmKGNoZWNrZWQgPz8gbG9jYWxDaGVja2VkKTtcblxuICAgIGNvbnN0IGlzTm90QWxsb3dlZCA9IGRpc2FibGVkIHx8IGxvYWRpbmc7XG5cbiAgICBjdXJyZW50Q2hlY2tlZC5jdXJyZW50ID0gY2hlY2tlZCA/PyBsb2NhbENoZWNrZWQ7XG4gICAgY29uc3Qgc3dpdGNoRGVmYXVsdFN0eWxlID0gZ2V0U3dpdGNoRGVmYXVsdFN0eWxlKHtcbiAgICAgIHNpemUsXG4gICAgICBpc05vdEFsbG93ZWQsXG4gICAgICBjaGVja2VkOiBjdXJyZW50Q2hlY2tlZC5jdXJyZW50LFxuICAgICAgaXNNb3VzZURvd24sXG4gICAgfSk7XG5cbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgaWYgKGlzSW5pdGlhbE1vdW50LmN1cnJlbnQpIHtcbiAgICAgICAgaXNJbml0aWFsTW91bnQuY3VycmVudCA9IGZhbHNlO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgb25DaGFuZ2U/LihjdXJyZW50Q2hlY2tlZC5jdXJyZW50KTtcbiAgICAgIH1cbiAgICB9LCBbY3VycmVudENoZWNrZWQuY3VycmVudF0pO1xuXG4gICAgY29uc3QgbW91c2VEb3duSGFuZGxlID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgICAgaWYgKGlzTm90QWxsb3dlZCkge1xuICAgICAgICByZXR1cm47XG4gICAgICB9XG5cbiAgICAgIHNldElzTW91c2VEb3duKHRydWUpO1xuICAgIH0sIFtpc05vdEFsbG93ZWRdKTtcblxuICAgIGNvbnN0IG1vdXNlVXBIYW5kbGUgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgICBpZiAoaXNOb3RBbGxvd2VkKSB7XG4gICAgICAgIHJldHVybjtcbiAgICAgIH1cblxuICAgICAgc2V0SXNNb3VzZURvd24oZmFsc2UpO1xuICAgIH0sIFtpc05vdEFsbG93ZWRdKTtcblxuICAgIGNvbnN0IGNsaWNrSGFuZGxlID0gdXNlQ2FsbGJhY2soXG4gICAgICAoZXZlbnQ6IE1vdXNlRXZlbnQpID0+IHtcbiAgICAgICAgaWYgKGlzTm90QWxsb3dlZCkge1xuICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuXG4gICAgICAgIGlmIChpc1VuZGVmaW5lZChjaGVja2VkKSkge1xuICAgICAgICAgIHNldExvY2FsQ2hlY2tlZCgocHJldikgPT4gIXByZXYpO1xuICAgICAgICB9XG5cbiAgICAgICAgb25DbGljaz8uKGN1cnJlbnRDaGVja2VkLmN1cnJlbnQsIGV2ZW50KTtcbiAgICAgIH0sXG4gICAgICBbY2hlY2tlZCwgaXNOb3RBbGxvd2VkLCBvbkNsaWNrXVxuICAgICk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPGJ1dHRvblxuICAgICAgICBjc3M9e1tzd2l0Y2hEZWZhdWx0U3R5bGUud3JhcHBlcih0aGVtZSksIHN0eWxlcz8ud3JhcHBlcih0aGVtZSldfVxuICAgICAgICBvbk1vdXNlRG93bj17bW91c2VEb3duSGFuZGxlfVxuICAgICAgICBvbk1vdXNlVXA9e21vdXNlVXBIYW5kbGV9XG4gICAgICAgIG9uQ2xpY2s9e2NsaWNrSGFuZGxlfVxuICAgICAgICBhdXRvRm9jdXM9e2F1dG9Gb2N1c31cbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgIHRlc3QtaWQ9e3Rlc3RJZCA/IHRlc3RJZCA6IGRlZmF1bHRTd2l0Y2hUZXN0SWR9XG4gICAgICA+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e1tzd2l0Y2hEZWZhdWx0U3R5bGUuaGFuZGxlKHRoZW1lKSwgc3R5bGVzPy5oYW5kbGUodGhlbWUpXX1cbiAgICAgICAgICB0ZXN0LWlkPXt0ZXN0SWQgPyBgJHt0ZXN0SWR9JHtkZWZhdWx0SGFuZGxlVGVzdElkU3VmZml4fWAgOiBkZWZhdWx0SGFuZGxlVGVzdElkfVxuICAgICAgICA+XG4gICAgICAgICAge2xvYWRpbmcgJiYgPExvYWRpbmdPdXRsaW5lZCAvPn1cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2J1dHRvbj5cbiAgICApO1xuICB9XG4pO1xuXG5leHBvcnQgY29uc3QgU3dpdGNoID0gd2l0aFRoZW1lUHJvdmlkZXI8U3dpdGNoUHJvcHM+KFN3aXRjaENvbXBvbmVudCk7XG4iXX0= */"], onMouseDown: mouseDownHandle, onMouseUp: mouseUpHandle, onClick: clickHandle, autoFocus, className, "test-id": testId ? testId : defaultSwitchTestId, children: /* @__PURE__ */ jsx("div", { css: [switchDefaultStyle.handle(theme), styles == null ? void 0 : styles.handle(theme), process.env.NODE_ENV === "production" ? "" : ";label:SwitchComponent;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvU3dpdGNoL1N3aXRjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0ZVIiwiZmlsZSI6Ii9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvU3dpdGNoL1N3aXRjaC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB0eXBlIEZDLCBtZW1vLCB0eXBlIE1vdXNlRXZlbnQsIHVzZUNhbGxiYWNrLCB1c2VFZmZlY3QsIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgU3dpdGNoUHJvcHMgfSBmcm9tIFwiLi9Td2l0Y2gudHlwZXNcIjtcbmltcG9ydCB7IExvYWRpbmdPdXRsaW5lZCB9IGZyb20gXCJpY29ucy9pY29uc1wiO1xuaW1wb3J0IHsgZ2V0U3dpdGNoRGVmYXVsdFN0eWxlIH0gZnJvbSBcIi4vU3dpdGNoLnN0eWxlc1wiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiaG9va3MvdXNlVGhlbWVcIjtcbmltcG9ydCB7IGlzVW5kZWZpbmVkIH0gZnJvbSBcImxvZGFzaC1lc1wiO1xuaW1wb3J0IHsgd2l0aFRoZW1lUHJvdmlkZXIgfSBmcm9tIFwiaG9jcy93aXRoVGhlbWVQcm92aWRlclwiO1xuaW1wb3J0IHtcbiAgZGVmYXVsdEhhbmRsZVRlc3RJZCxcbiAgZGVmYXVsdEhhbmRsZVRlc3RJZFN1ZmZpeCxcbiAgZGVmYXVsdFN3aXRjaFRlc3RJZCxcbn0gZnJvbSBcIi4vU3dpdGNoLnV0aWxzXCI7XG5cbmNvbnN0IFN3aXRjaENvbXBvbmVudDogRkM8U3dpdGNoUHJvcHM+ID0gbWVtbyhcbiAgKHtcbiAgICBhdXRvRm9jdXMsXG4gICAgbG9hZGluZyxcbiAgICBjaGVja2VkLFxuICAgIGRpc2FibGVkLFxuICAgIHNpemUsXG4gICAgc3R5bGVzLFxuICAgIGNsYXNzTmFtZSxcbiAgICBkZWZhdWx0Q2hlY2tlZCA9IGZhbHNlLFxuICAgIG9uQ2xpY2ssXG4gICAgb25DaGFuZ2UsXG4gICAgdGVzdElkLFxuICB9KSA9PiB7XG4gICAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuXG4gICAgY29uc3QgW2xvY2FsQ2hlY2tlZCwgc2V0TG9jYWxDaGVja2VkXSA9IHVzZVN0YXRlKGRlZmF1bHRDaGVja2VkKTtcbiAgICBjb25zdCBbaXNNb3VzZURvd24sIHNldElzTW91c2VEb3duXSA9IHVzZVN0YXRlKGZhbHNlKTtcblxuICAgIGNvbnN0IGlzSW5pdGlhbE1vdW50ID0gdXNlUmVmKHRydWUpO1xuICAgIGNvbnN0IGN1cnJlbnRDaGVja2VkID0gdXNlUmVmKGNoZWNrZWQgPz8gbG9jYWxDaGVja2VkKTtcblxuICAgIGNvbnN0IGlzTm90QWxsb3dlZCA9IGRpc2FibGVkIHx8IGxvYWRpbmc7XG5cbiAgICBjdXJyZW50Q2hlY2tlZC5jdXJyZW50ID0gY2hlY2tlZCA/PyBsb2NhbENoZWNrZWQ7XG4gICAgY29uc3Qgc3dpdGNoRGVmYXVsdFN0eWxlID0gZ2V0U3dpdGNoRGVmYXVsdFN0eWxlKHtcbiAgICAgIHNpemUsXG4gICAgICBpc05vdEFsbG93ZWQsXG4gICAgICBjaGVja2VkOiBjdXJyZW50Q2hlY2tlZC5jdXJyZW50LFxuICAgICAgaXNNb3VzZURvd24sXG4gICAgfSk7XG5cbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgaWYgKGlzSW5pdGlhbE1vdW50LmN1cnJlbnQpIHtcbiAgICAgICAgaXNJbml0aWFsTW91bnQuY3VycmVudCA9IGZhbHNlO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgb25DaGFuZ2U/LihjdXJyZW50Q2hlY2tlZC5jdXJyZW50KTtcbiAgICAgIH1cbiAgICB9LCBbY3VycmVudENoZWNrZWQuY3VycmVudF0pO1xuXG4gICAgY29uc3QgbW91c2VEb3duSGFuZGxlID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgICAgaWYgKGlzTm90QWxsb3dlZCkge1xuICAgICAgICByZXR1cm47XG4gICAgICB9XG5cbiAgICAgIHNldElzTW91c2VEb3duKHRydWUpO1xuICAgIH0sIFtpc05vdEFsbG93ZWRdKTtcblxuICAgIGNvbnN0IG1vdXNlVXBIYW5kbGUgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgICBpZiAoaXNOb3RBbGxvd2VkKSB7XG4gICAgICAgIHJldHVybjtcbiAgICAgIH1cblxuICAgICAgc2V0SXNNb3VzZURvd24oZmFsc2UpO1xuICAgIH0sIFtpc05vdEFsbG93ZWRdKTtcblxuICAgIGNvbnN0IGNsaWNrSGFuZGxlID0gdXNlQ2FsbGJhY2soXG4gICAgICAoZXZlbnQ6IE1vdXNlRXZlbnQpID0+IHtcbiAgICAgICAgaWYgKGlzTm90QWxsb3dlZCkge1xuICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuXG4gICAgICAgIGlmIChpc1VuZGVmaW5lZChjaGVja2VkKSkge1xuICAgICAgICAgIHNldExvY2FsQ2hlY2tlZCgocHJldikgPT4gIXByZXYpO1xuICAgICAgICB9XG5cbiAgICAgICAgb25DbGljaz8uKGN1cnJlbnRDaGVja2VkLmN1cnJlbnQsIGV2ZW50KTtcbiAgICAgIH0sXG4gICAgICBbY2hlY2tlZCwgaXNOb3RBbGxvd2VkLCBvbkNsaWNrXVxuICAgICk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPGJ1dHRvblxuICAgICAgICBjc3M9e1tzd2l0Y2hEZWZhdWx0U3R5bGUud3JhcHBlcih0aGVtZSksIHN0eWxlcz8ud3JhcHBlcih0aGVtZSldfVxuICAgICAgICBvbk1vdXNlRG93bj17bW91c2VEb3duSGFuZGxlfVxuICAgICAgICBvbk1vdXNlVXA9e21vdXNlVXBIYW5kbGV9XG4gICAgICAgIG9uQ2xpY2s9e2NsaWNrSGFuZGxlfVxuICAgICAgICBhdXRvRm9jdXM9e2F1dG9Gb2N1c31cbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICAgIHRlc3QtaWQ9e3Rlc3RJZCA/IHRlc3RJZCA6IGRlZmF1bHRTd2l0Y2hUZXN0SWR9XG4gICAgICA+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e1tzd2l0Y2hEZWZhdWx0U3R5bGUuaGFuZGxlKHRoZW1lKSwgc3R5bGVzPy5oYW5kbGUodGhlbWUpXX1cbiAgICAgICAgICB0ZXN0LWlkPXt0ZXN0SWQgPyBgJHt0ZXN0SWR9JHtkZWZhdWx0SGFuZGxlVGVzdElkU3VmZml4fWAgOiBkZWZhdWx0SGFuZGxlVGVzdElkfVxuICAgICAgICA+XG4gICAgICAgICAge2xvYWRpbmcgJiYgPExvYWRpbmdPdXRsaW5lZCAvPn1cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2J1dHRvbj5cbiAgICApO1xuICB9XG4pO1xuXG5leHBvcnQgY29uc3QgU3dpdGNoID0gd2l0aFRoZW1lUHJvdmlkZXI8U3dpdGNoUHJvcHM+KFN3aXRjaENvbXBvbmVudCk7XG4iXX0= */"], "test-id": testId ? `${testId}${defaultHandleTestIdSuffix}` : defaultHandleTestId, children: loading && /* @__PURE__ */ jsx(LoadingOutlined, {}) }) });
+});
+const Switch = withThemeProvider(SwitchComponent);
+export {
+  Switch
+};

package/dist/components/Switch/Switch.styles.d.ts

@@ -0,0 +1,7 @@
+import { Theme } from 'themes';
+import { SwitchDefaultStylesProps } from './Switch.types';
+import { Interpolation } from '@emotion/react';
+export declare const getSwitchDefaultStyle: ({ size, isNotAllowed, checked, isMouseDown, }: SwitchDefaultStylesProps) => {
+    readonly wrapper: (theme: Theme) => Interpolation;
+    readonly handle: (theme: Theme) => Interpolation;
+};

package/dist/components/Switch/Switch.styles.js

@@ -0,0 +1,62 @@
+import { getSwitchTokens } from "./Switch.tokens.js";
+import { ANIMATION_DURATION } from "./Switch.utils.js";
+const getSwitchDefaultStyle = ({
+  size = "default",
+  isNotAllowed = false,
+  checked = false,
+  isMouseDown
+}) => {
+  const isDefaultSize = size === "default";
+  return {
+    wrapper: (theme) => {
+      const switchTokens = getSwitchTokens(theme);
+      const backgroundByChecked = checked ? switchTokens.switchBgChecked : switchTokens.switchBg;
+      const backgroundHoverByChecked = checked ? switchTokens.switchBgCheckedHover : switchTokens.switchBgHover;
+      return {
+        display: "flex",
+        height: isDefaultSize ? switchTokens.switchTrackHeight : switchTokens.switchTrackHeightS,
+        width: isDefaultSize ? switchTokens.switchTrackWidth : switchTokens.switchTrackWidthS,
+        padding: switchTokens.switchTrackPadding,
+        alignItems: "center",
+        background: backgroundByChecked,
+        border: "none",
+        borderRadius: 10,
+        position: "relative",
+        cursor: isNotAllowed ? "not-allowed" : "pointer",
+        opacity: isNotAllowed ? theme.opacityLoading : 1,
+        ":hover, :active, :focus-visible": {
+          background: isNotAllowed ? backgroundByChecked : backgroundHoverByChecked
+        },
+        ":focus-visible": {
+          outline: "none"
+        }
+      };
+    },
+    handle: (theme) => {
+      const switchTokens = getSwitchTokens(theme);
+      const handleWidth = isDefaultSize ? switchTokens.switchHandleSize : switchTokens.switchHandleSizeS;
+      const switchingHandleWidth = isDefaultSize ? switchTokens.switchHandleWidthPressed : switchTokens.switchHandleWidthPressedS;
+      return {
+        height: isDefaultSize ? switchTokens.switchHandleSize : switchTokens.switchHandleSizeS,
+        width: isMouseDown ? switchingHandleWidth : handleWidth,
+        borderRadius: theme.x2,
+        background: switchTokens.switchHandle,
+        color: checked ? switchTokens.switchBgChecked : switchTokens.switchBg,
+        fontSize: isDefaultSize ? theme.x3 : theme.x2,
+        padding: theme.x1,
+        left: checked ? "100%" : "0",
+        transform: `translateX(${checked ? "-100%" : 0})`,
+        position: "relative",
+        boxShadow: switchTokens.switchHandleShadow,
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        boxSizing: "border-box",
+        transition: `width ${ANIMATION_DURATION}ms, left ${ANIMATION_DURATION}ms, transform ${ANIMATION_DURATION}ms`
+      };
+    }
+  };
+};
+export {
+  getSwitchDefaultStyle
+};

package/dist/components/Switch/Switch.tokens.d.ts

@@ -0,0 +1,20 @@
+import { Theme } from 'themes';
+export declare const getSwitchTokens: (theme: Theme) => {
+    switchHandle: "#FFFFFF";
+    switchBg: "#BFBFBF";
+    switchBgHover: "#8C8C8C";
+    switchBgChecked: "#0CB3B3";
+    switchBgCheckedHover: "#50CCC4";
+    switchIcon: "#8C8C8C";
+    switchIconChecked: "#0CB3B3";
+    switchHandleSize: 16;
+    switchHandleWidthPressed: 20;
+    switchHandleSizeS: 12;
+    switchHandleWidthPressedS: 16;
+    switchTrackHeight: 20;
+    switchTrackWidth: 40;
+    switchTrackHeightS: 16;
+    switchTrackWidthS: 28;
+    switchTrackPadding: 2;
+    switchHandleShadow: string;
+};

package/dist/components/Switch/Switch.tokens.js

@@ -0,0 +1,22 @@
+const getSwitchTokens = (theme) => ({
+  switchHandle: theme.textContrast,
+  switchBg: theme.bgControl,
+  switchBgHover: theme.bgControlHover,
+  switchBgChecked: theme.primaryBase,
+  switchBgCheckedHover: theme.primaryHover,
+  switchIcon: theme.textDisabled,
+  switchIconChecked: theme.primaryBase,
+  switchHandleSize: theme.x4,
+  switchHandleWidthPressed: theme.x5,
+  switchHandleSizeS: theme.x3,
+  switchHandleWidthPressedS: theme.x4,
+  switchTrackHeight: theme.x5,
+  switchTrackWidth: theme.x10,
+  switchTrackHeightS: theme.x4,
+  switchTrackWidthS: theme.x7,
+  switchTrackPadding: theme.x05,
+  switchHandleShadow: `0 ${theme.x05}px ${theme.x1}px 0 rgba(38,38,38,0.2)`
+});
+export {
+  getSwitchTokens
+};

package/dist/components/Switch/Switch.types.d.ts

@@ -0,0 +1,24 @@
+import { Interpolation } from '@emotion/react';
+import { MouseEvent } from 'react';
+import { Theme } from '../../themes';
+export type SwitchSize = "default" | "small";
+export interface SwitchProps {
+    autoFocus?: boolean;
+    checked?: boolean;
+    className?: string;
+    defaultChecked?: boolean;
+    disabled?: boolean;
+    loading?: boolean;
+    size?: SwitchSize;
+    onChange?: (checked: boolean) => void;
+    onClick?: (checked: boolean, event: MouseEvent) => void;
+    styles?: {
+        wrapper: (theme: Theme) => Interpolation;
+        handle: (theme: Theme) => Interpolation;
+    };
+    testId?: string;
+}
+export type SwitchDefaultStylesProps = Pick<SwitchProps, "checked" | "size"> & {
+    isMouseDown: boolean;
+    isNotAllowed?: boolean;
+};

package/dist/components/Switch/Switch.utils.d.ts

@@ -0,0 +1,4 @@
+export declare const ANIMATION_DURATION = 200;
+export declare const defaultSwitchTestId = "switch";
+export declare const defaultHandleTestIdSuffix = "_handle";
+export declare const defaultHandleTestId = "switch_handle";

package/dist/components/Switch/Switch.utils.js

@@ -0,0 +1,10 @@
+const ANIMATION_DURATION = 200;
+const defaultSwitchTestId = "switch";
+const defaultHandleTestIdSuffix = "_handle";
+const defaultHandleTestId = `${defaultSwitchTestId}${defaultHandleTestIdSuffix}`;
+export {
+  ANIMATION_DURATION,
+  defaultHandleTestId,
+  defaultHandleTestIdSuffix,
+  defaultSwitchTestId
+};

package/dist/components/Switch/index.d.ts

@@ -0,0 +1,2 @@
+export { Switch } from './Switch';
+export type { SwitchProps } from './Switch.types';

package/dist/components/Tag/Tag.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { TagFullType, TagProps } from './Tag.types';
+export declare const TagComponent: FC<TagProps>;
+export declare const Tag: TagFullType;

package/dist/components/Tag/Tag.js

@@ -0,0 +1,42 @@
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
+import { memo, useState, useCallback } from "react";
+import { getTagDefaultStyle } from "./Tag.styles.js";
+import { CloseOutlined } from "@infomaximum/icons";
+import { Checkable } from "./components/Checkable/Checkable.js";
+import { useTheme } from "../../hooks/useTheme/useTheme.js";
+const TagComponent = memo(({
+  color = "neutral",
+  type = "outlined",
+  closable = false,
+  onClose,
+  children,
+  styles,
+  className,
+  ...spanProps
+}) => {
+  var _a, _b;
+  const theme = useTheme();
+  const [isClosed, setIsClosed] = useState(false);
+  const tagDefaultStyle = getTagDefaultStyle({
+    color,
+    type
+  });
+  const handleClick = useCallback((e) => {
+    onClose == null ? void 0 : onClose(e);
+    setIsClosed(true);
+  }, [onClose]);
+  if (isClosed) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs("span", { ...spanProps, css: [tagDefaultStyle.wrapper(theme), (_a = styles == null ? void 0 : styles.wrapper) == null ? void 0 : _a.call(styles, theme), process.env.NODE_ENV === "production" ? "" : ";label:TagComponent;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvVGFnL1RhZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0NRIiwiZmlsZSI6Ii9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvVGFnL1RhZy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB0eXBlIEZDLCBtZW1vLCB0eXBlIE1vdXNlRXZlbnQsIHVzZUNhbGxiYWNrLCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBUYWdGdWxsVHlwZSwgVGFnUHJvcHMgfSBmcm9tIFwiLi9UYWcudHlwZXNcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcImhvb2tzL3VzZVRoZW1lXCI7XG5pbXBvcnQgeyBnZXRUYWdEZWZhdWx0U3R5bGUgfSBmcm9tIFwiLi9UYWcuc3R5bGVzXCI7XG5pbXBvcnQgeyBDbG9zZU91dGxpbmVkIH0gZnJvbSBcIkBpbmZvbWF4aW11bS9pY29uc1wiO1xuaW1wb3J0IHsgQ2hlY2thYmxlIH0gZnJvbSBcIi4vY29tcG9uZW50cy9DaGVja2FibGUvQ2hlY2thYmxlXCI7XG5cbmV4cG9ydCBjb25zdCBUYWdDb21wb25lbnQ6IEZDPFRhZ1Byb3BzPiA9IG1lbW8oXG4gICh7XG4gICAgY29sb3IgPSBcIm5ldXRyYWxcIixcbiAgICB0eXBlID0gXCJvdXRsaW5lZFwiLFxuICAgIGNsb3NhYmxlID0gZmFsc2UsXG4gICAgb25DbG9zZSxcbiAgICBjaGlsZHJlbixcbiAgICBzdHlsZXMsXG4gICAgY2xhc3NOYW1lLFxuICAgIC4uLnNwYW5Qcm9wc1xuICB9KSA9PiB7XG4gICAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuICAgIGNvbnN0IFtpc0Nsb3NlZCwgc2V0SXNDbG9zZWRdID0gdXNlU3RhdGUoZmFsc2UpO1xuXG4gICAgY29uc3QgdGFnRGVmYXVsdFN0eWxlID0gZ2V0VGFnRGVmYXVsdFN0eWxlKHsgY29sb3IsIHR5cGUgfSk7XG5cbiAgICBjb25zdCBoYW5kbGVDbGljayA9IHVzZUNhbGxiYWNrKFxuICAgICAgKGU6IE1vdXNlRXZlbnQ8SFRNTEVsZW1lbnQ+KSA9PiB7XG4gICAgICAgIG9uQ2xvc2U/LihlKTtcbiAgICAgICAgc2V0SXNDbG9zZWQodHJ1ZSk7XG4gICAgICB9LFxuICAgICAgW29uQ2xvc2VdXG4gICAgKTtcblxuICAgIGlmIChpc0Nsb3NlZCkge1xuICAgICAgcmV0dXJuIG51bGw7XG4gICAgfVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDxzcGFuXG4gICAgICAgIHsuLi5zcGFuUHJvcHN9XG4gICAgICAgIGNzcz17W3RhZ0RlZmF1bHRTdHlsZS53cmFwcGVyKHRoZW1lKSwgc3R5bGVzPy53cmFwcGVyPy4odGhlbWUpXX1cbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAge2Nsb3NhYmxlICYmIChcbiAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgb25DbGljaz17aGFuZGxlQ2xpY2t9XG4gICAgICAgICAgICBjc3M9e1t0YWdEZWZhdWx0U3R5bGUuY2xvc2VJY29uKHRoZW1lKSwgc3R5bGVzPy5jbG9zZUljb24/Lih0aGVtZSldfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxDbG9zZU91dGxpbmVkIC8+XG4gICAgICAgICAgPC9zcGFuPlxuICAgICAgICApfVxuICAgICAgPC9zcGFuPlxuICAgICk7XG4gIH1cbik7XG5cbmNvbnN0IFRhZ1dpdGhDaGVja2FibGUgPSBUYWdDb21wb25lbnQgYXMgVGFnRnVsbFR5cGU7XG5UYWdXaXRoQ2hlY2thYmxlLkNoZWNrYWJsZSA9IENoZWNrYWJsZTtcblxuZXhwb3J0IGNvbnN0IFRhZyA9IFRhZ1dpdGhDaGVja2FibGU7XG4iXX0= */"], className, children: [
+    children,
+    closable && /* @__PURE__ */ jsx("span", { onClick: handleClick, css: [tagDefaultStyle.closeIcon(theme), (_b = styles == null ? void 0 : styles.closeIcon) == null ? void 0 : _b.call(styles, theme), process.env.NODE_ENV === "production" ? "" : ";label:TagComponent;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvVGFnL1RhZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkNZIiwiZmlsZSI6Ii9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvVGFnL1RhZy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB0eXBlIEZDLCBtZW1vLCB0eXBlIE1vdXNlRXZlbnQsIHVzZUNhbGxiYWNrLCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBUYWdGdWxsVHlwZSwgVGFnUHJvcHMgfSBmcm9tIFwiLi9UYWcudHlwZXNcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcImhvb2tzL3VzZVRoZW1lXCI7XG5pbXBvcnQgeyBnZXRUYWdEZWZhdWx0U3R5bGUgfSBmcm9tIFwiLi9UYWcuc3R5bGVzXCI7XG5pbXBvcnQgeyBDbG9zZU91dGxpbmVkIH0gZnJvbSBcIkBpbmZvbWF4aW11bS9pY29uc1wiO1xuaW1wb3J0IHsgQ2hlY2thYmxlIH0gZnJvbSBcIi4vY29tcG9uZW50cy9DaGVja2FibGUvQ2hlY2thYmxlXCI7XG5cbmV4cG9ydCBjb25zdCBUYWdDb21wb25lbnQ6IEZDPFRhZ1Byb3BzPiA9IG1lbW8oXG4gICh7XG4gICAgY29sb3IgPSBcIm5ldXRyYWxcIixcbiAgICB0eXBlID0gXCJvdXRsaW5lZFwiLFxuICAgIGNsb3NhYmxlID0gZmFsc2UsXG4gICAgb25DbG9zZSxcbiAgICBjaGlsZHJlbixcbiAgICBzdHlsZXMsXG4gICAgY2xhc3NOYW1lLFxuICAgIC4uLnNwYW5Qcm9wc1xuICB9KSA9PiB7XG4gICAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuICAgIGNvbnN0IFtpc0Nsb3NlZCwgc2V0SXNDbG9zZWRdID0gdXNlU3RhdGUoZmFsc2UpO1xuXG4gICAgY29uc3QgdGFnRGVmYXVsdFN0eWxlID0gZ2V0VGFnRGVmYXVsdFN0eWxlKHsgY29sb3IsIHR5cGUgfSk7XG5cbiAgICBjb25zdCBoYW5kbGVDbGljayA9IHVzZUNhbGxiYWNrKFxuICAgICAgKGU6IE1vdXNlRXZlbnQ8SFRNTEVsZW1lbnQ+KSA9PiB7XG4gICAgICAgIG9uQ2xvc2U/LihlKTtcbiAgICAgICAgc2V0SXNDbG9zZWQodHJ1ZSk7XG4gICAgICB9LFxuICAgICAgW29uQ2xvc2VdXG4gICAgKTtcblxuICAgIGlmIChpc0Nsb3NlZCkge1xuICAgICAgcmV0dXJuIG51bGw7XG4gICAgfVxuXG4gICAgcmV0dXJuIChcbiAgICAgIDxzcGFuXG4gICAgICAgIHsuLi5zcGFuUHJvcHN9XG4gICAgICAgIGNzcz17W3RhZ0RlZmF1bHRTdHlsZS53cmFwcGVyKHRoZW1lKSwgc3R5bGVzPy53cmFwcGVyPy4odGhlbWUpXX1cbiAgICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAge2Nsb3NhYmxlICYmIChcbiAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgb25DbGljaz17aGFuZGxlQ2xpY2t9XG4gICAgICAgICAgICBjc3M9e1t0YWdEZWZhdWx0U3R5bGUuY2xvc2VJY29uKHRoZW1lKSwgc3R5bGVzPy5jbG9zZUljb24/Lih0aGVtZSldfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxDbG9zZU91dGxpbmVkIC8+XG4gICAgICAgICAgPC9zcGFuPlxuICAgICAgICApfVxuICAgICAgPC9zcGFuPlxuICAgICk7XG4gIH1cbik7XG5cbmNvbnN0IFRhZ1dpdGhDaGVja2FibGUgPSBUYWdDb21wb25lbnQgYXMgVGFnRnVsbFR5cGU7XG5UYWdXaXRoQ2hlY2thYmxlLkNoZWNrYWJsZSA9IENoZWNrYWJsZTtcblxuZXhwb3J0IGNvbnN0IFRhZyA9IFRhZ1dpdGhDaGVja2FibGU7XG4iXX0= */"], children: /* @__PURE__ */ jsx(CloseOutlined, {}) })
+  ] });
+});
+const TagWithCheckable = TagComponent;
+TagWithCheckable.Checkable = Checkable;
+const Tag = TagWithCheckable;
+export {
+  Tag,
+  TagComponent
+};