stone-kit 0.0.16 → 0.0.18

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

@@ -1,3 +1 @@
-import { default as Button } from './ui/Button';
-
-export { Button };
+export { Button } from './ui/Button';

package/dist/components/Button/index.js

@@ -1,4 +1,4 @@
-import { default as a } from "./ui/Button.js";
+import { Button as r } from "./ui/Button.js";
 export {
-  a as Button
+  r as Button
 };

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

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

package/dist/components/Button/ui/Button.js

@@ -1,111 +1,96 @@
-import { jsxs as _, jsx as a } from "react/jsx-runtime";
-function b(e) {
-  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
-}
-var f = { exports: {} };
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-(function(e) {
-  (function() {
-    var i = {}.hasOwnProperty;
-    function c() {
-      for (var t = "", n = 0; n < arguments.length; n++) {
-        var o = arguments[n];
-        o && (t = l(t, r(o)));
-      }
-      return t;
-    }
-    function r(t) {
-      if (typeof t == "string" || typeof t == "number")
-        return t;
-      if (typeof t != "object")
-        return "";
-      if (Array.isArray(t))
-        return c.apply(null, t);
-      if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
-        return t.toString();
-      var n = "";
-      for (var o in t)
-        i.call(t, o) && t[o] && (n = l(n, o));
-      return n;
-    }
-    function l(t, n) {
-      return n ? t ? t + " " + n : t + n : t;
-    }
-    e.exports ? (c.default = c, e.exports = c) : window.classNames = c;
-  })();
-})(f);
-var d = f.exports;
-const h = /* @__PURE__ */ b(d), w = "_btnCommon_4cp41_1", k = "_blue_4cp41_57", y = "_sokolniki_4cp41_71", z = "_black_4cp41_85", x = "_gray_4cp41_99", S = "_whiteStroke_4cp41_113", $ = "_whiteFilled_4cp41_125", s = {
+import { jsxs as _, jsx as n, Fragment as d } from "react/jsx-runtime";
+import { c as k } from "../../../index-DIxK0V-G.js";
+import { NewIcon as h } from "../../NewIcon/ui/NewIcon.js";
+const w = "_btnCommon_15ot8_1", z = "_blue_15ot8_57", $ = "_sokolniki_15ot8_71", C = "_black_15ot8_85", S = "_gray_15ot8_99", y = "_whiteStroke_15ot8_113", g = "_whiteFilled_15ot8_125", x = "_loader_15ot8_147", F = "_LoaderSpin_15ot8_1", o = {
   btnCommon: w,
-  "auto-width": "_auto-width_4cp41_17",
-  "full-width": "_full-width_4cp41_21",
-  "l-size": "_l-size_4cp41_25",
-  "m-size": "_m-size_4cp41_33",
-  "s-size": "_s-size_4cp41_41",
-  "xs-size": "_xs-size_4cp41_49",
-  blue: k,
-  sokolniki: y,
-  black: z,
-  gray: x,
-  whiteStroke: S,
-  whiteFilled: $
-}, u = h.bind(s), N = ({
-  size: e = "l",
-  pre: i = !1,
-  children: c = "",
-  post: r = !1,
-  variant: l = "blue",
-  width: t = "auto",
-  additionalClass: n,
-  ...o
+  "auto-width": "_auto-width_15ot8_17",
+  "full-width": "_full-width_15ot8_21",
+  "large-size": "_large-size_15ot8_25",
+  "medium-size": "_medium-size_15ot8_33",
+  "small-size": "_small-size_15ot8_41",
+  "tiny-size": "_tiny-size_15ot8_49",
+  blue: z,
+  sokolniki: $,
+  black: C,
+  gray: S,
+  whiteStroke: y,
+  whiteFilled: g,
+  loader: x,
+  LoaderSpin: F
+}, b = k.bind(o), A = ({
+  size: i = "large",
+  pre: t = !1,
+  children: a = "",
+  post: e = !1,
+  variant: r = "blue",
+  width: c = "auto",
+  additionalClass: m,
+  isLoading: l = !1,
+  ...s
 }) => {
-  if (o.as === "link") {
-    const { as: C, ...p } = o;
+  if (s.as === "link") {
+    const { as: I, ...u } = s;
     return /* @__PURE__ */ _(
       "a",
       {
-        className: u(
-          s.btnCommon,
-          s[`${e}-size`],
-          s[`${l}`],
-          { [s.btnCommonInline]: i || r },
-          s[`${t}-width`],
-          `${n ?? ""}`
+        className: b(
+          o.btnCommon,
+          o[`${i}-size`],
+          o[`${r}`],
+          { [o.btnCommonInline]: t || e },
+          o[`${c}-width`],
+          `${m ?? ""}`
         ),
-        ...p,
+        ...u,
         children: [
-          i && /* @__PURE__ */ a("span", { children: i }),
-          c,
-          r && /* @__PURE__ */ a("span", { children: r })
+          l && /* @__PURE__ */ n(
+            h,
+            {
+              name: "loader",
+              color: "#fff"
+            }
+          ),
+          !l && /* @__PURE__ */ _(d, { children: [
+            t && /* @__PURE__ */ n("span", { children: t }),
+            a,
+            e && /* @__PURE__ */ n("span", { children: e })
+          ] })
         ]
       }
     );
   }
-  const { as: j, ...m } = o;
+  const { as: N, ...f } = s;
   return /* @__PURE__ */ _(
     "button",
     {
-      className: u(
-        s.btnCommon,
-        s[`${e}-size`],
-        s[`${l}`],
-        { [s.btnCommonInline]: i || r },
-        s[`${t}-width`],
-        `${n ?? ""}`
+      className: b(
+        o.btnCommon,
+        o[`${i}-size`],
+        o[`${r}`],
+        { [o.btnCommonInline]: t || e },
+        o[`${c}-width`],
+        `${m ?? ""}`
       ),
-      ...m,
+      ...f,
       children: [
-        i && /* @__PURE__ */ a("span", { children: i }),
-        c,
-        r && /* @__PURE__ */ a("span", { children: r })
+        l && /* @__PURE__ */ n(
+          h,
+          {
+            name: "loader",
+            size: "24",
+            color: "#fff",
+            addClass: o.loader
+          }
+        ),
+        !l && /* @__PURE__ */ _(d, { children: [
+          t && /* @__PURE__ */ n("span", { children: t }),
+          a,
+          e && /* @__PURE__ */ n("span", { children: e })
+        ] })
       ]
     }
   );
 };
 export {
-  N as default
+  A as Button
 };

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

@@ -10,14 +10,16 @@ export declare const BUTTON_VARIANTS: {
     whiteFilled: string;
 };
 export type btnVariant = keyof typeof BUTTON_VARIANTS;
+type btnSizes = 'large' | 'medium' | 'small' | 'tiny';
 interface ButtonProps {
-    size?: string;
+    size?: btnSizes;
     pre?: ReactNode;
     post?: ReactNode;
-    children?: string;
+    children?: string | ReactNode;
     variant?: btnVariant;
     width?: btnWidth;
     additionalClass?: string;
+    isLoading?: boolean;
     as?: 'button' | 'link';
 }
 export type ComponentProps = ButtonProps & ((React.ButtonHTMLAttributes<HTMLButtonElement> & {

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

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

package/dist/components/MobileButton/index.js

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

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

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

package/dist/components/MobileButton/ui/MobileButton.js

@@ -0,0 +1,65 @@
+import { jsxs as u, jsx as s } from "react/jsx-runtime";
+import { c as f } from "../../../index-DIxK0V-G.js";
+const b = "_btnCommon_uvpf8_1", w = "_whiteFilled_uvpf8_34", n = {
+  btnCommon: b,
+  "auto-width": "_auto-width_uvpf8_18",
+  "full-width": "_full-width_uvpf8_22",
+  "small-size": "_small-size_uvpf8_26",
+  whiteFilled: w
+}, _ = f.bind(n), x = ({
+  size: e = "small",
+  pre: l = !1,
+  children: m = "",
+  post: t = !1,
+  variant: o = "whiteFilled",
+  width: a = "auto",
+  additionalClass: c,
+  ...i
+}) => {
+  if (i.as === "link") {
+    const { as: $, ...h } = i;
+    return /* @__PURE__ */ u(
+      "a",
+      {
+        className: _(
+          n.btnCommon,
+          n[`${e}-size`],
+          n[`${o}`],
+          { [n.btnCommonInline]: l || t },
+          n[`${a}-width`],
+          `${c ?? ""}`
+        ),
+        ...h,
+        children: [
+          l && /* @__PURE__ */ s("span", { children: l }),
+          m,
+          t && /* @__PURE__ */ s("span", { children: t })
+        ]
+      }
+    );
+  }
+  const { as: r, ...d } = i;
+  return /* @__PURE__ */ u(
+    "button",
+    {
+      className: _(
+        n.btnCommon,
+        n[`${e}-size`],
+        n[`${o}`],
+        { [n.btnCommonInline]: l || t },
+        n[`${a}-width`],
+        `${c ?? ""}`
+      ),
+      ...d,
+      children: [
+        l && /* @__PURE__ */ s("span", { children: l }),
+        m,
+        t && /* @__PURE__ */ s("span", { children: t })
+      ]
+    }
+  );
+};
+export {
+  x as MobileButton,
+  x as default
+};

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

@@ -0,0 +1,24 @@
+import { ReactNode } from 'react';
+
+type btnWidth = 'auto' | 'full';
+export declare const MOBILE_BUTTON_VARIANTS: {
+    whiteFilled: string;
+};
+export type mobileBtnVariant = keyof typeof MOBILE_BUTTON_VARIANTS;
+type btnSizes = 'small';
+interface MobileButtonProps {
+    size?: btnSizes;
+    pre?: ReactNode;
+    post?: ReactNode;
+    children?: string;
+    variant?: mobileBtnVariant;
+    width?: btnWidth;
+    additionalClass?: string;
+    as?: 'button' | 'link';
+}
+export type ComponentProps = MobileButtonProps & ((React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    as?: 'button';
+}) | (React.AnchorHTMLAttributes<HTMLAnchorElement> & {
+    as: 'link';
+} & Required<Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>>));
+export {};

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

@@ -0,0 +1,6 @@
+const e = {
+  whiteFilled: "whiteFilled"
+};
+export {
+  e as MOBILE_BUTTON_VARIANTS
+};

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

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

package/dist/components/NewIcon/index.js

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

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

@@ -0,0 +1,8 @@
+type IconComponentProps = {
+    name: string;
+    size?: string;
+    color?: string;
+    addClass?: string;
+};
+export declare const NewIcon: ({ name, size, color, addClass }: IconComponentProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/NewIcon/ui/NewIcon.js

@@ -0,0 +1,108 @@
+import { jsx as o } from "react/jsx-runtime";
+import * as e from "react";
+import { forwardRef as a } from "react";
+const s = ({
+  title: t,
+  titleId: r,
+  ...l
+}, n) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ref: n, "aria-labelledby": r, ...l }, t ? /* @__PURE__ */ e.createElement("title", { id: r }, t) : null, /* @__PURE__ */ e.createElement("path", { d: "M11.9999 2V6.44444M19.071 4.92893L15.9283 8.07163M22 12.0002H17.5555M19.071 19.071L15.9283 15.9283M11.9999 17.5556V22M8.07154 15.9284L4.92883 19.0711M6.44446 12.0002H2", stroke: "currentColor", strokeLinecap: "round" })), w = a(s), m = ({
+  title: t,
+  titleId: r,
+  ...l
+}, n) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: n, "aria-labelledby": r, ...l }, t ? /* @__PURE__ */ e.createElement("title", { id: r }, t) : null, /* @__PURE__ */ e.createElement("g", { clipPath: "url(#clip0_116_47)" }, /* @__PURE__ */ e.createElement("rect", { x: 10.5078, y: 3.5, width: 5, height: 5, rx: 2.5, transform: "rotate(90 10.5078 3.5)", stroke: "currentColor" }), /* @__PURE__ */ e.createElement("path", { d: "M3.00015 6H5.00015", stroke: "currentColor", strokeLinecap: "square" }), /* @__PURE__ */ e.createElement("path", { d: "M10.5335 6L21 6", stroke: "currentColor", strokeLinecap: "square" }), /* @__PURE__ */ e.createElement("rect", { x: 13.4922, y: 14.5, width: 5, height: 5, rx: 2.5, transform: "rotate(-90 13.4922 14.5)", stroke: "currentColor" }), /* @__PURE__ */ e.createElement("path", { d: "M21.0001 12L19.0001 12", stroke: "currentColor", strokeLinecap: "square" }), /* @__PURE__ */ e.createElement("path", { d: "M13.4665 12L3 12", stroke: "currentColor", strokeLinecap: "square" }), /* @__PURE__ */ e.createElement("rect", { x: 10.5078, y: 15.5001, width: 5, height: 5, rx: 2.5, transform: "rotate(90 10.5078 15.5001)", stroke: "currentColor" }), /* @__PURE__ */ e.createElement("path", { d: "M3.00013 18H5.00013", stroke: "currentColor", strokeLinecap: "square" }), /* @__PURE__ */ e.createElement("path", { d: "M10.5335 18.0001L21 18.0001", stroke: "currentColor", strokeLinecap: "square" })), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", { id: "clip0_116_47" }, /* @__PURE__ */ e.createElement("rect", { width: 24, height: 24, fill: "none" })))), i = a(m), d = ({
+  title: t,
+  titleId: r,
+  ...l
+}, n) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: n, "aria-labelledby": r, ...l }, t ? /* @__PURE__ */ e.createElement("title", { id: r }, t) : null, /* @__PURE__ */ e.createElement("path", { d: "M12 5H19V12", stroke: "currentColor" }), /* @__PURE__ */ e.createElement("path", { d: "M12 19L5 19L5 12", stroke: "currentColor" })), u = a(d), g = ({
+  title: t,
+  titleId: r,
+  ...l
+}, n) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: n, "aria-labelledby": r, ...l }, t ? /* @__PURE__ */ e.createElement("title", { id: r }, t) : null, /* @__PURE__ */ e.createElement("path", { d: "M7.42857 5L7.42857 19M7.42857 19L10.8571 15.2941M7.42857 19L4 15.2941", stroke: "currentColor" }), /* @__PURE__ */ e.createElement("path", { d: "M16.5714 19L16.5714 5M16.5714 5L13.1429 8.70588M16.5714 5L20 8.70588", stroke: "currentColor" })), h = a(g), v = ({
+  title: t,
+  titleId: r,
+  ...l
+}, n) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: n, "aria-labelledby": r, ...l }, t ? /* @__PURE__ */ e.createElement("title", { id: r }, t) : null, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.9938 5.91615C10.1944 3.81913 7.19377 3.25504 4.93923 5.17528C2.68468 7.09552 2.36727 10.3061 4.13778 12.5771C5.60984 14.4654 10.0648 18.4478 11.5249 19.7368C11.6882 19.881 11.7699 19.9531 11.8652 19.9815C11.9483 20.0062 12.0393 20.0062 12.1225 19.9815C12.2178 19.9531 12.2994 19.881 12.4628 19.7368C13.9229 18.4478 18.3778 14.4654 19.8499 12.5771C21.6204 10.3061 21.3417 7.07532 19.0484 5.17528C16.7551 3.27524 13.7933 3.81913 11.9938 5.91615Z", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" })), p = a(v), E = ({
+  title: t,
+  titleId: r,
+  ...l
+}, n) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: n, "aria-labelledby": r, ...l }, t ? /* @__PURE__ */ e.createElement("title", { id: r }, t) : null, /* @__PURE__ */ e.createElement("path", { d: "M12 4V13M16 10L12.7071 13.2929C12.3166 13.6834 11.6834 13.6834 11.2929 13.2929L8 10M20 20H4", stroke: "currentColor", strokeLinecap: "round" })), C = a(E), M = ({
+  title: t,
+  titleId: r,
+  ...l
+}, n) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", ref: n, "aria-labelledby": r, ...l }, t ? /* @__PURE__ */ e.createElement("title", { id: r }, t) : null, /* @__PURE__ */ e.createElement("path", { fill: "currentColor", d: "M11.86 11.648c1.271 0 2.373-.456 3.273-1.356.9-.9 1.357-2.002 1.357-3.274 0-1.272-.457-2.374-1.357-3.274-.9-.9-2.002-1.356-3.274-1.356-1.272 0-2.374.456-3.274 1.356-.9.9-1.356 2.002-1.356 3.274 0 1.272.456 2.374 1.356 3.274.9.9 2.002 1.356 3.274 1.356ZM19.961 17.17a11.42 11.42 0 0 0-.156-1.215 9.577 9.577 0 0 0-.298-1.22 6.027 6.027 0 0 0-.503-1.14 4.296 4.296 0 0 0-.757-.987 3.339 3.339 0 0 0-1.087-.683 3.758 3.758 0 0 0-1.389-.251c-.196 0-.386.08-.752.319-.226.147-.49.317-.784.505-.252.16-.593.311-1.014.447a4.03 4.03 0 0 1-1.241.2c-.412 0-.83-.067-1.24-.2-.422-.136-.763-.286-1.015-.446-.291-.187-.555-.357-.784-.506-.366-.239-.556-.32-.753-.32-.5 0-.966.085-1.388.252a3.336 3.336 0 0 0-1.088.684c-.285.273-.54.605-.756.986-.21.367-.378.75-.502 1.14-.12.375-.221.786-.3 1.22A11.4 11.4 0 0 0 4 17.172c-.025.368-.038.75-.038 1.135 0 1.003.319 1.816.948 2.415.621.591 1.443.891 2.443.891h9.257c1 0 1.821-.3 2.443-.89.629-.6.948-1.412.948-2.416 0-.388-.013-.77-.039-1.136Z" })), f = a(M), L = ({
+  title: t,
+  titleId: r,
+  ...l
+}, n) => /* @__PURE__ */ e.createElement("svg", { fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: n, "aria-labelledby": r, ...l }, t ? /* @__PURE__ */ e.createElement("title", { id: r }, t) : null, /* @__PURE__ */ e.createElement("path", { d: "M7.11 17H6v-6.832h2.072l1.998 5.67h.296l1.999-5.67h2.072V17h-1.11v-5.602h-.296L11.033 17H9.404l-1.998-5.602H7.11V17ZM15.522 10.988v-.684l2.072-1.981c.158-.146.271-.278.34-.396a.826.826 0 0 0 .104-.424.72.72 0 0 0-.222-.533c-.148-.146-.345-.218-.592-.218-.267 0-.484.072-.651.218-.158.137-.237.337-.237.601h-.888c0-.446.167-.82.503-1.12.335-.3.76-.451 1.273-.451.513 0 .922.141 1.228.424.316.273.474.633.474 1.08 0 .282-.06.518-.178.71-.108.182-.296.4-.562.656l-1.332 1.298v.068H19v.752h-3.478Z", fill: "currentColor" })), k = a(L), x = ({
+  title: t,
+  titleId: r,
+  ...l
+}, n) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: n, "aria-labelledby": r, ...l }, t ? /* @__PURE__ */ e.createElement("title", { id: r }, t) : null, /* @__PURE__ */ e.createElement("path", { d: "M19 7L9.66667 17L5 12", stroke: "currentColor", strokeLinecap: "square", strokeLinejoin: "round" })), b = a(x), y = ({
+  title: t,
+  titleId: r,
+  ...l
+}, n) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: n, "aria-labelledby": r, ...l }, t ? /* @__PURE__ */ e.createElement("title", { id: r }, t) : null, /* @__PURE__ */ e.createElement("path", { d: "M5.99997 6L18 18.0001", stroke: "currentColor" }), /* @__PURE__ */ e.createElement("path", { d: "M18.0001 6L6.00003 18.0001", stroke: "currentColor" })), R = a(y), S = ({
+  title: t,
+  titleId: r,
+  ...l
+}, n) => /* @__PURE__ */ e.createElement("svg", { fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: n, "aria-labelledby": r, ...l }, t ? /* @__PURE__ */ e.createElement("title", { id: r }, t) : null, /* @__PURE__ */ e.createElement("path", { d: "m16.25 10.366-4.06 2.043a.424.424 0 0 1-.38 0l-4.06-2.043m8.5 0 3.493-1.758a.427.427 0 0 0 0-.762l-7.552-3.8a.424.424 0 0 0-.382 0l-7.552 3.8a.427.427 0 0 0 0 .762l3.493 1.758m8.5 0 3.507 1.766a.41.41 0 0 1 0 .747l-3.507 1.766m-8.5-4.279-3.507 1.766a.41.41 0 0 0 0 .747l3.507 1.766m0 0L4.243 16.41a.41.41 0 0 0 0 .747l7.528 3.79a.516.516 0 0 0 .458 0l7.528-3.79a.41.41 0 0 0 0-.747l-3.507-1.765m-8.5 0 4.02 2.023a.515.515 0 0 0 .46 0l4.02-2.023", stroke: "currentColor" })), F = a(S), H = ({
+  title: t,
+  titleId: r,
+  ...l
+}, n) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: n, "aria-labelledby": r, ...l }, t ? /* @__PURE__ */ e.createElement("title", { id: r }, t) : null, /* @__PURE__ */ e.createElement("path", { d: "M5 12H19", stroke: "currentColor" })), $ = a(H), B = ({
+  title: t,
+  titleId: r,
+  ...l
+}, n) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: n, "aria-labelledby": r, ...l }, t ? /* @__PURE__ */ e.createElement("title", { id: r }, t) : null, /* @__PURE__ */ e.createElement("path", { d: "M20.0271 17.7683C19.4144 17.8984 18.7788 17.9669 18.1273 17.9669C13.1019 17.9669 9.02797 13.893 9.02797 8.86758C9.02797 6.63171 9.83439 4.58419 11.1722 3C7.05879 3.87373 3.97278 7.52682 3.97278 11.9007C3.97278 16.9261 8.04668 21 13.0721 21C15.8616 21 18.358 19.7447 20.0271 17.7683Z", stroke: "currentColor", strokeLinejoin: "round" })), V = a(B), q = ({
+  title: t,
+  titleId: r,
+  ...l
+}, n) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: n, "aria-labelledby": r, ...l }, t ? /* @__PURE__ */ e.createElement("title", { id: r }, t) : null, /* @__PURE__ */ e.createElement("path", { d: "M5 12.5C5 9.13823 5 7.45734 5.71653 6.49727C6.35659 5.63964 7.34765 5.0959 8.43174 5.00756C9.64533 4.90868 11.119 5.78102 14.0664 7.52571C16.8259 9.15915 18.2056 9.97587 18.6811 11.0259C19.1063 11.9649 19.1063 13.0351 18.6811 13.9741C18.2056 15.0241 16.8259 15.8409 14.0664 17.4743C11.119 19.219 9.64533 20.0913 8.43174 19.9924C7.34765 19.9041 6.35659 19.3604 5.71653 18.5027C5 17.5427 5 15.8618 5 12.5Z", fill: "currentColor" })), Z = a(q), j = ({
+  title: t,
+  titleId: r,
+  ...l
+}, n) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: n, "aria-labelledby": r, ...l }, t ? /* @__PURE__ */ e.createElement("title", { id: r }, t) : null, /* @__PURE__ */ e.createElement("path", { d: "M5 12H19", stroke: "currentColor" }), /* @__PURE__ */ e.createElement("path", { d: "M12.0001 5L12.0001 19", stroke: "currentColor" })), P = a(j), _ = ({
+  title: t,
+  titleId: r,
+  ...l
+}, n) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: n, "aria-labelledby": r, ...l }, t ? /* @__PURE__ */ e.createElement("title", { id: r }, t) : null, /* @__PURE__ */ e.createElement("path", { d: "M9.52381 17.6V12.3111M9.52381 12.3111V6.40002H13.0444C14.6768 6.40002 16 7.72327 16 9.35558V9.35558C16 10.9879 14.6768 12.3111 13.0444 12.3111H9.52381ZM9.52381 12.3111H8", stroke: "currentColor" }), /* @__PURE__ */ e.createElement("path", { d: "M8 15.2001L12.5714 15.2001", stroke: "currentColor" })), A = a(_), N = ({
+  title: t,
+  titleId: r,
+  ...l
+}, n) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: n, "aria-labelledby": r, ...l }, t ? /* @__PURE__ */ e.createElement("title", { id: r }, t) : null, /* @__PURE__ */ e.createElement("path", { d: "M12 13.6875V4.0625M12 4.0625L8.5 7.45438M12 4.0625L15.5 7.45438", stroke: "currentColor" }), /* @__PURE__ */ e.createElement("path", { d: "M7.25 7.5625L5 7.5625V18.9375H19V7.5625H16.8125", stroke: "currentColor" })), T = a(N), D = ({
+  title: t,
+  titleId: r,
+  ...l
+}, n) => /* @__PURE__ */ e.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: n, "aria-labelledby": r, ...l }, t ? /* @__PURE__ */ e.createElement("title", { id: r }, t) : null, /* @__PURE__ */ e.createElement("path", { d: "M12 2V4M19.0711 4.92893L17.6569 6.34315M22 12H20M19.0711 19.0711L17.6569 17.6569M12 20V22M6.34314 17.6569L4.92893 19.0711M4.00008 12.0001H2.00008M6.34311 6.34322L4.92889 4.92901M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12Z", stroke: "currentColor", strokeLinecap: "round" })), U = a(D), G = {
+  loader: () => /* @__PURE__ */ o(w, {}),
+  filter: () => /* @__PURE__ */ o(i, {}),
+  fullscreen: () => /* @__PURE__ */ o(u, {}),
+  twoArrows: () => /* @__PURE__ */ o(h, {}),
+  heart: () => /* @__PURE__ */ o(p, {}),
+  download: () => /* @__PURE__ */ o(C, {}),
+  user: () => /* @__PURE__ */ o(f, {}),
+  squareMeter: () => /* @__PURE__ */ o(k, {}),
+  check: () => /* @__PURE__ */ o(b, {}),
+  close: () => /* @__PURE__ */ o(R, {}),
+  layers: () => /* @__PURE__ */ o(F, {}),
+  minus: () => /* @__PURE__ */ o($, {}),
+  moon: () => /* @__PURE__ */ o(V, {}),
+  play: () => /* @__PURE__ */ o(Z, {}),
+  plus: () => /* @__PURE__ */ o(P, {}),
+  ruble: () => /* @__PURE__ */ o(A, {}),
+  share: () => /* @__PURE__ */ o(T, {}),
+  sun: () => /* @__PURE__ */ o(U, {})
+}, O = ({ name: t, size: r = "24", color: l, addClass: n }) => {
+  const c = G[t];
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      style: { color: l, width: r + "px", height: r + "px" },
+      className: n ?? "",
+      children: /* @__PURE__ */ o(c, {})
+    }
+  );
+};
+export {
+  O as NewIcon
+};

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export type ReactSVGComponent = React.FunctionComponent<React.SVGProps<SVGSVGElement> & {
+    title?: string;
+}>;
+declare module "*.svg" {
+    const ReactComponent: ReactSVGComponent;
+    const src: string;
+}

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

@@ -0,0 +1 @@
+

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

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

package/dist/components/Tag/index.js

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

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

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

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

@@ -0,0 +1,34 @@
+import { jsx as e } from "react/jsx-runtime";
+import { c as n } from "../../../index-DIxK0V-G.js";
+const r = "_tagCommon_k1b5t_1", d = "_red_k1b5t_40", c = "_gray_k1b5t_46", t = {
+  tagCommon: r,
+  "auto-width": "_auto-width_k1b5t_16",
+  "full-width": "_full-width_k1b5t_20",
+  "medium-size": "_medium-size_k1b5t_24",
+  "tiny-size": "_tiny-size_k1b5t_32",
+  red: d,
+  gray: c
+}, g = n.bind(t), k = ({
+  size: o = "medium",
+  children: _ = "",
+  variant: m = "gray",
+  width: i = "auto",
+  additionalClass: s,
+  ...a
+}) => /* @__PURE__ */ e(
+  "div",
+  {
+    className: g(
+      t.tagCommon,
+      t[`${o}-size`],
+      t[`${m}`],
+      t[`${i}-width`],
+      `${s ?? ""}`
+    ),
+    ...a,
+    children: _
+  }
+);
+export {
+  k as Tag
+};

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

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+
+type btnWidth = 'auto' | 'full';
+export declare const TAG_VARIANTS: {
+    red: string;
+    gray: string;
+};
+export type tagVariant = keyof typeof TAG_VARIANTS;
+type tagSizes = 'medium' | 'tiny';
+interface MobileButtonProps {
+    size?: tagSizes;
+    children?: string | ReactNode;
+    variant?: tagVariant;
+    width?: btnWidth;
+    additionalClass?: string;
+}
+export type ComponentProps = MobileButtonProps & React.HTMLAttributes<HTMLDivElement>;
+export {};

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

@@ -0,0 +1,7 @@
+const r = {
+  red: "red",
+  gray: "gray"
+};
+export {
+  r as TAG_VARIANTS
+};

package/dist/index-DIxK0V-G.js

@@ -0,0 +1,44 @@
+function u(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var f = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(e) {
+  (function() {
+    var i = {}.hasOwnProperty;
+    function s() {
+      for (var t = "", r = 0; r < arguments.length; r++) {
+        var n = arguments[r];
+        n && (t = o(t, a(n)));
+      }
+      return t;
+    }
+    function a(t) {
+      if (typeof t == "string" || typeof t == "number")
+        return t;
+      if (typeof t != "object")
+        return "";
+      if (Array.isArray(t))
+        return s.apply(null, t);
+      if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
+        return t.toString();
+      var r = "";
+      for (var n in t)
+        i.call(t, n) && t[n] && (r = o(r, n));
+      return r;
+    }
+    function o(t, r) {
+      return r ? t ? t + " " + r : t + r : t;
+    }
+    e.exports ? (s.default = s, e.exports = s) : window.classNames = s;
+  })();
+})(f);
+var c = f.exports;
+const p = /* @__PURE__ */ u(c);
+export {
+  p as c
+};

package/dist/main.d.ts

@@ -1 +1,3 @@
 export { Button } from './components/Button';
+export { MobileButton } from './components/MobileButton';
+export { NewIcon } from './components/NewIcon';

package/dist/main.js

@@ -1,4 +1,8 @@
-import { default as a } from "./components/Button/ui/Button.js";
+import { Button as r } from "./components/Button/ui/Button.js";
+import { MobileButton as f } from "./components/MobileButton/ui/MobileButton.js";
+import { NewIcon as n } from "./components/NewIcon/ui/NewIcon.js";
 export {
-  a as Button
+  r as Button,
+  f as MobileButton,
+  n as NewIcon
 };

package/dist/style.css

@@ -1 +1 @@
-._btnCommon_4cp41_1{font-family:inherit;font-weight:500;display:flex;justify-content:center;align-items:center;box-sizing:border-box;text-align:center;border:1px solid transparent;border-radius:48px;cursor:pointer}._btnCommon_4cp41_1:disabled{opacity:.2}._auto-width_4cp41_17{width:auto}._full-width_4cp41_21{width:100%}._l-size_4cp41_25{font-size:16px;line-height:24px;min-height:48px;padding:11px 23px;gap:8px}._m-size_4cp41_33{font-size:14px;line-height:20px;min-height:40px;padding:9px 15px;gap:8px}._s-size_4cp41_41{font-size:12px;line-height:16px;min-height:32px;padding:7px 11px;gap:8px}._xs-size_4cp41_49{font-size:10px;line-height:12px;min-height:24px;padding:5px 11px;gap:4px}._blue_4cp41_57{background:#015ff9;border:1px solid #015ff9;color:#fff}._blue_4cp41_57:hover,._blue_4cp41_57:focus{background:#024ac0;border:1px solid #024ac0}._blue_4cp41_57:active{background:#0645aa;border:1px solid #0645aa}._sokolniki_4cp41_71{background:#60663e;border:1px solid #60663e;color:#fff}._sokolniki_4cp41_71:hover,._sokolniki_4cp41_71:focus{background:#494f29;border:1px solid #494f29}._sokolniki_4cp41_71:active{background:#303519;border:1px solid #303519}._black_4cp41_85{background:#141416;border:1px solid #141416;color:#fff}._black_4cp41_85:hover,._black_4cp41_85:focus{background:#23262f;border:1px solid #353945}._black_4cp41_85:active{background:#353945;border:1px solid #777e90}._gray_4cp41_99{background:#f4f5f6;border:1px solid #f4f5f6;color:#777e90}._gray_4cp41_99:hover,._gray_4cp41_99:focus{background:#f4f5f6;border:1px solid #b1b5c3}._gray_4cp41_99:active{background:#e6e8ec;border:1px solid #b1b5c3}._whiteStroke_4cp41_113{background:#fff;border:1px solid #e6e8ec;color:#141416}._whiteStroke_4cp41_113:hover,._whiteStroke_4cp41_113:focus{border:1px solid #b1b5c3}._whiteStroke_4cp41_113:active{border:1px solid #141416}._whiteFilled_4cp41_125{background:#fff;border:1px solid #ffffff;color:#141416}._whiteFilled_4cp41_125:hover,._whiteFilled_4cp41_125:focus{background:#fcfcfd;border:1px solid #f4f5f6}._whiteFilled_4cp41_125:active{background:#f4f5f6;border:1px solid #f4f5f6}
+._tagCommon_k1b5t_1{font-family:inherit;font-weight:500;display:flex;justify-content:center;align-items:center;box-sizing:border-box;text-align:center;border:1px solid transparent;border-radius:48px}._tagCommon_k1b5t_1:disabled{opacity:.2}._auto-width_k1b5t_16{width:auto}._full-width_k1b5t_20{width:100%}._medium-size_k1b5t_24{font-size:14px;line-height:20px;min-height:40px;padding:9px 15px;gap:8px}._tiny-size_k1b5t_32{font-size:10px;line-height:12px;min-height:24px;padding:5px;gap:4px}._red_k1b5t_40{background:#ec5353;border:1px solid #ec5353;color:#fff}._gray_k1b5t_46{background:#f4f5f6;border:1px solid #f4f5f6;color:#353945}._btnCommon_uvpf8_1{font-family:inherit;font-weight:500;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;text-align:center;border:1px solid transparent;border-radius:48px;cursor:pointer}._btnCommon_uvpf8_1:disabled{opacity:.2}._auto-width_uvpf8_18{width:auto}._full-width_uvpf8_22{width:100%}._small-size_uvpf8_26{font-size:10px;line-height:12px;min-height:56px;padding:7px 11px;gap:4px}._whiteFilled_uvpf8_34{background:#fff;border:1px solid #ffffff;color:#777e90}._whiteFilled_uvpf8_34:hover{background:#fcfcfd;border:1px solid #f4f5f6}._whiteFilled_uvpf8_34:active{background:#f4f5f6;border:1px solid #f4f5f6}._btnCommon_15ot8_1{font-family:inherit;font-weight:500;display:flex;justify-content:center;align-items:center;box-sizing:border-box;text-align:center;border:1px solid transparent;border-radius:48px;cursor:pointer}._btnCommon_15ot8_1:disabled{opacity:.2}._auto-width_15ot8_17{width:auto}._full-width_15ot8_21{width:100%}._large-size_15ot8_25{font-size:16px;line-height:24px;min-height:48px;padding:11px 23px;gap:8px}._medium-size_15ot8_33{font-size:14px;line-height:20px;min-height:40px;padding:9px 15px;gap:8px}._small-size_15ot8_41{font-size:12px;line-height:16px;min-height:32px;padding:7px 11px;gap:8px}._tiny-size_15ot8_49{font-size:10px;line-height:12px;min-height:24px;padding:5px 11px;gap:4px}._blue_15ot8_57{background:#015ff9;border:1px solid #015ff9;color:#fff}._blue_15ot8_57:hover{background:#024ac0;border:1px solid #024ac0}._blue_15ot8_57:active{background:#0645aa;border:1px solid #0645aa}._sokolniki_15ot8_71{background:#60663e;border:1px solid #60663e;color:#fff}._sokolniki_15ot8_71:hover{background:#494f29;border:1px solid #494f29}._sokolniki_15ot8_71:active{background:#303519;border:1px solid #303519}._black_15ot8_85{background:#141416;border:1px solid #141416;color:#fff}._black_15ot8_85:hover{background:#23262f;border:1px solid #353945}._black_15ot8_85:active{background:#353945;border:1px solid #777e90}._gray_15ot8_99{background:#f4f5f6;border:1px solid #f4f5f6;color:#777e90}._gray_15ot8_99:hover{background:#f4f5f6;border:1px solid #b1b5c3}._gray_15ot8_99:active{background:#e6e8ec;border:1px solid #b1b5c3}._whiteStroke_15ot8_113{background:#fff;border:1px solid #e6e8ec;color:#141416}._whiteStroke_15ot8_113:hover{border:1px solid #b1b5c3}._whiteStroke_15ot8_113:active{border:1px solid #141416}._whiteFilled_15ot8_125{background:#fff;border:1px solid #ffffff;color:#141416}._whiteFilled_15ot8_125:hover{background:#fcfcfd;border:1px solid #f4f5f6}._whiteFilled_15ot8_125:active{background:#f4f5f6;border:1px solid #f4f5f6}@keyframes _LoaderSpin_15ot8_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._loader_15ot8_147{animation:_LoaderSpin_15ot8_1 1.4s infinite linear}

package/package.json

@@ -2,7 +2,7 @@
 	"name": "stone-kit",
 	"description": "uikit for redesign",
 	"private": false,
-	"version": "0.0.16",
+	"version": "0.0.18",
 	"author": "Mollycodd1e",
 	"license": "ISC",
 	"type": "module",