mbt-ui-kit 0.1.12 → 0.1.13

package/dist/components/input/input.d.ts

@@ -1,4 +1,4 @@
-import type { InputHTMLAttributes, ReactNode } from "react";
+import { type InputHTMLAttributes, type ReactNode } from "react";
 /**
  * Input component props
  *
@@ -96,5 +96,5 @@ export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>,
  * />
  * ```
  */
-export declare function Input({ label, muted, showSearchIcon, icon, fullWidth, className, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
+export declare const Input: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=input.d.ts.map

package/dist/components/input/input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/components/input/input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG5D;;;;;GAKG;AACH,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC3D;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;;;;;;;;OAWG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;;;;;;;;OASG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;;;;;;;OASG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;;;;;;;;;OAWG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,wBAAgB,KAAK,CAAC,EACpB,KAAK,EACL,KAAa,EACb,cAAsB,EACtB,IAAI,EACJ,SAAiB,EACjB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,UAAU,2CAkDZ"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/components/input/input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,mBAAmB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG7E;;;;;GAKG;AACH,MAAM,WAAW,UAAW,SAAQ,IAAI,CACtC,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,CACP;IACC;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;;;;;;;;OAWG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;;;;;;;;OASG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;;;;;;;OASG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;;;;;;;;;OAWG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,eAAO,MAAM,KAAK,yGA4DjB,CAAC"}

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./tokens-Bcuwagjb.cjs"),t=require("react/jsx-runtime");function p({size:e="md",className:s,...n}){const o=["mbt-loader",`mbt-loader--${e}`,s].filter(Boolean).join(" ");return t.jsxs("span",{className:o,...n,children:[t.jsx("span",{className:"mbt-loader__dot"}),t.jsx("span",{className:"mbt-loader__dot"}),t.jsx("span",{className:"mbt-loader__dot"})]})}function h({children:e,fullWidth:s,disabled:n,loading:o,variant:a="primary",className:r,...l}){const c=n||o,u=["mbt-button",a&&`mbt-button--${a}`,s&&"mbt-button--full-width",n&&"mbt-button--disabled",o&&"mbt-button--loading",r].filter(Boolean).join(" ");return t.jsxs("button",{type:"button",className:u,disabled:c,...l,children:[t.jsx("span",{className:"mbt-button__content",children:e}),o&&t.jsx(p,{size:"md",className:"mbt-button__loader"})]})}function f({className:e}){return t.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:e,children:[t.jsx("circle",{cx:"11",cy:"11",r:"8",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),t.jsx("path",{d:"m21 21-4.34-4.34",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})}function _({label:e,muted:s=!1,showSearchIcon:n=!1,icon:o,fullWidth:a=!1,className:r,...l}){const c=["mbt-input",a&&"mbt-input--full-width",r].filter(Boolean).join(" "),u=["mbt-input__label",s&&"mbt-input__label--muted"].filter(Boolean).join(" "),m=["mbt-input__wrapper",s&&"mbt-input__wrapper--muted"].filter(Boolean).join(" "),d=["mbt-input__field",s&&"mbt-input__field--muted"].filter(Boolean).join(" "),x=["mbt-input__icon",s&&"mbt-input__icon--muted"].filter(Boolean).join(" "),b=o||n&&t.jsx(f,{});return t.jsx("div",{className:c,children:t.jsxs("div",{className:"mbt-input__container",children:[e&&t.jsx("label",{className:u,children:e}),t.jsxs("div",{className:m,children:[t.jsx("input",{type:"text",className:d,...l}),b&&t.jsx("div",{className:x,children:b})]})]})})}function N({level:e,children:s,className:n,...o}){const a=`h${e}`,r=[`mbt-h${e}`,n].filter(Boolean).join(" ");return t.jsx(a,{className:r,...o,children:s})}function k({children:e,strong:s=!1,small:n=!1,label:o=!1,muted:a=!1,disableFontFeatures:r=!1,as:l="p",className:c,...u}){const m=l,d=["mbt-text",s&&"mbt-text--strong",n&&"mbt-text--small",o&&"mbt-text--label",a&&"mbt-text--muted",r&&"mbt-text--no-features",c].filter(Boolean).join(" ");return t.jsx(m,{className:d,...u,children:e})}function g({children:e,large:s=!1,muted:n=!1,as:o="div",className:a,...r}){const l=o,c=["mbt-metric",s&&"mbt-metric--large",n&&"mbt-metric--muted",a].filter(Boolean).join(" ");return t.jsx(l,{className:c,...r,children:e})}function j({className:e}){return t.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:e,children:[t.jsx("path",{d:"M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),t.jsx("path",{d:"M22 10v6",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),t.jsx("path",{d:"M6 12.5V16a6 3 0 0 0 12 0v-3.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})}function w({children:e,icon:s,selected:n=!1,small:o=!1,disabled:a,className:r,...l}){const c=["mbt-menu-button",n&&"mbt-menu-button--selected",o&&"mbt-menu-button--small",r].filter(Boolean).join(" "),u=s??t.jsx(j,{});return t.jsxs("button",{type:"button",className:c,disabled:a,"aria-pressed":n,...l,children:[t.jsx("div",{className:"mbt-menu-button__icon",children:u}),t.jsx("span",{className:"mbt-menu-button__text",children:e})]})}exports.colors=i.colors;exports.fontFeatures=i.fontFeatures;exports.fontSizes=i.fontSizes;exports.fontWeights=i.fontWeights;exports.fonts=i.fonts;exports.radius=i.radius;exports.spacing=i.spacing;exports.tokens=i.tokens;exports.transitions=i.transitions;exports.zIndex=i.zIndex;exports.Button=h;exports.GraduationCapIcon=j;exports.Heading=N;exports.Input=_;exports.Loader=p;exports.MenuButton=w;exports.Metric=g;exports.SearchIcon=f;exports.Text=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./tokens-Bcuwagjb.cjs"),t=require("react/jsx-runtime"),_=require("react");function f({size:e="md",className:s,...n}){const o=["mbt-loader",`mbt-loader--${e}`,s].filter(Boolean).join(" ");return t.jsxs("span",{className:o,...n,children:[t.jsx("span",{className:"mbt-loader__dot"}),t.jsx("span",{className:"mbt-loader__dot"}),t.jsx("span",{className:"mbt-loader__dot"})]})}function N({children:e,fullWidth:s,disabled:n,loading:o,variant:a="primary",className:r,...l}){const c=n||o,u=["mbt-button",a&&`mbt-button--${a}`,s&&"mbt-button--full-width",n&&"mbt-button--disabled",o&&"mbt-button--loading",r].filter(Boolean).join(" ");return t.jsxs("button",{type:"button",className:u,disabled:c,...l,children:[t.jsx("span",{className:"mbt-button__content",children:e}),o&&t.jsx(f,{size:"md",className:"mbt-button__loader"})]})}function p({className:e}){return t.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:e,children:[t.jsx("circle",{cx:"11",cy:"11",r:"8",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),t.jsx("path",{d:"m21 21-4.34-4.34",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})}const k=_.forwardRef(({label:e,muted:s=!1,showSearchIcon:n=!1,icon:o,fullWidth:a=!1,className:r,...l},c)=>{const u=["mbt-input",a&&"mbt-input--full-width",r].filter(Boolean).join(" "),m=["mbt-input__label",s&&"mbt-input__label--muted"].filter(Boolean).join(" "),d=["mbt-input__wrapper",s&&"mbt-input__wrapper--muted"].filter(Boolean).join(" "),x=["mbt-input__field",s&&"mbt-input__field--muted"].filter(Boolean).join(" "),h=["mbt-input__icon",s&&"mbt-input__icon--muted"].filter(Boolean).join(" "),b=o||n&&t.jsx(p,{});return t.jsx("div",{className:u,children:t.jsxs("div",{className:"mbt-input__container",children:[e&&t.jsx("label",{className:m,children:e}),t.jsxs("div",{className:d,children:[t.jsx("input",{ref:c,type:"text",className:x,...l}),b&&t.jsx("div",{className:h,children:b})]})]})})});function g({level:e,children:s,className:n,...o}){const a=`h${e}`,r=[`mbt-h${e}`,n].filter(Boolean).join(" ");return t.jsx(a,{className:r,...o,children:s})}function w({children:e,strong:s=!1,small:n=!1,label:o=!1,muted:a=!1,disableFontFeatures:r=!1,as:l="p",className:c,...u}){const m=l,d=["mbt-text",s&&"mbt-text--strong",n&&"mbt-text--small",o&&"mbt-text--label",a&&"mbt-text--muted",r&&"mbt-text--no-features",c].filter(Boolean).join(" ");return t.jsx(m,{className:d,...u,children:e})}function B({children:e,large:s=!1,muted:n=!1,as:o="div",className:a,...r}){const l=o,c=["mbt-metric",s&&"mbt-metric--large",n&&"mbt-metric--muted",a].filter(Boolean).join(" ");return t.jsx(l,{className:c,...r,children:e})}function j({className:e}){return t.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:e,children:[t.jsx("path",{d:"M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),t.jsx("path",{d:"M22 10v6",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),t.jsx("path",{d:"M6 12.5V16a6 3 0 0 0 12 0v-3.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})}function L({children:e,icon:s,selected:n=!1,small:o=!1,disabled:a,className:r,...l}){const c=["mbt-menu-button",n&&"mbt-menu-button--selected",o&&"mbt-menu-button--small",r].filter(Boolean).join(" "),u=s??t.jsx(j,{});return t.jsxs("button",{type:"button",className:c,disabled:a,"aria-pressed":n,...l,children:[t.jsx("div",{className:"mbt-menu-button__icon",children:u}),t.jsx("span",{className:"mbt-menu-button__text",children:e})]})}exports.colors=i.colors;exports.fontFeatures=i.fontFeatures;exports.fontSizes=i.fontSizes;exports.fontWeights=i.fontWeights;exports.fonts=i.fonts;exports.radius=i.radius;exports.spacing=i.spacing;exports.tokens=i.tokens;exports.transitions=i.transitions;exports.zIndex=i.zIndex;exports.Button=N;exports.GraduationCapIcon=j;exports.Heading=g;exports.Input=k;exports.Loader=f;exports.MenuButton=L;exports.Metric=B;exports.SearchIcon=p;exports.Text=w;

package/dist/index.mjs

@@ -1,6 +1,7 @@
-import { c as C, f as y, a as I, b as W, d as z, r as M, s as T, t as $, e as S, z as D } from "./tokens-Bxhg1IBs.js";
+import { c as W, f as z, a as M, b as T, d as $, r as S, s as D, t as F, e as G, z as H } from "./tokens-Bxhg1IBs.js";
 import { jsxs as c, jsx as t } from "react/jsx-runtime";
-function f({ size: e = "md", className: n, ...s }) {
+import { forwardRef as h } from "react";
+function _({ size: e = "md", className: n, ...s }) {
   const o = [
     "mbt-loader",
     `mbt-loader--${e}`,
@@ -12,7 +13,7 @@ function f({ size: e = "md", className: n, ...s }) {
     /* @__PURE__ */ t("span", { className: "mbt-loader__dot" })
   ] });
 }
-function k({
+function w({
   children: e,
   fullWidth: n,
   disabled: s,
@@ -38,12 +39,12 @@ function k({
       ...i,
       children: [
         /* @__PURE__ */ t("span", { className: "mbt-button__content", children: e }),
-        o && /* @__PURE__ */ t(f, { size: "md", className: "mbt-button__loader" })
+        o && /* @__PURE__ */ t(_, { size: "md", className: "mbt-button__loader" })
       ]
     }
   );
 }
-function h({ className: e }) {
+function N({ className: e }) {
   return /* @__PURE__ */ c(
     "svg",
     {
@@ -80,41 +81,40 @@ function h({ className: e }) {
     }
   );
 }
-function x({
-  label: e,
-  muted: n = !1,
-  showSearchIcon: s = !1,
-  icon: o,
-  fullWidth: a = !1,
-  className: r,
-  ...i
-}) {
-  const l = [
-    "mbt-input",
-    a && "mbt-input--full-width",
-    r
-  ].filter(Boolean).join(" "), m = [
-    "mbt-input__label",
-    n && "mbt-input__label--muted"
-  ].filter(Boolean).join(" "), u = [
-    "mbt-input__wrapper",
-    n && "mbt-input__wrapper--muted"
-  ].filter(Boolean).join(" "), d = [
-    "mbt-input__field",
-    n && "mbt-input__field--muted"
-  ].filter(Boolean).join(" "), p = [
-    "mbt-input__icon",
-    n && "mbt-input__icon--muted"
-  ].filter(Boolean).join(" "), b = o || s && /* @__PURE__ */ t(h, {});
-  return /* @__PURE__ */ t("div", { className: l, children: /* @__PURE__ */ c("div", { className: "mbt-input__container", children: [
-    e && /* @__PURE__ */ t("label", { className: m, children: e }),
-    /* @__PURE__ */ c("div", { className: u, children: [
-      /* @__PURE__ */ t("input", { type: "text", className: d, ...i }),
-      b && /* @__PURE__ */ t("div", { className: p, children: b })
-    ] })
-  ] }) });
-}
-function j({
+const g = h(
+  ({
+    label: e,
+    muted: n = !1,
+    showSearchIcon: s = !1,
+    icon: o,
+    fullWidth: a = !1,
+    className: r,
+    ...i
+  }, l) => {
+    const m = [
+      "mbt-input",
+      a && "mbt-input--full-width",
+      r
+    ].filter(Boolean).join(" "), u = [
+      "mbt-input__label",
+      n && "mbt-input__label--muted"
+    ].filter(Boolean).join(" "), d = [
+      "mbt-input__wrapper",
+      n && "mbt-input__wrapper--muted"
+    ].filter(Boolean).join(" "), p = [
+      "mbt-input__field",
+      n && "mbt-input__field--muted"
+    ].filter(Boolean).join(" "), f = ["mbt-input__icon", n && "mbt-input__icon--muted"].filter(Boolean).join(" "), b = o || s && /* @__PURE__ */ t(N, {});
+    return /* @__PURE__ */ t("div", { className: m, children: /* @__PURE__ */ c("div", { className: "mbt-input__container", children: [
+      e && /* @__PURE__ */ t("label", { className: u, children: e }),
+      /* @__PURE__ */ c("div", { className: d, children: [
+        /* @__PURE__ */ t("input", { ref: l, type: "text", className: p, ...i }),
+        b && /* @__PURE__ */ t("div", { className: f, children: b })
+      ] })
+    ] }) });
+  }
+);
+function B({
   level: e,
   children: n,
   className: s,
@@ -123,7 +123,7 @@ function j({
   const a = `h${e}`, r = [`mbt-h${e}`, s].filter(Boolean).join(" ");
   return /* @__PURE__ */ t(a, { className: r, ...o, children: n });
 }
-function w({
+function L({
   children: e,
   strong: n = !1,
   small: s = !1,
@@ -145,7 +145,7 @@ function w({
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ t(u, { className: d, ...m, children: e });
 }
-function g({
+function v({
   children: e,
   large: n = !1,
   muted: s = !1,
@@ -161,7 +161,7 @@ function g({
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ t(i, { className: l, ...r, children: e });
 }
-function _({ className: e }) {
+function k({ className: e }) {
   return /* @__PURE__ */ c(
     "svg",
     {
@@ -206,7 +206,7 @@ function _({ className: e }) {
     }
   );
 }
-function B({
+function C({
   children: e,
   icon: n,
   selected: s = !1,
@@ -230,30 +230,30 @@ function B({
       "aria-pressed": s,
       ...i,
       children: [
-        /* @__PURE__ */ t("div", { className: "mbt-menu-button__icon", children: n ?? /* @__PURE__ */ t(_, {}) }),
+        /* @__PURE__ */ t("div", { className: "mbt-menu-button__icon", children: n ?? /* @__PURE__ */ t(k, {}) }),
         /* @__PURE__ */ t("span", { className: "mbt-menu-button__text", children: e })
       ]
     }
   );
 }
 export {
-  k as Button,
-  _ as GraduationCapIcon,
-  j as Heading,
-  x as Input,
-  f as Loader,
-  B as MenuButton,
-  g as Metric,
-  h as SearchIcon,
-  w as Text,
-  C as colors,
-  y as fontFeatures,
-  I as fontSizes,
-  W as fontWeights,
-  z as fonts,
-  M as radius,
-  T as spacing,
-  $ as tokens,
-  S as transitions,
-  D as zIndex
+  w as Button,
+  k as GraduationCapIcon,
+  B as Heading,
+  g as Input,
+  _ as Loader,
+  C as MenuButton,
+  v as Metric,
+  N as SearchIcon,
+  L as Text,
+  W as colors,
+  z as fontFeatures,
+  M as fontSizes,
+  T as fontWeights,
+  $ as fonts,
+  S as radius,
+  D as spacing,
+  F as tokens,
+  G as transitions,
+  H as zIndex
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mbt-ui-kit",
   "description": "React component library with SCSS",
-  "version": "0.1.12",
+  "version": "0.1.13",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",