@kvell-group/ui 1.12.19 → 1.14.0

package/dist/Input.module-CPh0cNNI.js

@@ -0,0 +1,9 @@
+import './assets/Input.css';const s = "_input_1d20c_1", t = "_section_1d20c_19", c = "_label_1d20c_24", e = "_error_1d20c_28", n = {
+  input: s,
+  section: t,
+  label: c,
+  error: e
+};
+export {
+  n as b
+};

package/dist/assets/Switch.css

@@ -0,0 +1 @@
+._track_h9xnu_1{--switch-height: 1rem;--switch-width: calc(1.75rem * var(--mantine-scale));--switch-color: var(--mantine-color-background-toggle-active-0)}input:not(:checked)+._track_h9xnu_1{background-color:var(--mantine-color-background-toggle-default-0)}._description_h9xnu_11{margin-top:-1px;--label-offset-start: 1rem;color:var(--mantine-color-primary)}._error_h9xnu_17{color:var(--mantine-color-text-status-destructive-0);padding-left:.25rem;margin-top:0}._error_h9xnu_17:before{content:url("data:image/svg+xml,%3csvg%20width='17'%20height='16'%20viewBox='0%200%2017%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.50001%2014.6666C4.81801%2014.6666%201.83334%2011.6819%201.83334%207.99992C1.83334%204.31792%204.81801%201.33325%208.50001%201.33325C12.182%201.33325%2015.1667%204.31792%2015.1667%207.99992C15.1667%2011.6819%2012.182%2014.6666%208.50001%2014.6666ZM8.50001%2013.3333C9.9145%2013.3333%2011.2711%2012.7713%2012.2712%2011.7712C13.2714%2010.771%2013.8333%209.41441%2013.8333%207.99992C13.8333%206.58543%2013.2714%205.22888%2012.2712%204.22868C11.2711%203.22849%209.9145%202.66659%208.50001%202.66659C7.08552%202.66659%205.72897%203.22849%204.72877%204.22868C3.72858%205.22888%203.16668%206.58543%203.16668%207.99992C3.16668%209.41441%203.72858%2010.771%204.72877%2011.7712C5.72897%2012.7713%207.08552%2013.3333%208.50001%2013.3333ZM7.83334%204.66659H9.16668V5.99992H7.83334V4.66659ZM7.83334%207.33325H9.16668V11.3333H7.83334V7.33325Z'%20fill='currentColor'%20style='fill:%23E6483D;fill:color(display-p3%200.9020%200.2824%200.2392);fill-opacity:1;'/%3e%3c/svg%3e");position:relative;top:3px;left:-.25rem}

package/dist/clsx-OuTLNxxd.js

@@ -0,0 +1,16 @@
+function a(r) {
+  var f, n, t = "";
+  if (typeof r == "string" || typeof r == "number") t += r;
+  else if (typeof r == "object") if (Array.isArray(r)) {
+    var o = r.length;
+    for (f = 0; f < o; f++) r[f] && (n = a(r[f])) && (t && (t += " "), t += n);
+  } else for (n in r) r[n] && (t && (t += " "), t += n);
+  return t;
+}
+function i() {
+  for (var r, f, n = 0, t = "", o = arguments.length; n < o; n++) (r = arguments[n]) && (f = a(r)) && (t && (t += " "), t += f);
+  return t;
+}
+export {
+  i as c
+};

package/dist/components/Inputs/CvvInput/CvvInput.js

@@ -1,20 +1,21 @@
-import { jsx as a } from "react/jsx-runtime";
-import { MaskedInput as o } from "../MaskedInput/MaskedInput.js";
-import { c as m, b as r } from "../../../clsx-oLHujfaf.js";
+import { jsx as o } from "react/jsx-runtime";
+import { MaskedInput as a } from "../MaskedInput/MaskedInput.js";
+import { b as m } from "../../../Input.module-CPh0cNNI.js";
+import { c as r } from "../../../clsx-OuTLNxxd.js";
 import { forwardRef as p } from "react";
 import { CARD_CVV_MASK as n } from "../../../constants/masks.js";
-import { IMask as e } from "react-imask";
-import '../../../assets/CvvInput.css';const i = "_input_17dgl_9", c = {
-  input: i
-}, { input: u, ...f } = r, l = m(u, c.input), C = e.createMask({ mask: n }), x = p((s, t) => /* @__PURE__ */ a(
-  o,
+import { IMask as i } from "react-imask";
+import '../../../assets/CvvInput.css';const e = "_input_17dgl_9", c = {
+  input: e
+}, { input: f, ...u } = m, l = r(f, c.input), C = i.createMask({ mask: n }), b = p((s, t) => /* @__PURE__ */ o(
+  a,
   {
     ref: t,
     ...s,
     mask: C,
-    classNames: { ...f, input: l }
+    classNames: { ...u, input: l }
   }
 ));
 export {
-  x as CvvInput
+  b as CvvInput
 };

package/dist/components/Inputs/Input.js

@@ -1,8 +1,9 @@
-import { TextInput as t } from "@mantine/core";
-import { c as s, b as o } from "../../clsx-oLHujfaf.js";
+import { TextInput as o } from "@mantine/core";
+import { b as t } from "../../Input.module-CPh0cNNI.js";
 import { c as a } from "../../typography.module-krUfTmwf.js";
-import { CAPTION_L_REGULAR_FONT_VARIANT as e } from "../../constants/font-variants.js";
-const { input: m, error: p, ...n } = o, r = a[e], c = s(m, r), i = s(p, r), I = t.withProps({
+import { c as s } from "../../clsx-OuTLNxxd.js";
+import { CAPTION_L_REGULAR_FONT_VARIANT as m } from "../../constants/font-variants.js";
+const { input: e, error: p, ...n } = t, r = a[m], c = s(e, r), i = s(p, r), I = o.withProps({
   classNames: { ...n, input: c, error: i }
 });
 export {

package/dist/components/Inputs/PasswordInput/PasswordInput.js

@@ -1,10 +1,11 @@
 import { PasswordInput as t } from "@mantine/core";
-import { c as s, b as a } from "../../../clsx-oLHujfaf.js";
-import { c as r } from "../../../typography.module-krUfTmwf.js";
+import { b as r } from "../../../Input.module-CPh0cNNI.js";
+import { c as a } from "../../../typography.module-krUfTmwf.js";
+import { c as s } from "../../../clsx-OuTLNxxd.js";
 import { CAPTION_L_REGULAR_FONT_VARIANT as e } from "../../../constants/font-variants.js";
 import '../../../assets/PasswordInput.css';const n = "_section_1lzoc_1", c = {
   section: n
-}, { input: i, error: m, ...p } = a, o = r[e], l = s(i, o), N = s(m, o), P = t.withProps({
+}, { input: m, error: i, ...p } = r, o = a[e], l = s(m, o), N = s(i, o), P = t.withProps({
   classNames: {
     ...p,
     input: l,

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

@@ -0,0 +1,4 @@
+export declare const Switch: import('react').ForwardRefExoticComponent<import('@mantine/core').SwitchProps & import('react').RefAttributes<HTMLInputElement> & {
+    component?: any;
+    renderRoot?: (props: Record<string, any>) => React.ReactNode;
+}>;

package/dist/components/Switch/Switch.js

@@ -0,0 +1,18 @@
+import { Switch as r } from "@mantine/core";
+import { c as o } from "../../typography.module-krUfTmwf.js";
+import { c } from "../../clsx-OuTLNxxd.js";
+import { CAPTION_L_MEDIUM_FONT_VARIANT as t } from "../../constants/font-variants.js";
+import '../../assets/Switch.css';const i = "_track_h9xnu_1", e = "_description_h9xnu_11", n = "_error_h9xnu_17", s = {
+  track: i,
+  description: e,
+  error: n
+}, a = c(
+  s.description,
+  o[t]
+), d = r.withProps({
+  classNames: { ...s, description: a },
+  size: "xs"
+});
+export {
+  d as Switch
+};

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

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

package/dist/components/Switch/index.js

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

package/dist/components/theme.js

@@ -27,6 +27,9 @@ const a = {
     "text-base-tertiary": e("#0d112666"),
     "text-base-quaternary": e("#0a0f2940"),
     "text-status-destructive": e("#e6483d"),
+    //toggle
+    "background-toggle-active": e("#26bd6c"),
+    "background-toggle-default": e("#babdc5"),
     //typography
     "typography-secondary": e("#91989e")
   },

package/dist/main.d.ts

@@ -9,4 +9,5 @@ export { PasswordInput } from './components/Inputs/PasswordInput';
 export { CvvInput } from './components/Inputs/CvvInput';
 export { Loader } from './components/Loader';
 export { Modal } from './components/Modal';
+export { Switch } from './components/Switch';
 export { Text } from './components/Text';

package/dist/main.js

@@ -3,25 +3,27 @@ import { MantineProvider as m } from "./components/MainProvider/MantineProvider.
 import { theme as f } from "./components/theme.js";
 import { Button as a } from "./components/Button/Button.js";
 import { Input as u } from "./components/Inputs/Input.js";
-import { CardInput as i } from "./components/Inputs/CardInput/CardInput.js";
-import { MaskedInput as l } from "./components/Inputs/MaskedInput/MaskedInput.js";
-import { PasswordInput as C } from "./components/Inputs/PasswordInput/PasswordInput.js";
-import { CvvInput as P } from "./components/Inputs/CvvInput/CvvInput.js";
-import { Loader as h } from "./components/Loader/Loader.js";
-import { Modal as k } from "./components/Modal/Modal.js";
-import { Text as B } from "./components/Text/Text.js";
+import { CardInput as I } from "./components/Inputs/CardInput/CardInput.js";
+import { MaskedInput as c } from "./components/Inputs/MaskedInput/MaskedInput.js";
+import { PasswordInput as l } from "./components/Inputs/PasswordInput/PasswordInput.js";
+import { CvvInput as C } from "./components/Inputs/CvvInput/CvvInput.js";
+import { Loader as P } from "./components/Loader/Loader.js";
+import { Modal as w } from "./components/Modal/Modal.js";
+import { Switch as B } from "./components/Switch/Switch.js";
+import { Text as L } from "./components/Text/Text.js";
 export {
   a as Button,
-  i as CardInput,
+  I as CardInput,
   t as ColorSchemeScript,
-  P as CvvInput,
+  C as CvvInput,
   u as Input,
-  h as Loader,
+  P as Loader,
   m as MantineProvider,
-  l as MaskedInput,
-  k as Modal,
-  C as PasswordInput,
-  B as Text,
+  c as MaskedInput,
+  w as Modal,
+  l as PasswordInput,
+  B as Switch,
+  L as Text,
   e as mantineHtmlProps,
   f as theme
 };

package/package.json

@@ -2,7 +2,7 @@
   "name": "@kvell-group/ui",
   "author": "Kvell Group",
   "private": false,
-  "version": "1.12.19",
+  "version": "1.14.0",
   "type": "module",
   "files": [
     "dist",

package/dist/clsx-oLHujfaf.js

@@ -1,23 +0,0 @@
-import './assets/clsx.css';const e = "_input_1d20c_1", a = "_section_1d20c_19", i = "_label_1d20c_24", l = "_error_1d20c_28", _ = {
-  input: e,
-  section: a,
-  label: i,
-  error: l
-};
-function c(r) {
-  var o, n, t = "";
-  if (typeof r == "string" || typeof r == "number") t += r;
-  else if (typeof r == "object") if (Array.isArray(r)) {
-    var s = r.length;
-    for (o = 0; o < s; o++) r[o] && (n = c(r[o])) && (t && (t += " "), t += n);
-  } else for (n in r) r[n] && (t && (t += " "), t += n);
-  return t;
-}
-function u() {
-  for (var r, o, n = 0, t = "", s = arguments.length; n < s; n++) (r = arguments[n]) && (o = c(r)) && (t && (t += " "), t += o);
-  return t;
-}
-export {
-  _ as b,
-  u as c
-};