mimir-ui-kit 1.34.2 → 1.34.4-t

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_q5qzz_2";
-const sample = "_sample_q5qzz_20";
-const anchor = "_anchor_q5qzz_24";
-const disabled = "_disabled_q5qzz_28";
-const icon = "_icon_q5qzz_38";
-const xs = "_xs_q5qzz_47";
-const s = "_s_q5qzz_20";
-const m = "_m_q5qzz_59";
-const l = "_l_q5qzz_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.d.ts

@@ -0,0 +1,3 @@
+import { TAvatarProps } from './types';
+
+export declare const Avatar: import('react').MemoExoticComponent<({ size, className, notificationsCount, src, alt }: TAvatarProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/components/Avatar/Avatar.js

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

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

@@ -0,0 +1,5 @@
+export declare enum EAvatarSize {
+    S = "s",
+    M = "m",
+    L = "l"
+}

package/dist/components/Avatar/constants.js

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

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

@@ -0,0 +1,3 @@
+export { Avatar } from './Avatar';
+export { EAvatarSize } from './constants';
+export type { TAvatarProps, TAvatarSize } from './types';

package/dist/components/Avatar/index.js

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

package/dist/components/Avatar/types.d.ts

@@ -0,0 +1,10 @@
+import { EAvatarSize } from './constants';
+
+export type TAvatarSize = `${EAvatarSize}` | EAvatarSize;
+export type TAvatarProps = {
+    size?: TAvatarSize;
+    className?: string;
+    notificationsCount?: number;
+    src?: string;
+    alt?: string;
+};

package/dist/components/Button/Button.js

@@ -1,107 +1,91 @@
-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_1qrs0_2";
-const clear = "_clear_1qrs0_42";
-const black = "_black_1qrs0_120";
-const gray = "_gray_1qrs0_129";
-const white = "_white_1qrs0_138";
-const xs = "_xs_1qrs0_236";
-const s = "_s_1qrs0_72";
-const m = "_m_1qrs0_244";
-const l = "_l_1qrs0_268";
-const xl = "_xl_1qrs0_276";
-const xxl = "_xxl_1qrs0_285";
-const full = "_full_1qrs0_294";
-const disabled = "_disabled_1qrs0_300";
-const cls = {
-  button,
-  clear,
-  "default-button": "_default-button_1qrs0_54",
-  "primary-sapphire": "_primary-sapphire_1qrs0_54",
-  "primary-citrine": "_primary-citrine_1qrs0_63",
-  "secondary-asphalt": "_secondary-asphalt_1qrs0_72",
-  "secondary-gray": "_secondary-gray_1qrs0_81",
-  "secondary-white": "_secondary-white_1qrs0_90",
-  "secondary-red": "_secondary-red_1qrs0_99",
-  "round-button": "_round-button_1qrs0_109",
-  black,
-  gray,
-  white,
-  "outline-button": "_outline-button_1qrs0_148",
-  "outline-asphalt": "_outline-asphalt_1qrs0_155",
-  "outline-gray": "_outline-gray_1qrs0_163",
-  "outline-white": "_outline-white_1qrs0_172",
-  "outline-red": "_outline-red_1qrs0_181",
-  "borderless-button": "_borderless-button_1qrs0_191",
-  "borderless-asphalt": "_borderless-asphalt_1qrs0_197",
-  "borderless-gray": "_borderless-gray_1qrs0_202",
-  "borderless-white": "_borderless-white_1qrs0_207",
-  "borderless-red": "_borderless-red_1qrs0_212",
-  xs,
-  "m-s": "_m-s_1qrs0_244",
-  s,
-  m,
-  l,
-  xl,
-  xxl,
-  full,
-  disabled,
-  "icon-button": "_icon-button_1qrs0_320"
-};
-const Button = forwardRef(
-  (props, ref) => {
+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",
+  "secondary-asphalt": "_secondary-asphalt_1kw2t_72",
+  "secondary-gray": "_secondary-gray_1kw2t_81",
+  "secondary-white": "_secondary-white_1kw2t_90",
+  "secondary-red": "_secondary-red_1kw2t_99",
+  "round-button": "_round-button_1kw2t_109",
+  black: P,
+  gray: v,
+  white: z,
+  "outline-button": "_outline-button_1kw2t_148",
+  "outline-asphalt": "_outline-asphalt_1kw2t_155",
+  "outline-gray": "_outline-gray_1kw2t_163",
+  "outline-white": "_outline-white_1kw2t_172",
+  "outline-red": "_outline-red_1kw2t_181",
+  "borderless-button": "_borderless-button_1kw2t_191",
+  "borderless-asphalt": "_borderless-asphalt_1kw2t_197",
+  "borderless-gray": "_borderless-gray_1kw2t_202",
+  "borderless-white": "_borderless-white_1kw2t_207",
+  "borderless-red": "_borderless-red_1kw2t_212",
+  xs: C,
+  "m-s": "_m-s_1kw2t_244",
+  s: F,
+  m: R,
+  l: S,
+  xl: V,
+  xxl: q,
+  full: A,
+  disabled: G,
+  "icon-button": "_icon-button_1kw2t_320"
+}, 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,74 +1,60 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { W, p, o, $ as $f7dceffc5ad7768b$export$4e328f61c538687f, b as $6179b936705e76d3$export$ae780daf29e6d456, D, H as H$1, 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, l, T, I, G, j, p as p$1, z, U, b as l$1, f, W as W$1, K } from "../../label-BTEGh6O_.js";
-import { r } from "../../bugs-CSBdWk0R.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, ...A2 } = 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);
     });
-  }), H2 = 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);
-  }), L2 = o((o2) => o2.preventDefault()), { isFocusVisible: m, focusProps: I$1 } = $f7dceffc5ad7768b$export$4e328f61c538687f({ autoFocus: s }), { isHovered: f2, hoverProps: M } = $6179b936705e76d3$export$ae780daf29e6d456({ isDisabled: e }), { pressed: b, pressProps: U2 } = 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 : L2, onClick: e ? void 0 : H2 }, I$1, M, U2), X = useMemo(() => ({ checked: a$1, disabled: e, hover: f2, focus: m, active: b, indeterminate: n, changing: p$2, autofocus: s }), [a$1, n, e, f2, 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$1({ ourProps: O, theirProps: A2, 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);
-let A = "div";
-function L(d, l2) {
-  let t = `headlessui-control-${useId()}`, [s, p2] = z(), [n, a$1] = U(), m = a(), { disabled: e = m || false, ...o2 } = d, i = useMemo(() => ({ disabled: e }), [e]);
-  return React__default.createElement(l$1, { value: e }, React__default.createElement(p2, { value: s }, React__default.createElement(a$1, { value: n }, React__default.createElement(f, { id: t }, H$1({ ourProps: { ref: l2, disabled: e || void 0, "aria-disabled": e || void 0 }, theirProps: { ...o2, children: React__default.createElement(W$1, null, typeof o2.children == "function" ? o2.children(i) : o2.children) }, slot: i, defaultTag: A, name: "Field" })))));
-}
-let H = W(L);
-const container = "_container_ktju1_2";
-const checkbox = "_checkbox_ktju1_8";
-const label = "_label_ktju1_27";
-const enabled = "_enabled_ktju1_31";
-const cls = {
-  container,
-  checkbox,
-  label,
-  enabled
-};
-const CheckboxMimir = forwardRef(
-  (props, ref) => {
-    const { checked, onChange, children, id, ...restProps } = props;
-    const [enabled2, setEnabled] = useState(checked);
-    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(() => {
-      setEnabled(!!checked);
-    }, [checked]);
-    return /* @__PURE__ */ jsxs(H, { 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
 };