@hai-dev/ui-kit 1.1.12 → 1.2.0

package/dist/components/button/button.js

@@ -1,65 +1,72 @@
 import { jsx as t } from "react/jsx-runtime";
 import { c as U } from "../../index-YnD2EP-S.js";
 import { ButtonContent as a } from "./button-content.js";
-import { BUTTON_COLOR_GRAY as h, BUTTON_SIZE_DEFAULT as I, BUTTON_VARIANT_OUTLINED as x, MIN_WIDTH_DEFAULT as C, BUTTON_WEIGHT_MEDIUM as E } from "./constants.js";
-import { s as A } from "../../button.module-BZPPmSAS.js";
-import { B as D } from "../../ButtonBase-CSWuFxUv.js";
+import { BUTTON_COLOR_GRAY as x, BUTTON_SIZE_DEFAULT as I, BUTTON_VARIANT_OUTLINED as g, MIN_WIDTH_DEFAULT as C, BUTTON_WEIGHT_MEDIUM as E } from "./constants.js";
+import '../../assets/inter.css';/* empty css                         */
+import { s as A } from "../../button.module-C0UNQnBk.js";
+import { B as D } from "../../ButtonBase-C4krg_zd.js";
 import { getButtonClassnames as L } from "./utils/get-button-classnames.js";
-const F = (m) => {
+const V = (m) => {
   const {
-    buttonColor: l = h,
-    buttonSize: c = I,
-    buttonVariant: T = x,
-    isLink: u,
+    buttonColor: c = x,
+    buttonSize: l = I,
+    buttonVariant: T = g,
+    isLink: f,
     href: o,
-    description: n,
-    className: B,
-    children: s,
-    minWidth: f = C,
-    sx: p,
-    buttonWeight: N = E,
+    description: e,
+    className: p,
+    children: n,
+    minWidth: u = C,
+    sx: B,
+    buttonWeight: _ = E,
     startContent: r,
-    endContent: i,
-    disabled: e,
-    buttonSlots: _,
+    endContent: s,
+    disabled: i,
+    noTextTransform: d,
+    leftSide: N,
+    uppercase: h,
+    prefetch: W,
     ...b
-  } = m, d = Object.assign({}, p, {
-    minWidth: f,
-    fontWeight: N
-  }), O = _?.link;
+  } = m, O = Object.assign({}, B, {
+    minWidth: u,
+    fontWeight: _
+  });
   return /* @__PURE__ */ t(
     D,
     {
       className: L({
-        className: B,
-        buttonColor: l,
-        buttonSize: c,
+        className: p,
+        buttonColor: c,
+        buttonSize: l,
         buttonVariant: T,
-        disabled: e
+        disabled: i,
+        noTextTransform: d,
+        leftSide: N,
+        uppercase: h
       }),
-      sx: d,
-      disabled: e,
+      sx: O,
+      disabled: i,
       ...b,
-      children: u && o ? O || /* @__PURE__ */ t("a", { className: U(A.link), href: o, children: /* @__PURE__ */ t(
+      children: f && o ? /* @__PURE__ */ t("a", { className: U(A.link), href: o, draggable: !1, children: /* @__PURE__ */ t(
         a,
         {
-          description: n,
+          description: e,
           startContent: r,
-          endContent: i,
-          children: s
+          endContent: s,
+          children: n
         }
       ) }) : /* @__PURE__ */ t(
         a,
         {
-          description: n,
+          description: e,
           startContent: r,
-          endContent: i,
-          children: s
+          endContent: s,
+          children: n
         }
       )
     }
   );
 };
 export {
-  F as Button
+  V as Button
 };

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

@@ -1,11 +1,28 @@
 export declare const BUTTON_COLOR_WHITE = "white";
 export declare const BUTTON_COLOR_BLUE = "blue";
+export declare const BUTTON_COLOR_RED = "red";
 export declare const BUTTON_COLOR_GRAY = "gray";
+export declare const BUTTON_COLOR_DARK_GRAY = "darkGray";
+export declare const BUTTON_COLOR_LIGHT_GRAY = "lightGray";
+export declare const BUTTON_COLOR_DARK = "dark";
+export declare const BUTTON_COLOR_DARK_BLUE = "darkBlue";
+export declare const BUTTON_COLOR_DARKER_BLUE = "darkerBlue";
+export declare const BUTTON_COLOR_GREEN = "green";
+export declare const BUTTON_COLOR_DARKER_LIGHT_GREEN = "lightGreen";
+export declare const BUTTON_COLOR_DARKER_LIGHT_RED = "lightRed";
+export declare const BUTTON_COLOR_ORANGE = "orange";
+export declare const BUTTON_COLOR_DARK_ORANGE = "darkOrange";
 export declare const BUTTON_VARIANT_FILLED = "filled";
 export declare const BUTTON_VARIANT_OUTLINED = "outlined";
 export declare const BUTTON_VARIANT_TEXT = "text";
 export declare const BUTTON_SIZE_DEFAULT = "default";
+export declare const BUTTON_SIZE_MEDIUM = "medium";
+export declare const BUTTON_SIZE_SMALL_MEDIUM = "smallMedium";
 export declare const BUTTON_SIZE_SMALL = "small";
+export declare const BUTTON_SIZE_SMALLER = "smaller";
+export declare const BUTTON_SIZE_SMALLEST = "smallest";
+export declare const BUTTON_SIZE_TINY = "tiny";
+export declare const BUTTON_WEIGHT_NORMAL = 400;
 export declare const BUTTON_WEIGHT_MEDIUM = 500;
 export declare const BUTTON_WEIGHT_SEMI_BOLD = 600;
 export declare const BUTTON_WEIGHT_BOLD = 700;

package/dist/components/button/constants.js

@@ -1,15 +1,32 @@
-const T = "white", _ = "blue", O = "gray", t = "filled", N = "outlined", U = "text", I = "default", o = "small", B = 500, E = 600, n = 700, s = 240;
+const T = "white", _ = "blue", O = "red", t = "gray", N = "darkGray", R = "lightGray", E = "dark", U = "darkBlue", L = "darkerBlue", n = "green", B = "lightGreen", s = "lightRed", o = "orange", c = "darkOrange", I = "filled", A = "outlined", e = "text", D = "default", l = "medium", G = "smallMedium", r = "small", a = "smaller", C = "smallest", M = "tiny", S = 400, d = 500, i = 600, H = 700, g = 240;
 export {
   _ as BUTTON_COLOR_BLUE,
-  O as BUTTON_COLOR_GRAY,
+  E as BUTTON_COLOR_DARK,
+  L as BUTTON_COLOR_DARKER_BLUE,
+  B as BUTTON_COLOR_DARKER_LIGHT_GREEN,
+  s as BUTTON_COLOR_DARKER_LIGHT_RED,
+  U as BUTTON_COLOR_DARK_BLUE,
+  N as BUTTON_COLOR_DARK_GRAY,
+  c as BUTTON_COLOR_DARK_ORANGE,
+  t as BUTTON_COLOR_GRAY,
+  n as BUTTON_COLOR_GREEN,
+  R as BUTTON_COLOR_LIGHT_GRAY,
+  o as BUTTON_COLOR_ORANGE,
+  O as BUTTON_COLOR_RED,
   T as BUTTON_COLOR_WHITE,
-  I as BUTTON_SIZE_DEFAULT,
-  o as BUTTON_SIZE_SMALL,
-  t as BUTTON_VARIANT_FILLED,
-  N as BUTTON_VARIANT_OUTLINED,
-  U as BUTTON_VARIANT_TEXT,
-  n as BUTTON_WEIGHT_BOLD,
-  B as BUTTON_WEIGHT_MEDIUM,
-  E as BUTTON_WEIGHT_SEMI_BOLD,
-  s as MIN_WIDTH_DEFAULT
+  D as BUTTON_SIZE_DEFAULT,
+  l as BUTTON_SIZE_MEDIUM,
+  r as BUTTON_SIZE_SMALL,
+  a as BUTTON_SIZE_SMALLER,
+  C as BUTTON_SIZE_SMALLEST,
+  G as BUTTON_SIZE_SMALL_MEDIUM,
+  M as BUTTON_SIZE_TINY,
+  I as BUTTON_VARIANT_FILLED,
+  A as BUTTON_VARIANT_OUTLINED,
+  e as BUTTON_VARIANT_TEXT,
+  H as BUTTON_WEIGHT_BOLD,
+  d as BUTTON_WEIGHT_MEDIUM,
+  S as BUTTON_WEIGHT_NORMAL,
+  i as BUTTON_WEIGHT_SEMI_BOLD,
+  g as MIN_WIDTH_DEFAULT
 };

package/dist/components/button/types.d.ts

@@ -1,14 +1,11 @@
 import { ReactNode } from 'react';
 import { ButtonBaseProps } from '@mui/material';
-import { BUTTON_COLOR_BLUE, BUTTON_COLOR_GRAY, BUTTON_COLOR_WHITE, BUTTON_SIZE_DEFAULT, BUTTON_SIZE_SMALL, BUTTON_VARIANT_FILLED, BUTTON_VARIANT_OUTLINED, BUTTON_VARIANT_TEXT, BUTTON_WEIGHT_BOLD, BUTTON_WEIGHT_MEDIUM, BUTTON_WEIGHT_SEMI_BOLD } from './constants';
-export type ButtonColor = typeof BUTTON_COLOR_BLUE | typeof BUTTON_COLOR_WHITE | typeof BUTTON_COLOR_GRAY;
+import { BUTTON_COLOR_BLUE, BUTTON_COLOR_DARK, BUTTON_COLOR_DARK_BLUE, BUTTON_COLOR_DARKER_BLUE, BUTTON_COLOR_GRAY, BUTTON_COLOR_LIGHT_GRAY, BUTTON_COLOR_RED, BUTTON_COLOR_WHITE, BUTTON_SIZE_DEFAULT, BUTTON_SIZE_MEDIUM, BUTTON_SIZE_SMALL, BUTTON_SIZE_SMALLER, BUTTON_VARIANT_FILLED, BUTTON_VARIANT_OUTLINED, BUTTON_VARIANT_TEXT, BUTTON_WEIGHT_BOLD, BUTTON_WEIGHT_MEDIUM, BUTTON_WEIGHT_NORMAL, BUTTON_WEIGHT_SEMI_BOLD, BUTTON_COLOR_DARKER_LIGHT_GREEN, BUTTON_COLOR_DARKER_LIGHT_RED, BUTTON_COLOR_ORANGE, BUTTON_SIZE_SMALLEST, BUTTON_COLOR_DARK_ORANGE, BUTTON_COLOR_DARK_GRAY, BUTTON_COLOR_GREEN, BUTTON_SIZE_SMALL_MEDIUM, BUTTON_SIZE_TINY } from './constants';
+export type ButtonColor = typeof BUTTON_COLOR_BLUE | typeof BUTTON_COLOR_WHITE | typeof BUTTON_COLOR_GRAY | typeof BUTTON_COLOR_LIGHT_GRAY | typeof BUTTON_COLOR_RED | typeof BUTTON_COLOR_DARK | typeof BUTTON_COLOR_DARK_BLUE | typeof BUTTON_COLOR_DARKER_BLUE | typeof BUTTON_COLOR_DARKER_LIGHT_GREEN | typeof BUTTON_COLOR_GREEN | typeof BUTTON_COLOR_DARKER_LIGHT_RED | typeof BUTTON_COLOR_ORANGE | typeof BUTTON_COLOR_DARK_ORANGE | typeof BUTTON_COLOR_DARK_GRAY;
 export type ButtonVariant = typeof BUTTON_VARIANT_OUTLINED | typeof BUTTON_VARIANT_FILLED | typeof BUTTON_VARIANT_TEXT;
-export type ButtonWeight = typeof BUTTON_WEIGHT_MEDIUM | typeof BUTTON_WEIGHT_SEMI_BOLD | typeof BUTTON_WEIGHT_BOLD;
-export type ButtonSize = typeof BUTTON_SIZE_DEFAULT | typeof BUTTON_SIZE_SMALL;
+export type ButtonWeight = typeof BUTTON_WEIGHT_NORMAL | typeof BUTTON_WEIGHT_MEDIUM | typeof BUTTON_WEIGHT_SEMI_BOLD | typeof BUTTON_WEIGHT_BOLD;
+export type ButtonSize = typeof BUTTON_SIZE_DEFAULT | typeof BUTTON_SIZE_SMALL | typeof BUTTON_SIZE_SMALLER | typeof BUTTON_SIZE_SMALL_MEDIUM | typeof BUTTON_SIZE_MEDIUM | typeof BUTTON_SIZE_SMALLEST | typeof BUTTON_SIZE_TINY;
 export type ButtonWidth = number | string;
-export type ButtonSlots = {
-    link?: ReactNode;
-};
 export type ButtonCustomProps = {
     buttonColor?: ButtonColor;
     buttonVariant?: ButtonVariant;
@@ -20,7 +17,10 @@ export type ButtonCustomProps = {
     minWidth?: ButtonWidth;
     startContent?: ReactNode;
     endContent?: ReactNode;
-    buttonSlots?: ButtonSlots;
+    noTextTransform?: boolean;
+    leftSide?: boolean;
+    uppercase?: boolean;
+    prefetch?: boolean;
 };
 export type ButtonProps = ButtonBaseProps & ButtonCustomProps;
 export type GetButtonClassnamesParams = {
@@ -29,6 +29,9 @@ export type GetButtonClassnamesParams = {
     buttonVariant: ButtonVariant;
     buttonSize: ButtonSize;
     disabled?: boolean;
+    noTextTransform?: boolean;
+    leftSide?: boolean;
+    uppercase?: boolean;
 };
 export type ButtonContentProps = {
     children: ReactNode;

package/dist/components/button/utils/get-button-classnames.d.ts

@@ -1,2 +1,8 @@
 import { GetButtonClassnamesParams } from '../types';
+/**
+ * Возвращает классы для компонента кнопки в виде строки
+ *
+ * @param {GetButtonClassnamesParams} params
+ * @returns {string} - Классы в виде строки
+ */
 export declare const getButtonClassnames: (params: GetButtonClassnamesParams) => string;

package/dist/components/button/utils/get-button-classnames.js

@@ -1,17 +1,29 @@
-import { c as i } from "../../../index-YnD2EP-S.js";
-import { s as t } from "../../../button.module-BZPPmSAS.js";
-const l = (s) => {
-  const { className: o, buttonColor: a, buttonSize: e, buttonVariant: n, disabled: r } = s;
-  return i(
+import { c as m } from "../../../index-YnD2EP-S.js";
+import { s as t } from "../../../button.module-C0UNQnBk.js";
+const f = (e) => {
+  const {
+    className: s,
+    buttonColor: o,
+    buttonSize: r,
+    buttonVariant: a,
+    disabled: n,
+    noTextTransform: i,
+    leftSide: c,
+    uppercase: l
+  } = e;
+  return m(
     t.button,
     t.specific,
+    t[o],
+    t[r],
     t[a],
-    t[e],
-    t[n],
-    r && t.disabled,
-    o
+    n && t.disabled,
+    i && t.noTextTransform,
+    c && t.leftSide,
+    l && t.uppercase,
+    s
   );
 };
 export {
-  l as getButtonClassnames
+  f as getButtonClassnames
 };

package/dist/components/circular-progress-loader/circular-progress-loader.js

@@ -1,42 +1,43 @@
-import { jsxs as _, jsx as e } from "react/jsx-runtime";
-import { c as m } from "../../index-YnD2EP-S.js";
+import { jsxs as _, jsx as o } from "react/jsx-runtime";
+import { c as p } from "../../index-YnD2EP-S.js";
 import { PERCENT_SYMBOL as T } from "../../constants.js";
 import { CIRCULAR_PROGRESS_DEFAULT_VALUE as R, PROGRESS_VARIANT_DETERMINATE as a, CIRCULAR_PROGRESS_DEFAULT_SIZE as C } from "./constants.js";
-import { B as l } from "../../Box-TrgOqpYk.js";
-import { C as E } from "../../CircularProgress-sPARyPfh.js";
-import { T as g } from "../../Typography-Bjd6ZHeX.js";
-import '../../assets/circular-progress-loader.css';const L = "_circularProgressLoader_knl3p_1", P = "_progress_knl3p_5", b = "_labelContainer_knl3p_8", d = "_labelText_knl3p_18", r = {
+import '../../assets/inter.css';import '../../assets/circular-progress-loader.css';/* empty css                         */
+import { B as l } from "../../Box-BgNAyP2L.js";
+import { C as E } from "../../CircularProgress-BoaEg4rF.js";
+import { T as g } from "../../Typography-BMyz0ZCh.js";
+const L = "_circularProgressLoader_kv5ml_1", P = "_progress_kv5ml_5", b = "_labelContainer_kv5ml_8", d = "_labelText_kv5ml_18", r = {
   circularProgressLoader: L,
   progress: P,
   labelContainer: b,
   labelText: d
 }, k = (t) => {
   const {
-    value: o = R,
+    value: e = R,
     variant: s = a,
     size: c = C,
     className: n,
     ...i
-  } = t, p = `${Math.round(o)}${T}`;
+  } = t, m = `${Math.round(e)}${T}`;
   return /* @__PURE__ */ _(l, { className: r.circularProgressLoader, children: [
-    /* @__PURE__ */ e(
+    /* @__PURE__ */ o(
       E,
       {
-        className: m(r.progress, n),
+        className: p(r.progress, n),
         enableTrackSlot: !0,
         variant: s,
-        value: o,
+        value: e,
         size: c,
         ...i
       }
     ),
-    s === a && /* @__PURE__ */ e(l, { className: r.labelContainer, children: /* @__PURE__ */ e(
+    s === a && /* @__PURE__ */ o(l, { className: r.labelContainer, children: /* @__PURE__ */ o(
       g,
       {
         className: r.labelText,
         variant: "caption",
         component: "div",
-        children: p
+        children: m
       }
     ) })
   ] });