mimir-ui-kit 1.43.9 → 1.43.11

package/dist/components/AnchorLink/Link.js

@@ -1,9 +1,9 @@
-import { jsxs as k, jsx as n } from "react/jsx-runtime";
-import { c as o } from "../../index-DIxK0V-G.js";
+import { jsxs as h, jsx as e } from "react/jsx-runtime";
+import { c as n } from "../../index-DIxK0V-G.js";
 import { forwardRef as x } from "react";
-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 = {
+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 = {
   link: g,
   sample: j,
   anchor: u,
@@ -14,44 +14,45 @@ import '../../assets/Link.css';const g = "_link_1bc9a_2", j = "_sample_1bc9a_20"
   m: v,
   l: w
 }, V = x(
-  (i, e) => {
+  (t, i) => {
     const {
       as: l = "button",
       disabled: r,
       leftIcon: c,
       children: _,
-      rightIcon: a,
+      rightIcon: o,
       className: m,
-      size: b = L.L,
-      variant: d = I.ANCHOR,
+      size: k = I.L,
+      variant: d = L.ANCHOR,
       rel: p,
       target: f,
       ...N
-    } = i, h = o(s.link, m, s[d], s[b], {
+    } = t, b = n(s.link, m, s[d], s[k], {
       [s.disabled]: r
     });
-    return /* @__PURE__ */ k(
+    return /* @__PURE__ */ h(
       l,
       {
-        ref: e,
-        className: h,
+        tabIndex: 0,
+        ref: i,
+        className: b,
         rel: p,
         target: f,
         ...N,
         children: [
-          c && /* @__PURE__ */ n(
-            t,
+          c && /* @__PURE__ */ e(
+            a,
             {
               ...c,
-              className: o(s.icon, c.className)
+              className: n(s.icon, c.className)
             }
           ),
           _,
-          a && /* @__PURE__ */ n(
-            t,
+          o && /* @__PURE__ */ e(
+            a,
             {
-              ...a,
-              className: o(s.icon, a.className)
+              ...o,
+              className: n(s.icon, o.className)
             }
           )
         ]

package/dist/components/Avatar/Avatar.js

@@ -1,49 +1,49 @@
-import { jsxs as _, jsx as r } from "react/jsx-runtime";
+import { jsxs as _, jsx as i } from "react/jsx-runtime";
 import { c } from "../../index-DIxK0V-G.js";
-import { memo as n } from "react";
+import { memo as d } from "react";
 import { EAvatarSize as t } from "./constants.js";
-import { Icon as l } from "../../icons/Icon.js";
-import { AppImage as b } from "../Image/Image.js";
+import { Icon as n } from "../../icons/Icon.js";
+import { AppImage as l } from "../Image/Image.js";
 import { NotificationBadge as f } from "../NotificationBadge/NotificationBadge.js";
-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(
+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(
   ({
     size: a = t.M,
     className: s,
-    notificationsCount: e = 0,
-    src: m,
-    alt: i = "User avatar"
+    notificationsCount: m = 0,
+    src: r,
+    alt: e = "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]: !m
+          [o.default]: !r
         }),
         "data-testid": "avatar-container",
         children: [
-          m ? /* @__PURE__ */ r(
-            b,
+          r ? /* @__PURE__ */ i(
+            l,
             {
-              src: m,
-              alt: i,
+              src: r,
+              alt: e,
               className: o.image,
               "data-testid": "avatar-image"
             }
-          ) : /* @__PURE__ */ r(l, { iconName: "User16px" }),
-          !!e && /* @__PURE__ */ r(
+          ) : /* @__PURE__ */ i(n, { iconName: a === t.L ? "User24px" : "User16px" }),
+          !!m && /* @__PURE__ */ i(
             f,
             {
-              count: e,
+              count: m,
               position: p,
-              size: a === t.S ? "s" : "m",
+              size: a === t.S ? "xs" : "s",
               absolute: !0
             }
           )
@@ -52,7 +52,7 @@ import '../../assets/Avatar.css';const u = "_avatar_bbuza_2", d = "_image_bbuza_
     );
   }
 );
-N.displayName = "Avatar";
+u.displayName = "Avatar";
 export {
-  N as Avatar
+  u as Avatar
 };

package/dist/components/Button/Button.js

@@ -1,100 +1,123 @@
-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) => {
+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) => {
     const {
-      size: o = "m",
-      variant: d = k.PrimarySapphire,
-      form: _ = C.DefaultButton,
-      full: b,
+      size: r = "m",
+      variant: _ = q.PrimarySapphire,
+      form: a = A.DefaultButton,
+      full: o,
       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[_ ?? ""]
+      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 ?? ""]
     );
-    return /* @__PURE__ */ B(
+    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(
       "button",
       {
-        type: h,
-        form: y,
-        ...g,
-        disabled: t,
-        ref: u,
-        className: w,
+        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: $,
         children: [
-          x,
-          e ? /* @__PURE__ */ l(j, { iconName: m, className: p }) : v,
-          f,
-          !!r && /* @__PURE__ */ l("span", { className: N, children: r })
+          /* @__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 })
+          ] })
         ]
       }
     );
   }
 );
-M.displayName = "Button";
+st.displayName = "Button";
 export {
-  M as Button
+  st as Button
 };

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

@@ -9,7 +9,8 @@ export declare enum EButtonVariantDefault {
 export declare enum EButtonVariantRound {
     Black = "black",
     Gray = "gray",
-    White = "white"
+    White = "white",
+    Sapphire = "sapphire"
 }
 export declare enum EButtonVariantOutline {
     Asphalt = "outline-asphalt",
@@ -23,6 +24,10 @@ 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",
@@ -36,5 +41,6 @@ export declare enum EButtonForm {
     DefaultButton = "default-button",
     RoundButton = "round-button",
     OutlineButton = "outline-button",
-    BorderlessButton = "borderless-button"
+    BorderlessButton = "borderless-button",
+    AutoLogoButton = "auto-logo-button"
 }

package/dist/components/Button/constants.js

@@ -1,9 +1,10 @@
-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 || {});
+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 || {});
 export {
-  l as EButtonForm,
-  h as EButtonSize,
-  d as EButtonVariantBorderless,
+  l as EButtonAutoLogo,
+  p as EButtonForm,
+  d as EButtonSize,
+  y as EButtonVariantBorderless,
   e as EButtonVariantDefault,
-  y as EButtonVariantOutline,
+  h as EButtonVariantOutline,
   s as EButtonVariantRound
 };

package/dist/components/CarBodyButton/CarBodyButton.d.ts

@@ -0,0 +1,26 @@
+import { ComponentProps } from 'react';
+import { TIcon } from '../../icons';
+
+export type TProps = ComponentProps<'button'> & {
+    /**
+     * Текст кнопки.
+     */
+    children: string;
+    /**
+     * Класс, применяемый к корневому элементу кнопки.
+     */
+    className?: string;
+    /**
+     * Класс, применяемый к иконке.
+     */
+    iconButtonClassName?: string;
+    /**
+     * Флаг, указывающий, отключена ли кнопка.
+     */
+    disabled?: boolean;
+    /**
+     * Название иконки
+     */
+    iconName: TIcon;
+};
+export declare const CarBodyButton: import('react').ForwardRefExoticComponent<Omit<TProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/components/CarBodyButton/CarBodyButton.js

@@ -0,0 +1,40 @@
+import { jsxs as b, jsx as u } from "react/jsx-runtime";
+import { c as f } from "../../index-DIxK0V-G.js";
+import { forwardRef as p } from "react";
+import { Icon as N } from "../../icons/Icon.js";
+import '../../assets/CarBodyButton.css';const _ = "_button_1rwof_2", B = "_disabled_1rwof_54", t = {
+  button: _,
+  disabled: B
+}, y = p(
+  (s, a) => {
+    const {
+      iconName: n,
+      children: r,
+      className: e,
+      iconButtonClassName: c,
+      type: d = "button",
+      disabled: o,
+      ...m
+    } = s, l = {
+      [t.disabled]: o
+    }, i = f(e, t.button, l);
+    return /* @__PURE__ */ b(
+      "button",
+      {
+        type: d,
+        ...m,
+        disabled: o,
+        ref: a,
+        className: i,
+        children: [
+          /* @__PURE__ */ u(N, { iconName: n, className: c }),
+          r
+        ]
+      }
+    );
+  }
+);
+y.displayName = "CarBodyButton";
+export {
+  y as CarBodyButton
+};

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

@@ -0,0 +1 @@
+export { CarBodyButton, type TProps as TCarBodyButtonProps } from './CarBodyButton';

package/dist/components/CarBodyButton/index.js

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

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

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

package/dist/components/CheckboxMimir/CheckboxMimir.js

@@ -1,60 +1,62 @@
-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 { 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 { H as ue } from "../../field-BLi5834s.js";
 import { c as me } from "../../index-DIxK0V-G.js";
-import { Icon as fe } from "../../icons/Icon.js";
+import { Icon as be } from "../../icons/Icon.js";
 import '../../assets/CheckboxMimir.css';let pe = "span";
 function he(u, m) {
-  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);
+  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);
     });
-  }), 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" }));
+  }), 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" }));
 }
 let ve = O(he);
-const ke = "_container_13bjb_2", xe = "_checkbox_13bjb_8", $e = "_label_13bjb_27", _e = "_enabled_13bjb_31", b = {
+const ke = "_container_10f7w_2", xe = "_checkbox_10f7w_8", $e = "_enabled_10f7w_36", _e = "_label_10f7w_52", f = {
   container: ke,
   checkbox: xe,
-  label: $e,
-  enabled: _e
+  enabled: $e,
+  label: _e
 }, Ne = ee(
   (u, m) => {
     const {
-      checked: n,
-      onChange: f,
-      children: s,
+      checked: c,
+      onChange: b,
+      children: n,
       id: i,
       isInteractive: e = !0,
-      ...a
+      disabled: r = !1,
+      ...p
     } = u;
-    return /* @__PURE__ */ L(ue, { className: b.container, children: [
-      /* @__PURE__ */ p(
+    return /* @__PURE__ */ L(ue, { className: f.container, children: [
+      /* @__PURE__ */ h(
         ve,
         {
           id: i,
           ref: m,
-          checked: n,
-          onChange: e ? f : void 0,
-          className: me(b.checkbox, {
-            [b.enabled]: n
+          checked: c,
+          onChange: e && !r ? b : void 0,
+          className: me(f.checkbox, {
+            [f.enabled]: c
           }),
-          ...a,
-          children: /* @__PURE__ */ p(fe, { iconName: "Done16px" })
+          "data-disabled": r,
+          ...p,
+          children: /* @__PURE__ */ h(be, { iconName: "Done16px" })
         }
       ),
-      s && /* @__PURE__ */ p(de, { htmlFor: i, className: b.label, children: s })
+      n && /* @__PURE__ */ h(le, { htmlFor: i, className: f.label, children: n })
     ] });
   }
 );