mimir-ui-kit 1.33.1 → 1.34.0

package/dist/components/Slider/Slider.js

@@ -300,14 +300,14 @@ import '../../assets/Slider.css';function Autoplay(_ref) {
     resume
   });
 }
-const swiper = "_swiper_n7qq2_3";
-const slide = "_slide_n7qq2_9";
-const link = "_link_n7qq2_16";
-const image = "_image_n7qq2_22";
-const navigation = "_navigation_n7qq2_29";
-const pagination = "_pagination_n7qq2_39";
-const slides = "_slides_n7qq2_54";
-const separator = "_separator_n7qq2_60";
+const swiper = "_swiper_rfcv9_3";
+const slide = "_slide_rfcv9_9";
+const link = "_link_rfcv9_16";
+const image = "_image_rfcv9_22";
+const navigation = "_navigation_rfcv9_29";
+const pagination = "_pagination_rfcv9_39";
+const slides = "_slides_rfcv9_54";
+const separator = "_separator_rfcv9_60";
 const cls = {
   swiper,
   slide,

package/dist/components/Switcher/Switcher.js

@@ -36,19 +36,19 @@ function De(n, o$2) {
   return React__default.createElement(React__default.Fragment, null, a$1 != null && React__default.createElement(j, { disabled: t, data: { [a$1]: u$1 || "on" }, overrides: { type: "checkbox", checked: s }, form: F, onReset: j$1 }), H({ ourProps: X, theirProps: k, slot: V, defaultTag: Ee, name: "Switch" }));
 }
 let ge = W(De), ve = Pe, xe = K, Ce = w, qe = Object.assign(ge, { Group: ve, Label: xe, Description: Ce });
-const left = "_left_199uu_14";
-const right = "_right_199uu_17";
-const label = "_label_199uu_21";
-const switcher = "_switcher_199uu_2";
+const left = "_left_gu0m2_14";
+const right = "_right_gu0m2_17";
+const label = "_label_gu0m2_21";
+const switcher = "_switcher_gu0m2_2";
 const cls = {
-  "switcher-wrapper": "_switcher-wrapper_199uu_2",
+  "switcher-wrapper": "_switcher-wrapper_gu0m2_2",
   left,
   right,
   label,
   switcher,
-  "switcher-checked": "_switcher-checked_199uu_45",
-  "switcher-thumb": "_switcher-thumb_199uu_55",
-  "switcher-checked-thumb": "_switcher-checked-thumb_199uu_65"
+  "switcher-checked": "_switcher-checked_gu0m2_45",
+  "switcher-thumb": "_switcher-thumb_gu0m2_55",
+  "switcher-checked-thumb": "_switcher-checked-thumb_gu0m2_65"
 };
 const Switcher = forwardRef(
   ({

package/dist/components/TabTrail/TabTrail.js

@@ -199,18 +199,18 @@ function He(e, r) {
   return !s2 && ((g = n$1.unmount) == null || g) && !((R = n$1.static) != null && R) ? React__default.createElement(T, { "aria-hidden": "true", ...m2 }) : H({ ourProps: m2, theirProps: n$1, slot: b2, defaultTag: Ge, features: Ue, visible: s2, name: "Tabs.Panel" });
 }
 let we = W(ve), Oe = W(Se), Ne = W(Ie), ke = W(Me), Be = W(He), st = Object.assign(we, { Group: Oe, List: Ne, Panels: ke, Panel: Be });
-const container = "_container_102fh_2";
-const group = "_group_102fh_6";
-const tab = "_tab_102fh_16";
-const list = "_list_102fh_51";
-const tabs = "_tabs_102fh_62";
-const buttons = "_buttons_102fh_68";
-const m = "_m_102fh_75";
-const s = "_s_102fh_83";
+const container = "_container_rlke5_2";
+const group = "_group_rlke5_6";
+const tab = "_tab_rlke5_16";
+const list = "_list_rlke5_51";
+const tabs = "_tabs_rlke5_62";
+const buttons = "_buttons_rlke5_68";
+const m = "_m_rlke5_75";
+const s = "_s_rlke5_83";
 const cls = {
   container,
   group,
-  "group-inner": "_group-inner_102fh_9",
+  "group-inner": "_group-inner_rlke5_9",
   tab,
   list,
   tabs,
@@ -251,7 +251,7 @@ const TabTrail = forwardRef(
       const activeTab = (_a = tabListRef.current) == null ? void 0 : _a.querySelector(
         `.${cls.tab}[data-active="true"]`
       );
-      if (activeTab) {
+      if (activeTab && typeof activeTab.scrollIntoView === "function") {
         activeTab.scrollIntoView({
           behavior: "smooth",
           block: "nearest",

package/dist/components/Tag/Tag.js

@@ -2,12 +2,12 @@ import { jsx } from "react/jsx-runtime";
 import { c as classNames } from "../../index-CweZ_OcN.js";
 import { forwardRef } from "react";
 import { ETagSize, ETagType } from "./constants.js";
-import '../../assets/Tag.css';const container = "_container_ok6fq_2";
-const disabled = "_disabled_ok6fq_25";
-const inner = "_inner_ok6fq_30";
-const M = "_M_ok6fq_38";
-const S = "_S_ok6fq_42";
-const XS = "_XS_ok6fq_50";
+import '../../assets/Tag.css';const container = "_container_pnj33_2";
+const disabled = "_disabled_pnj33_25";
+const inner = "_inner_pnj33_30";
+const M = "_M_pnj33_38";
+const S = "_S_pnj33_42";
+const XS = "_XS_pnj33_50";
 const cls = {
   container,
   disabled,

package/dist/components/TextArea/TextArea.js

@@ -5,21 +5,21 @@ import { useAutoResizeTextArea } from "./hooks.js";
 import { useMergeRefs } from "../../hooks/useMergeRefs/useMergeRefs.js";
 import { Icon } from "../../icons/Icon.js";
 import { Button } from "../Button/Button.js";
-import { c as cls } from "../../Input-ChCIy5oY.js";
+import { c as cls } from "../../Input-DspsU5F4.js";
 import { EInputVariant } from "../Input/constants.js";
-import '../../assets/TextArea.css';const textarea = "_textarea_1axu4_2";
-const label = "_label_1axu4_22";
-const s = "_s_1axu4_54";
-const m = "_m_1axu4_62";
-const l = "_l_1axu4_22";
+import '../../assets/TextArea.css';const textarea = "_textarea_1n8kz_2";
+const label = "_label_1n8kz_22";
+const s = "_s_1n8kz_54";
+const m = "_m_1n8kz_62";
+const l = "_l_1n8kz_22";
 const textareaCls = {
-  "textarea-wrapper": "_textarea-wrapper_1axu4_2",
+  "textarea-wrapper": "_textarea-wrapper_1n8kz_2",
   textarea,
-  "has-label": "_has-label_1axu4_8",
-  "required-mark": "_required-mark_1axu4_11",
+  "has-label": "_has-label_1n8kz_8",
+  "required-mark": "_required-mark_1n8kz_11",
   label,
-  "has-left-slot": "_has-left-slot_1axu4_37",
-  "active-label": "_active-label_1axu4_40",
+  "has-left-slot": "_has-left-slot_1n8kz_37",
+  "active-label": "_active-label_1n8kz_40",
   s,
   m,
   l
@@ -65,6 +65,7 @@ const TextArea = memo(
         variant = EInputVariant.DefaultGray,
         autofocus,
         readonly,
+        status,
         id,
         onFocus,
         onBlur,
@@ -145,7 +146,7 @@ const TextArea = memo(
         cls.input,
         mods,
         className,
-        [cls[variant], textareaCls[size], cls[size]]
+        [cls[variant], textareaCls[size], cls[size], cls[status ?? ""]]
       );
       return /* @__PURE__ */ jsxs(
         "div",
@@ -154,6 +155,7 @@ const TextArea = memo(
             cls["input-wrapper"],
             textareaCls["textarea-wrapper"],
             cls[variant],
+            cls[status ?? ""],
             textareaCls[size],
             cls[size],
             {

package/dist/components/Timer/Timer.js

@@ -2,7 +2,7 @@ import { jsxs } from "react/jsx-runtime";
 import { c as classNames } from "../../index-CweZ_OcN.js";
 import { memo } from "react";
 import { useTimer } from "../../hooks/useTimer/index.js";
-import '../../assets/Timer.css';const timer = "_timer_llwad_3";
+import '../../assets/Timer.css';const timer = "_timer_un9th_3";
 const cls = {
   timer
 };

package/dist/components/Toasts/ProgressBar.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "../../index-CweZ_OcN.js";
 import "react";
 import "./constants.js";
-import { P } from "../../ProgressBar-CwLwhaeM.js";
+import { P } from "../../ProgressBar-DWKyrXzd.js";
 export {
   P as ProgressBar
 };

package/dist/components/Toasts/Toast.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { c as classNames } from "../../index-CweZ_OcN.js";
 import { memo, useRef } from "react";
 import { ANIMATION_VARIABLES_MAP, EToastPosition, EToastVariant, DEFAULT_TOAST_DURATION } from "./constants.js";
-import { c as cls, P as ProgressBar } from "../../ProgressBar-CwLwhaeM.js";
+import { c as cls, P as ProgressBar } from "../../ProgressBar-DWKyrXzd.js";
 import { useTimer } from "../../hooks/useTimer/index.js";
 import { Button } from "../Button/Button.js";
 const Toast = memo(

package/dist/components/Toasts/ToastList.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { c as classNames } from "../../index-CweZ_OcN.js";
 import { memo, useRef, useCallback, useEffect } from "react";
 import { EToastPosition } from "./constants.js";
-import { c as cls } from "../../ProgressBar-CwLwhaeM.js";
+import { c as cls } from "../../ProgressBar-DWKyrXzd.js";
 import { Toast } from "./Toast.js";
 const ToastList = memo(
   ({ toasts, position = EToastPosition.TOP_RIGHT, onToastRemove }) => {

package/dist/components/Toasts/ToastsProvider.js

@@ -3,7 +3,7 @@ import { useReducer, useCallback, useMemo } from "react";
 import { EToastVariant } from "./constants.js";
 import { ToastContext } from "./hooks.js";
 import { reducer, initialState, actionCreators } from "./store.js";
-import { c as cls } from "../../ProgressBar-CwLwhaeM.js";
+import { c as cls } from "../../ProgressBar-DWKyrXzd.js";
 import { ToastList } from "./ToastList.js";
 const ToastProvider = ({ children }) => {
   const [toasts, dispatch] = useReducer(reducer, initialState);

package/dist/components/TwinSwitcher/TwinSwitcher.js

@@ -2,15 +2,15 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { c as classNames } from "../../index-CweZ_OcN.js";
 import { forwardRef } from "react";
 import { Switcher } from "../Switcher/Switcher.js";
-import '../../assets/TwinSwitcher.css';const icon = "_icon_3802f_28";
+import '../../assets/TwinSwitcher.css';const icon = "_icon_1r3h0_30";
 const cls = {
-  "twin-switcher": "_twin-switcher_3802f_2",
-  "twin-switcher-checked": "_twin-switcher-checked_3802f_16",
-  "twin-switcher-thumb": "_twin-switcher-thumb_3802f_25",
-  "twin-switcher-checked-thumb": "_twin-switcher-checked-thumb_3802f_25",
+  "twin-switcher": "_twin-switcher_1r3h0_2",
+  "twin-switcher-checked": "_twin-switcher-checked_1r3h0_18",
+  "twin-switcher-thumb": "_twin-switcher-thumb_1r3h0_27",
+  "twin-switcher-checked-thumb": "_twin-switcher-checked-thumb_1r3h0_27",
   icon,
-  "left-icon": "_left-icon_3802f_41",
-  "right-icon": "_right-icon_3802f_44"
+  "left-icon": "_left-icon_1r3h0_43",
+  "right-icon": "_right-icon_1r3h0_46"
 };
 const TwinSwitcher = forwardRef(
   ({

package/dist/components/UniversalUploader/UniversalUploader.js

@@ -6,7 +6,7 @@ import { ListFiles } from "../ListFiles/ListFiles.js";
 import { ListPhotos } from "../ListPhotos/ListPhotos.js";
 import { Uploader } from "../Uploader/Uploader.js";
 import '../../assets/UploaderPhotos.css';const cls = {
-  "upload-file-wrapper": "_upload-file-wrapper_2zki8_2"
+  "upload-file-wrapper": "_upload-file-wrapper_1a115_2"
 };
 const isImageFile = (file) => {
   if ("file" in file && file.file instanceof File) {

package/dist/components/Uploader/Uploader.js

@@ -3,9 +3,9 @@ import { forwardRef, useRef, useId } from "react";
 import { Icon } from "../../icons/Icon.js";
 import { Button } from "../Button/Button.js";
 import '../../assets/Uploader.css';const cls = {
-  "upload-file-wrapper": "_upload-file-wrapper_n3hxs_2",
-  "upload-text": "_upload-text_n3hxs_25",
-  "upload-file-input": "_upload-file-input_n3hxs_35"
+  "upload-file-wrapper": "_upload-file-wrapper_bplvw_2",
+  "upload-text": "_upload-text_bplvw_25",
+  "upload-file-input": "_upload-file-input_bplvw_35"
 };
 const MIME = {
   jpeg: "image/jpeg",

package/dist/components/UploaderFiles/UploaderFiles.js

@@ -4,7 +4,7 @@ import { forwardRef, useState, useEffect } from "react";
 import { ListFiles } from "../ListFiles/ListFiles.js";
 import { Uploader } from "../Uploader/Uploader.js";
 import '../../assets/UploaderPhotos.css';const cls = {
-  "upload-file-wrapper": "_upload-file-wrapper_2zki8_2"
+  "upload-file-wrapper": "_upload-file-wrapper_1a115_2"
 };
 const UploaderFiles = forwardRef(
   (props, ref) => {

package/dist/components/UploaderPhotos/UploaderPhotos.js

@@ -4,7 +4,7 @@ import { forwardRef, useState, useEffect } from "react";
 import { ListPhotos } from "../ListPhotos/ListPhotos.js";
 import { Uploader } from "../Uploader/Uploader.js";
 import '../../assets/UploaderPhotos.css';const cls = {
-  "upload-file-wrapper": "_upload-file-wrapper_2zki8_2"
+  "upload-file-wrapper": "_upload-file-wrapper_1a115_2"
 };
 const UploaderPhotos = forwardRef(
   (props, ref) => {

package/dist/components/Vote/Vote.js

@@ -4,9 +4,9 @@ import { forwardRef, useState, useEffect } from "react";
 import { DEFAULT_TITLE, EVoteSize, ZERO_VALUE } from "./constants.js";
 import { Steps } from "../Steps/Steps.js";
 import { ZERO_STEP, StepSize } from "../Steps/constants.js";
-import '../../assets/Vote.css';const container = "_container_1akd9_2";
-const title = "_title_1akd9_9";
-const score = "_score_1akd9_16";
+import '../../assets/Vote.css';const container = "_container_17n0d_2";
+const title = "_title_17n0d_9";
+const score = "_score_17n0d_16";
 const cls = {
   container,
   title,

package/dist/components/index.d.ts

@@ -1,6 +1,6 @@
 export { Button, EButtonForm, EButtonSize, EButtonVariantDefault, EButtonVariantRound, EButtonVariantOutline, EButtonVariantBorderless, type TButtonProps } from './Button';
-export { Input, EInputSize, EInputVariant } from './Input';
-export type { TInputProps, TSize, TVariant } from './Input';
+export { Input, EInputSize, EInputVariant, EInputStatus } from './Input';
+export type { TInputProps, TSize, TVariant, TStatus } from './Input';
 export { TextArea } from './TextArea';
 export type { TTextAreaProps } from './TextArea';
 export { InputPassword } from './InputPassword';

package/dist/components/index.js

@@ -1,7 +1,7 @@
 import { Button } from "./Button/Button.js";
 import { EButtonForm, EButtonSize, EButtonVariantBorderless, EButtonVariantDefault, EButtonVariantOutline, EButtonVariantRound } from "./Button/constants.js";
-import { I } from "../Input-ChCIy5oY.js";
-import { EInputSize, EInputVariant } from "./Input/constants.js";
+import { I } from "../Input-DspsU5F4.js";
+import { EInputSize, EInputStatus, EInputVariant } from "./Input/constants.js";
 import { TextArea } from "./TextArea/TextArea.js";
 import { InputPassword } from "./InputPassword/InputPassword.js";
 import { InputPhoneNumber } from "./InputPhoneNumber/InputPhoneNumber.js";
@@ -83,6 +83,7 @@ export {
   EInputRangeSliderBorderState,
   EInputRangeSliderPositions,
   EInputSize,
+  EInputStatus,
   EInputVariant,
   ELabelPositions,
   ELinkSize,

package/dist/index.js

@@ -1,7 +1,7 @@
 import { Button } from "./components/Button/Button.js";
 import { EButtonForm, EButtonSize, EButtonVariantBorderless, EButtonVariantDefault, EButtonVariantOutline, EButtonVariantRound } from "./components/Button/constants.js";
-import { I } from "./Input-ChCIy5oY.js";
-import { EInputSize, EInputVariant } from "./components/Input/constants.js";
+import { I } from "./Input-DspsU5F4.js";
+import { EInputSize, EInputStatus, EInputVariant } from "./components/Input/constants.js";
 import { TextArea } from "./components/TextArea/TextArea.js";
 import { InputPassword } from "./components/InputPassword/InputPassword.js";
 import { InputPhoneNumber } from "./components/InputPhoneNumber/InputPhoneNumber.js";
@@ -94,6 +94,7 @@ import './assets/index.css';export {
   EInputRangeSliderBorderState,
   EInputRangeSliderPositions,
   EInputSize,
+  EInputStatus,
   EInputVariant,
   ELabelPositions,
   ELinkSize,

package/dist/styles.module-B9L4B63y.js

@@ -0,0 +1,40 @@
+import './assets/styles.css';const input = "_input_ot5z6_2";
+const inputBorderControl = "_inputBorderControl_ot5z6_14";
+const editable = "_editable_ot5z6_27";
+const wrapper = "_wrapper_ot5z6_50";
+const active = "_active_ot5z6_56";
+const button = "_button_ot5z6_44";
+const h = "_h_ot5z6_107";
+const b = "_b_ot5z6_44";
+const d = "_d_ot5z6_10";
+const m = "_m_ot5z6_128";
+const a = "_a_ot5z6_56";
+const prev = "_prev_ot5z6_130";
+const orange = "_orange_ot5z6_146";
+const current = "_current_ot5z6_171";
+const monthGrid = "_monthGrid_ot5z6_176";
+const cls = {
+  input,
+  "input-wrapper": "_input-wrapper_ot5z6_6",
+  "date-wrapper": "_date-wrapper_ot5z6_10",
+  inputBorderControl,
+  editable,
+  "button-wrapper": "_button-wrapper_ot5z6_44",
+  wrapper,
+  active,
+  button,
+  "field-overlow": "_field-overlow_ot5z6_78",
+  "calendar-block": "_calendar-block_ot5z6_84",
+  h,
+  b,
+  d,
+  m,
+  a,
+  prev,
+  orange,
+  current,
+  monthGrid
+};
+export {
+  cls as c
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mimir-ui-kit",
   "private": false,
-  "version": "1.33.1",
+  "version": "1.34.0",
   "type": "module",
   "exports": {
     ".": {

package/dist/styles.module-7wzJYhR3.js

@@ -1,40 +0,0 @@
-import './assets/styles.css';const input = "_input_1i5h3_2";
-const inputBorderControl = "_inputBorderControl_1i5h3_14";
-const editable = "_editable_1i5h3_27";
-const wrapper = "_wrapper_1i5h3_50";
-const active = "_active_1i5h3_56";
-const button = "_button_1i5h3_44";
-const h = "_h_1i5h3_107";
-const b = "_b_1i5h3_44";
-const d = "_d_1i5h3_10";
-const m = "_m_1i5h3_128";
-const a = "_a_1i5h3_56";
-const prev = "_prev_1i5h3_130";
-const orange = "_orange_1i5h3_146";
-const current = "_current_1i5h3_171";
-const monthGrid = "_monthGrid_1i5h3_176";
-const cls = {
-  input,
-  "input-wrapper": "_input-wrapper_1i5h3_6",
-  "date-wrapper": "_date-wrapper_1i5h3_10",
-  inputBorderControl,
-  editable,
-  "button-wrapper": "_button-wrapper_1i5h3_44",
-  wrapper,
-  active,
-  button,
-  "field-overlow": "_field-overlow_1i5h3_78",
-  "calendar-block": "_calendar-block_1i5h3_84",
-  h,
-  b,
-  d,
-  m,
-  a,
-  prev,
-  orange,
-  current,
-  monthGrid
-};
-export {
-  cls as c
-};