mimir-ui-kit 1.0.1 → 1.0.2

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

@@ -0,0 +1,2 @@
+export { InputPassword } from './InputPassword';
+export type { TProps as TInputPasswordProps } from './InputPassword';

package/dist/components/InputPassword/index.js

@@ -0,0 +1,4 @@
+import { InputPassword } from "./InputPassword.js";
+export {
+  InputPassword
+};

package/dist/components/InputPhoneNumber/InputPhoneNumber.d.ts

@@ -0,0 +1,12 @@
+export type ImperativeHandle = Partial<HTMLInputElement> & {
+    getPhoneNumber: () => string;
+};
+export declare const InputPhoneNumber: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<import('../Input/types').TInputProps & {
+    size?: import('../Input').TSize;
+    variant?: import('../Input').TVariant;
+    className?: string;
+    wrapperClassName?: string;
+    label?: import('react').ReactNode;
+    autofocus?: boolean;
+    readonly?: boolean;
+} & import('react').RefAttributes<HTMLInputElement>>>;

package/dist/components/InputPhoneNumber/InputPhoneNumber.js

@@ -0,0 +1,38 @@
+import { jsx } from "react/jsx-runtime";
+import { memo, forwardRef, useState, useCallback, useImperativeHandle } from "react";
+import { Input } from "../Input/Input.js";
+import { getMaskedInputPhoneValue, getUnmaskedInputValue } from "./utils.js";
+const InputPhoneNumber = memo(
+  forwardRef(
+    ({ value = "", onChange, ...props }, ref) => {
+      const [phone, setPhone] = useState(
+        () => getMaskedInputPhoneValue(value)
+      );
+      const handleChange = useCallback(
+        (event) => {
+          const maskedValue = getMaskedInputPhoneValue(event.target.value);
+          setPhone(maskedValue);
+          onChange == null ? void 0 : onChange({
+            ...event,
+            target: {
+              ...event.target,
+              value: getUnmaskedInputValue(maskedValue)
+            }
+          });
+        },
+        [onChange]
+      );
+      useImperativeHandle(
+        ref,
+        () => ({
+          getPhoneNumber: () => getUnmaskedInputValue(phone)
+        })
+      );
+      return /* @__PURE__ */ jsx(Input, { ref, value: phone, onChange: handleChange, ...props });
+    }
+  )
+);
+InputPhoneNumber.displayName = "InputPhoneNumber";
+export {
+  InputPhoneNumber
+};

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

@@ -0,0 +1,2 @@
+export { InputPhoneNumber } from './InputPhoneNumber';
+export { getMaskedInputPhoneValue, getUnmaskedInputValue } from './utils';

package/dist/components/InputPhoneNumber/index.js

@@ -0,0 +1,7 @@
+import { InputPhoneNumber } from "./InputPhoneNumber.js";
+import { getMaskedInputPhoneValue, getUnmaskedInputValue } from "./utils.js";
+export {
+  InputPhoneNumber,
+  getMaskedInputPhoneValue,
+  getUnmaskedInputValue
+};

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

@@ -0,0 +1,2 @@
+export declare const getMaskedInputPhoneValue: (value: string) => string;
+export declare const getUnmaskedInputValue: (value: string) => string;

package/dist/components/InputPhoneNumber/utils.js

@@ -0,0 +1,26 @@
+const getMaskedInputPhoneValue = (value) => {
+  const rawValue = value.replace(/\D/g, "");
+  let formattedValue = "+7 ";
+  if (rawValue.startsWith("7")) {
+    formattedValue += "(" + rawValue.substring(1, 4);
+  } else {
+    formattedValue += rawValue.substring(0, 3);
+  }
+  if (rawValue.length > 4) {
+    formattedValue += ") " + rawValue.substring(4, 7);
+  }
+  if (rawValue.length > 7) {
+    formattedValue += "-" + rawValue.substring(7, 9);
+  }
+  if (rawValue.length > 9) {
+    formattedValue += "-" + rawValue.substring(9, 11);
+  }
+  return formattedValue;
+};
+const getUnmaskedInputValue = (value) => {
+  return value.replace(/\D/g, "");
+};
+export {
+  getMaskedInputPhoneValue,
+  getUnmaskedInputValue
+};

package/dist/components/OtpInput/OtpInput.d.ts

@@ -0,0 +1,23 @@
+import { TInputProps } from '../Input';
+
+/**
+ * Компонент ввода одноразового пароля (OTP).
+ *
+ * Компонент представляет собой набор вводов, каждый из которых может содержать только цифры.
+ * Пользователь может вводить цифры в каждый ввод, и при вводе каждой цифры происходит автоматическое переключение на следующий ввод.
+ */
+export declare const OtpInput: import('react').ForwardRefExoticComponent<Omit<TInputProps, "label" | "onChange"> & {
+    value?: string;
+    /**
+     * Количество полей ввода.
+     */
+    valueLength?: number;
+    /**
+     * Функция, для изменения значения поля ввода.
+     */
+    onChange?: (value: string) => void;
+    /**
+     * Флаг, показывающий нужно ли отображать разделитель между вводами.
+     */
+    needSeparator?: boolean;
+} & import('react').RefAttributes<unknown>>;

package/dist/components/OtpInput/OtpInput.js

@@ -0,0 +1,142 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef, useRef, useImperativeHandle, useMemo, Fragment } from "react";
+import { c as classNames } from "../../index-CweZ_OcN.js";
+import { Input } from "../Input/Input.js";
+import { RE_DIGIT, ITEMS_PER_SEPARATOR, DEFAULT_VALUE_LENGTH } from "./constants.js";
+import '../../assets/OtpInput.css';const otp = "_otp_1f72t_3";
+const input = "_input_1f72t_15";
+const separator = "_separator_1f72t_29";
+const cls = {
+  otp,
+  "input-wrapper": "_input-wrapper_1f72t_15",
+  input,
+  separator
+};
+const OtpInput = forwardRef(
+  ({
+    value = "",
+    valueLength = DEFAULT_VALUE_LENGTH,
+    needSeparator = true,
+    onChange,
+    className,
+    ...props
+  }, ref) => {
+    const inputRefs = useRef([]);
+    useImperativeHandle(ref, () => ({
+      focus: () => {
+        var _a;
+        (_a = inputRefs.current[0]) == null ? void 0 : _a.focus();
+      }
+    }));
+    const valueItems = useMemo(() => {
+      const valueArray = value.split("");
+      const items = [];
+      for (let i = 0; i < valueLength; i++) {
+        const char = valueArray[i];
+        if (RE_DIGIT.test(char)) {
+          items.push(char);
+        } else {
+          items.push("");
+        }
+      }
+      return items;
+    }, [value, valueLength]);
+    const handleFocusToNextInput = (index) => {
+      var _a;
+      if (index < valueLength - 1) {
+        (_a = inputRefs.current[index + 1]) == null ? void 0 : _a.focus();
+      }
+    };
+    const handleFocusToPrevInput = (index) => {
+      var _a;
+      if (index > 0) {
+        (_a = inputRefs.current[index - 1]) == null ? void 0 : _a.focus();
+      }
+    };
+    const handleChange = (e, index) => {
+      const target = e.target;
+      let targetValue = target.value.trim();
+      const isTargetValueDigit = RE_DIGIT.test(targetValue);
+      if (!isTargetValueDigit && targetValue !== "") {
+        return;
+      }
+      const nextInputEl = inputRefs.current[index + 1];
+      if (!isTargetValueDigit && nextInputEl && nextInputEl.value !== "") {
+        return;
+      }
+      targetValue = isTargetValueDigit ? targetValue.trim() : " ";
+      const targetValueLength = targetValue.length;
+      if (targetValueLength === 1) {
+        const newValue = value.substring(0, index) + targetValue + value.substring(index + 1);
+        onChange == null ? void 0 : onChange(newValue.trim());
+        if (isTargetValueDigit) {
+          handleFocusToNextInput(index);
+        }
+      } else if (targetValueLength === valueLength) {
+        onChange == null ? void 0 : onChange(targetValue.trim());
+        target.blur();
+      }
+    };
+    const handleKeyDown = (e, index) => {
+      const { key } = e;
+      const target = e.target;
+      switch (key) {
+        case "ArrowRight":
+        case "ArrowDown": {
+          e.preventDefault();
+          return handleFocusToNextInput(index);
+        }
+        case "ArrowLeft":
+        case "ArrowUp": {
+          e.preventDefault();
+          return handleFocusToPrevInput(index);
+        }
+      }
+      const targetValue = target.value.trim();
+      target.setSelectionRange(0, targetValue.length);
+      if (e.key !== "Backspace" || targetValue !== "") {
+        return;
+      }
+      const newValue = `${value.substring(0, index - 1)} ${value.substring(index)}`;
+      onChange == null ? void 0 : onChange(newValue.trim());
+      handleFocusToPrevInput(index);
+    };
+    const handleFocus = (e, index) => {
+      const target = e.target;
+      const prevInputEl = inputRefs.current[index - 1];
+      if (prevInputEl && prevInputEl.value === "") {
+        prevInputEl.focus();
+      }
+      target.setSelectionRange(0, target.value.length);
+    };
+    return /* @__PURE__ */ jsx("div", { className: classNames(cls.otp, className), children: valueItems.map((digit, idx) => {
+      const nextIndex = idx + 1;
+      const showSeparator = needSeparator && nextIndex % ITEMS_PER_SEPARATOR === 0 && nextIndex !== valueItems.length;
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            ref: (el) => inputRefs.current[idx] = el,
+            type: "text",
+            inputMode: "numeric",
+            autoComplete: "one-time-code",
+            pattern: "\\d{1}",
+            maxLength: 1,
+            value: digit,
+            className: cls.input,
+            wrapperClassName: cls["input-wrapper"],
+            onChange: (e) => handleChange(e, idx),
+            onKeyDown: (e) => handleKeyDown(e, idx),
+            onFocus: (e) => handleFocus(e, idx),
+            ...props
+          }
+        ),
+        showSeparator && /* @__PURE__ */ jsx("span", { className: classNames(cls.separator) })
+      ] }, idx);
+    }) });
+  }
+);
+OtpInput.displayName = "OtpInput";
+export {
+  OtpInput
+};

package/dist/components/OtpInput/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const RE_DIGIT: RegExp;
+export declare const DEFAULT_VALUE_LENGTH = 6;
+export declare const ITEMS_PER_SEPARATOR = 3;

package/dist/components/OtpInput/constants.js

@@ -0,0 +1,8 @@
+const RE_DIGIT = new RegExp(/^\d+$/);
+const DEFAULT_VALUE_LENGTH = 6;
+const ITEMS_PER_SEPARATOR = 3;
+export {
+  DEFAULT_VALUE_LENGTH,
+  ITEMS_PER_SEPARATOR,
+  RE_DIGIT
+};

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

@@ -0,0 +1 @@
+export { OtpInput } from './OtpInput';

package/dist/components/OtpInput/index.js

@@ -0,0 +1,4 @@
+import { OtpInput } from "./OtpInput.js";
+export {
+  OtpInput
+};

package/dist/components/index.d.ts

@@ -0,0 +1,7 @@
+export { Button, EButtonForm, EButtonSize, EButtonVariantDefault, EButtonVariantRound, type TButtonProps } from './Button';
+export { Input, EInputSize, EInputVariant } from './Input';
+export type { TInputProps, TSize, TVariant } from './Input';
+export { InputPassword } from './InputPassword';
+export type { TInputPasswordProps } from './InputPassword';
+export { InputPhoneNumber, getMaskedInputPhoneValue, getUnmaskedInputValue } from './InputPhoneNumber';
+export { OtpInput } from './OtpInput';

package/dist/components/index.js

@@ -0,0 +1,23 @@
+import { Button } from "./Button/Button.js";
+import { EButtonForm, EButtonSize, EButtonVariantDefault, EButtonVariantRound } from "./Button/constants.js";
+import { Input } from "./Input/Input.js";
+import { EInputSize, EInputVariant } from "./Input/constants.js";
+import { InputPassword } from "./InputPassword/InputPassword.js";
+import { InputPhoneNumber } from "./InputPhoneNumber/InputPhoneNumber.js";
+import { getMaskedInputPhoneValue, getUnmaskedInputValue } from "./InputPhoneNumber/utils.js";
+import { OtpInput } from "./OtpInput/OtpInput.js";
+export {
+  Button,
+  EButtonForm,
+  EButtonSize,
+  EButtonVariantDefault,
+  EButtonVariantRound,
+  EInputSize,
+  EInputVariant,
+  Input,
+  InputPassword,
+  InputPhoneNumber,
+  OtpInput,
+  getMaskedInputPhoneValue,
+  getUnmaskedInputValue
+};

package/dist/hooks/index.d.ts

@@ -0,0 +1 @@
+export { useMediaQuery, EMediaQuery } from './useMediaQuery';

package/dist/hooks/index.js

@@ -0,0 +1,6 @@
+import { useMediaQuery } from "./useMediaQuery/useMediaQuery.js";
+import { EMediaQuery } from "./useMediaQuery/constants.js";
+export {
+  EMediaQuery,
+  useMediaQuery
+};

package/dist/hooks/useMediaQuery/constants.d.ts

@@ -0,0 +1,9 @@
+export declare enum EMediaQuery {
+    XSS = "(max-width: 375px)",
+    XS = "(max-width: 600px)",
+    S = "(max-width: 768px)",
+    M = "(max-width: 960px)",
+    L = "(max-width: 1280px)",
+    XL = "(max-width: 1440px)",
+    XXL = "(max-width: 1920px)"
+}

package/dist/hooks/useMediaQuery/constants.js

@@ -0,0 +1,13 @@
+var EMediaQuery = /* @__PURE__ */ ((EMediaQuery2) => {
+  EMediaQuery2["XSS"] = "(max-width: 375px)";
+  EMediaQuery2["XS"] = "(max-width: 600px)";
+  EMediaQuery2["S"] = "(max-width: 768px)";
+  EMediaQuery2["M"] = "(max-width: 960px)";
+  EMediaQuery2["L"] = "(max-width: 1280px)";
+  EMediaQuery2["XL"] = "(max-width: 1440px)";
+  EMediaQuery2["XXL"] = "(max-width: 1920px)";
+  return EMediaQuery2;
+})(EMediaQuery || {});
+export {
+  EMediaQuery
+};

package/dist/hooks/useMediaQuery/index.d.ts

@@ -0,0 +1,2 @@
+export { useMediaQuery } from './useMediaQuery';
+export { EMediaQuery } from './constants';

package/dist/hooks/useMediaQuery/index.js

@@ -0,0 +1,6 @@
+import { useMediaQuery } from "./useMediaQuery.js";
+import { EMediaQuery } from "./constants.js";
+export {
+  EMediaQuery,
+  useMediaQuery
+};

package/dist/hooks/useMediaQuery/useMediaQuery.d.ts

@@ -0,0 +1,14 @@
+import { EMediaQuery } from './constants';
+
+/**
+ * @name useMediaQuery
+ * @description - Hook that manages a media query
+ * @category Browser
+ *
+ * @param {string} query The media query string
+ * @returns {boolean} A boolean indicating if the media query matches
+ *
+ * @example
+ * const matches = useMediaQuery('(max-width: 768px)');
+ */
+export declare const useMediaQuery: (query: EMediaQuery | `${EMediaQuery}`) => boolean;

package/dist/hooks/useMediaQuery/useMediaQuery.js

@@ -0,0 +1,19 @@
+import { useCallback, useSyncExternalStore } from "react";
+const getServerSnapshot = () => false;
+const useMediaQuery = (query) => {
+  const subscribe = useCallback(
+    (callback) => {
+      const matchMedia = window.matchMedia(query);
+      matchMedia.addEventListener("change", callback);
+      return () => {
+        matchMedia.removeEventListener("change", callback);
+      };
+    },
+    [query]
+  );
+  const getSnapshot = () => window.matchMedia(query).matches;
+  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+};
+export {
+  useMediaQuery
+};

package/dist/icons/Icon.d.ts

@@ -0,0 +1,8 @@
+import { SVGProps } from 'react';
+import { TIcon } from './components/types';
+
+type TProps = Omit<SVGProps<SVGSVGElement>, 'ref'> & {
+    iconName: TIcon;
+};
+export declare const Icon: ({ iconName, ...props }: TProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/icons/Icon.js

@@ -0,0 +1,13 @@
+import { jsx } from "react/jsx-runtime";
+import { Suspense } from "react";
+import { i as icons } from "../index-ds_bCdL8.js";
+const Icon = ({ iconName, ...props }) => {
+  const Component = icons[iconName];
+  if (!Component) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(Component, { ...props }) });
+};
+export {
+  Icon
+};

package/dist/icons/components/16px/Accept16px.d.ts

@@ -0,0 +1,4 @@
+import { SVGProps } from 'react';
+
+declare const Accept16px: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default Accept16px;

package/dist/icons/components/16px/Accept16px.js

@@ -0,0 +1,28 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const Accept16px = (props) => {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "16px",
+      height: "16px",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("circle", { cx: 8, cy: 8, r: 7, fill: "#FF7900" }),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M11.362 6.058l-4.35 4.354L4.85 8.248l.708-.707 1.453 1.456 3.644-3.646.707.707z",
+            fill: "#fff"
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  Accept16px as default
+};

package/dist/icons/components/16px/Acts16px.d.ts

@@ -0,0 +1,4 @@
+import { SVGProps } from 'react';
+
+declare const Acts16px: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default Acts16px;

package/dist/icons/components/16px/Acts16px.js

@@ -0,0 +1,41 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const Acts16px = (props) => {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "16px",
+      height: "16px",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M4 1a2 2 0 00-2 2v9a2 2 0 002 2h5v-1.5H4a.5.5 0 01-.5-.5V3a.5.5 0 01.5-.5h6.172a.5.5 0 01.353.146l1.329 1.329a.5.5 0 01.146.353V7h1.5V4.328a2 2 0 00-.586-1.414l-1.328-1.328A2 2 0 0010.172 1H4z",
+            fill: "#000"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M4.75 4.5a.75.75 0 01.75-.75h3a.75.75 0 010 1.5h-3a.75.75 0 01-.75-.75zM4.75 7.25a.75.75 0 01.75-.75H10A.75.75 0 0110 8H5.5a.75.75 0 01-.75-.75z",
+            fill: "#000"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M13.405 11.698a2.25 2.25 0 10-.707.707l1.948 1.949.708-.707-1.949-1.95zM10.75 10.5a.75.75 0 111.5 0 .75.75 0 01-1.5 0z",
+            fill: "#000"
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  Acts16px as default
+};

package/dist/icons/components/16px/Acts16pxF.d.ts

@@ -0,0 +1,4 @@
+import { SVGProps } from 'react';
+
+declare const Acts16pxF: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default Acts16pxF;

package/dist/icons/components/16px/Acts16pxF.js

@@ -0,0 +1,36 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const Acts16pxF = (props) => {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "16px",
+      height: "16px",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M2 3a2 2 0 012-2h6.172a2 2 0 011.414.586l1.328 1.328a2 2 0 01.586 1.414V7h-1.75c-.35 0-.688.048-1.008.137A.75.75 0 0010 6.5H5.5a.75.75 0 000 1.5h3.7A3.74 3.74 0 008 10.75V14H4a2 2 0 01-2-2V3zm2.75 1.5a.75.75 0 01.75-.75h3a.75.75 0 010 1.5h-3a.75.75 0 01-.75-.75z",
+            fill: "#000"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M9.25 10.5a2.25 2.25 0 114.155 1.198l1.949 1.948-.707.708-1.95-1.949A2.25 2.25 0 019.25 10.5zm2.25-.75a.75.75 0 100 1.5.75.75 0 000-1.5z",
+            fill: "#000"
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  Acts16pxF as default
+};

package/dist/icons/components/16px/AdditionalServicess16px.d.ts

@@ -0,0 +1,4 @@
+import { SVGProps } from 'react';
+
+declare const AdditionalServicess16px: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default AdditionalServicess16px;

package/dist/icons/components/16px/AdditionalServicess16px.js

@@ -0,0 +1,34 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const AdditionalServicess16px = (props) => {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "16px",
+      height: "16px",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M12.625 1.75a.75.75 0 00-1.5 0v1.625H9.5a.75.75 0 000 1.5h1.625V6.5a.75.75 0 001.5 0V4.875h1.625a.75.75 0 000-1.5h-1.625V1.75z",
+            fill: "#000"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M1.25 1.5a.25.25 0 01.25-.25h5a.25.25 0 01.25.25v5a.25.25 0 01-.25.25h-5a.25.25 0 01-.25-.25v-5zm1.5 3.75v-2.5h2.5v2.5h-2.5zM1.25 9.5a.25.25 0 01.25-.25h5a.25.25 0 01.25.25v5a.25.25 0 01-.25.25h-5a.25.25 0 01-.25-.25v-5zm1.5 3.75v-2.5h2.5v2.5h-2.5zM9.5 9.25a.25.25 0 00-.25.25v5c0 .138.112.25.25.25h5a.25.25 0 00.25-.25v-5a.25.25 0 00-.25-.25h-5zm1.25 1.5v2.5h2.5v-2.5h-2.5z",
+            fill: "#000"
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  AdditionalServicess16px as default
+};

package/dist/icons/components/16px/AdditionalServicess16pxF.d.ts

@@ -0,0 +1,4 @@
+import { SVGProps } from 'react';
+
+declare const AdditionalServicess16pxF: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default AdditionalServicess16pxF;

package/dist/icons/components/16px/AdditionalServicess16pxF.js

@@ -0,0 +1,23 @@
+import { jsx } from "react/jsx-runtime";
+const AdditionalServicess16pxF = (props) => {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "16px",
+      height: "16px",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M12.625 1.75a.75.75 0 00-1.5 0v1.625H9.5a.75.75 0 000 1.5h1.625V6.5a.75.75 0 001.5 0V4.875h1.625a.75.75 0 000-1.5h-1.625V1.75zM1.5 1.25a.25.25 0 00-.25.25v5c0 .138.112.25.25.25h5a.25.25 0 00.25-.25v-5a.25.25 0 00-.25-.25h-5zM1.5 9.25a.25.25 0 00-.25.25v5c0 .138.112.25.25.25h5a.25.25 0 00.25-.25v-5a.25.25 0 00-.25-.25h-5zM9.25 9.5a.25.25 0 01.25-.25h5a.25.25 0 01.25.25v5a.25.25 0 01-.25.25h-5a.25.25 0 01-.25-.25v-5z",
+          fill: "#000"
+        }
+      )
+    }
+  );
+};
+export {
+  AdditionalServicess16pxF as default
+};

package/dist/icons/components/16px/Agents16px.d.ts

@@ -0,0 +1,4 @@
+import { SVGProps } from 'react';
+
+declare const Agents16px: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default Agents16px;