mimir-ui-kit 1.34.4-t → 1.34.4

package/dist/components/AnchorLink/Link.js

@@ -1,52 +1,63 @@
-import { jsxs as N, jsx as n } from "react/jsx-runtime";
-import { c as o } from "../../index-DIxK0V-G.js";
-import { forwardRef as h } from "react";
-import { ELinkSize as k, ELinkVariant as x } from "./constants.js";
-import { Icon as i } from "../../icons/Icon.js";
-import '../../assets/Link.css';const L = "_link_1bc9a_2", I = "_sample_1bc9a_20", j = "_anchor_1bc9a_24", u = "_disabled_1bc9a_28", z = "_icon_1bc9a_38", C = "_xs_1bc9a_47", E = "_s_1bc9a_20", R = "_m_1bc9a_59", g = "_l_1bc9a_2", s = {
-  link: L,
-  sample: I,
-  anchor: j,
-  disabled: u,
-  icon: z,
-  xs: C,
-  s: E,
-  m: R,
-  l: g
-}, P = h(
-  (t, l) => {
+import { jsxs, jsx } from "react/jsx-runtime";
+import { c as classNames } from "../../index-CweZ_OcN.js";
+import { forwardRef } from "react";
+import { ELinkSize, ELinkVariant } from "./constants.js";
+import { Icon } from "../../icons/Icon.js";
+import '../../assets/Link.css';const link = "_link_1bc9a_2";
+const sample = "_sample_1bc9a_20";
+const anchor = "_anchor_1bc9a_24";
+const disabled = "_disabled_1bc9a_28";
+const icon = "_icon_1bc9a_38";
+const xs = "_xs_1bc9a_47";
+const s = "_s_1bc9a_20";
+const m = "_m_1bc9a_59";
+const l = "_l_1bc9a_2";
+const cls = {
+  link,
+  sample,
+  anchor,
+  disabled,
+  icon,
+  xs,
+  s,
+  m,
+  l
+};
+const Link = forwardRef(
+  (props, ref) => {
     const {
-      as: _ = "button",
-      disabled: e,
-      leftIcon: c,
-      children: r,
-      rightIcon: a,
-      className: m,
-      size: b = k.L,
-      variant: d = x.ANCHOR,
-      ...p
-    } = t, f = o(s.link, m, s[d], s[b], {
-      [s.disabled]: e
+      as: Component = "button",
+      disabled: disabled2,
+      leftIcon,
+      children,
+      rightIcon,
+      className,
+      size = ELinkSize.L,
+      variant = ELinkVariant.ANCHOR,
+      ...otherProps
+    } = props;
+    const classes = classNames(cls.link, className, cls[variant], cls[size], {
+      [cls.disabled]: disabled2
     });
-    return /* @__PURE__ */ N(_, { ref: l, className: f, ...p, children: [
-      c && /* @__PURE__ */ n(
-        i,
+    return /* @__PURE__ */ jsxs(Component, { ref, className: classes, ...otherProps, children: [
+      leftIcon && /* @__PURE__ */ jsx(
+        Icon,
         {
-          ...c,
-          className: o(s.icon, c.className)
+          ...leftIcon,
+          className: classNames(cls.icon, leftIcon.className)
         }
       ),
-      r,
-      a && /* @__PURE__ */ n(
-        i,
+      children,
+      rightIcon && /* @__PURE__ */ jsx(
+        Icon,
         {
-          ...a,
-          className: o(s.icon, a.className)
+          ...rightIcon,
+          className: classNames(cls.icon, rightIcon.className)
         }
       )
     ] });
   }
 );
 export {
-  P as Link
+  Link
 };

package/dist/components/AnchorLink/constants.js

@@ -1,5 +1,16 @@
-var s = /* @__PURE__ */ ((r) => (r.XS = "xs", r.S = "s", r.M = "m", r.L = "l", r))(s || {}), a = /* @__PURE__ */ ((r) => (r.SAMPLE = "sample", r.ANCHOR = "anchor", r))(a || {});
+var ELinkSize = /* @__PURE__ */ ((ELinkSize2) => {
+  ELinkSize2["XS"] = "xs";
+  ELinkSize2["S"] = "s";
+  ELinkSize2["M"] = "m";
+  ELinkSize2["L"] = "l";
+  return ELinkSize2;
+})(ELinkSize || {});
+var ELinkVariant = /* @__PURE__ */ ((ELinkVariant2) => {
+  ELinkVariant2["SAMPLE"] = "sample";
+  ELinkVariant2["ANCHOR"] = "anchor";
+  return ELinkVariant2;
+})(ELinkVariant || {});
 export {
-  s as ELinkSize,
-  a as ELinkVariant
+  ELinkSize,
+  ELinkVariant
 };

package/dist/components/AnchorLink/index.js

@@ -1,7 +1,7 @@
-import { Link as n } from "./Link.js";
-import { ELinkSize as e, ELinkVariant as k } from "./constants.js";
+import { Link } from "./Link.js";
+import { ELinkSize, ELinkVariant } from "./constants.js";
 export {
-  e as ELinkSize,
-  k as ELinkVariant,
-  n as Link
+  ELinkSize,
+  ELinkVariant,
+  Link
 };

package/dist/components/Avatar/Avatar.js

@@ -1,49 +1,54 @@
-import { jsxs as c, jsx as m } from "react/jsx-runtime";
-import { c as d } from "../../index-DIxK0V-G.js";
-import { memo as n } from "react";
-import { EAvatarSize as t } from "./constants.js";
-import { Icon as l } from "../../icons/Icon.js";
-import { AppImage as _ } from "../Image/Image.js";
-import { NotificationBadge as f } from "../NotificationBadge/NotificationBadge.js";
-import '../../assets/Avatar.css';const x = "_avatar_58dyx_2", v = "_s_58dyx_19", u = "_m_58dyx_24", y = "_l_58dyx_29", o = {
-  avatar: x,
-  s: v,
-  m: u,
-  l: y,
-  default: "_default_58dyx_34"
-}, N = n(
+import { jsxs, jsx } from "react/jsx-runtime";
+import { c as classNames } from "../../index-CweZ_OcN.js";
+import { memo } from "react";
+import { EAvatarSize } from "./constants.js";
+import { Icon } from "../../icons/Icon.js";
+import { AppImage } from "../Image/Image.js";
+import { NotificationBadge } from "../NotificationBadge/NotificationBadge.js";
+import '../../assets/Avatar.css';const avatar = "_avatar_58dyx_2";
+const s = "_s_58dyx_19";
+const m = "_m_58dyx_24";
+const l = "_l_58dyx_29";
+const cls = {
+  avatar,
+  s,
+  m,
+  l,
+  "default": "_default_58dyx_34"
+};
+const Avatar = memo(
   ({
-    size: a = t.M,
-    className: e,
-    notificationsCount: s = 0,
-    src: r,
-    alt: i = "User avatar"
+    size = EAvatarSize.M,
+    className,
+    notificationsCount = 0,
+    src,
+    alt = "User avatar"
   }) => {
-    const p = a === t.S || a === t.M ? { top: "8px", left: "-8px" } : { top: "12px", left: "-12px" };
-    return /* @__PURE__ */ c(
+    const notificationPosition = size === EAvatarSize.S || size === EAvatarSize.M ? { top: "8px", left: "-8px" } : { top: "12px", left: "-12px" };
+    return /* @__PURE__ */ jsxs(
       "div",
       {
-        className: d(o.avatar, o[a], e, {
-          [o.default]: !r
+        className: classNames(cls.avatar, cls[size], className, {
+          [cls.default]: !src
         }),
         "data-testid": "avatar-container",
         children: [
-          r ? /* @__PURE__ */ m(
-            _,
+          src ? /* @__PURE__ */ jsx(
+            AppImage,
             {
-              src: r,
-              alt: i,
-              className: o.image,
+              src,
+              alt,
+              className: cls.image,
               "data-testid": "avatar-image"
             }
-          ) : /* @__PURE__ */ m(l, { iconName: "User16px" }),
-          !!s && /* @__PURE__ */ m(
-            f,
+          ) : /* @__PURE__ */ jsx(Icon, { iconName: "User16px" }),
+          !!notificationsCount && /* @__PURE__ */ jsx(
+            NotificationBadge,
             {
-              count: s,
-              position: p,
-              size: a === t.S ? "s" : "m",
-              absolute: !0
+              count: notificationsCount,
+              position: notificationPosition,
+              size: size === EAvatarSize.S ? "s" : "m",
+              absolute: true
             }
           )
         ]
@@ -51,7 +56,7 @@ import '../../assets/Avatar.css';const x = "_avatar_58dyx_2", v = "_s_58dyx_19",
     );
   }
 );
-N.displayName = "Avatar";
+Avatar.displayName = "Avatar";
 export {
-  N as Avatar
+  Avatar
 };

package/dist/components/Avatar/constants.js

@@ -1,4 +1,9 @@
-var l = /* @__PURE__ */ ((r) => (r.S = "s", r.M = "m", r.L = "l", r))(l || {});
+var EAvatarSize = /* @__PURE__ */ ((EAvatarSize2) => {
+  EAvatarSize2["S"] = "s";
+  EAvatarSize2["M"] = "m";
+  EAvatarSize2["L"] = "l";
+  return EAvatarSize2;
+})(EAvatarSize || {});
 export {
-  l as EAvatarSize
+  EAvatarSize
 };

package/dist/components/Avatar/index.js

@@ -1,6 +1,6 @@
-import { Avatar as o } from "./Avatar.js";
-import { EAvatarSize as e } from "./constants.js";
+import { Avatar } from "./Avatar.js";
+import { EAvatarSize } from "./constants.js";
 export {
-  o as Avatar,
-  e as EAvatarSize
+  Avatar,
+  EAvatarSize
 };

package/dist/components/Button/Button.js

@@ -1,11 +1,24 @@
-import { jsxs as f, jsx as x } from "react/jsx-runtime";
-import { c as g } from "../../index-DIxK0V-G.js";
-import { forwardRef as B } from "react";
-import { EButtonVariantDefault as N, EButtonForm as I } from "./constants.js";
-import { Icon as j } from "../../icons/Icon.js";
-import '../../assets/Button.css';const D = "_button_1kw2t_2", E = "_clear_1kw2t_42", P = "_black_1kw2t_120", v = "_gray_1kw2t_129", z = "_white_1kw2t_138", C = "_xs_1kw2t_236", F = "_s_1kw2t_72", R = "_m_1kw2t_244", S = "_l_1kw2t_268", V = "_xl_1kw2t_276", q = "_xxl_1kw2t_285", A = "_full_1kw2t_294", G = "_disabled_1kw2t_300", t = {
-  button: D,
-  clear: E,
+import { jsxs, jsx } from "react/jsx-runtime";
+import { c as classNames } from "../../index-CweZ_OcN.js";
+import { forwardRef } from "react";
+import { EButtonVariantDefault, EButtonForm } from "./constants.js";
+import { Icon } from "../../icons/Icon.js";
+import '../../assets/Button.css';const button = "_button_1kw2t_2";
+const clear = "_clear_1kw2t_42";
+const black = "_black_1kw2t_120";
+const gray = "_gray_1kw2t_129";
+const white = "_white_1kw2t_138";
+const xs = "_xs_1kw2t_236";
+const s = "_s_1kw2t_72";
+const m = "_m_1kw2t_244";
+const l = "_l_1kw2t_268";
+const xl = "_xl_1kw2t_276";
+const xxl = "_xxl_1kw2t_285";
+const full = "_full_1kw2t_294";
+const disabled = "_disabled_1kw2t_300";
+const cls = {
+  button,
+  clear,
   "default-button": "_default-button_1kw2t_54",
   "primary-sapphire": "_primary-sapphire_1kw2t_54",
   "primary-citrine": "_primary-citrine_1kw2t_63",
@@ -14,9 +27,9 @@ import '../../assets/Button.css';const D = "_button_1kw2t_2", E = "_clear_1kw2t_
   "secondary-white": "_secondary-white_1kw2t_90",
   "secondary-red": "_secondary-red_1kw2t_99",
   "round-button": "_round-button_1kw2t_109",
-  black: P,
-  gray: v,
-  white: z,
+  black,
+  gray,
+  white,
   "outline-button": "_outline-button_1kw2t_148",
   "outline-asphalt": "_outline-asphalt_1kw2t_155",
   "outline-gray": "_outline-gray_1kw2t_163",
@@ -27,65 +40,68 @@ import '../../assets/Button.css';const D = "_button_1kw2t_2", E = "_clear_1kw2t_
   "borderless-gray": "_borderless-gray_1kw2t_202",
   "borderless-white": "_borderless-white_1kw2t_207",
   "borderless-red": "_borderless-red_1kw2t_212",
-  xs: C,
+  xs,
   "m-s": "_m-s_1kw2t_244",
-  s: F,
-  m: R,
-  l: S,
-  xl: V,
-  xxl: q,
-  full: A,
-  disabled: G,
+  s,
+  m,
+  l,
+  xl,
+  xxl,
+  full,
+  disabled,
   "icon-button": "_icon-button_1kw2t_320"
-}, H = B(
-  (e, s) => {
+};
+const Button = forwardRef(
+  (props, ref) => {
     const {
-      size: n = "m",
-      variant: a = N.PrimarySapphire,
-      form: l = I.DefaultButton,
-      full: i,
-      clear: o,
-      isIconButton: r = !1,
-      iconName: c,
-      children: u,
-      className: d,
-      formId: w,
-      type: b = "button",
-      rightIcon: k,
-      leftIcon: m,
-      disabled: _,
-      ...p
-    } = e, y = {
-      [t.full]: i && !o,
-      [t.disabled]: _ && !o,
-      [t.clear]: o,
-      [t[a ?? ""]]: !_ || o,
-      [t["icon-button"]]: r
-    }, h = g(
-      d,
-      t.button,
-      y,
-      o ? [] : [t[l ?? ""], t[n]]
+      size = "m",
+      variant = EButtonVariantDefault.PrimarySapphire,
+      form = EButtonForm.DefaultButton,
+      full: full2,
+      clear: clear2,
+      isIconButton = false,
+      iconName,
+      children,
+      className,
+      formId,
+      type = "button",
+      rightIcon,
+      leftIcon,
+      disabled: disabled2,
+      ...otherProps
+    } = props;
+    const mods = {
+      [cls.full]: full2 && !clear2,
+      [cls.disabled]: disabled2 && !clear2,
+      [cls.clear]: clear2,
+      [cls[variant ?? ""]]: !disabled2 || clear2,
+      [cls["icon-button"]]: isIconButton
+    };
+    const buttonClassNames = classNames(
+      className,
+      cls.button,
+      mods,
+      clear2 ? [] : [cls[form ?? ""], cls[size]]
     );
-    return /* @__PURE__ */ f(
+    return /* @__PURE__ */ jsxs(
       "button",
       {
-        type: b,
-        form: w,
-        ...p,
-        disabled: _,
-        ref: s,
-        className: h,
+        type,
+        form: formId,
+        ...otherProps,
+        disabled: disabled2,
+        ref,
+        className: buttonClassNames,
         children: [
-          m,
-          r ? /* @__PURE__ */ x(j, { iconName: c }) : u,
-          k
+          leftIcon,
+          isIconButton ? /* @__PURE__ */ jsx(Icon, { iconName }) : children,
+          rightIcon
         ]
       }
     );
   }
 );
-H.displayName = "Button";
+Button.displayName = "Button";
 export {
-  H as Button
+  Button
 };

package/dist/components/Button/constants.js

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

package/dist/components/Button/index.js

@@ -1,11 +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";
+import { Button } from "./Button.js";
+import { EButtonForm, EButtonSize, EButtonVariantBorderless, EButtonVariantDefault, EButtonVariantOutline, EButtonVariantRound } 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
+  Button,
+  EButtonForm,
+  EButtonSize,
+  EButtonVariantBorderless,
+  EButtonVariantDefault,
+  EButtonVariantOutline,
+  EButtonVariantRound
 };

package/dist/components/CheckboxMimir/CheckboxMimir.js

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