mimir-ui-kit 1.43.11 → 1.43.12

package/dist/components/AnchorLink/Link.js

@@ -1,9 +1,9 @@
-import { jsxs as h, jsx as e } from "react/jsx-runtime";
-import { c as n } from "../../index-DIxK0V-G.js";
+import { jsxs as k, jsx as n } from "react/jsx-runtime";
+import { c as o } from "../../index-DIxK0V-G.js";
 import { forwardRef as x } from "react";
-import { ELinkSize as I, ELinkVariant as L } from "./constants.js";
-import { Icon as a } from "../../icons/Icon.js";
-import '../../assets/Link.css';const g = "_link_1e4ck_2", j = "_sample_1e4ck_23", u = "_anchor_1e4ck_27", z = "_disabled_1e4ck_31", C = "_icon_1e4ck_41", E = "_xs_1e4ck_50", R = "_s_1e4ck_23", v = "_m_1e4ck_62", w = "_l_1e4ck_2", s = {
+import { ELinkSize as L, ELinkVariant as I } from "./constants.js";
+import { Icon as t } from "../../icons/Icon.js";
+import '../../assets/Link.css';const g = "_link_1bc9a_2", j = "_sample_1bc9a_20", u = "_anchor_1bc9a_24", z = "_disabled_1bc9a_28", C = "_icon_1bc9a_38", E = "_xs_1bc9a_47", R = "_s_1bc9a_20", v = "_m_1bc9a_59", w = "_l_1bc9a_2", s = {
   link: g,
   sample: j,
   anchor: u,
@@ -14,45 +14,44 @@ import '../../assets/Link.css';const g = "_link_1e4ck_2", j = "_sample_1e4ck_23"
   m: v,
   l: w
 }, V = x(
-  (t, i) => {
+  (i, e) => {
     const {
       as: l = "button",
       disabled: r,
       leftIcon: c,
       children: _,
-      rightIcon: o,
+      rightIcon: a,
       className: m,
-      size: k = I.L,
-      variant: d = L.ANCHOR,
+      size: b = L.L,
+      variant: d = I.ANCHOR,
       rel: p,
       target: f,
       ...N
-    } = t, b = n(s.link, m, s[d], s[k], {
+    } = i, h = o(s.link, m, s[d], s[b], {
       [s.disabled]: r
     });
-    return /* @__PURE__ */ h(
+    return /* @__PURE__ */ k(
       l,
       {
-        tabIndex: 0,
-        ref: i,
-        className: b,
+        ref: e,
+        className: h,
         rel: p,
         target: f,
         ...N,
         children: [
-          c && /* @__PURE__ */ e(
-            a,
+          c && /* @__PURE__ */ n(
+            t,
             {
               ...c,
-              className: n(s.icon, c.className)
+              className: o(s.icon, c.className)
             }
           ),
           _,
-          o && /* @__PURE__ */ e(
-            a,
+          a && /* @__PURE__ */ n(
+            t,
             {
-              ...o,
-              className: n(s.icon, o.className)
+              ...a,
+              className: o(s.icon, a.className)
             }
           )
         ]

package/dist/components/Avatar/Avatar.js

@@ -1,49 +1,49 @@
-import { jsxs as _, jsx as i } from "react/jsx-runtime";
+import { jsxs as _, jsx as r } from "react/jsx-runtime";
 import { c } from "../../index-DIxK0V-G.js";
-import { memo as d } from "react";
+import { memo as n } from "react";
 import { EAvatarSize as t } from "./constants.js";
-import { Icon as n } from "../../icons/Icon.js";
-import { AppImage as l } from "../Image/Image.js";
+import { Icon as l } from "../../icons/Icon.js";
+import { AppImage as b } from "../Image/Image.js";
 import { NotificationBadge as f } from "../NotificationBadge/NotificationBadge.js";
-import '../../assets/Avatar.css';const v = "_avatar_1jdhi_2", x = "_image_1jdhi_11", j = "_s_1jdhi_17", g = "_m_1jdhi_23", h = "_l_1jdhi_28", o = {
-  avatar: v,
-  image: x,
-  s: j,
-  m: g,
-  l: h,
-  default: "_default_1jdhi_33"
-}, u = d(
+import '../../assets/Avatar.css';const u = "_avatar_bbuza_2", d = "_image_bbuza_11", v = "_s_bbuza_17", x = "_m_bbuza_22", g = "_l_bbuza_27", o = {
+  avatar: u,
+  image: d,
+  s: v,
+  m: x,
+  l: g,
+  default: "_default_bbuza_32"
+}, N = n(
   ({
     size: a = t.M,
     className: s,
-    notificationsCount: m = 0,
-    src: r,
-    alt: e = "User avatar"
+    notificationsCount: e = 0,
+    src: m,
+    alt: i = "User avatar"
   }) => {
     const p = a === t.S || a === t.M ? { top: "8px", left: "-8px" } : { top: "12px", left: "-12px" };
     return /* @__PURE__ */ _(
       "div",
       {
         className: c(o.avatar, o[a], s, {
-          [o.default]: !r
+          [o.default]: !m
         }),
         "data-testid": "avatar-container",
         children: [
-          r ? /* @__PURE__ */ i(
-            l,
+          m ? /* @__PURE__ */ r(
+            b,
             {
-              src: r,
-              alt: e,
+              src: m,
+              alt: i,
               className: o.image,
               "data-testid": "avatar-image"
             }
-          ) : /* @__PURE__ */ i(n, { iconName: a === t.L ? "User24px" : "User16px" }),
-          !!m && /* @__PURE__ */ i(
+          ) : /* @__PURE__ */ r(l, { iconName: "User16px" }),
+          !!e && /* @__PURE__ */ r(
             f,
             {
-              count: m,
+              count: e,
               position: p,
-              size: a === t.S ? "xs" : "s",
+              size: a === t.S ? "s" : "m",
               absolute: !0
             }
           )
@@ -52,7 +52,7 @@ import '../../assets/Avatar.css';const v = "_avatar_1jdhi_2", x = "_image_1jdhi_
     );
   }
 );
-u.displayName = "Avatar";
+N.displayName = "Avatar";
 export {
-  u as Avatar
+  N as Avatar
 };

package/dist/components/Button/Button.js

@@ -1,123 +1,100 @@
-import { jsxs as w, jsx as s } from "react/jsx-runtime";
-import { c as x } from "../../index-DIxK0V-G.js";
-import { forwardRef as L, useRef as k, useState as B, useEffect as V } from "react";
-import { EButtonVariantDefault as q, EButtonForm as A } from "./constants.js";
-import { Icon as G } from "../../icons/Icon.js";
-import '../../assets/Button.css';const H = "_button_1lpn9_2", J = "_clear_1lpn9_43", K = "_count_1lpn9_54", M = "_black_1lpn9_133", Q = "_gray_1lpn9_142", T = "_white_1lpn9_151", U = "_sapphire_1lpn9_160", X = "_xs_1lpn9_288", Y = "_s_1lpn9_84", Z = "_m_1lpn9_298", tt = "_l_1lpn9_325", nt = "_xl_1lpn9_334", ot = "_xxl_1lpn9_343", lt = "_full_1lpn9_359", et = "_disabled_1lpn9_376", t = {
-  button: H,
-  clear: J,
-  count: K,
-  "default-button": "_default-button_1lpn9_62",
-  "primary-sapphire": "_primary-sapphire_1lpn9_65",
-  "primary-citrine": "_primary-citrine_1lpn9_74",
-  "secondary-asphalt": "_secondary-asphalt_1lpn9_84",
-  "secondary-gray": "_secondary-gray_1lpn9_93",
-  "secondary-white": "_secondary-white_1lpn9_102",
-  "secondary-red": "_secondary-red_1lpn9_111",
-  "round-button": "_round-button_1lpn9_121",
-  black: M,
-  gray: Q,
-  white: T,
-  sapphire: U,
-  "outline-button": "_outline-button_1lpn9_170",
-  "outline-asphalt": "_outline-asphalt_1lpn9_178",
-  "outline-gray": "_outline-gray_1lpn9_186",
-  "outline-white": "_outline-white_1lpn9_195",
-  "outline-red": "_outline-red_1lpn9_204",
-  "borderless-button": "_borderless-button_1lpn9_214",
-  "borderless-asphalt": "_borderless-asphalt_1lpn9_221",
-  "borderless-gray": "_borderless-gray_1lpn9_226",
-  "borderless-white": "_borderless-white_1lpn9_231",
-  "borderless-red": "_borderless-red_1lpn9_236",
-  "auto-logo-button": "_auto-logo-button_1lpn9_242",
-  "auto-logo-white": "_auto-logo-white_1lpn9_246",
-  "auto-logo-outline": "_auto-logo-outline_1lpn9_256",
-  xs: X,
-  "m-s": "_m-s_1lpn9_298",
-  s: Y,
-  m: Z,
-  l: tt,
-  xl: nt,
-  xxl: ot,
-  full: lt,
-  "right_block-wrap": "_right_block-wrap_1lpn9_371",
-  disabled: et,
-  "icon-button": "_icon-button_1lpn9_403"
-}, st = L(
-  (N, v) => {
+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: r = "m",
-      variant: _ = q.PrimarySapphire,
-      form: a = A.DefaultButton,
-      full: o,
+      size: o = "m",
+      variant: d = k.PrimarySapphire,
+      form: _ = C.DefaultButton,
+      full: b,
       clear: n,
-      isIconButton: c = !1,
-      iconName: R,
-      children: E,
-      className: I,
-      iconButtonClassName: O,
-      formId: W,
-      type: z = "button",
-      rightIcon: i,
-      count: l,
-      leftIcon: p,
-      disabled: u,
-      ...C
-    } = N, d = k(null), b = k(null), [j, D] = B(0), [P, S] = B(0), h = {
-      [t.disabled]: u && !n,
-      [t.clear]: n,
-      [t["icon-button"]]: c,
-      [t[_]]: !!_
-    }, $ = x(
-      I,
-      t.button,
-      h,
-      n ? [] : [t[a ?? ""], t[r]],
-      o && !n ? [t.full] : ""
-    ), F = x(
-      t.count,
-      h,
-      t[r],
-      t[a ?? ""]
+      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 V(() => {
-      if (!o) return;
-      const f = b.current, m = d.current, g = new ResizeObserver(([e]) => {
-        D(e.contentRect.width);
-      }), y = new ResizeObserver(([e]) => {
-        S(e.contentRect.width);
-      });
-      return f && g.observe(f), m && y.observe(m), () => {
-        g.disconnect(), y.disconnect();
-      };
-    }, [o]), /* @__PURE__ */ w(
+    return /* @__PURE__ */ B(
       "button",
       {
-        style: {
-          "--left-block-width": `${j}px`,
-          "--right-block-width": `${P}px`
-        },
-        "data-has-left-icon": !!p,
-        "data-has-right-icon": !!i || !!l,
-        type: z,
-        form: W,
-        ...C,
-        disabled: u,
-        ref: v,
-        className: $,
+        type: h,
+        form: y,
+        ...g,
+        disabled: t,
+        ref: u,
+        className: w,
         children: [
-          /* @__PURE__ */ s("div", { className: t["left_block-wrap"], ref: b, children: p }),
-          c ? /* @__PURE__ */ s(G, { iconName: R, className: O }) : E,
-          /* @__PURE__ */ w("div", { className: t["right_block-wrap"], ref: d, children: [
-            i,
-            !!l && /* @__PURE__ */ s("span", { className: F, children: l })
-          ] })
+          x,
+          e ? /* @__PURE__ */ l(j, { iconName: m, className: p }) : v,
+          f,
+          !!r && /* @__PURE__ */ l("span", { className: N, children: r })
         ]
       }
     );
   }
 );
-st.displayName = "Button";
+M.displayName = "Button";
 export {
-  st as Button
+  M as Button
 };

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

@@ -9,8 +9,7 @@ export declare enum EButtonVariantDefault {
 export declare enum EButtonVariantRound {
     Black = "black",
     Gray = "gray",
-    White = "white",
-    Sapphire = "sapphire"
+    White = "white"
 }
 export declare enum EButtonVariantOutline {
     Asphalt = "outline-asphalt",
@@ -24,10 +23,6 @@ export declare enum EButtonVariantBorderless {
     White = "borderless-white",
     Red = "borderless-red"
 }
-export declare enum EButtonAutoLogo {
-    White = "auto-logo-white",
-    Outline = "auto-logo-outline"
-}
 export declare enum EButtonSize {
     XS = "xs",
     S = "s",
@@ -41,6 +36,5 @@ export declare enum EButtonForm {
     DefaultButton = "default-button",
     RoundButton = "round-button",
     OutlineButton = "outline-button",
-    BorderlessButton = "borderless-button",
-    AutoLogoButton = "auto-logo-button"
+    BorderlessButton = "borderless-button"
 }

package/dist/components/Button/constants.js

@@ -1,10 +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.Sapphire = "sapphire", r))(s || {}), h = /* @__PURE__ */ ((r) => (r.Asphalt = "outline-asphalt", r.Gray = "outline-gray", r.White = "outline-white", r.Red = "outline-red", r))(h || {}), y = /* @__PURE__ */ ((r) => (r.Asphalt = "borderless-asphalt", r.Gray = "borderless-gray", r.White = "borderless-white", r.Red = "borderless-red", r))(y || {}), l = /* @__PURE__ */ ((r) => (r.White = "auto-logo-white", r.Outline = "auto-logo-outline", r))(l || {}), d = /* @__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))(d || {}), p = /* @__PURE__ */ ((r) => (r.DefaultButton = "default-button", r.RoundButton = "round-button", r.OutlineButton = "outline-button", r.BorderlessButton = "borderless-button", r.AutoLogoButton = "auto-logo-button", r))(p || {});
+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 EButtonAutoLogo,
-  p as EButtonForm,
-  d as EButtonSize,
-  y as EButtonVariantBorderless,
+  l as EButtonForm,
+  h as EButtonSize,
+  d as EButtonVariantBorderless,
   e as EButtonVariantDefault,
-  h as EButtonVariantOutline,
+  y as EButtonVariantOutline,
   s as EButtonVariantRound
 };

package/dist/components/CheckboxMimir/CheckboxMimir.d.ts

@@ -4,7 +4,6 @@ import { ReactNode } from 'react';
 export type TCheckboxMimirProps = CheckboxProps & {
     children?: ReactNode;
     isInteractive?: boolean;
-    disabled?: boolean;
 };
 export declare const CheckboxMimir: import('react').ForwardRefExoticComponent<{
     suppressHydrationWarning?: boolean | undefined;
@@ -299,5 +298,4 @@ export declare const CheckboxMimir: import('react').ForwardRefExoticComponent<{
 } & {
     children?: ReactNode;
     isInteractive?: boolean;
-    disabled?: boolean;
 } & import('react').RefAttributes<HTMLInputElement>>;

package/dist/components/CheckboxMimir/CheckboxMimir.js

@@ -1,62 +1,60 @@
-import { jsxs as L, jsx as h } from "react/jsx-runtime";
-import { W as O, p as V, o as l, $ as W, b as X, D as q, H as z, c as P } from "../../keyboard-wis2TUql.js";
-import v, { useId as J, useState as Q, useMemo as Y, useCallback as Z, forwardRef as ee } from "react";
-import { w as ae } from "../../use-active-press-CnDeVvQq.js";
-import { u as re, a as oe, b as te, T as se, I as ce, G as ne, j as ie, p as de, K as le } from "../../label-BmphTIGY.js";
-import { r as fe } from "../../bugs-diTMAGNw.js";
+import { jsxs as L, jsx as p } from "react/jsx-runtime";
+import { W as O, p as V, o as d, $ as W, b as X, D as q, H as z, c as D } from "../../keyboard-wis2TUql.js";
+import h, { useId as J, useState as Q, useMemo as Y, useCallback as Z, forwardRef as ee } from "react";
+import { w as re } from "../../use-active-press-CnDeVvQq.js";
+import { u as ae, a as oe, b as te, T as ce, I as ne, G as se, j as ie, p as le, K as de } from "../../label-BmphTIGY.js";
+import { r as be } from "../../bugs-diTMAGNw.js";
 import { H as ue } from "../../field-BLi5834s.js";
 import { c as me } from "../../index-DIxK0V-G.js";
-import { Icon as be } from "../../icons/Icon.js";
+import { Icon as fe } from "../../icons/Icon.js";
 import '../../assets/CheckboxMimir.css';let pe = "span";
 function he(u, m) {
-  let c = J(), b = re(), n = oe(), { id: i = b || `headlessui-checkbox-${c}`, disabled: e = n || !1, autoFocus: r = !1, checked: p, defaultChecked: y, onChange: F, name: k, value: w, form: I, indeterminate: d = !1, ...H } = u, o = te(y), [t, s] = se(p, F, o ?? !1), N = ce(), R = ne(), E = V(), [x, $] = Q(!1), _ = l(() => {
-    $(!0), s == null || s(!t), E.nextFrame(() => {
-      $(!1);
+  let n = J(), f = ae(), s = oe(), { id: i = f || `headlessui-checkbox-${n}`, disabled: e = s || !1, autoFocus: a = !1, checked: P, defaultChecked: j, onChange: y, name: v, value: F, form: I, indeterminate: l = !1, ...H } = u, o = te(j), [t, c] = ce(P, y, o ?? !1), N = ne(), R = se(), E = V(), [k, x] = Q(!1), $ = d(() => {
+    x(!0), c == null || c(!t), E.nextFrame(() => {
+      x(!1);
     });
-  }), K = l((a) => {
-    if (fe(a.currentTarget)) return a.preventDefault();
-    a.preventDefault(), _();
-  }), T = l((a) => {
-    a.key === P.Space ? (a.preventDefault(), _()) : a.key === P.Enter && de(a.currentTarget);
-  }), j = l((a) => a.preventDefault()), { isFocusVisible: g, focusProps: M } = W({ autoFocus: r }), { isHovered: C, hoverProps: G } = X({ isDisabled: e }), { pressed: D, pressProps: S } = ae({ disabled: e }), U = q({ ref: m, id: i, role: "checkbox", "aria-checked": d ? "mixed" : t ? "true" : "false", "aria-labelledby": N, "aria-describedby": R, "aria-disabled": e ? !0 : void 0, indeterminate: d ? "true" : void 0, tabIndex: e ? void 0 : 0, onKeyUp: e ? void 0 : T, onKeyPress: e ? void 0 : j, onClick: e ? void 0 : K }, M, G, S), A = Y(() => ({ checked: t, disabled: e, hover: C, focus: g, active: D, indeterminate: d, changing: x, autofocus: r }), [t, d, e, C, g, D, x, r]), B = Z(() => {
-    if (o !== void 0) return s == null ? void 0 : s(o);
-  }, [s, o]);
-  return v.createElement(v.Fragment, null, k != null && v.createElement(ie, { disabled: e, data: { [k]: w || "on" }, overrides: { type: "checkbox", checked: t }, form: I, onReset: B }), z({ ourProps: U, theirProps: H, slot: A, defaultTag: pe, name: "Checkbox" }));
+  }), K = d((r) => {
+    if (be(r.currentTarget)) return r.preventDefault();
+    r.preventDefault(), $();
+  }), T = d((r) => {
+    r.key === D.Space ? (r.preventDefault(), $()) : r.key === D.Enter && le(r.currentTarget);
+  }), M = d((r) => r.preventDefault()), { isFocusVisible: _, focusProps: w } = W({ autoFocus: a }), { isHovered: g, hoverProps: G } = X({ isDisabled: e }), { pressed: C, pressProps: S } = re({ disabled: e }), U = q({ ref: m, id: i, role: "checkbox", "aria-checked": l ? "mixed" : t ? "true" : "false", "aria-labelledby": N, "aria-describedby": R, "aria-disabled": e ? !0 : void 0, indeterminate: l ? "true" : void 0, tabIndex: e ? void 0 : 0, onKeyUp: e ? void 0 : T, onKeyPress: e ? void 0 : M, onClick: e ? void 0 : K }, w, G, S), A = Y(() => ({ checked: t, disabled: e, hover: g, focus: _, active: C, indeterminate: l, changing: k, autofocus: a }), [t, l, e, g, _, C, k, a]), B = Z(() => {
+    if (o !== void 0) return c == null ? void 0 : c(o);
+  }, [c, o]);
+  return h.createElement(h.Fragment, null, v != null && h.createElement(ie, { disabled: e, data: { [v]: F || "on" }, overrides: { type: "checkbox", checked: t }, form: I, onReset: B }), z({ ourProps: U, theirProps: H, slot: A, defaultTag: pe, name: "Checkbox" }));
 }
 let ve = O(he);
-const ke = "_container_10f7w_2", xe = "_checkbox_10f7w_8", $e = "_enabled_10f7w_36", _e = "_label_10f7w_52", f = {
+const ke = "_container_13bjb_2", xe = "_checkbox_13bjb_8", $e = "_label_13bjb_27", _e = "_enabled_13bjb_31", b = {
   container: ke,
   checkbox: xe,
-  enabled: $e,
-  label: _e
+  label: $e,
+  enabled: _e
 }, Ne = ee(
   (u, m) => {
     const {
-      checked: c,
-      onChange: b,
-      children: n,
+      checked: n,
+      onChange: f,
+      children: s,
       id: i,
       isInteractive: e = !0,
-      disabled: r = !1,
-      ...p
+      ...a
     } = u;
-    return /* @__PURE__ */ L(ue, { className: f.container, children: [
-      /* @__PURE__ */ h(
+    return /* @__PURE__ */ L(ue, { className: b.container, children: [
+      /* @__PURE__ */ p(
         ve,
         {
           id: i,
           ref: m,
-          checked: c,
-          onChange: e && !r ? b : void 0,
-          className: me(f.checkbox, {
-            [f.enabled]: c
+          checked: n,
+          onChange: e ? f : void 0,
+          className: me(b.checkbox, {
+            [b.enabled]: n
           }),
-          "data-disabled": r,
-          ...p,
-          children: /* @__PURE__ */ h(be, { iconName: "Done16px" })
+          ...a,
+          children: /* @__PURE__ */ p(fe, { iconName: "Done16px" })
         }
       ),
-      n && /* @__PURE__ */ h(le, { htmlFor: i, className: f.label, children: n })
+      s && /* @__PURE__ */ p(de, { htmlFor: i, className: b.label, children: s })
     ] });
   }
 );

package/dist/components/Chip/Chip.js

@@ -1,30 +1,30 @@
-import { jsxs as r, jsx as j } from "react/jsx-runtime";
-import { c as m } from "../../index-DIxK0V-G.js";
-import { EChipSize as p, EChipVariant as h } from "./constants.js";
+import { jsxs as r, jsx as m } from "react/jsx-runtime";
+import { c as p } from "../../index-DIxK0V-G.js";
+import { EChipSize as h, EChipVariant as b } from "./constants.js";
 import { Button as l } from "../Button/Button.js";
-import '../../assets/Chip.css';const d = "_chip_10jmj_2", x = "_disabled_10jmj_41", g = "_xs_10jmj_52", u = "_s_10jmj_60", w = "_m_10jmj_68", C = "_sapphire_10jmj_78", b = "_citrine_10jmj_87", f = "_asphalt_10jmj_96", y = "_gray_10jmj_105", N = "_white_10jmj_114", B = "_green_10jmj_123", s = {
-  chip: d,
-  "with-action": "_with-action_10jmj_19",
-  disabled: x,
-  xs: g,
-  s: u,
-  m: w,
-  sapphire: C,
-  citrine: b,
+import '../../assets/Chip.css';const v = "_chip_19bvm_2", d = "_disabled_19bvm_40", x = "_xs_19bvm_51", g = "_s_19bvm_59", u = "_m_19bvm_67", w = "_sapphire_19bvm_75", C = "_citrine_19bvm_84", f = "_asphalt_19bvm_93", y = "_gray_19bvm_102", N = "_white_19bvm_111", j = "_green_19bvm_120", s = {
+  chip: v,
+  "with-action": "_with-action_19bvm_18",
+  disabled: d,
+  xs: x,
+  s: g,
+  m: u,
+  sapphire: w,
+  citrine: C,
   asphalt: f,
   gray: y,
   white: N,
-  green: B
+  green: j
 }, z = ({
-  size: i = p.M,
-  variant: _ = h.Sapphire,
+  size: i = h.M,
+  variant: _ = b.Sapphire,
   className: c,
   disabled: e,
   withAction: t,
   children: o,
   onClose: a
 }) => {
-  const n = m(
+  const n = p(
     s.chip,
     c,
     {
@@ -36,7 +36,7 @@ import '../../assets/Chip.css';const d = "_chip_10jmj_2", x = "_disabled_10jmj_4
   );
   return /* @__PURE__ */ r("div", { className: n, children: [
     o,
-    t && /* @__PURE__ */ j(l, { isIconButton: !0, iconName: "Close16px", onClick: a, clear: !0 })
+    t && /* @__PURE__ */ m(l, { isIconButton: !0, iconName: "Close16px", onClick: a, clear: !0 })
   ] });
 };
 export {

package/dist/components/DatePicker/DatePicker.d.ts

@@ -65,10 +65,6 @@ export type TProps = {
      * Диапазон доступных дат [от, до]
      */
     validRange?: [Date | string, Date | string];
-    /**
-     * Флаг показывающий необходилось кнопки очиски
-     */
-    withClearButton?: boolean;
 } & TInputProps;
 export type TDatePickerValue = {
     value?: string;
@@ -143,8 +139,4 @@ export declare const DatePicker: import('react').MemoExoticComponent<import('rea
      * Диапазон доступных дат [от, до]
      */
     validRange?: [Date | string, Date | string];
-    /**
-     * Флаг показывающий необходилось кнопки очиски
-     */
-    withClearButton?: boolean;
 } & import('../Input/types').TInputProps & import('../Input').TAdditionalProps & import('react').RefAttributes<HTMLInputElement>>>;