mimir-ui-kit 1.34.4 → 1.34.6

package/dist/components/AnchorLink/Link.js

@@ -1,63 +1,52 @@
-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) => {
+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) => {
     const {
-      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
+      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
     });
-    return /* @__PURE__ */ jsxs(Component, { ref, className: classes, ...otherProps, children: [
-      leftIcon && /* @__PURE__ */ jsx(
-        Icon,
+    return /* @__PURE__ */ N(_, { ref: l, className: f, ...p, children: [
+      c && /* @__PURE__ */ n(
+        i,
         {
-          ...leftIcon,
-          className: classNames(cls.icon, leftIcon.className)
+          ...c,
+          className: o(s.icon, c.className)
         }
       ),
-      children,
-      rightIcon && /* @__PURE__ */ jsx(
-        Icon,
+      r,
+      a && /* @__PURE__ */ n(
+        i,
         {
-          ...rightIcon,
-          className: classNames(cls.icon, rightIcon.className)
+          ...a,
+          className: o(s.icon, a.className)
         }
       )
     ] });
   }
 );
 export {
-  Link
+  P as Link
 };

package/dist/components/AnchorLink/constants.js

@@ -1,16 +1,5 @@
-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 || {});
+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 || {});
 export {
-  ELinkSize,
-  ELinkVariant
+  s as ELinkSize,
+  a as ELinkVariant
 };

package/dist/components/AnchorLink/index.js

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

package/dist/components/Avatar/Avatar.js

@@ -1,54 +1,49 @@
-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(
+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(
   ({
-    size = EAvatarSize.M,
-    className,
-    notificationsCount = 0,
-    src,
-    alt = "User avatar"
+    size: a = t.M,
+    className: e,
+    notificationsCount: s = 0,
+    src: r,
+    alt: i = "User avatar"
   }) => {
-    const notificationPosition = size === EAvatarSize.S || size === EAvatarSize.M ? { top: "8px", left: "-8px" } : { top: "12px", left: "-12px" };
-    return /* @__PURE__ */ jsxs(
+    const p = a === t.S || a === t.M ? { top: "8px", left: "-8px" } : { top: "12px", left: "-12px" };
+    return /* @__PURE__ */ c(
       "div",
       {
-        className: classNames(cls.avatar, cls[size], className, {
-          [cls.default]: !src
+        className: d(o.avatar, o[a], e, {
+          [o.default]: !r
         }),
         "data-testid": "avatar-container",
         children: [
-          src ? /* @__PURE__ */ jsx(
-            AppImage,
+          r ? /* @__PURE__ */ m(
+            _,
             {
-              src,
-              alt,
-              className: cls.image,
+              src: r,
+              alt: i,
+              className: o.image,
               "data-testid": "avatar-image"
             }
-          ) : /* @__PURE__ */ jsx(Icon, { iconName: "User16px" }),
-          !!notificationsCount && /* @__PURE__ */ jsx(
-            NotificationBadge,
+          ) : /* @__PURE__ */ m(l, { iconName: "User16px" }),
+          !!s && /* @__PURE__ */ m(
+            f,
             {
-              count: notificationsCount,
-              position: notificationPosition,
-              size: size === EAvatarSize.S ? "s" : "m",
-              absolute: true
+              count: s,
+              position: p,
+              size: a === t.S ? "s" : "m",
+              absolute: !0
             }
           )
         ]
@@ -56,7 +51,7 @@ const Avatar = memo(
     );
   }
 );
-Avatar.displayName = "Avatar";
+N.displayName = "Avatar";
 export {
-  Avatar
+  N as Avatar
 };

package/dist/components/Avatar/constants.js

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

package/dist/components/Avatar/index.js

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

package/dist/components/Button/Button.js

@@ -1,24 +1,11 @@
-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,
+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,
   "default-button": "_default-button_1kw2t_54",
   "primary-sapphire": "_primary-sapphire_1kw2t_54",
   "primary-citrine": "_primary-citrine_1kw2t_63",
@@ -27,9 +14,9 @@ const cls = {
   "secondary-white": "_secondary-white_1kw2t_90",
   "secondary-red": "_secondary-red_1kw2t_99",
   "round-button": "_round-button_1kw2t_109",
-  black,
-  gray,
-  white,
+  black: P,
+  gray: v,
+  white: z,
   "outline-button": "_outline-button_1kw2t_148",
   "outline-asphalt": "_outline-asphalt_1kw2t_155",
   "outline-gray": "_outline-gray_1kw2t_163",
@@ -40,68 +27,65 @@ const cls = {
   "borderless-gray": "_borderless-gray_1kw2t_202",
   "borderless-white": "_borderless-white_1kw2t_207",
   "borderless-red": "_borderless-red_1kw2t_212",
-  xs,
+  xs: C,
   "m-s": "_m-s_1kw2t_244",
-  s,
-  m,
-  l,
-  xl,
-  xxl,
-  full,
-  disabled,
+  s: F,
+  m: R,
+  l: S,
+  xl: V,
+  xxl: q,
+  full: A,
+  disabled: G,
   "icon-button": "_icon-button_1kw2t_320"
-};
-const Button = forwardRef(
-  (props, ref) => {
+}, H = B(
+  (e, s) => {
     const {
-      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]]
+      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]]
     );
-    return /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ f(
       "button",
       {
-        type,
-        form: formId,
-        ...otherProps,
-        disabled: disabled2,
-        ref,
-        className: buttonClassNames,
+        type: b,
+        form: w,
+        ...p,
+        disabled: _,
+        ref: s,
+        className: h,
         children: [
-          leftIcon,
-          isIconButton ? /* @__PURE__ */ jsx(Icon, { iconName }) : children,
-          rightIcon
+          m,
+          r ? /* @__PURE__ */ x(j, { iconName: c }) : u,
+          k
         ]
       }
     );
   }
 );
-Button.displayName = "Button";
+H.displayName = "Button";
 export {
-  Button
+  H as Button
 };

package/dist/components/Button/constants.js

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

package/dist/components/Button/index.js

@@ -1,11 +1,11 @@
-import { Button } from "./Button.js";
-import { EButtonForm, EButtonSize, EButtonVariantBorderless, EButtonVariantDefault, EButtonVariantOutline, EButtonVariantRound } from "./constants.js";
+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 {
-  Button,
-  EButtonForm,
-  EButtonSize,
-  EButtonVariantBorderless,
-  EButtonVariantDefault,
-  EButtonVariantOutline,
-  EButtonVariantRound
+  n as Button,
+  u as EButtonForm,
+  a as EButtonSize,
+  B as EButtonVariantBorderless,
+  e as EButtonVariantDefault,
+  i as EButtonVariantOutline,
+  E as EButtonVariantRound
 };

package/dist/components/CheckboxMimir/CheckboxMimir.js

@@ -1,71 +1,60 @@
-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);
+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);
     });
-  }), 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" }));
+  }), 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" }));
 }
-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);
+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);
     };
-    useEffect(() => {
-      if (checked !== void 0) {
-        setEnabled(checked);
-      }
-    }, [checked]);
-    return /* @__PURE__ */ jsxs(H$1, { className: cls.container, children: [
-      /* @__PURE__ */ jsx(
-        Re,
+    return ae(() => {
+      r !== void 0 && d(r);
+    }, [r]), /* @__PURE__ */ O(me, { className: u.container, children: [
+      /* @__PURE__ */ v(
+        ve,
         {
-          id,
-          ref,
-          checked: enabled2,
-          onChange: handleChange,
-          className: classNames(cls.checkbox, {
-            [cls.enabled]: enabled2
+          id: l,
+          ref: h,
+          checked: o,
+          onChange: k,
+          className: ue(u.checkbox, {
+            [u.enabled]: o
           }),
-          ...restProps,
-          children: /* @__PURE__ */ jsx(Icon, { iconName: "Done16px" })
+          ...e,
+          children: /* @__PURE__ */ v(pe, { iconName: "Done16px" })
         }
       ),
-      children && /* @__PURE__ */ jsx(K, { htmlFor: id, className: cls.label, children })
+      i && /* @__PURE__ */ v(be, { htmlFor: l, className: u.label, children: i })
     ] });
   }
 );
 export {
-  CheckboxMimir
+  Ne as CheckboxMimir
 };

package/dist/components/CheckboxMimir/index.js

@@ -1,4 +1,4 @@
-import { CheckboxMimir } from "./CheckboxMimir.js";
+import { CheckboxMimir as e } from "./CheckboxMimir.js";
 export {
-  CheckboxMimir
+  e as CheckboxMimir
 };