mimir-ui-kit 1.38.36 → 1.38.38

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

@@ -0,0 +1,310 @@
+import { ComponentProps } from 'react';
+import { TCommonButtonProps } from './types';
+import { TIcon } from '../../icons';
+
+export type TProps = TCommonButtonProps & ComponentProps<'button'> & {
+    /**
+     * Класс, применяемый к корневому элементу кнопки.
+     */
+    className?: string;
+    /**
+     * Класс, применяемый к иконке.
+     */
+    iconButtonClassName?: string;
+    /**
+     * Флаг, указывающий, отключена ли кнопка.
+     */
+    disabled?: boolean;
+    /**
+     * Флаг, указывающий, что кнопка занимает все доступное пространство.
+     */
+    full?: boolean;
+    /**
+     * Флаг, отключащий абсолютно все модификации кнопки (variant, size).
+     */
+    clear?: boolean;
+    /**
+     * Информация о кол-ве тех или иных элементов списка или текста, к которым привязана кнопка.
+     */
+    count?: string | number;
+    /**
+     * Идентификатор формы, к которой привязана кнопка.
+     */
+    formId?: string;
+};
+/**
+ * Компонент кнопки, который можно настраивать с различными темами и размерами.
+ */
+export declare const Button: import('react').ForwardRefExoticComponent<(Omit<import('./types').TButtonDefaultFormProps & {
+    isIconButton: true;
+    iconName: TIcon;
+    leftIcon?: never;
+    rightIcon?: never;
+} & import('react').ClassAttributes<HTMLButtonElement> & import('react').ButtonHTMLAttributes<HTMLButtonElement> & {
+    /**
+     * Класс, применяемый к корневому элементу кнопки.
+     */
+    className?: string;
+    /**
+     * Класс, применяемый к иконке.
+     */
+    iconButtonClassName?: string;
+    /**
+     * Флаг, указывающий, отключена ли кнопка.
+     */
+    disabled?: boolean;
+    /**
+     * Флаг, указывающий, что кнопка занимает все доступное пространство.
+     */
+    full?: boolean;
+    /**
+     * Флаг, отключащий абсолютно все модификации кнопки (variant, size).
+     */
+    clear?: boolean;
+    /**
+     * Информация о кол-ве тех или иных элементов списка или текста, к которым привязана кнопка.
+     */
+    count?: string | number;
+    /**
+     * Идентификатор формы, к которой привязана кнопка.
+     */
+    formId?: string;
+}, "ref"> | Omit<import('./types').TButtonDefaultFormProps & {
+    isIconButton?: false;
+    iconName?: never;
+    leftIcon?: import('react').ReactNode;
+    rightIcon?: import('react').ReactNode;
+} & import('react').ClassAttributes<HTMLButtonElement> & import('react').ButtonHTMLAttributes<HTMLButtonElement> & {
+    /**
+     * Класс, применяемый к корневому элементу кнопки.
+     */
+    className?: string;
+    /**
+     * Класс, применяемый к иконке.
+     */
+    iconButtonClassName?: string;
+    /**
+     * Флаг, указывающий, отключена ли кнопка.
+     */
+    disabled?: boolean;
+    /**
+     * Флаг, указывающий, что кнопка занимает все доступное пространство.
+     */
+    full?: boolean;
+    /**
+     * Флаг, отключащий абсолютно все модификации кнопки (variant, size).
+     */
+    clear?: boolean;
+    /**
+     * Информация о кол-ве тех или иных элементов списка или текста, к которым привязана кнопка.
+     */
+    count?: string | number;
+    /**
+     * Идентификатор формы, к которой привязана кнопка.
+     */
+    formId?: string;
+}, "ref"> | Omit<import('./types').TButtonRoundFormProps & {
+    isIconButton: true;
+    iconName: TIcon;
+    leftIcon?: never;
+    rightIcon?: never;
+} & import('react').ClassAttributes<HTMLButtonElement> & import('react').ButtonHTMLAttributes<HTMLButtonElement> & {
+    /**
+     * Класс, применяемый к корневому элементу кнопки.
+     */
+    className?: string;
+    /**
+     * Класс, применяемый к иконке.
+     */
+    iconButtonClassName?: string;
+    /**
+     * Флаг, указывающий, отключена ли кнопка.
+     */
+    disabled?: boolean;
+    /**
+     * Флаг, указывающий, что кнопка занимает все доступное пространство.
+     */
+    full?: boolean;
+    /**
+     * Флаг, отключащий абсолютно все модификации кнопки (variant, size).
+     */
+    clear?: boolean;
+    /**
+     * Информация о кол-ве тех или иных элементов списка или текста, к которым привязана кнопка.
+     */
+    count?: string | number;
+    /**
+     * Идентификатор формы, к которой привязана кнопка.
+     */
+    formId?: string;
+}, "ref"> | Omit<import('./types').TButtonRoundFormProps & {
+    isIconButton?: false;
+    iconName?: never;
+    leftIcon?: import('react').ReactNode;
+    rightIcon?: import('react').ReactNode;
+} & import('react').ClassAttributes<HTMLButtonElement> & import('react').ButtonHTMLAttributes<HTMLButtonElement> & {
+    /**
+     * Класс, применяемый к корневому элементу кнопки.
+     */
+    className?: string;
+    /**
+     * Класс, применяемый к иконке.
+     */
+    iconButtonClassName?: string;
+    /**
+     * Флаг, указывающий, отключена ли кнопка.
+     */
+    disabled?: boolean;
+    /**
+     * Флаг, указывающий, что кнопка занимает все доступное пространство.
+     */
+    full?: boolean;
+    /**
+     * Флаг, отключащий абсолютно все модификации кнопки (variant, size).
+     */
+    clear?: boolean;
+    /**
+     * Информация о кол-ве тех или иных элементов списка или текста, к которым привязана кнопка.
+     */
+    count?: string | number;
+    /**
+     * Идентификатор формы, к которой привязана кнопка.
+     */
+    formId?: string;
+}, "ref"> | Omit<import('./types').TButtonOutlineFormProps & {
+    isIconButton: true;
+    iconName: TIcon;
+    leftIcon?: never;
+    rightIcon?: never;
+} & import('react').ClassAttributes<HTMLButtonElement> & import('react').ButtonHTMLAttributes<HTMLButtonElement> & {
+    /**
+     * Класс, применяемый к корневому элементу кнопки.
+     */
+    className?: string;
+    /**
+     * Класс, применяемый к иконке.
+     */
+    iconButtonClassName?: string;
+    /**
+     * Флаг, указывающий, отключена ли кнопка.
+     */
+    disabled?: boolean;
+    /**
+     * Флаг, указывающий, что кнопка занимает все доступное пространство.
+     */
+    full?: boolean;
+    /**
+     * Флаг, отключащий абсолютно все модификации кнопки (variant, size).
+     */
+    clear?: boolean;
+    /**
+     * Информация о кол-ве тех или иных элементов списка или текста, к которым привязана кнопка.
+     */
+    count?: string | number;
+    /**
+     * Идентификатор формы, к которой привязана кнопка.
+     */
+    formId?: string;
+}, "ref"> | Omit<import('./types').TButtonOutlineFormProps & {
+    isIconButton?: false;
+    iconName?: never;
+    leftIcon?: import('react').ReactNode;
+    rightIcon?: import('react').ReactNode;
+} & import('react').ClassAttributes<HTMLButtonElement> & import('react').ButtonHTMLAttributes<HTMLButtonElement> & {
+    /**
+     * Класс, применяемый к корневому элементу кнопки.
+     */
+    className?: string;
+    /**
+     * Класс, применяемый к иконке.
+     */
+    iconButtonClassName?: string;
+    /**
+     * Флаг, указывающий, отключена ли кнопка.
+     */
+    disabled?: boolean;
+    /**
+     * Флаг, указывающий, что кнопка занимает все доступное пространство.
+     */
+    full?: boolean;
+    /**
+     * Флаг, отключащий абсолютно все модификации кнопки (variant, size).
+     */
+    clear?: boolean;
+    /**
+     * Информация о кол-ве тех или иных элементов списка или текста, к которым привязана кнопка.
+     */
+    count?: string | number;
+    /**
+     * Идентификатор формы, к которой привязана кнопка.
+     */
+    formId?: string;
+}, "ref"> | Omit<import('./types').TButtonBorderlessFormProps & {
+    isIconButton: true;
+    iconName: TIcon;
+    leftIcon?: never;
+    rightIcon?: never;
+} & import('react').ClassAttributes<HTMLButtonElement> & import('react').ButtonHTMLAttributes<HTMLButtonElement> & {
+    /**
+     * Класс, применяемый к корневому элементу кнопки.
+     */
+    className?: string;
+    /**
+     * Класс, применяемый к иконке.
+     */
+    iconButtonClassName?: string;
+    /**
+     * Флаг, указывающий, отключена ли кнопка.
+     */
+    disabled?: boolean;
+    /**
+     * Флаг, указывающий, что кнопка занимает все доступное пространство.
+     */
+    full?: boolean;
+    /**
+     * Флаг, отключащий абсолютно все модификации кнопки (variant, size).
+     */
+    clear?: boolean;
+    /**
+     * Информация о кол-ве тех или иных элементов списка или текста, к которым привязана кнопка.
+     */
+    count?: string | number;
+    /**
+     * Идентификатор формы, к которой привязана кнопка.
+     */
+    formId?: string;
+}, "ref"> | Omit<import('./types').TButtonBorderlessFormProps & {
+    isIconButton?: false;
+    iconName?: never;
+    leftIcon?: import('react').ReactNode;
+    rightIcon?: import('react').ReactNode;
+} & import('react').ClassAttributes<HTMLButtonElement> & import('react').ButtonHTMLAttributes<HTMLButtonElement> & {
+    /**
+     * Класс, применяемый к корневому элементу кнопки.
+     */
+    className?: string;
+    /**
+     * Класс, применяемый к иконке.
+     */
+    iconButtonClassName?: string;
+    /**
+     * Флаг, указывающий, отключена ли кнопка.
+     */
+    disabled?: boolean;
+    /**
+     * Флаг, указывающий, что кнопка занимает все доступное пространство.
+     */
+    full?: boolean;
+    /**
+     * Флаг, отключащий абсолютно все модификации кнопки (variant, size).
+     */
+    clear?: boolean;
+    /**
+     * Информация о кол-ве тех или иных элементов списка или текста, к которым привязана кнопка.
+     */
+    count?: string | number;
+    /**
+     * Идентификатор формы, к которой привязана кнопка.
+     */
+    formId?: string;
+}, "ref">) & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/components/Button/Button.js

@@ -0,0 +1,100 @@
+import { jsxs as B, jsx as l } from "react/jsx-runtime";
+import { c } from "../../index-DIxK0V-G.js";
+import { forwardRef as I } from "react";
+import { EButtonVariantDefault as k, EButtonForm as C } from "./constants.js";
+import { Icon as j } from "../../icons/Icon.js";
+import '../../assets/Button.css';const D = "_button_1qnsv_2", E = "_clear_1qnsv_42", P = "_count_1qnsv_53", z = "_black_1qnsv_132", F = "_gray_1qnsv_141", R = "_white_1qnsv_150", S = "_xs_1qnsv_250", V = "_s_1qnsv_83", A = "_m_1qnsv_259", G = "_l_1qnsv_283", H = "_xl_1qnsv_291", J = "_xxl_1qnsv_299", K = "_full_1qnsv_314", L = "_disabled_1qnsv_320", s = {
+  button: D,
+  clear: E,
+  count: P,
+  "default-button": "_default-button_1qnsv_61",
+  "primary-sapphire": "_primary-sapphire_1qnsv_64",
+  "primary-citrine": "_primary-citrine_1qnsv_73",
+  "secondary-asphalt": "_secondary-asphalt_1qnsv_83",
+  "secondary-gray": "_secondary-gray_1qnsv_92",
+  "secondary-white": "_secondary-white_1qnsv_101",
+  "secondary-red": "_secondary-red_1qnsv_110",
+  "round-button": "_round-button_1qnsv_120",
+  black: z,
+  gray: F,
+  white: R,
+  "outline-button": "_outline-button_1qnsv_160",
+  "outline-asphalt": "_outline-asphalt_1qnsv_168",
+  "outline-gray": "_outline-gray_1qnsv_176",
+  "outline-white": "_outline-white_1qnsv_185",
+  "outline-red": "_outline-red_1qnsv_194",
+  "borderless-button": "_borderless-button_1qnsv_204",
+  "borderless-asphalt": "_borderless-asphalt_1qnsv_211",
+  "borderless-gray": "_borderless-gray_1qnsv_216",
+  "borderless-white": "_borderless-white_1qnsv_221",
+  "borderless-red": "_borderless-red_1qnsv_226",
+  xs: S,
+  "m-s": "_m-s_1qnsv_259",
+  s: V,
+  m: A,
+  l: G,
+  xl: H,
+  xxl: J,
+  full: K,
+  disabled: L,
+  "icon-button": "_icon-button_1qnsv_341"
+}, M = I(
+  (i, u) => {
+    const {
+      size: o = "m",
+      variant: d = k.PrimarySapphire,
+      form: _ = C.DefaultButton,
+      full: b,
+      clear: n,
+      isIconButton: e = !1,
+      iconName: m,
+      children: v,
+      className: q,
+      iconButtonClassName: p,
+      formId: y,
+      type: h = "button",
+      rightIcon: f,
+      count: r,
+      leftIcon: x,
+      disabled: t,
+      ...g
+    } = i, a = {
+      [s.full]: b && !n,
+      [s.disabled]: t && !n,
+      [s.clear]: n,
+      [s[d ?? ""]]: !t || n,
+      [s["icon-button"]]: e
+    }, w = c(
+      q,
+      s.button,
+      a,
+      n ? [] : [s[_ ?? ""], s[o]]
+    ), N = c(
+      s.count,
+      a,
+      s[o],
+      s[_ ?? ""]
+    );
+    return /* @__PURE__ */ B(
+      "button",
+      {
+        type: h,
+        form: y,
+        ...g,
+        disabled: t,
+        ref: u,
+        className: w,
+        children: [
+          x,
+          e ? /* @__PURE__ */ l(j, { iconName: m, className: p }) : v,
+          f,
+          !!r && /* @__PURE__ */ l("span", { className: N, children: r })
+        ]
+      }
+    );
+  }
+);
+M.displayName = "Button";
+export {
+  M as Button
+};

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

@@ -0,0 +1,40 @@
+export declare enum EButtonVariantDefault {
+    PrimarySapphire = "primary-sapphire",
+    PrimaryCitrine = "primary-citrine",
+    SecondaryAsphalt = "secondary-asphalt",
+    SecondaryGray = "secondary-gray",
+    SecondaryWhite = "secondary-white",
+    SecondaryRed = "secondary-red"
+}
+export declare enum EButtonVariantRound {
+    Black = "black",
+    Gray = "gray",
+    White = "white"
+}
+export declare enum EButtonVariantOutline {
+    Asphalt = "outline-asphalt",
+    Gray = "outline-gray",
+    White = "outline-white",
+    Red = "outline-red"
+}
+export declare enum EButtonVariantBorderless {
+    Asphalt = "borderless-asphalt",
+    Gray = "borderless-gray",
+    White = "borderless-white",
+    Red = "borderless-red"
+}
+export declare enum EButtonSize {
+    XS = "xs",
+    S = "s",
+    M = "m",
+    L = "l",
+    XL = "xl",
+    XXL = "xxl",
+    MS = "m-s"
+}
+export declare enum EButtonForm {
+    DefaultButton = "default-button",
+    RoundButton = "round-button",
+    OutlineButton = "outline-button",
+    BorderlessButton = "borderless-button"
+}

package/dist/components/Button/constants.js

@@ -0,0 +1,9 @@
+var e = /* @__PURE__ */ ((r) => (r.PrimarySapphire = "primary-sapphire", r.PrimaryCitrine = "primary-citrine", r.SecondaryAsphalt = "secondary-asphalt", r.SecondaryGray = "secondary-gray", r.SecondaryWhite = "secondary-white", r.SecondaryRed = "secondary-red", r))(e || {}), s = /* @__PURE__ */ ((r) => (r.Black = "black", r.Gray = "gray", r.White = "white", r))(s || {}), y = /* @__PURE__ */ ((r) => (r.Asphalt = "outline-asphalt", r.Gray = "outline-gray", r.White = "outline-white", r.Red = "outline-red", r))(y || {}), d = /* @__PURE__ */ ((r) => (r.Asphalt = "borderless-asphalt", r.Gray = "borderless-gray", r.White = "borderless-white", r.Red = "borderless-red", r))(d || {}), h = /* @__PURE__ */ ((r) => (r.XS = "xs", r.S = "s", r.M = "m", r.L = "l", r.XL = "xl", r.XXL = "xxl", r.MS = "m-s", r))(h || {}), l = /* @__PURE__ */ ((r) => (r.DefaultButton = "default-button", r.RoundButton = "round-button", r.OutlineButton = "outline-button", r.BorderlessButton = "borderless-button", r))(l || {});
+export {
+  l as EButtonForm,
+  h as EButtonSize,
+  d as EButtonVariantBorderless,
+  e as EButtonVariantDefault,
+  y as EButtonVariantOutline,
+  s as EButtonVariantRound
+};

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

@@ -0,0 +1,2 @@
+export { Button, type TProps as TButtonProps } from './Button';
+export { EButtonForm, EButtonSize, EButtonVariantDefault, EButtonVariantRound, EButtonVariantOutline, EButtonVariantBorderless } from './constants';

package/dist/components/Button/index.js

@@ -0,0 +1,11 @@
+import { Button as n } from "./Button.js";
+import { EButtonForm as u, EButtonSize as a, EButtonVariantBorderless as B, EButtonVariantDefault as e, EButtonVariantOutline as i, EButtonVariantRound as E } from "./constants.js";
+export {
+  n as Button,
+  u as EButtonForm,
+  a as EButtonSize,
+  B as EButtonVariantBorderless,
+  e as EButtonVariantDefault,
+  i as EButtonVariantOutline,
+  E as EButtonVariantRound
+};

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

@@ -0,0 +1,38 @@
+import { ReactNode } from 'react';
+import { EButtonSize, EButtonVariantDefault, EButtonVariantRound, EButtonForm, EButtonVariantOutline, EButtonVariantBorderless } from './constants';
+import { TIcon } from '../../icons';
+
+type TButtonRoundFormSize = Exclude<EButtonSize, 'xxl'> & Exclude<EButtonSize, 'xl'>;
+export type TButtonDefaultFormProps = {
+    form?: EButtonForm.DefaultButton;
+    variant?: EButtonVariantDefault | `${EButtonVariantDefault}`;
+    size?: EButtonSize | `${EButtonSize}`;
+};
+export type TButtonRoundFormProps = {
+    form?: EButtonForm.RoundButton;
+    variant?: EButtonVariantRound | `${EButtonVariantRound}`;
+    size?: TButtonRoundFormSize | `${TButtonRoundFormSize}`;
+};
+export type TButtonOutlineFormProps = {
+    form?: EButtonForm.OutlineButton;
+    variant?: EButtonVariantOutline | `${EButtonVariantOutline}`;
+    size?: EButtonSize | `${EButtonSize}`;
+};
+export type TButtonBorderlessFormProps = {
+    form?: EButtonForm.BorderlessButton;
+    variant?: EButtonVariantBorderless | `${EButtonVariantBorderless}`;
+    size?: EButtonSize | `${EButtonSize}`;
+};
+export type TButtonIsIconProps = {
+    isIconButton: true;
+    iconName: TIcon;
+    leftIcon?: never;
+    rightIcon?: never;
+} | {
+    isIconButton?: false;
+    iconName?: never;
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+};
+export type TCommonButtonProps = (TButtonDefaultFormProps | TButtonRoundFormProps | TButtonOutlineFormProps | TButtonBorderlessFormProps) & TButtonIsIconProps;
+export {};