stone-kit 0.0.1105 → 0.0.1107

package/dist/components/TabSwitcher/ui/TabSwitcher.js

@@ -1,43 +1,123 @@
-import { jsxs as n, jsx as r } from "react/jsx-runtime";
-import { forwardRef as _, Children as j, isValidElement as w, cloneElement as f } from "react";
-import { Text as p } from "../../Text/ui/Text.js";
-import { c as I } from "../../../index-DIxK0V-G.js";
-const b = "_root_j8jt6_1", h = "_item_j8jt6_17", x = "_firstItem_j8jt6_29", N = "_lastItem_j8jt6_34", d = "_text_j8jt6_38", u = "_rootCol_j8jt6_46", C = "_whiteRow_j8jt6_71", t = {
-  root: b,
-  item: h,
-  firstItem: x,
-  lastItem: N,
-  text: d,
-  rootCol: u,
-  whiteRow: C
-}, c = I.bind(t), R = ({
-  children: e,
-  variant: a = "whiteRow",
-  addClassName: m = "",
-  col: i = !1
-}) => !e || !Array.isArray(e) ? null : /* @__PURE__ */ r("div", { className: c(t.root, t[a], m, { [t.rootCol]: i }), children: j.map(e, (s, o) => w(s) && e ? f(s, {
-  className: c(
-    t.item,
-    { [t.firstItem]: o === 0 },
-    { [t.lastItem]: o === e.length - 1 },
-    { [t.isDisabled]: s.props.disabled }
-  )
-}) : s) }), l = _((e, a) => {
-  const { children: m, className: i, addItemClassName: s, ...o } = e;
-  return console.log(s), /* @__PURE__ */ n("label", { children: [
-    /* @__PURE__ */ r(
+import { jsx as s, jsxs as S } from "react/jsx-runtime";
+import { c as W } from "../../../index-YnD2EP-S.js";
+import { useClientWidth as $ } from "../../../shared/useClientWidth.js";
+import { Text as D } from "../../Text/ui/Text.js";
+const M = "_root_1qhai_1", j = "_text_1qhai_18", G = "_textMini_1qhai_26", k = "_rootCol_1qhai_32", v = "_item_1qhai_38", O = "_whiteRow_1qhai_57", A = "_firstItem_1qhai_68", B = "_lastItem_1qhai_72", E = "_whiteRowGrayLabel_1qhai_103", F = "_labelItem_1qhai_118", H = "_outlined_1qhai_147", J = "_apart_1qhai_204", K = "_isLong_1qhai_204", P = "_autoWidth_1qhai_219", Q = "_mini_1qhai_233", U = "_isDisabled_1qhai_241", V = "_grayRow_1qhai_265", e = {
+  root: M,
+  text: j,
+  textMini: G,
+  rootCol: k,
+  item: v,
+  whiteRow: O,
+  firstItem: A,
+  lastItem: B,
+  whiteRowGrayLabel: E,
+  labelItem: F,
+  outlined: H,
+  apart: J,
+  isLong: K,
+  autoWidth: P,
+  mini: Q,
+  isDisabled: U,
+  grayRow: V,
+  "tiny-size": "_tiny-size_1qhai_293",
+  "small-size": "_small-size_1qhai_298",
+  "medium-size": "_medium-size_1qhai_303",
+  "large-size": "_large-size_1qhai_308",
+  "text-tiny-size": "_text-tiny-size_1qhai_313",
+  "text-small-size": "_text-small-size_1qhai_319",
+  "text-medium-size": "_text-medium-size_1qhai_324",
+  "text-large-size": "_text-large-size_1qhai_329",
+  "small-size_m": "_small-size_m_1qhai_335",
+  "medium-size_m": "_medium-size_m_1qhai_339",
+  "large-size_m": "_large-size_m_1qhai_343",
+  "text-small-size_m": "_text-small-size_m_1qhai_347",
+  "text-medium-size_m": "_text-medium-size_m_1qhai_351",
+  "text-large-size_m": "_text-large-size_m_1qhai_355",
+  "small-size_l": "_small-size_l_1qhai_370",
+  "medium-size_l": "_medium-size_l_1qhai_374",
+  "large-size_l": "_large-size_l_1qhai_378",
+  "text-small-size_l": "_text-small-size_l_1qhai_382",
+  "text-medium-size_l": "_text-medium-size_l_1qhai_386",
+  "text-large-size_l": "_text-large-size_l_1qhai_390"
+}, _ = W.bind(e), X = ({
+  children: a,
+  variant: l = "whiteRow",
+  isApart: m = !1,
+  addClassName: i = "",
+  col: t = !1
+}) => /* @__PURE__ */ s("div", { className: _(e.root, e[l], { [e.rootCol]: t, [e.apart]: m }, i), children: a }), g = (a) => {
+  const { isTablet: l, isDesktop: m } = $(), {
+    index: i,
+    children: t,
+    addItemClassName: u,
+    addLabelClassname: w,
+    addTextClass: b,
+    size_s: h = "large",
+    size_m: r,
+    size_l: d,
+    disabled: z = !1,
+    itemsLength: I = 0,
+    isLongOn: f = !0,
+    width: c,
+    width_m: o,
+    width_l: n,
+    mini: x = !1,
+    dataTestId: p,
+    ref: y,
+    ...L
+  } = a, q = (t?.toString().length ? t?.toString().length > 2 : !1) && f, R = (C, N) => C && o ? o : N && n ? n : c, T = !c && !o && !n && q;
+  return /* @__PURE__ */ S("label", { className: _(e.labelItem, { [e.isLong]: q }, w), children: [
+    /* @__PURE__ */ s(
       "input",
       {
-        ref: a,
+        ref: y,
         type: "checkbox",
-        ...o
+        ...L,
+        disabled: z
       }
     ),
-    /* @__PURE__ */ r("div", { className: c(i, s), children: /* @__PURE__ */ r(p, { className: t.text, children: m }) })
+    /* @__PURE__ */ s(
+      "div",
+      {
+        style: { width: R(l, m) },
+        "data-testid": p,
+        className: _(
+          e.item,
+          {
+            [e.firstItem]: i === 0,
+            [e.lastItem]: i === I - 1,
+            [e.isDisabled]: z,
+            [e.autoWidth]: T,
+            [e.mini]: x
+          },
+          e[`${h}-size`],
+          e[`${r}-size_m`],
+          e[`${d}-size_l`],
+          u
+        ),
+        children: /* @__PURE__ */ s(
+          D,
+          {
+            className: _(
+              e.text,
+              e[`text-${h}-size`],
+              e[`text-${r}-size_m`],
+              e[`text-${d}-size_l`],
+              { [e.textMini]: x },
+              b
+            ),
+            children: t
+          }
+        )
+      }
+    )
   ] });
+};
+g.displayName = "TabSwitcherItem";
+const ie = Object.assign(X, {
+  Item: g
 });
-l.displayName = "TabSwitcherItem";
-const v = Object.assign(R, { Item: l });
 export {
-  v as TabSwitcher
+  ie as TabSwitcher
 };

package/dist/components/TabSwitcher/ui/TabSwitcher.types.d.ts

@@ -1,16 +1,35 @@
-/// <reference types="react" />
+import { ReactNode } from 'react';
 declare const TAB_SWITCHER_VARIANTS: {
     whiteRow: string;
+    grayRow: string;
+    whiteRowGrayLabel: string;
+    outlined: string;
 };
-type BaseInputProps = JSX.IntrinsicElements['input'];
-export interface ITabSwitcherItem extends BaseInputProps {
+type TabSizes = 'medium' | 'small' | 'large' | 'tiny';
+export interface ITabSwitcherItem extends React.ComponentPropsWithRef<'input'> {
     addItemClassName?: string;
+    addTextClass?: string;
+    addLabelClassname?: string;
+    index: number;
+    isDisabled?: boolean;
+    itemsLength: number;
+    width?: string;
+    width_m?: string;
+    mini?: boolean;
+    width_l?: string;
+    dataTestId?: string;
+    children?: ReactNode;
+    isLongOn?: boolean;
+    size_s?: TabSizes;
+    size_m?: TabSizes;
+    size_l?: TabSizes;
 }
 export interface TabSwitcherProps {
-    children?: React.ReactElement<HTMLButtonElement> | React.ReactElement<HTMLButtonElement>[];
     variant?: TABS_VARIANTS;
     addClassName?: string;
+    isApart?: boolean;
     col?: boolean;
+    children: React.ReactElement[];
 }
 export type TABS_VARIANTS = keyof typeof TAB_SWITCHER_VARIANTS;
 export {};

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

@@ -1,4 +1,3 @@
 import { default as React } from 'react';
 import { ComponentProps } from './Tag.types';
-
-export declare const Tag: ({ size, size_m, size_l, children, variant, width, additionalClass, ...props }: React.PropsWithChildren<ComponentProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const Tag: ({ size, size_m, size_l, children, variant, width, additionalClass, fontWeight, ...props }: React.PropsWithChildren<ComponentProps>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Tag/ui/Tag.js

@@ -1,55 +1,107 @@
-import { jsx as t } from "react/jsx-runtime";
-import { c as f } from "../../../index-DIxK0V-G.js";
-const o = "_tagCommon_16jzf_1", n = "_red_16jzf_64", j = "_gray_16jzf_70", c = "_shade_16jzf_76", g = "_blackGrey_16jzf_82", d = "_chineseBlack_16jzf_88", h = "_white_16jzf_94", u = "_preLarge_size_m_16jzf_123", _ = {
+import { jsx as z } from "react/jsx-runtime";
+import { c as h } from "../../../index-YnD2EP-S.js";
+const o = "_tagCommon_18las_1", y = "_red_18las_149", p = "_gray_18las_155", g = "_shade_18las_161", x = "_blackGrey_18las_167", c = "_blackWhite_18las_173", d = "_gray5_18las_179", u = "_gray8_18las_185", k = "_chineseBlack_18las_191", G = "_white_18las_198", f = "_fullWhite_18las_205", W = "_shadeWhite_18las_212", w = "_transparent_18las_222", b = "_transWhite_18las_229", L = "_neutralGray6_18las_239", T = "_whiteGrayStroke_18las_245", B = "_whiteGray_18las_245", S = "_lightGray_18las_259", $ = "_black_18las_167", C = "_blackStroke_18las_271", N = "_darkGray_18las_278", j = "_lightBlue_18las_283", v = "_lightGrayTrans_18las_289", q = "_whiteGrayTrans_18las_295", A = "_preLarge_size_m_18las_342", _ = {
   tagCommon: o,
-  "auto-width": "_auto-width_16jzf_16",
-  "full-width": "_full-width_16jzf_20",
-  "medium-size": "_medium-size_16jzf_24",
-  "tiny-size": "_tiny-size_16jzf_32",
-  "small-size": "_small-size_16jzf_40",
-  "preLarge-size": "_preLarge-size_16jzf_48",
-  "large-size": "_large-size_16jzf_56",
-  red: n,
-  gray: j,
-  shade: c,
-  blackGrey: g,
-  chineseBlack: d,
-  white: h,
-  "tiny-size_m": "_tiny-size_m_16jzf_102",
-  "medium-size_m": "_medium-size_m_16jzf_109",
-  "small-size_m": "_small-size_m_16jzf_116",
-  preLarge_size_m: u,
-  "large-size_m": "_large-size_m_16jzf_130",
-  "tiny-size_l": "_tiny-size_l_16jzf_139",
-  "medium-size_l": "_medium-size_l_16jzf_146",
-  "small-size_l": "_small-size_l_16jzf_153",
-  "preLarge-size_l": "_preLarge-size_l_16jzf_160",
-  "large-size_l": "_large-size_l_16jzf_167"
-}, y = f.bind(_), L = ({
-  size: e = "medium",
-  size_m: s,
-  size_l: i,
-  children: z = "",
-  variant: m = "gray",
-  width: a = "auto",
-  additionalClass: l = "",
+  "auto-width": "_auto-width_18las_21",
+  "full-width": "_full-width_18las_25",
+  "medium-size": "_medium-size_18las_29",
+  "mini-size": "_mini-size_18las_37",
+  "mini-12px-size": "_mini-12px-size_18las_45",
+  "tiny-size": "_tiny-size_18las_53",
+  "small-size": "_small-size_18las_61",
+  "preLarge-size": "_preLarge-size_18las_69",
+  "large-size": "_large-size_18las_77",
+  "tiny-7px-size": "_tiny-7px-size_18las_85",
+  "tiny-10px-size": "_tiny-10px-size_18las_93",
+  "tiny-12px-size": "_tiny-12px-size_18las_101",
+  "small-10px-size": "_small-10px-size_18las_109",
+  "small-13px-size": "_small-13px-size_18las_117",
+  "small-font-14-size": "_small-font-14-size_18las_125",
+  "extra-small-size": "_extra-small-size_18las_133",
+  "small-height-28px-size": "_small-height-28px-size_18las_141",
+  red: y,
+  gray: p,
+  shade: g,
+  blackGrey: x,
+  blackWhite: c,
+  gray5: d,
+  gray8: u,
+  chineseBlack: k,
+  white: G,
+  fullWhite: f,
+  shadeWhite: W,
+  transparent: w,
+  transWhite: b,
+  neutralGray6: L,
+  whiteGrayStroke: T,
+  whiteGray: B,
+  lightGray: S,
+  black: $,
+  blackStroke: C,
+  darkGray: N,
+  lightBlue: j,
+  lightGrayTrans: v,
+  whiteGrayTrans: q,
+  "tiny-fontWeight": "_tiny-fontWeight_18las_301",
+  "medium-fontWeight": "_medium-fontWeight_18las_305",
+  "large-fontWeight": "_large-fontWeight_18las_309",
+  "mini-size_m": "_mini-size_m_18las_314",
+  "tiny-size_m": "_tiny-size_m_18las_321",
+  "medium-size_m": "_medium-size_m_18las_328",
+  "small-size_m": "_small-size_m_18las_335",
+  preLarge_size_m: A,
+  "large-size_m": "_large-size_m_18las_349",
+  "tiny-7px-size_m": "_tiny-7px-size_m_18las_356",
+  "tiny-10px-size_m": "_tiny-10px-size_m_18las_363",
+  "tiny-12px-size_m": "_tiny-12px-size_m_18las_370",
+  "small-10px-size_m": "_small-10px-size_m_18las_377",
+  "small-13px-size_m": "_small-13px-size_m_18las_384",
+  "small-font-14-size_m": "_small-font-14-size_m_18las_391",
+  "mini-12px-size_m": "_mini-12px-size_m_18las_398",
+  "extra-small-size_m": "_extra-small-size_m_18las_405",
+  "small-height-28px-size_m": "_small-height-28px-size_m_18las_412",
+  "mini-size_l": "_mini-size_l_18las_421",
+  "tiny-size_l": "_tiny-size_l_18las_428",
+  "medium-size_l": "_medium-size_l_18las_435",
+  "small-size_l": "_small-size_l_18las_442",
+  "preLarge-size_l": "_preLarge-size_l_18las_449",
+  "large-size_l": "_large-size_l_18las_456",
+  "tiny-7px-size_l": "_tiny-7px-size_l_18las_463",
+  "tiny-10px-size_l": "_tiny-10px-size_l_18las_470",
+  "tiny-12px-size_l": "_tiny-12px-size_l_18las_477",
+  "small-10px-size_l": "_small-10px-size_l_18las_484",
+  "small-13px-size_l": "_small-13px-size_l_18las_491",
+  "small-font-14-size_l": "_small-font-14-size_l_18las_498",
+  "mini-12px-size_l": "_mini-12px-size_l_18las_505",
+  "extra-small-size_l": "_extra-small-size_l_18las_512",
+  "small-height-28px-size_l": "_small-height-28px-size_l_18las_519"
+}, D = h.bind(_), H = ({
+  size: s = "medium",
+  size_m: l,
+  size_l: a,
+  children: i = "",
+  variant: e = "gray",
+  width: t = "auto",
+  additionalClass: m = "",
+  fontWeight: n = "medium",
   ...r
-}) => /* @__PURE__ */ t(
+}) => /* @__PURE__ */ z(
   "div",
   {
-    className: y(
+    className: D(
       _.tagCommon,
-      _[`${e}-size`],
-      _[`${s}-size_m`],
-      _[`${i}-size_l`],
-      _[`${m}`],
-      _[`${a}-width`],
-      l
+      _[`${s}-size`],
+      _[`${l}-size_m`],
+      _[`${a}-size_l`],
+      _[`${e}`],
+      _[`${t}-width`],
+      _[`${n}-fontWeight`],
+      m
     ),
     ...r,
-    children: z
+    children: i
   }
 );
 export {
-  L as Tag
+  H as Tag
 };

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

@@ -1,5 +1,4 @@
 import { ReactNode } from 'react';
-
 type tagWidth = 'auto' | 'full';
 export declare const TAG_VARIANTS: {
     red: string;
@@ -8,9 +7,26 @@ export declare const TAG_VARIANTS: {
     shade: string;
     blackGrey: string;
     chineseBlack: string;
+    fullWhite: string;
+    transparent: string;
+    shadeWhite: string;
+    transWhite: string;
+    whiteGrayStroke: string;
+    blackStroke: string;
+    lightBlue: string;
+    lightGray: string;
+    whiteGray: string;
+    darkGray: string;
+    lightGrayTrans: string;
+    whiteGrayTrans: string;
+    neutralGray6: string;
+    gray5: string;
+    gray8: string;
+    black: string;
+    blackWhite: string;
 };
 export type tagVariant = keyof typeof TAG_VARIANTS;
-type tagSizes = 'medium' | 'tiny' | 'large' | 'small' | 'preLarge';
+type tagSizes = 'medium' | 'tiny' | 'large' | 'small' | 'preLarge' | 'mini' | 'mini-12px' | 'tiny-7px' | 'tiny-10px' | 'tiny-12px' | 'small-10px' | 'small-13px' | 'small-font-14' | 'extra-small' | 'small-height-28px';
 interface TagProps {
     size?: tagSizes;
     size_m?: tagSizes;
@@ -19,6 +35,10 @@ interface TagProps {
     variant?: tagVariant;
     width?: tagWidth;
     additionalClass?: string;
+    /**
+     * tiny = 300, medium = 400, large = 500
+     */
+    fontWeight?: 'medium' | 'tiny' | 'large';
 }
 export type ComponentProps = TagProps & React.HTMLAttributes<HTMLDivElement>;
 export {};

package/dist/components/Tag/ui/Tag.types.js

@@ -1,11 +1,28 @@
-const e = {
+const a = {
   red: "red",
   gray: "gray",
   white: "white",
   shade: "shade",
   blackGrey: "blackGrey",
-  chineseBlack: "chineseBlack"
+  chineseBlack: "chineseBlack",
+  fullWhite: "fullWhite",
+  transparent: "transparent",
+  shadeWhite: "shadeWhite",
+  transWhite: "transWhite",
+  whiteGrayStroke: "whiteGrayStroke",
+  blackStroke: "blackStroke",
+  lightBlue: "lightBlue",
+  lightGray: "lightGray",
+  whiteGray: "whiteGray",
+  darkGray: "darkGray",
+  lightGrayTrans: "lightGrayTrans",
+  whiteGrayTrans: "whiteGrayTrans",
+  neutralGray6: "neutralGray6",
+  gray5: "gray5",
+  gray8: "gray8",
+  black: "black",
+  blackWhite: "blackWhite"
 };
 export {
-  e as TAG_VARIANTS
+  a as TAG_VARIANTS
 };

package/dist/components/Text/ui/Text.d.ts

@@ -1,3 +1,2 @@
 import { ITextProps } from './Text.types';
-
-export declare const Text: ({ children, className, additionalClass, html, html_l, html_m, html_s, ...rest }: ITextProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Text: ({ children, className, additionalClass, html, ...rest }: ITextProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Text/ui/Text.js

@@ -1,29 +1,22 @@
-import { jsx as u } from "react/jsx-runtime";
-import { c as d } from "../../../index-DIxK0V-G.js";
-import { useClientWidth as k } from "../../../shared/useClientWidth.js";
-const T = "_root_wkh0k_1", r = {
-  root: T
-}, f = d.bind(r), H = ({ children: m, className: o, additionalClass: t = "", html: e, html_l: n, html_m: s, html_s: i, ...c }) => {
-  const { isMobile: p, isTablet: a, isDesktop: x } = k();
-  if (!e)
-    return /* @__PURE__ */ u(
-      "div",
-      {
-        className: f(r.root, o, t),
-        ...c,
-        children: m
-      }
-    );
-  const b = () => p && i ? i : a && s ? s : x && n ? n : e;
-  return /* @__PURE__ */ u(
-    "div",
-    {
-      className: f(r.root, o, t),
-      ...c,
-      dangerouslySetInnerHTML: { __html: b() }
-    }
-  );
-};
+import { jsx as c } from "react/jsx-runtime";
+import { c as _ } from "../../../index-YnD2EP-S.js";
+const i = "_root_wkh0k_1", o = {
+  root: i
+}, e = _.bind(o), f = ({ children: m, className: r, additionalClass: t = "", html: s, ...n }) => s ? /* @__PURE__ */ c(
+  "div",
+  {
+    className: e(o.root, r, t),
+    ...n,
+    dangerouslySetInnerHTML: { __html: s }
+  }
+) : /* @__PURE__ */ c(
+  "div",
+  {
+    className: e(o.root, r, t),
+    ...n,
+    children: m
+  }
+);
 export {
-  H as Text
+  f as Text
 };

package/dist/components/Text/ui/Text.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface ITextProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
     children?: React.ReactNode | 'string';
     className?: string;

package/dist/components/TextArea/TextArea.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+type textAreaWidth = 'auto' | 'full';
+interface ITextArea extends React.ComponentPropsWithRef<'textarea'> {
+    width?: textAreaWidth;
+    additionalClass?: string;
+}
+export declare const TextArea: ({ width, additionalClass, children, ref, ...props }: ITextArea) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/TextArea/TextArea.js

@@ -0,0 +1,25 @@
+import { jsx as i } from "react/jsx-runtime";
+import { c as _ } from "../../index-YnD2EP-S.js";
+const c = "_root_v6f19_12", t = {
+  "auto-width": "_auto-width_v6f19_1",
+  "full-width": "_full-width_v6f19_6",
+  root: c
+}, n = _.bind(t), d = ({
+  width: o = "auto",
+  additionalClass: r = "",
+  children: s = "",
+  ref: e,
+  ...a
+}) => /* @__PURE__ */ i(
+  "textarea",
+  {
+    className: n(t.root, t[`${o}-width`], r),
+    ref: e,
+    style: { resize: "none" },
+    ...a,
+    children: s
+  }
+);
+export {
+  d as TextArea
+};

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

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

package/dist/components/ZoomControls/index.js

@@ -0,0 +1,4 @@
+import { ZoomControls as m } from "./ui/ZoomControls.js";
+export {
+  m as ZoomControls
+};

package/dist/components/ZoomControls/ui/ZoomControls.d.ts

@@ -0,0 +1,2 @@
+import { IZoomControls } from './ZoomControls.types';
+export declare const ZoomControls: ({ size, zoomIn, zoomOut }: IZoomControls) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ZoomControls/ui/ZoomControls.js

@@ -0,0 +1,33 @@
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
+import { RoundButton as s } from "../../RoundButton/ui/RoundButton.js";
+const r = "_root_1gn8f_1", u = "_plusBtn_1gn8f_6", a = "_minusBtn_1gn8f_11", o = {
+  root: r,
+  plusBtn: u,
+  minusBtn: a
+}, B = ({ size: n = "medium", zoomIn: i, zoomOut: m }) => /* @__PURE__ */ l("div", { className: o.root, children: [
+  /* @__PURE__ */ t(
+    s,
+    {
+      iconName: "plus",
+      size: n,
+      color: "#141416",
+      additionalClass: o.plusBtn,
+      onClick: i,
+      "data-testid": "zoom-in"
+    }
+  ),
+  /* @__PURE__ */ t(
+    s,
+    {
+      iconName: "minus",
+      size: n,
+      color: "#141416",
+      additionalClass: o.minusBtn,
+      onClick: m,
+      "data-testid": "zoom-out"
+    }
+  )
+] });
+export {
+  B as ZoomControls
+};

package/dist/components/ZoomControls/ui/ZoomControls.types.d.ts

@@ -0,0 +1,6 @@
+import { btnSizes } from '../../RoundButton/ui/RoundButton.types.ts';
+export interface IZoomControls {
+    size?: btnSizes;
+    zoomIn: () => void;
+    zoomOut: () => void;
+}

package/dist/components/ZoomControls/ui/ZoomControls.types.js

@@ -0,0 +1 @@
+

package/dist/components/mobileButton/ui/MobileButton.d.ts

@@ -1,4 +1,3 @@
 import { default as React } from 'react';
 import { ComponentProps } from './MobileButton.types';
-
 export declare const MobileButton: ({ size, pre, children, post, variant, width, additionalClass, ...props }: React.PropsWithChildren<ComponentProps>) => import("react/jsx-runtime").JSX.Element;