@infomaximum/ui-kit 0.9.1

package/dist/components/Button/Button.styles.js

@@ -0,0 +1,230 @@
+import { getButtonTokens } from "./Button.tokens.js";
+const getSolidColorStyle = (defaultColor, hoverColor, activeTColor) => ({
+  background: defaultColor,
+  ":hover": {
+    background: hoverColor
+  },
+  ":active": {
+    background: activeTColor
+  }
+});
+const getOutlinedColorStyle = (defaultBorderColor, defaultColor, hoverColor, activeTColor, borderStyle = "solid") => ({
+  border: `1px ${borderStyle} ${defaultBorderColor}`,
+  color: defaultColor,
+  ":hover": {
+    border: `1px ${borderStyle} ${hoverColor}`,
+    color: hoverColor
+  },
+  ":active": {
+    border: `1px ${borderStyle} ${activeTColor}`,
+    color: activeTColor
+  }
+});
+const getTextColorStyle = (defaultColor, hoverColor, activeTColor, textColor, textColorActive) => ({
+  background: defaultColor,
+  color: textColor,
+  ":hover": {
+    background: hoverColor,
+    color: textColorActive ?? textColor
+  },
+  ":active": {
+    background: activeTColor,
+    color: textColorActive ?? textColor
+  }
+});
+const getWrapperSolidStyle = (theme, color, disabled) => {
+  const buttonTokens = getButtonTokens(theme);
+  const generalStyles = {
+    color: buttonTokens.buttonSolidText,
+    border: "none"
+  };
+  const disabledStyle = {
+    border: `1px solid ${buttonTokens.buttonDefaultBorder}`,
+    background: buttonTokens.buttonDisabledBg,
+    color: buttonTokens.buttonDisabledText
+  };
+  let colorStyle;
+  switch (color) {
+    case "default": {
+      colorStyle = getSolidColorStyle(buttonTokens.buttonSolidDefaultBg, buttonTokens.buttonSolidDefaultBgHover, buttonTokens.buttonSolidDefaultBgActive);
+      break;
+    }
+    case "primary": {
+      colorStyle = getSolidColorStyle(buttonTokens.buttonPrimary, buttonTokens.buttonPrimaryHover, buttonTokens.buttonPrimaryActive);
+      break;
+    }
+    case "danger": {
+      colorStyle = getSolidColorStyle(buttonTokens.buttonDanger, buttonTokens.buttonDangerHover, buttonTokens.buttonDangerActive);
+      break;
+    }
+    case "remove": {
+      colorStyle = getSolidColorStyle(buttonTokens.buttonSolidDefaultBg, buttonTokens.buttonDangerHover, buttonTokens.buttonDangerActive);
+      break;
+    }
+  }
+  return {
+    ...generalStyles,
+    ...disabled ? disabledStyle : colorStyle
+  };
+};
+const getWrapperOutlinedStyle = (theme, color, disabled, borderStyle = "solid") => {
+  const buttonTokens = getButtonTokens(theme);
+  const generalStyles = {
+    background: buttonTokens.buttonOutlinedBg
+  };
+  const disabledStyle = {
+    border: `1px ${borderStyle} ${buttonTokens.buttonDefaultBorder}`,
+    background: buttonTokens.buttonDisabledBg,
+    color: buttonTokens.buttonDisabledText,
+    pointerEvents: "none",
+    ":hover": {},
+    ":active": {}
+  };
+  let colorStyle;
+  switch (color) {
+    case "default": {
+      colorStyle = getOutlinedColorStyle(buttonTokens.buttonDefaultBorder, buttonTokens.buttonDefaultText, buttonTokens.buttonPrimaryHover, buttonTokens.buttonPrimaryActive, borderStyle);
+      break;
+    }
+    case "primary": {
+      colorStyle = getOutlinedColorStyle(buttonTokens.buttonPrimary, buttonTokens.buttonPrimary, buttonTokens.buttonPrimaryHover, buttonTokens.buttonPrimaryActive, borderStyle);
+      break;
+    }
+    case "danger": {
+      colorStyle = getOutlinedColorStyle(buttonTokens.buttonDanger, buttonTokens.buttonDanger, buttonTokens.buttonDangerHover, buttonTokens.buttonDangerActive, borderStyle);
+      break;
+    }
+    case "remove": {
+      colorStyle = getOutlinedColorStyle(buttonTokens.buttonDefaultBorder, buttonTokens.buttonDefaultText, buttonTokens.buttonDangerHover, buttonTokens.buttonDangerActive, borderStyle);
+      break;
+    }
+  }
+  return {
+    ...generalStyles,
+    ...disabled ? disabledStyle : colorStyle
+  };
+};
+const getWrapperDashedStyle = (theme, color, disabled) => {
+  return getWrapperOutlinedStyle(theme, color, disabled, "dashed");
+};
+const getWrapperTextStyle = (theme, color, disabled) => {
+  const buttonTokens = getButtonTokens(theme);
+  const generalStyles = {
+    color: buttonTokens.buttonSolidText,
+    border: "none"
+  };
+  const disabledStyle = {
+    border: `none`,
+    background: "none",
+    color: buttonTokens.buttonDisabledText
+  };
+  let colorStyle;
+  switch (color) {
+    case "default": {
+      colorStyle = getTextColorStyle("none", buttonTokens.buttonTextDefaultBgHover, buttonTokens.buttonTextDefaultBgActive, buttonTokens.buttonDefaultText);
+      break;
+    }
+    case "primary": {
+      colorStyle = getTextColorStyle("none", buttonTokens.buttonTextPrimaryBgHover, buttonTokens.buttonTextPrimaryBgActive, buttonTokens.buttonPrimary);
+      break;
+    }
+    case "danger": {
+      colorStyle = getTextColorStyle("none", buttonTokens.buttonTextDangerBgHover, buttonTokens.buttonTextDangerBgActive, buttonTokens.buttonDanger);
+      break;
+    }
+    case "remove": {
+      colorStyle = getTextColorStyle("none", buttonTokens.buttonTextDefaultBgHover, buttonTokens.buttonTextDefaultBgActive, buttonTokens.buttonDefaultText, buttonTokens.buttonDanger);
+      break;
+    }
+  }
+  return {
+    ...generalStyles,
+    ...disabled ? disabledStyle : colorStyle
+  };
+};
+const getWrapperLinkStyle = (theme, color, disabled) => {
+  const wrapperOutlinedStyle = getWrapperOutlinedStyle(theme, color, disabled);
+  return {
+    ...wrapperOutlinedStyle,
+    border: "none",
+    background: "unset",
+    textDecoration: "none",
+    ":hover": {
+      ...wrapperOutlinedStyle[":hover"],
+      border: "none"
+    },
+    ":active": {
+      ...wrapperOutlinedStyle[":active"],
+      border: "none"
+    }
+  };
+};
+const getHasIconOnlyStyle = (theme, hasIconOnly) => {
+  if (!hasIconOnly) {
+    return {};
+  }
+  const buttonTokens = getButtonTokens(theme);
+  return {
+    padding: `${buttonTokens.buttonPaddingIconOnly}px`,
+    height: `${theme.controlHeightM}px`,
+    boxSizing: "border-box"
+  };
+};
+const getButtonWidth = (theme, hasIconOnly, block) => {
+  if (block) {
+    return "100%";
+  }
+  if (hasIconOnly) {
+    return `${theme.controlHeightM}px`;
+  }
+  return "unset";
+};
+const getButtonDefaultStyle = ({
+  variant,
+  color,
+  loading,
+  disabled,
+  block,
+  hasIconOnly
+}) => ({
+  wrapper: (theme) => {
+    var _a;
+    const buttonTokens = getButtonTokens(theme);
+    const generalStyles = {
+      borderRadius: theme.borderRadiusM,
+      padding: `${buttonTokens.buttonPaddingVertical}px ${buttonTokens.buttonPaddingHorizontal}px`,
+      display: "inline-flex",
+      justifyContent: "center",
+      gap: theme.marginXS,
+      alignItems: "center",
+      height: theme.controlHeightM,
+      boxSizing: "border-box",
+      opacity: loading ? theme.opacityLoading : 1,
+      cursor: disabled || loading ? "default" : "pointer",
+      ...getHasIconOnlyStyle(theme, hasIconOnly),
+      ...theme.typography.body2
+    };
+    const variantStyleMap = {
+      solid: getWrapperSolidStyle,
+      outlined: getWrapperOutlinedStyle,
+      dashed: getWrapperDashedStyle,
+      text: getWrapperTextStyle,
+      link: getWrapperLinkStyle
+    };
+    const variantStyles = ((_a = variantStyleMap[variant]) == null ? void 0 : _a.call(variantStyleMap, theme, color, disabled)) ?? getWrapperSolidStyle(theme, color, disabled);
+    return {
+      ...generalStyles,
+      ...variantStyles,
+      width: getButtonWidth(theme, hasIconOnly, block)
+    };
+  },
+  iconWrapper: (theme) => ({
+    display: "inline-flex",
+    justifyContent: "center",
+    alignItems: "center",
+    fontSize: theme.iconM
+  })
+});
+export {
+  getButtonDefaultStyle
+};

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

@@ -0,0 +1,27 @@
+import { Theme } from 'themes';
+export declare const getButtonTokens: (theme: Theme) => {
+    buttonPrimary: "#0CB3B3";
+    buttonPrimaryHover: "#50CCC4";
+    buttonPrimaryActive: "#03888C";
+    buttonDanger: "#FF4D4F";
+    buttonDangerHover: "#FF7875";
+    buttonDangerActive: "#CF1322";
+    buttonDefaultText: "#262626";
+    buttonDefaultBorder: "#D9D9D9";
+    buttonSolidText: "#FFFFFF";
+    buttonSolidDefaultBg: "#262626";
+    buttonSolidDefaultBgHover: "#434343";
+    buttonSolidDefaultBgActive: "#1F1F1F";
+    buttonOutlinedBg: "#FFFFFF";
+    buttonTextDefaultBgHover: "#F5F5F5";
+    buttonTextDefaultBgActive: "#D9D9D9";
+    buttonTextPrimaryBgHover: "#E1FAF6";
+    buttonTextPrimaryBgActive: "#A3E6DD";
+    buttonTextDangerBgHover: "#FFF1F0";
+    buttonTextDangerBgActive: "#FFCCC7";
+    buttonDisabledText: "#8C8C8C";
+    buttonDisabledBg: "#F0F0F0";
+    buttonPaddingVertical: 4;
+    buttonPaddingHorizontal: 12;
+    buttonPaddingIconOnly: 6;
+};

package/dist/components/Button/Button.tokens.js

@@ -0,0 +1,29 @@
+const getButtonTokens = (theme) => ({
+  buttonPrimary: theme.primaryBase,
+  buttonPrimaryHover: theme.primaryHover,
+  buttonPrimaryActive: theme.primaryActive,
+  buttonDanger: theme.dangerBase,
+  buttonDangerHover: theme.dangerHover,
+  buttonDangerActive: theme.dangerActive,
+  buttonDefaultText: theme.textPrimary,
+  buttonDefaultBorder: theme.lineBorder,
+  buttonSolidText: theme.textContrast,
+  buttonSolidDefaultBg: theme.bgContainerInverse,
+  buttonSolidDefaultBgHover: theme.bgContainerInverseHover,
+  buttonSolidDefaultBgActive: theme.bgContainerInverseActive,
+  buttonOutlinedBg: theme.bgContainer,
+  buttonTextDefaultBgHover: theme.bgContainerHover,
+  buttonTextDefaultBgActive: theme.bgContainerActive,
+  buttonTextPrimaryBgHover: theme.primaryHoverInverse,
+  buttonTextPrimaryBgActive: theme.primaryActiveInverse,
+  buttonTextDangerBgHover: theme.dangerHoverInverse,
+  buttonTextDangerBgActive: theme.dangerActiveInverse,
+  buttonDisabledText: theme.textDisabled,
+  buttonDisabledBg: theme.bgContainerDisabled,
+  buttonPaddingVertical: theme.x1,
+  buttonPaddingHorizontal: theme.x3,
+  buttonPaddingIconOnly: theme.x1AndHalf
+});
+export {
+  getButtonTokens
+};

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

@@ -0,0 +1,31 @@
+import { Interpolation } from '@emotion/react';
+import { ButtonHTMLAttributes, MouseEvent, ReactNode } from 'react';
+import { Theme } from '../../themes';
+export type ButtonVariant = "solid" | "outlined" | "dashed" | "text" | "link";
+export type ButtonColor = "default" | "primary" | "danger" | "remove";
+export type ButtonIconPosition = "start" | "end";
+export type ButtonType = "default" | "primary" | "dashed" | "text" | "link";
+export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "type"> {
+    type?: ButtonType;
+    variant?: ButtonVariant;
+    color?: ButtonColor;
+    loading?: boolean | {
+        delay: number;
+    };
+    disabled?: boolean;
+    icon?: ReactNode;
+    iconPosition?: ButtonIconPosition;
+    block?: boolean;
+    href?: string;
+    onClick?: (event: MouseEvent) => void;
+    className?: string;
+    styles?: {
+        wrapper: (theme: Theme) => Interpolation;
+        iconWrapper: (theme: Theme) => Interpolation;
+    };
+    testId?: string;
+}
+export type ButtonDefaultStylesProps = Required<Pick<ButtonProps, "variant" | "color" | "loading" | "block" | "disabled"> & {
+    hasIconOnly: boolean;
+}>;
+export type TBorderStyle = "solid" | "dashed";

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

@@ -0,0 +1,8 @@
+import { ButtonColor, ButtonType, ButtonVariant } from './Button.types';
+export declare const getVariantAndColorByType: (type?: ButtonType) => {
+    variant: ButtonVariant;
+    color: ButtonColor;
+} | null;
+export declare const defaultButtonTestId = "button";
+export declare const defaultLoadingIconTestIdSuffix = "_loading-icon";
+export declare const defaultLoadingIconTestId = "button_loading-icon";

package/dist/components/Button/Button.utils.js

@@ -0,0 +1,38 @@
+import { isUndefined } from "lodash-es";
+const typesMatching = {
+  default: {
+    variant: "outlined",
+    color: "default"
+  },
+  primary: {
+    variant: "solid",
+    color: "primary"
+  },
+  dashed: {
+    variant: "dashed",
+    color: "default"
+  },
+  text: {
+    variant: "text",
+    color: "default"
+  },
+  link: {
+    variant: "link",
+    color: "primary"
+  }
+};
+const getVariantAndColorByType = (type) => {
+  if (isUndefined(type)) {
+    return null;
+  }
+  return typesMatching[type];
+};
+const defaultButtonTestId = "button";
+const defaultLoadingIconTestIdSuffix = "_loading-icon";
+const defaultLoadingIconTestId = `${defaultButtonTestId}${defaultLoadingIconTestIdSuffix}`;
+export {
+  defaultButtonTestId,
+  defaultLoadingIconTestId,
+  defaultLoadingIconTestIdSuffix,
+  getVariantAndColorByType
+};

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

@@ -0,0 +1,2 @@
+export { Button } from './Button';
+export type { ButtonProps } from './Button.types';

package/dist/components/Checkbox/Checkbox.d.ts

@@ -0,0 +1,3 @@
+import { FC, PropsWithChildren } from 'react';
+import { CheckboxProps } from './Checkbox.types';
+export declare const CheckboxComponent: FC<PropsWithChildren<CheckboxProps>>;

package/dist/components/Checkbox/Checkbox.js

@@ -0,0 +1,72 @@
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
+import { memo, useState, useRef, useEffect } from "react";
+import { isNull, isBoolean } from "lodash-es";
+import { checkboxStyle } from "./Checkbox.styles.js";
+import { CheckOutlined } from "@infomaximum/icons";
+import { useTheme } from "../../hooks/useTheme/useTheme.js";
+const CheckboxComponent = memo(({
+  children,
+  defaultChecked,
+  checked,
+  indeterminate,
+  disabled,
+  className,
+  styles,
+  onChange,
+  onFocus,
+  onBlur,
+  ...rest
+}) => {
+  const theme = useTheme();
+  const [isHover, setIsHover] = useState(false);
+  const [localChecked, setLocalChecked] = useState(defaultChecked ?? false);
+  const checkboxRef = useRef(null);
+  const currentChecked = indeterminate ? false : checked ?? localChecked;
+  useEffect(() => {
+    if (isNull(checkboxRef.current)) {
+      return;
+    }
+    checkboxRef.current.indeterminate = !!indeterminate;
+  }, [indeterminate, checkboxRef.current]);
+  const changeHandle = (e) => {
+    var _a;
+    onChange == null ? void 0 : onChange(e);
+    (_a = checkboxRef.current) == null ? void 0 : _a.focus();
+    if (isBoolean(checked)) {
+      return;
+    }
+    setLocalChecked((prev) => !prev);
+  };
+  const focusHandle = (e) => {
+    onFocus == null ? void 0 : onFocus(e);
+  };
+  const blurHandle = (e) => {
+    onBlur == null ? void 0 : onBlur(e);
+  };
+  const mouseOverHandle = () => {
+    setIsHover(true);
+  };
+  const mouseOutHandle = () => {
+    setIsHover(false);
+  };
+  const checkboxStyles = checkboxStyle(currentChecked, !!disabled, isHover);
+  const renderInner = () => {
+    if (indeterminate) {
+      return /* @__PURE__ */ jsx("span", { css: [checkboxStyles.indeterminateInner(theme), styles == null ? void 0 : styles.indeterminateInner(theme), process.env.NODE_ENV === "production" ? "" : ";label:renderInner;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvQ2hlY2tib3gvQ2hlY2tib3gudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStFWSIsImZpbGUiOiIvYnVpbGRzL2Zyb250ZW5kL2xpYnMvdWkta2l0L3NyYy9jb21wb25lbnRzL0NoZWNrYm94L0NoZWNrYm94LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIHR5cGUgQ2hhbmdlRXZlbnQsXG4gIHR5cGUgRkMsXG4gIHR5cGUgRm9jdXNFdmVudCxcbiAgbWVtbyxcbiAgdHlwZSBQcm9wc1dpdGhDaGlsZHJlbixcbiAgdXNlRWZmZWN0LFxuICB1c2VSZWYsXG4gIHVzZVN0YXRlLFxufSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgQ2hlY2tib3hQcm9wcyB9IGZyb20gXCIuL0NoZWNrYm94LnR5cGVzXCI7XG5pbXBvcnQgeyBpc0Jvb2xlYW4sIGlzTnVsbCB9IGZyb20gXCJsb2Rhc2gtZXNcIjtcbmltcG9ydCB7IGNoZWNrYm94U3R5bGUgfSBmcm9tIFwiLi9DaGVja2JveC5zdHlsZXNcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcImhvb2tzL3VzZVRoZW1lXCI7XG5pbXBvcnQgeyBDaGVja091dGxpbmVkIH0gZnJvbSBcIkBpbmZvbWF4aW11bS9pY29uc1wiO1xuXG5leHBvcnQgY29uc3QgQ2hlY2tib3hDb21wb25lbnQ6IEZDPFByb3BzV2l0aENoaWxkcmVuPENoZWNrYm94UHJvcHM+PiA9IG1lbW8oXG4gICh7XG4gICAgY2hpbGRyZW4sXG4gICAgZGVmYXVsdENoZWNrZWQsXG4gICAgY2hlY2tlZCxcbiAgICBpbmRldGVybWluYXRlLFxuICAgIGRpc2FibGVkLFxuICAgIGNsYXNzTmFtZSxcbiAgICBzdHlsZXMsXG4gICAgb25DaGFuZ2UsXG4gICAgb25Gb2N1cyxcbiAgICBvbkJsdXIsXG4gICAgLi4ucmVzdFxuICB9KSA9PiB7XG4gICAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuXG4gICAgY29uc3QgW2lzSG92ZXIsIHNldElzSG92ZXJdID0gdXNlU3RhdGUoZmFsc2UpO1xuICAgIGNvbnN0IFtsb2NhbENoZWNrZWQsIHNldExvY2FsQ2hlY2tlZF0gPSB1c2VTdGF0ZShkZWZhdWx0Q2hlY2tlZCA/PyBmYWxzZSk7XG4gICAgY29uc3QgY2hlY2tib3hSZWYgPSB1c2VSZWY8SFRNTElucHV0RWxlbWVudCB8IG51bGw+KG51bGwpO1xuXG4gICAgY29uc3QgY3VycmVudENoZWNrZWQgPSBpbmRldGVybWluYXRlID8gZmFsc2UgOiAoY2hlY2tlZCA/PyBsb2NhbENoZWNrZWQpO1xuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgIGlmIChpc051bGwoY2hlY2tib3hSZWYuY3VycmVudCkpIHtcbiAgICAgICAgcmV0dXJuO1xuICAgICAgfVxuXG4gICAgICBjaGVja2JveFJlZi5jdXJyZW50LmluZGV0ZXJtaW5hdGUgPSAhIWluZGV0ZXJtaW5hdGU7XG4gICAgfSwgW2luZGV0ZXJtaW5hdGUsIGNoZWNrYm94UmVmLmN1cnJlbnRdKTtcblxuICAgIGNvbnN0IGNoYW5nZUhhbmRsZSA9IChlOiBDaGFuZ2VFdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4ge1xuICAgICAgb25DaGFuZ2U/LihlKTtcbiAgICAgIGNoZWNrYm94UmVmLmN1cnJlbnQ/LmZvY3VzKCk7XG5cbiAgICAgIGlmIChpc0Jvb2xlYW4oY2hlY2tlZCkpIHtcbiAgICAgICAgcmV0dXJuO1xuICAgICAgfVxuXG4gICAgICBzZXRMb2NhbENoZWNrZWQoKHByZXYpID0+ICFwcmV2KTtcbiAgICB9O1xuXG4gICAgY29uc3QgZm9jdXNIYW5kbGUgPSAoZTogRm9jdXNFdmVudCkgPT4ge1xuICAgICAgb25Gb2N1cz8uKGUpO1xuICAgIH07XG5cbiAgICBjb25zdCBibHVySGFuZGxlID0gKGU6IEZvY3VzRXZlbnQpID0+IHtcbiAgICAgIG9uQmx1cj8uKGUpO1xuICAgIH07XG5cbiAgICBjb25zdCBtb3VzZU92ZXJIYW5kbGUgPSAoKSA9PiB7XG4gICAgICBzZXRJc0hvdmVyKHRydWUpO1xuICAgIH07XG5cbiAgICBjb25zdCBtb3VzZU91dEhhbmRsZSA9ICgpID0+IHtcbiAgICAgIHNldElzSG92ZXIoZmFsc2UpO1xuICAgIH07XG5cbiAgICBjb25zdCBjaGVja2JveFN0eWxlcyA9IGNoZWNrYm94U3R5bGUoY3VycmVudENoZWNrZWQsICEhZGlzYWJsZWQsIGlzSG92ZXIpO1xuXG4gICAgY29uc3QgcmVuZGVySW5uZXIgPSAoKSA9PiB7XG4gICAgICBpZiAoaW5kZXRlcm1pbmF0ZSkge1xuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICBjc3M9e1tjaGVja2JveFN0eWxlcy5pbmRldGVybWluYXRlSW5uZXIodGhlbWUpLCBzdHlsZXM/LmluZGV0ZXJtaW5hdGVJbm5lcih0aGVtZSldfVxuICAgICAgICAgID48L3NwYW4+XG4gICAgICAgICk7XG4gICAgICB9XG5cbiAgICAgIGlmIChjdXJyZW50Q2hlY2tlZCkge1xuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgIDxDaGVja091dGxpbmVkIGNzcz17W2NoZWNrYm94U3R5bGVzLmNoZWNrZWRJbm5lcih0aGVtZSksIHN0eWxlcz8uY2hlY2tlZElubmVyKHRoZW1lKV19IC8+XG4gICAgICAgICk7XG4gICAgICB9XG5cbiAgICAgIHJldHVybiBudWxsO1xuICAgIH07XG5cbiAgICByZXR1cm4gKFxuICAgICAgPGxhYmVsXG4gICAgICAgIGNzcz17W2NoZWNrYm94U3R5bGVzLmxhYmVsKCksIHN0eWxlcz8ubGFiZWwodGhlbWUpXX1cbiAgICAgICAgb25Nb3VzZU92ZXI9e21vdXNlT3ZlckhhbmRsZX1cbiAgICAgICAgb25Nb3VzZU91dD17bW91c2VPdXRIYW5kbGV9XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgPlxuICAgICAgICA8c3BhbiBjc3M9e1tjaGVja2JveFN0eWxlcy5pbnB1dFdyYXBwZXIodGhlbWUpLCBzdHlsZXM/LmlucHV0V3JhcHBlcih0aGVtZSldfT5cbiAgICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAgICAgdHlwZT1cImNoZWNrYm94XCJcbiAgICAgICAgICAgIHJlZj17Y2hlY2tib3hSZWZ9XG4gICAgICAgICAgICBjaGVja2VkPXtjdXJyZW50Q2hlY2tlZH1cbiAgICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICAgIG9uQ2hhbmdlPXtjaGFuZ2VIYW5kbGV9XG4gICAgICAgICAgICBvbkZvY3VzPXtmb2N1c0hhbmRsZX1cbiAgICAgICAgICAgIG9uQmx1cj17Ymx1ckhhbmRsZX1cbiAgICAgICAgICAgIGNzcz17W2NoZWNrYm94U3R5bGVzLmlucHV0KCksIHN0eWxlcz8uaW5wdXQodGhlbWUpXX1cbiAgICAgICAgICAvPlxuXG4gICAgICAgICAge3JlbmRlcklubmVyKCl9XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICAge2NoaWxkcmVuICYmIChcbiAgICAgICAgICA8c3BhbiBjc3M9e1tjaGVja2JveFN0eWxlcy5sYWJlbFRleHQodGhlbWUpLCBzdHlsZXM/LmxhYmVsVGV4dCh0aGVtZSldfT57Y2hpbGRyZW59PC9zcGFuPlxuICAgICAgICApfVxuICAgICAgPC9sYWJlbD5cbiAgICApO1xuICB9XG4pO1xuIl19 */"] });
+    }
+    if (currentChecked) {
+      return /* @__PURE__ */ jsx(CheckOutlined, { css: [checkboxStyles.checkedInner(theme), styles == null ? void 0 : styles.checkedInner(theme), process.env.NODE_ENV === "production" ? "" : ";label:renderInner;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvQ2hlY2tib3gvQ2hlY2tib3gudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNGeUIiLCJmaWxlIjoiL2J1aWxkcy9mcm9udGVuZC9saWJzL3VpLWtpdC9zcmMvY29tcG9uZW50cy9DaGVja2JveC9DaGVja2JveC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICB0eXBlIENoYW5nZUV2ZW50LFxuICB0eXBlIEZDLFxuICB0eXBlIEZvY3VzRXZlbnQsXG4gIG1lbW8sXG4gIHR5cGUgUHJvcHNXaXRoQ2hpbGRyZW4sXG4gIHVzZUVmZmVjdCxcbiAgdXNlUmVmLFxuICB1c2VTdGF0ZSxcbn0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgdHlwZSB7IENoZWNrYm94UHJvcHMgfSBmcm9tIFwiLi9DaGVja2JveC50eXBlc1wiO1xuaW1wb3J0IHsgaXNCb29sZWFuLCBpc051bGwgfSBmcm9tIFwibG9kYXNoLWVzXCI7XG5pbXBvcnQgeyBjaGVja2JveFN0eWxlIH0gZnJvbSBcIi4vQ2hlY2tib3guc3R5bGVzXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCJob29rcy91c2VUaGVtZVwiO1xuaW1wb3J0IHsgQ2hlY2tPdXRsaW5lZCB9IGZyb20gXCJAaW5mb21heGltdW0vaWNvbnNcIjtcblxuZXhwb3J0IGNvbnN0IENoZWNrYm94Q29tcG9uZW50OiBGQzxQcm9wc1dpdGhDaGlsZHJlbjxDaGVja2JveFByb3BzPj4gPSBtZW1vKFxuICAoe1xuICAgIGNoaWxkcmVuLFxuICAgIGRlZmF1bHRDaGVja2VkLFxuICAgIGNoZWNrZWQsXG4gICAgaW5kZXRlcm1pbmF0ZSxcbiAgICBkaXNhYmxlZCxcbiAgICBjbGFzc05hbWUsXG4gICAgc3R5bGVzLFxuICAgIG9uQ2hhbmdlLFxuICAgIG9uRm9jdXMsXG4gICAgb25CbHVyLFxuICAgIC4uLnJlc3RcbiAgfSkgPT4ge1xuICAgIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICAgIGNvbnN0IFtpc0hvdmVyLCBzZXRJc0hvdmVyXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgICBjb25zdCBbbG9jYWxDaGVja2VkLCBzZXRMb2NhbENoZWNrZWRdID0gdXNlU3RhdGUoZGVmYXVsdENoZWNrZWQgPz8gZmFsc2UpO1xuICAgIGNvbnN0IGNoZWNrYm94UmVmID0gdXNlUmVmPEhUTUxJbnB1dEVsZW1lbnQgfCBudWxsPihudWxsKTtcblxuICAgIGNvbnN0IGN1cnJlbnRDaGVja2VkID0gaW5kZXRlcm1pbmF0ZSA/IGZhbHNlIDogKGNoZWNrZWQgPz8gbG9jYWxDaGVja2VkKTtcblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICBpZiAoaXNOdWxsKGNoZWNrYm94UmVmLmN1cnJlbnQpKSB7XG4gICAgICAgIHJldHVybjtcbiAgICAgIH1cblxuICAgICAgY2hlY2tib3hSZWYuY3VycmVudC5pbmRldGVybWluYXRlID0gISFpbmRldGVybWluYXRlO1xuICAgIH0sIFtpbmRldGVybWluYXRlLCBjaGVja2JveFJlZi5jdXJyZW50XSk7XG5cbiAgICBjb25zdCBjaGFuZ2VIYW5kbGUgPSAoZTogQ2hhbmdlRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHtcbiAgICAgIG9uQ2hhbmdlPy4oZSk7XG4gICAgICBjaGVja2JveFJlZi5jdXJyZW50Py5mb2N1cygpO1xuXG4gICAgICBpZiAoaXNCb29sZWFuKGNoZWNrZWQpKSB7XG4gICAgICAgIHJldHVybjtcbiAgICAgIH1cblxuICAgICAgc2V0TG9jYWxDaGVja2VkKChwcmV2KSA9PiAhcHJldik7XG4gICAgfTtcblxuICAgIGNvbnN0IGZvY3VzSGFuZGxlID0gKGU6IEZvY3VzRXZlbnQpID0+IHtcbiAgICAgIG9uRm9jdXM/LihlKTtcbiAgICB9O1xuXG4gICAgY29uc3QgYmx1ckhhbmRsZSA9IChlOiBGb2N1c0V2ZW50KSA9PiB7XG4gICAgICBvbkJsdXI/LihlKTtcbiAgICB9O1xuXG4gICAgY29uc3QgbW91c2VPdmVySGFuZGxlID0gKCkgPT4ge1xuICAgICAgc2V0SXNIb3Zlcih0cnVlKTtcbiAgICB9O1xuXG4gICAgY29uc3QgbW91c2VPdXRIYW5kbGUgPSAoKSA9PiB7XG4gICAgICBzZXRJc0hvdmVyKGZhbHNlKTtcbiAgICB9O1xuXG4gICAgY29uc3QgY2hlY2tib3hTdHlsZXMgPSBjaGVja2JveFN0eWxlKGN1cnJlbnRDaGVja2VkLCAhIWRpc2FibGVkLCBpc0hvdmVyKTtcblxuICAgIGNvbnN0IHJlbmRlcklubmVyID0gKCkgPT4ge1xuICAgICAgaWYgKGluZGV0ZXJtaW5hdGUpIHtcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgY3NzPXtbY2hlY2tib3hTdHlsZXMuaW5kZXRlcm1pbmF0ZUlubmVyKHRoZW1lKSwgc3R5bGVzPy5pbmRldGVybWluYXRlSW5uZXIodGhlbWUpXX1cbiAgICAgICAgICA+PC9zcGFuPlxuICAgICAgICApO1xuICAgICAgfVxuXG4gICAgICBpZiAoY3VycmVudENoZWNrZWQpIHtcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICA8Q2hlY2tPdXRsaW5lZCBjc3M9e1tjaGVja2JveFN0eWxlcy5jaGVja2VkSW5uZXIodGhlbWUpLCBzdHlsZXM/LmNoZWNrZWRJbm5lcih0aGVtZSldfSAvPlxuICAgICAgICApO1xuICAgICAgfVxuXG4gICAgICByZXR1cm4gbnVsbDtcbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxsYWJlbFxuICAgICAgICBjc3M9e1tjaGVja2JveFN0eWxlcy5sYWJlbCgpLCBzdHlsZXM/LmxhYmVsKHRoZW1lKV19XG4gICAgICAgIG9uTW91c2VPdmVyPXttb3VzZU92ZXJIYW5kbGV9XG4gICAgICAgIG9uTW91c2VPdXQ9e21vdXNlT3V0SGFuZGxlfVxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgID5cbiAgICAgICAgPHNwYW4gY3NzPXtbY2hlY2tib3hTdHlsZXMuaW5wdXRXcmFwcGVyKHRoZW1lKSwgc3R5bGVzPy5pbnB1dFdyYXBwZXIodGhlbWUpXX0+XG4gICAgICAgICAgPGlucHV0XG4gICAgICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgICAgIHR5cGU9XCJjaGVja2JveFwiXG4gICAgICAgICAgICByZWY9e2NoZWNrYm94UmVmfVxuICAgICAgICAgICAgY2hlY2tlZD17Y3VycmVudENoZWNrZWR9XG4gICAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgICBvbkNoYW5nZT17Y2hhbmdlSGFuZGxlfVxuICAgICAgICAgICAgb25Gb2N1cz17Zm9jdXNIYW5kbGV9XG4gICAgICAgICAgICBvbkJsdXI9e2JsdXJIYW5kbGV9XG4gICAgICAgICAgICBjc3M9e1tjaGVja2JveFN0eWxlcy5pbnB1dCgpLCBzdHlsZXM/LmlucHV0KHRoZW1lKV19XG4gICAgICAgICAgLz5cblxuICAgICAgICAgIHtyZW5kZXJJbm5lcigpfVxuICAgICAgICA8L3NwYW4+XG4gICAgICAgIHtjaGlsZHJlbiAmJiAoXG4gICAgICAgICAgPHNwYW4gY3NzPXtbY2hlY2tib3hTdHlsZXMubGFiZWxUZXh0KHRoZW1lKSwgc3R5bGVzPy5sYWJlbFRleHQodGhlbWUpXX0+e2NoaWxkcmVufTwvc3Bhbj5cbiAgICAgICAgKX1cbiAgICAgIDwvbGFiZWw+XG4gICAgKTtcbiAgfVxuKTtcbiJdfQ== */"] });
+    }
+    return null;
+  };
+  return /* @__PURE__ */ jsxs("label", { css: [checkboxStyles.label(), styles == null ? void 0 : styles.label(theme), process.env.NODE_ENV === "production" ? "" : ";label:CheckboxComponent;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvQ2hlY2tib3gvQ2hlY2tib3gudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStGUSIsImZpbGUiOiIvYnVpbGRzL2Zyb250ZW5kL2xpYnMvdWkta2l0L3NyYy9jb21wb25lbnRzL0NoZWNrYm94L0NoZWNrYm94LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIHR5cGUgQ2hhbmdlRXZlbnQsXG4gIHR5cGUgRkMsXG4gIHR5cGUgRm9jdXNFdmVudCxcbiAgbWVtbyxcbiAgdHlwZSBQcm9wc1dpdGhDaGlsZHJlbixcbiAgdXNlRWZmZWN0LFxuICB1c2VSZWYsXG4gIHVzZVN0YXRlLFxufSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgQ2hlY2tib3hQcm9wcyB9IGZyb20gXCIuL0NoZWNrYm94LnR5cGVzXCI7XG5pbXBvcnQgeyBpc0Jvb2xlYW4sIGlzTnVsbCB9IGZyb20gXCJsb2Rhc2gtZXNcIjtcbmltcG9ydCB7IGNoZWNrYm94U3R5bGUgfSBmcm9tIFwiLi9DaGVja2JveC5zdHlsZXNcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcImhvb2tzL3VzZVRoZW1lXCI7XG5pbXBvcnQgeyBDaGVja091dGxpbmVkIH0gZnJvbSBcIkBpbmZvbWF4aW11bS9pY29uc1wiO1xuXG5leHBvcnQgY29uc3QgQ2hlY2tib3hDb21wb25lbnQ6IEZDPFByb3BzV2l0aENoaWxkcmVuPENoZWNrYm94UHJvcHM+PiA9IG1lbW8oXG4gICh7XG4gICAgY2hpbGRyZW4sXG4gICAgZGVmYXVsdENoZWNrZWQsXG4gICAgY2hlY2tlZCxcbiAgICBpbmRldGVybWluYXRlLFxuICAgIGRpc2FibGVkLFxuICAgIGNsYXNzTmFtZSxcbiAgICBzdHlsZXMsXG4gICAgb25DaGFuZ2UsXG4gICAgb25Gb2N1cyxcbiAgICBvbkJsdXIsXG4gICAgLi4ucmVzdFxuICB9KSA9PiB7XG4gICAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuXG4gICAgY29uc3QgW2lzSG92ZXIsIHNldElzSG92ZXJdID0gdXNlU3RhdGUoZmFsc2UpO1xuICAgIGNvbnN0IFtsb2NhbENoZWNrZWQsIHNldExvY2FsQ2hlY2tlZF0gPSB1c2VTdGF0ZShkZWZhdWx0Q2hlY2tlZCA/PyBmYWxzZSk7XG4gICAgY29uc3QgY2hlY2tib3hSZWYgPSB1c2VSZWY8SFRNTElucHV0RWxlbWVudCB8IG51bGw+KG51bGwpO1xuXG4gICAgY29uc3QgY3VycmVudENoZWNrZWQgPSBpbmRldGVybWluYXRlID8gZmFsc2UgOiAoY2hlY2tlZCA/PyBsb2NhbENoZWNrZWQpO1xuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgIGlmIChpc051bGwoY2hlY2tib3hSZWYuY3VycmVudCkpIHtcbiAgICAgICAgcmV0dXJuO1xuICAgICAgfVxuXG4gICAgICBjaGVja2JveFJlZi5jdXJyZW50LmluZGV0ZXJtaW5hdGUgPSAhIWluZGV0ZXJtaW5hdGU7XG4gICAgfSwgW2luZGV0ZXJtaW5hdGUsIGNoZWNrYm94UmVmLmN1cnJlbnRdKTtcblxuICAgIGNvbnN0IGNoYW5nZUhhbmRsZSA9IChlOiBDaGFuZ2VFdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4ge1xuICAgICAgb25DaGFuZ2U/LihlKTtcbiAgICAgIGNoZWNrYm94UmVmLmN1cnJlbnQ/LmZvY3VzKCk7XG5cbiAgICAgIGlmIChpc0Jvb2xlYW4oY2hlY2tlZCkpIHtcbiAgICAgICAgcmV0dXJuO1xuICAgICAgfVxuXG4gICAgICBzZXRMb2NhbENoZWNrZWQoKHByZXYpID0+ICFwcmV2KTtcbiAgICB9O1xuXG4gICAgY29uc3QgZm9jdXNIYW5kbGUgPSAoZTogRm9jdXNFdmVudCkgPT4ge1xuICAgICAgb25Gb2N1cz8uKGUpO1xuICAgIH07XG5cbiAgICBjb25zdCBibHVySGFuZGxlID0gKGU6IEZvY3VzRXZlbnQpID0+IHtcbiAgICAgIG9uQmx1cj8uKGUpO1xuICAgIH07XG5cbiAgICBjb25zdCBtb3VzZU92ZXJIYW5kbGUgPSAoKSA9PiB7XG4gICAgICBzZXRJc0hvdmVyKHRydWUpO1xuICAgIH07XG5cbiAgICBjb25zdCBtb3VzZU91dEhhbmRsZSA9ICgpID0+IHtcbiAgICAgIHNldElzSG92ZXIoZmFsc2UpO1xuICAgIH07XG5cbiAgICBjb25zdCBjaGVja2JveFN0eWxlcyA9IGNoZWNrYm94U3R5bGUoY3VycmVudENoZWNrZWQsICEhZGlzYWJsZWQsIGlzSG92ZXIpO1xuXG4gICAgY29uc3QgcmVuZGVySW5uZXIgPSAoKSA9PiB7XG4gICAgICBpZiAoaW5kZXRlcm1pbmF0ZSkge1xuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICBjc3M9e1tjaGVja2JveFN0eWxlcy5pbmRldGVybWluYXRlSW5uZXIodGhlbWUpLCBzdHlsZXM/LmluZGV0ZXJtaW5hdGVJbm5lcih0aGVtZSldfVxuICAgICAgICAgID48L3NwYW4+XG4gICAgICAgICk7XG4gICAgICB9XG5cbiAgICAgIGlmIChjdXJyZW50Q2hlY2tlZCkge1xuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgIDxDaGVja091dGxpbmVkIGNzcz17W2NoZWNrYm94U3R5bGVzLmNoZWNrZWRJbm5lcih0aGVtZSksIHN0eWxlcz8uY2hlY2tlZElubmVyKHRoZW1lKV19IC8+XG4gICAgICAgICk7XG4gICAgICB9XG5cbiAgICAgIHJldHVybiBudWxsO1xuICAgIH07XG5cbiAgICByZXR1cm4gKFxuICAgICAgPGxhYmVsXG4gICAgICAgIGNzcz17W2NoZWNrYm94U3R5bGVzLmxhYmVsKCksIHN0eWxlcz8ubGFiZWwodGhlbWUpXX1cbiAgICAgICAgb25Nb3VzZU92ZXI9e21vdXNlT3ZlckhhbmRsZX1cbiAgICAgICAgb25Nb3VzZU91dD17bW91c2VPdXRIYW5kbGV9XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgPlxuICAgICAgICA8c3BhbiBjc3M9e1tjaGVja2JveFN0eWxlcy5pbnB1dFdyYXBwZXIodGhlbWUpLCBzdHlsZXM/LmlucHV0V3JhcHBlcih0aGVtZSldfT5cbiAgICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAgICAgdHlwZT1cImNoZWNrYm94XCJcbiAgICAgICAgICAgIHJlZj17Y2hlY2tib3hSZWZ9XG4gICAgICAgICAgICBjaGVja2VkPXtjdXJyZW50Q2hlY2tlZH1cbiAgICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICAgIG9uQ2hhbmdlPXtjaGFuZ2VIYW5kbGV9XG4gICAgICAgICAgICBvbkZvY3VzPXtmb2N1c0hhbmRsZX1cbiAgICAgICAgICAgIG9uQmx1cj17Ymx1ckhhbmRsZX1cbiAgICAgICAgICAgIGNzcz17W2NoZWNrYm94U3R5bGVzLmlucHV0KCksIHN0eWxlcz8uaW5wdXQodGhlbWUpXX1cbiAgICAgICAgICAvPlxuXG4gICAgICAgICAge3JlbmRlcklubmVyKCl9XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICAge2NoaWxkcmVuICYmIChcbiAgICAgICAgICA8c3BhbiBjc3M9e1tjaGVja2JveFN0eWxlcy5sYWJlbFRleHQodGhlbWUpLCBzdHlsZXM/LmxhYmVsVGV4dCh0aGVtZSldfT57Y2hpbGRyZW59PC9zcGFuPlxuICAgICAgICApfVxuICAgICAgPC9sYWJlbD5cbiAgICApO1xuICB9XG4pO1xuIl19 */"], onMouseOver: mouseOverHandle, onMouseOut: mouseOutHandle, className, children: [
+    /* @__PURE__ */ jsxs("span", { css: [checkboxStyles.inputWrapper(theme), styles == null ? void 0 : styles.inputWrapper(theme), process.env.NODE_ENV === "production" ? "" : ";label:CheckboxComponent;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvQ2hlY2tib3gvQ2hlY2tib3gudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9HYyIsImZpbGUiOiIvYnVpbGRzL2Zyb250ZW5kL2xpYnMvdWkta2l0L3NyYy9jb21wb25lbnRzL0NoZWNrYm94L0NoZWNrYm94LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIHR5cGUgQ2hhbmdlRXZlbnQsXG4gIHR5cGUgRkMsXG4gIHR5cGUgRm9jdXNFdmVudCxcbiAgbWVtbyxcbiAgdHlwZSBQcm9wc1dpdGhDaGlsZHJlbixcbiAgdXNlRWZmZWN0LFxuICB1c2VSZWYsXG4gIHVzZVN0YXRlLFxufSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgQ2hlY2tib3hQcm9wcyB9IGZyb20gXCIuL0NoZWNrYm94LnR5cGVzXCI7XG5pbXBvcnQgeyBpc0Jvb2xlYW4sIGlzTnVsbCB9IGZyb20gXCJsb2Rhc2gtZXNcIjtcbmltcG9ydCB7IGNoZWNrYm94U3R5bGUgfSBmcm9tIFwiLi9DaGVja2JveC5zdHlsZXNcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcImhvb2tzL3VzZVRoZW1lXCI7XG5pbXBvcnQgeyBDaGVja091dGxpbmVkIH0gZnJvbSBcIkBpbmZvbWF4aW11bS9pY29uc1wiO1xuXG5leHBvcnQgY29uc3QgQ2hlY2tib3hDb21wb25lbnQ6IEZDPFByb3BzV2l0aENoaWxkcmVuPENoZWNrYm94UHJvcHM+PiA9IG1lbW8oXG4gICh7XG4gICAgY2hpbGRyZW4sXG4gICAgZGVmYXVsdENoZWNrZWQsXG4gICAgY2hlY2tlZCxcbiAgICBpbmRldGVybWluYXRlLFxuICAgIGRpc2FibGVkLFxuICAgIGNsYXNzTmFtZSxcbiAgICBzdHlsZXMsXG4gICAgb25DaGFuZ2UsXG4gICAgb25Gb2N1cyxcbiAgICBvbkJsdXIsXG4gICAgLi4ucmVzdFxuICB9KSA9PiB7XG4gICAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuXG4gICAgY29uc3QgW2lzSG92ZXIsIHNldElzSG92ZXJdID0gdXNlU3RhdGUoZmFsc2UpO1xuICAgIGNvbnN0IFtsb2NhbENoZWNrZWQsIHNldExvY2FsQ2hlY2tlZF0gPSB1c2VTdGF0ZShkZWZhdWx0Q2hlY2tlZCA/PyBmYWxzZSk7XG4gICAgY29uc3QgY2hlY2tib3hSZWYgPSB1c2VSZWY8SFRNTElucHV0RWxlbWVudCB8IG51bGw+KG51bGwpO1xuXG4gICAgY29uc3QgY3VycmVudENoZWNrZWQgPSBpbmRldGVybWluYXRlID8gZmFsc2UgOiAoY2hlY2tlZCA/PyBsb2NhbENoZWNrZWQpO1xuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgIGlmIChpc051bGwoY2hlY2tib3hSZWYuY3VycmVudCkpIHtcbiAgICAgICAgcmV0dXJuO1xuICAgICAgfVxuXG4gICAgICBjaGVja2JveFJlZi5jdXJyZW50LmluZGV0ZXJtaW5hdGUgPSAhIWluZGV0ZXJtaW5hdGU7XG4gICAgfSwgW2luZGV0ZXJtaW5hdGUsIGNoZWNrYm94UmVmLmN1cnJlbnRdKTtcblxuICAgIGNvbnN0IGNoYW5nZUhhbmRsZSA9IChlOiBDaGFuZ2VFdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4ge1xuICAgICAgb25DaGFuZ2U/LihlKTtcbiAgICAgIGNoZWNrYm94UmVmLmN1cnJlbnQ/LmZvY3VzKCk7XG5cbiAgICAgIGlmIChpc0Jvb2xlYW4oY2hlY2tlZCkpIHtcbiAgICAgICAgcmV0dXJuO1xuICAgICAgfVxuXG4gICAgICBzZXRMb2NhbENoZWNrZWQoKHByZXYpID0+ICFwcmV2KTtcbiAgICB9O1xuXG4gICAgY29uc3QgZm9jdXNIYW5kbGUgPSAoZTogRm9jdXNFdmVudCkgPT4ge1xuICAgICAgb25Gb2N1cz8uKGUpO1xuICAgIH07XG5cbiAgICBjb25zdCBibHVySGFuZGxlID0gKGU6IEZvY3VzRXZlbnQpID0+IHtcbiAgICAgIG9uQmx1cj8uKGUpO1xuICAgIH07XG5cbiAgICBjb25zdCBtb3VzZU92ZXJIYW5kbGUgPSAoKSA9PiB7XG4gICAgICBzZXRJc0hvdmVyKHRydWUpO1xuICAgIH07XG5cbiAgICBjb25zdCBtb3VzZU91dEhhbmRsZSA9ICgpID0+IHtcbiAgICAgIHNldElzSG92ZXIoZmFsc2UpO1xuICAgIH07XG5cbiAgICBjb25zdCBjaGVja2JveFN0eWxlcyA9IGNoZWNrYm94U3R5bGUoY3VycmVudENoZWNrZWQsICEhZGlzYWJsZWQsIGlzSG92ZXIpO1xuXG4gICAgY29uc3QgcmVuZGVySW5uZXIgPSAoKSA9PiB7XG4gICAgICBpZiAoaW5kZXRlcm1pbmF0ZSkge1xuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICBjc3M9e1tjaGVja2JveFN0eWxlcy5pbmRldGVybWluYXRlSW5uZXIodGhlbWUpLCBzdHlsZXM/LmluZGV0ZXJtaW5hdGVJbm5lcih0aGVtZSldfVxuICAgICAgICAgID48L3NwYW4+XG4gICAgICAgICk7XG4gICAgICB9XG5cbiAgICAgIGlmIChjdXJyZW50Q2hlY2tlZCkge1xuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgIDxDaGVja091dGxpbmVkIGNzcz17W2NoZWNrYm94U3R5bGVzLmNoZWNrZWRJbm5lcih0aGVtZSksIHN0eWxlcz8uY2hlY2tlZElubmVyKHRoZW1lKV19IC8+XG4gICAgICAgICk7XG4gICAgICB9XG5cbiAgICAgIHJldHVybiBudWxsO1xuICAgIH07XG5cbiAgICByZXR1cm4gKFxuICAgICAgPGxhYmVsXG4gICAgICAgIGNzcz17W2NoZWNrYm94U3R5bGVzLmxhYmVsKCksIHN0eWxlcz8ubGFiZWwodGhlbWUpXX1cbiAgICAgICAgb25Nb3VzZU92ZXI9e21vdXNlT3ZlckhhbmRsZX1cbiAgICAgICAgb25Nb3VzZU91dD17bW91c2VPdXRIYW5kbGV9XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgPlxuICAgICAgICA8c3BhbiBjc3M9e1tjaGVja2JveFN0eWxlcy5pbnB1dFdyYXBwZXIodGhlbWUpLCBzdHlsZXM/LmlucHV0V3JhcHBlcih0aGVtZSldfT5cbiAgICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAgICAgdHlwZT1cImNoZWNrYm94XCJcbiAgICAgICAgICAgIHJlZj17Y2hlY2tib3hSZWZ9XG4gICAgICAgICAgICBjaGVja2VkPXtjdXJyZW50Q2hlY2tlZH1cbiAgICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICAgIG9uQ2hhbmdlPXtjaGFuZ2VIYW5kbGV9XG4gICAgICAgICAgICBvbkZvY3VzPXtmb2N1c0hhbmRsZX1cbiAgICAgICAgICAgIG9uQmx1cj17Ymx1ckhhbmRsZX1cbiAgICAgICAgICAgIGNzcz17W2NoZWNrYm94U3R5bGVzLmlucHV0KCksIHN0eWxlcz8uaW5wdXQodGhlbWUpXX1cbiAgICAgICAgICAvPlxuXG4gICAgICAgICAge3JlbmRlcklubmVyKCl9XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICAge2NoaWxkcmVuICYmIChcbiAgICAgICAgICA8c3BhbiBjc3M9e1tjaGVja2JveFN0eWxlcy5sYWJlbFRleHQodGhlbWUpLCBzdHlsZXM/LmxhYmVsVGV4dCh0aGVtZSldfT57Y2hpbGRyZW59PC9zcGFuPlxuICAgICAgICApfVxuICAgICAgPC9sYWJlbD5cbiAgICApO1xuICB9XG4pO1xuIl19 */"], children: [
+      /* @__PURE__ */ jsx("input", { ...rest, type: "checkbox", ref: checkboxRef, checked: currentChecked, disabled, onChange: changeHandle, onFocus: focusHandle, onBlur: blurHandle, css: [checkboxStyles.input(), styles == null ? void 0 : styles.input(theme), process.env.NODE_ENV === "production" ? "" : ";label:CheckboxComponent;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvQ2hlY2tib3gvQ2hlY2tib3gudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThHWSIsImZpbGUiOiIvYnVpbGRzL2Zyb250ZW5kL2xpYnMvdWkta2l0L3NyYy9jb21wb25lbnRzL0NoZWNrYm94L0NoZWNrYm94LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIHR5cGUgQ2hhbmdlRXZlbnQsXG4gIHR5cGUgRkMsXG4gIHR5cGUgRm9jdXNFdmVudCxcbiAgbWVtbyxcbiAgdHlwZSBQcm9wc1dpdGhDaGlsZHJlbixcbiAgdXNlRWZmZWN0LFxuICB1c2VSZWYsXG4gIHVzZVN0YXRlLFxufSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgQ2hlY2tib3hQcm9wcyB9IGZyb20gXCIuL0NoZWNrYm94LnR5cGVzXCI7XG5pbXBvcnQgeyBpc0Jvb2xlYW4sIGlzTnVsbCB9IGZyb20gXCJsb2Rhc2gtZXNcIjtcbmltcG9ydCB7IGNoZWNrYm94U3R5bGUgfSBmcm9tIFwiLi9DaGVja2JveC5zdHlsZXNcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcImhvb2tzL3VzZVRoZW1lXCI7XG5pbXBvcnQgeyBDaGVja091dGxpbmVkIH0gZnJvbSBcIkBpbmZvbWF4aW11bS9pY29uc1wiO1xuXG5leHBvcnQgY29uc3QgQ2hlY2tib3hDb21wb25lbnQ6IEZDPFByb3BzV2l0aENoaWxkcmVuPENoZWNrYm94UHJvcHM+PiA9IG1lbW8oXG4gICh7XG4gICAgY2hpbGRyZW4sXG4gICAgZGVmYXVsdENoZWNrZWQsXG4gICAgY2hlY2tlZCxcbiAgICBpbmRldGVybWluYXRlLFxuICAgIGRpc2FibGVkLFxuICAgIGNsYXNzTmFtZSxcbiAgICBzdHlsZXMsXG4gICAgb25DaGFuZ2UsXG4gICAgb25Gb2N1cyxcbiAgICBvbkJsdXIsXG4gICAgLi4ucmVzdFxuICB9KSA9PiB7XG4gICAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuXG4gICAgY29uc3QgW2lzSG92ZXIsIHNldElzSG92ZXJdID0gdXNlU3RhdGUoZmFsc2UpO1xuICAgIGNvbnN0IFtsb2NhbENoZWNrZWQsIHNldExvY2FsQ2hlY2tlZF0gPSB1c2VTdGF0ZShkZWZhdWx0Q2hlY2tlZCA/PyBmYWxzZSk7XG4gICAgY29uc3QgY2hlY2tib3hSZWYgPSB1c2VSZWY8SFRNTElucHV0RWxlbWVudCB8IG51bGw+KG51bGwpO1xuXG4gICAgY29uc3QgY3VycmVudENoZWNrZWQgPSBpbmRldGVybWluYXRlID8gZmFsc2UgOiAoY2hlY2tlZCA/PyBsb2NhbENoZWNrZWQpO1xuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgIGlmIChpc051bGwoY2hlY2tib3hSZWYuY3VycmVudCkpIHtcbiAgICAgICAgcmV0dXJuO1xuICAgICAgfVxuXG4gICAgICBjaGVja2JveFJlZi5jdXJyZW50LmluZGV0ZXJtaW5hdGUgPSAhIWluZGV0ZXJtaW5hdGU7XG4gICAgfSwgW2luZGV0ZXJtaW5hdGUsIGNoZWNrYm94UmVmLmN1cnJlbnRdKTtcblxuICAgIGNvbnN0IGNoYW5nZUhhbmRsZSA9IChlOiBDaGFuZ2VFdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4ge1xuICAgICAgb25DaGFuZ2U/LihlKTtcbiAgICAgIGNoZWNrYm94UmVmLmN1cnJlbnQ/LmZvY3VzKCk7XG5cbiAgICAgIGlmIChpc0Jvb2xlYW4oY2hlY2tlZCkpIHtcbiAgICAgICAgcmV0dXJuO1xuICAgICAgfVxuXG4gICAgICBzZXRMb2NhbENoZWNrZWQoKHByZXYpID0+ICFwcmV2KTtcbiAgICB9O1xuXG4gICAgY29uc3QgZm9jdXNIYW5kbGUgPSAoZTogRm9jdXNFdmVudCkgPT4ge1xuICAgICAgb25Gb2N1cz8uKGUpO1xuICAgIH07XG5cbiAgICBjb25zdCBibHVySGFuZGxlID0gKGU6IEZvY3VzRXZlbnQpID0+IHtcbiAgICAgIG9uQmx1cj8uKGUpO1xuICAgIH07XG5cbiAgICBjb25zdCBtb3VzZU92ZXJIYW5kbGUgPSAoKSA9PiB7XG4gICAgICBzZXRJc0hvdmVyKHRydWUpO1xuICAgIH07XG5cbiAgICBjb25zdCBtb3VzZU91dEhhbmRsZSA9ICgpID0+IHtcbiAgICAgIHNldElzSG92ZXIoZmFsc2UpO1xuICAgIH07XG5cbiAgICBjb25zdCBjaGVja2JveFN0eWxlcyA9IGNoZWNrYm94U3R5bGUoY3VycmVudENoZWNrZWQsICEhZGlzYWJsZWQsIGlzSG92ZXIpO1xuXG4gICAgY29uc3QgcmVuZGVySW5uZXIgPSAoKSA9PiB7XG4gICAgICBpZiAoaW5kZXRlcm1pbmF0ZSkge1xuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICBjc3M9e1tjaGVja2JveFN0eWxlcy5pbmRldGVybWluYXRlSW5uZXIodGhlbWUpLCBzdHlsZXM/LmluZGV0ZXJtaW5hdGVJbm5lcih0aGVtZSldfVxuICAgICAgICAgID48L3NwYW4+XG4gICAgICAgICk7XG4gICAgICB9XG5cbiAgICAgIGlmIChjdXJyZW50Q2hlY2tlZCkge1xuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgIDxDaGVja091dGxpbmVkIGNzcz17W2NoZWNrYm94U3R5bGVzLmNoZWNrZWRJbm5lcih0aGVtZSksIHN0eWxlcz8uY2hlY2tlZElubmVyKHRoZW1lKV19IC8+XG4gICAgICAgICk7XG4gICAgICB9XG5cbiAgICAgIHJldHVybiBudWxsO1xuICAgIH07XG5cbiAgICByZXR1cm4gKFxuICAgICAgPGxhYmVsXG4gICAgICAgIGNzcz17W2NoZWNrYm94U3R5bGVzLmxhYmVsKCksIHN0eWxlcz8ubGFiZWwodGhlbWUpXX1cbiAgICAgICAgb25Nb3VzZU92ZXI9e21vdXNlT3ZlckhhbmRsZX1cbiAgICAgICAgb25Nb3VzZU91dD17bW91c2VPdXRIYW5kbGV9XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgPlxuICAgICAgICA8c3BhbiBjc3M9e1tjaGVja2JveFN0eWxlcy5pbnB1dFdyYXBwZXIodGhlbWUpLCBzdHlsZXM/LmlucHV0V3JhcHBlcih0aGVtZSldfT5cbiAgICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAgICAgdHlwZT1cImNoZWNrYm94XCJcbiAgICAgICAgICAgIHJlZj17Y2hlY2tib3hSZWZ9XG4gICAgICAgICAgICBjaGVja2VkPXtjdXJyZW50Q2hlY2tlZH1cbiAgICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICAgIG9uQ2hhbmdlPXtjaGFuZ2VIYW5kbGV9XG4gICAgICAgICAgICBvbkZvY3VzPXtmb2N1c0hhbmRsZX1cbiAgICAgICAgICAgIG9uQmx1cj17Ymx1ckhhbmRsZX1cbiAgICAgICAgICAgIGNzcz17W2NoZWNrYm94U3R5bGVzLmlucHV0KCksIHN0eWxlcz8uaW5wdXQodGhlbWUpXX1cbiAgICAgICAgICAvPlxuXG4gICAgICAgICAge3JlbmRlcklubmVyKCl9XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICAge2NoaWxkcmVuICYmIChcbiAgICAgICAgICA8c3BhbiBjc3M9e1tjaGVja2JveFN0eWxlcy5sYWJlbFRleHQodGhlbWUpLCBzdHlsZXM/LmxhYmVsVGV4dCh0aGVtZSldfT57Y2hpbGRyZW59PC9zcGFuPlxuICAgICAgICApfVxuICAgICAgPC9sYWJlbD5cbiAgICApO1xuICB9XG4pO1xuIl19 */"] }),
+      renderInner()
+    ] }),
+    children && /* @__PURE__ */ jsx("span", { css: [checkboxStyles.labelText(theme), styles == null ? void 0 : styles.labelText(theme), process.env.NODE_ENV === "production" ? "" : ";label:CheckboxComponent;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvQ2hlY2tib3gvQ2hlY2tib3gudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9IZ0IiLCJmaWxlIjoiL2J1aWxkcy9mcm9udGVuZC9saWJzL3VpLWtpdC9zcmMvY29tcG9uZW50cy9DaGVja2JveC9DaGVja2JveC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICB0eXBlIENoYW5nZUV2ZW50LFxuICB0eXBlIEZDLFxuICB0eXBlIEZvY3VzRXZlbnQsXG4gIG1lbW8sXG4gIHR5cGUgUHJvcHNXaXRoQ2hpbGRyZW4sXG4gIHVzZUVmZmVjdCxcbiAgdXNlUmVmLFxuICB1c2VTdGF0ZSxcbn0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgdHlwZSB7IENoZWNrYm94UHJvcHMgfSBmcm9tIFwiLi9DaGVja2JveC50eXBlc1wiO1xuaW1wb3J0IHsgaXNCb29sZWFuLCBpc051bGwgfSBmcm9tIFwibG9kYXNoLWVzXCI7XG5pbXBvcnQgeyBjaGVja2JveFN0eWxlIH0gZnJvbSBcIi4vQ2hlY2tib3guc3R5bGVzXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCJob29rcy91c2VUaGVtZVwiO1xuaW1wb3J0IHsgQ2hlY2tPdXRsaW5lZCB9IGZyb20gXCJAaW5mb21heGltdW0vaWNvbnNcIjtcblxuZXhwb3J0IGNvbnN0IENoZWNrYm94Q29tcG9uZW50OiBGQzxQcm9wc1dpdGhDaGlsZHJlbjxDaGVja2JveFByb3BzPj4gPSBtZW1vKFxuICAoe1xuICAgIGNoaWxkcmVuLFxuICAgIGRlZmF1bHRDaGVja2VkLFxuICAgIGNoZWNrZWQsXG4gICAgaW5kZXRlcm1pbmF0ZSxcbiAgICBkaXNhYmxlZCxcbiAgICBjbGFzc05hbWUsXG4gICAgc3R5bGVzLFxuICAgIG9uQ2hhbmdlLFxuICAgIG9uRm9jdXMsXG4gICAgb25CbHVyLFxuICAgIC4uLnJlc3RcbiAgfSkgPT4ge1xuICAgIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICAgIGNvbnN0IFtpc0hvdmVyLCBzZXRJc0hvdmVyXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgICBjb25zdCBbbG9jYWxDaGVja2VkLCBzZXRMb2NhbENoZWNrZWRdID0gdXNlU3RhdGUoZGVmYXVsdENoZWNrZWQgPz8gZmFsc2UpO1xuICAgIGNvbnN0IGNoZWNrYm94UmVmID0gdXNlUmVmPEhUTUxJbnB1dEVsZW1lbnQgfCBudWxsPihudWxsKTtcblxuICAgIGNvbnN0IGN1cnJlbnRDaGVja2VkID0gaW5kZXRlcm1pbmF0ZSA/IGZhbHNlIDogKGNoZWNrZWQgPz8gbG9jYWxDaGVja2VkKTtcblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICBpZiAoaXNOdWxsKGNoZWNrYm94UmVmLmN1cnJlbnQpKSB7XG4gICAgICAgIHJldHVybjtcbiAgICAgIH1cblxuICAgICAgY2hlY2tib3hSZWYuY3VycmVudC5pbmRldGVybWluYXRlID0gISFpbmRldGVybWluYXRlO1xuICAgIH0sIFtpbmRldGVybWluYXRlLCBjaGVja2JveFJlZi5jdXJyZW50XSk7XG5cbiAgICBjb25zdCBjaGFuZ2VIYW5kbGUgPSAoZTogQ2hhbmdlRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHtcbiAgICAgIG9uQ2hhbmdlPy4oZSk7XG4gICAgICBjaGVja2JveFJlZi5jdXJyZW50Py5mb2N1cygpO1xuXG4gICAgICBpZiAoaXNCb29sZWFuKGNoZWNrZWQpKSB7XG4gICAgICAgIHJldHVybjtcbiAgICAgIH1cblxuICAgICAgc2V0TG9jYWxDaGVja2VkKChwcmV2KSA9PiAhcHJldik7XG4gICAgfTtcblxuICAgIGNvbnN0IGZvY3VzSGFuZGxlID0gKGU6IEZvY3VzRXZlbnQpID0+IHtcbiAgICAgIG9uRm9jdXM/LihlKTtcbiAgICB9O1xuXG4gICAgY29uc3QgYmx1ckhhbmRsZSA9IChlOiBGb2N1c0V2ZW50KSA9PiB7XG4gICAgICBvbkJsdXI/LihlKTtcbiAgICB9O1xuXG4gICAgY29uc3QgbW91c2VPdmVySGFuZGxlID0gKCkgPT4ge1xuICAgICAgc2V0SXNIb3Zlcih0cnVlKTtcbiAgICB9O1xuXG4gICAgY29uc3QgbW91c2VPdXRIYW5kbGUgPSAoKSA9PiB7XG4gICAgICBzZXRJc0hvdmVyKGZhbHNlKTtcbiAgICB9O1xuXG4gICAgY29uc3QgY2hlY2tib3hTdHlsZXMgPSBjaGVja2JveFN0eWxlKGN1cnJlbnRDaGVja2VkLCAhIWRpc2FibGVkLCBpc0hvdmVyKTtcblxuICAgIGNvbnN0IHJlbmRlcklubmVyID0gKCkgPT4ge1xuICAgICAgaWYgKGluZGV0ZXJtaW5hdGUpIHtcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgY3NzPXtbY2hlY2tib3hTdHlsZXMuaW5kZXRlcm1pbmF0ZUlubmVyKHRoZW1lKSwgc3R5bGVzPy5pbmRldGVybWluYXRlSW5uZXIodGhlbWUpXX1cbiAgICAgICAgICA+PC9zcGFuPlxuICAgICAgICApO1xuICAgICAgfVxuXG4gICAgICBpZiAoY3VycmVudENoZWNrZWQpIHtcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICA8Q2hlY2tPdXRsaW5lZCBjc3M9e1tjaGVja2JveFN0eWxlcy5jaGVja2VkSW5uZXIodGhlbWUpLCBzdHlsZXM/LmNoZWNrZWRJbm5lcih0aGVtZSldfSAvPlxuICAgICAgICApO1xuICAgICAgfVxuXG4gICAgICByZXR1cm4gbnVsbDtcbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxsYWJlbFxuICAgICAgICBjc3M9e1tjaGVja2JveFN0eWxlcy5sYWJlbCgpLCBzdHlsZXM/LmxhYmVsKHRoZW1lKV19XG4gICAgICAgIG9uTW91c2VPdmVyPXttb3VzZU92ZXJIYW5kbGV9XG4gICAgICAgIG9uTW91c2VPdXQ9e21vdXNlT3V0SGFuZGxlfVxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgID5cbiAgICAgICAgPHNwYW4gY3NzPXtbY2hlY2tib3hTdHlsZXMuaW5wdXRXcmFwcGVyKHRoZW1lKSwgc3R5bGVzPy5pbnB1dFdyYXBwZXIodGhlbWUpXX0+XG4gICAgICAgICAgPGlucHV0XG4gICAgICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgICAgIHR5cGU9XCJjaGVja2JveFwiXG4gICAgICAgICAgICByZWY9e2NoZWNrYm94UmVmfVxuICAgICAgICAgICAgY2hlY2tlZD17Y3VycmVudENoZWNrZWR9XG4gICAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgICBvbkNoYW5nZT17Y2hhbmdlSGFuZGxlfVxuICAgICAgICAgICAgb25Gb2N1cz17Zm9jdXNIYW5kbGV9XG4gICAgICAgICAgICBvbkJsdXI9e2JsdXJIYW5kbGV9XG4gICAgICAgICAgICBjc3M9e1tjaGVja2JveFN0eWxlcy5pbnB1dCgpLCBzdHlsZXM/LmlucHV0KHRoZW1lKV19XG4gICAgICAgICAgLz5cblxuICAgICAgICAgIHtyZW5kZXJJbm5lcigpfVxuICAgICAgICA8L3NwYW4+XG4gICAgICAgIHtjaGlsZHJlbiAmJiAoXG4gICAgICAgICAgPHNwYW4gY3NzPXtbY2hlY2tib3hTdHlsZXMubGFiZWxUZXh0KHRoZW1lKSwgc3R5bGVzPy5sYWJlbFRleHQodGhlbWUpXX0+e2NoaWxkcmVufTwvc3Bhbj5cbiAgICAgICAgKX1cbiAgICAgIDwvbGFiZWw+XG4gICAgKTtcbiAgfVxuKTtcbiJdfQ== */"], children })
+  ] });
+});
+export {
+  CheckboxComponent
+};

package/dist/components/Checkbox/Checkbox.styles.d.ts

@@ -0,0 +1,46 @@
+import { Theme } from 'themes';
+export declare const getCursor: (disabled: boolean) => "pointer" | "not-allowed";
+export declare const checkboxStyle: (checked: boolean, disabled: boolean, isHover: boolean) => {
+    label: () => {
+        display: string;
+        alignItems: string;
+        cursor: string;
+        width: string;
+    };
+    inputWrapper: (theme: Theme) => {
+        readonly display: "flex";
+        readonly justifyContent: "center";
+        readonly alignItems: "center";
+        readonly position: "relative";
+        readonly width: 16;
+        readonly height: 16;
+        readonly boxSizing: "border-box";
+        readonly border: string;
+        readonly borderRadius: 4;
+        readonly background: "#F0F0F0" | "#FAFAFA" | "#0CB3B3" | "#50CCC4";
+        readonly cursor: "pointer" | "not-allowed";
+    };
+    input: () => {
+        readonly position: "absolute";
+        readonly opacity: 0;
+        readonly cursor: "pointer" | "not-allowed";
+        readonly margin: 0;
+    };
+    indeterminateInner: (theme: Theme) => {
+        width: 8;
+        height: 8;
+        borderRadius: 2;
+        background: "#8C8C8C" | "#0CB3B3";
+    };
+    checkedInner: (theme: Theme) => {
+        fontSize: 12;
+        color: "#8C8C8C" | "#FFFFFF";
+    };
+    labelText: (theme: Theme) => {
+        color: "#262626" | "#8C8C8C";
+        fontFamily: "Roboto";
+        fontSize: 14;
+        lineHeight: "20px";
+        padding: string;
+    };
+};

package/dist/components/Checkbox/Checkbox.styles.js

@@ -0,0 +1,85 @@
+import { getCheckboxTokens } from "./Checkbox.tokens.js";
+const getBorder = (theme, disabled, checked, isHover) => {
+  const checkboxTokens = getCheckboxTokens(theme);
+  if (disabled) {
+    return `1px solid ${isHover ? checkboxTokens.checkboxBorder : checkboxTokens.checkboxBorder}`;
+  }
+  if (checked) {
+    return "1px solid transparent";
+  }
+  return `1px solid ${isHover ? checkboxTokens.checkboxBorderHover : checkboxTokens.checkboxBorder}`;
+};
+const getBackground = (theme, disabled, checked, isHover) => {
+  const checkboxTokens = getCheckboxTokens(theme);
+  if (disabled) {
+    return checkboxTokens.checkboxBgDisabled;
+  }
+  if (checked) {
+    if (isHover) {
+      return checkboxTokens.checkboxBgCheckedHover;
+    } else {
+      return checkboxTokens.checkboxBgChecked;
+    }
+  }
+  return checkboxTokens.checkboxBg;
+};
+const getCursor = (disabled) => {
+  return disabled ? "not-allowed" : "pointer";
+};
+const checkboxStyle = (checked, disabled, isHover) => {
+  return {
+    label: () => ({
+      display: "inline-flex",
+      alignItems: "center",
+      cursor: getCursor(disabled),
+      width: "fit-content"
+    }),
+    inputWrapper: (theme) => ({
+      display: "flex",
+      justifyContent: "center",
+      alignItems: "center",
+      position: "relative",
+      width: theme.controlInteractiveSize,
+      height: theme.controlInteractiveSize,
+      boxSizing: "border-box",
+      border: getBorder(theme, disabled, checked, isHover),
+      borderRadius: theme.borderRadiusM,
+      background: getBackground(theme, disabled, checked, isHover),
+      cursor: getCursor(disabled)
+    }),
+    input: () => ({
+      position: "absolute",
+      opacity: 0,
+      cursor: getCursor(disabled),
+      margin: 0
+    }),
+    indeterminateInner: (theme) => {
+      const checkboxTokens = getCheckboxTokens(theme);
+      return {
+        width: theme.x2,
+        height: theme.x2,
+        borderRadius: theme.x05,
+        background: disabled ? checkboxTokens.checkboxTextDisabled : checkboxTokens.checkboxIconIndeterminate
+      };
+    },
+    checkedInner: (theme) => {
+      const checkboxTokens = getCheckboxTokens(theme);
+      return {
+        fontSize: theme.x3,
+        color: disabled ? checkboxTokens.checkboxTextDisabled : checkboxTokens.checkboxIconChecked
+      };
+    },
+    labelText: (theme) => {
+      const checkboxTokens = getCheckboxTokens(theme);
+      return {
+        padding: `0 ${theme.paddingM}px`,
+        ...theme.typography.body2,
+        color: disabled ? checkboxTokens.checkboxTextDisabled : checkboxTokens.checkboxText
+      };
+    }
+  };
+};
+export {
+  checkboxStyle,
+  getCursor
+};

package/dist/components/Checkbox/Checkbox.tokens.d.ts

@@ -0,0 +1,13 @@
+import { Theme } from 'themes';
+export declare const getCheckboxTokens: (theme: Theme) => {
+    checkboxBg: "#FAFAFA";
+    checkboxBgChecked: "#0CB3B3";
+    checkboxBgCheckedHover: "#50CCC4";
+    checkboxBgDisabled: "#F0F0F0";
+    checkboxBorder: "#D9D9D9";
+    checkboxBorderHover: "#50CCC4";
+    checkboxIconChecked: "#FFFFFF";
+    checkboxIconIndeterminate: "#0CB3B3";
+    checkboxText: "#262626";
+    checkboxTextDisabled: "#8C8C8C";
+};

package/dist/components/Checkbox/Checkbox.tokens.js

@@ -0,0 +1,15 @@
+const getCheckboxTokens = (theme) => ({
+  checkboxBg: theme.bgComplimentary,
+  checkboxBgChecked: theme.primaryBase,
+  checkboxBgCheckedHover: theme.primaryHover,
+  checkboxBgDisabled: theme.bgContainerDisabled,
+  checkboxBorder: theme.lineBorder,
+  checkboxBorderHover: theme.primaryHover,
+  checkboxIconChecked: theme.textContrast,
+  checkboxIconIndeterminate: theme.primaryBase,
+  checkboxText: theme.textPrimary,
+  checkboxTextDisabled: theme.textDisabled
+});
+export {
+  getCheckboxTokens
+};