armtek-uikit-react 1.0.267 → 1.0.269

package/lib/cjs/ui/Adornment/Adornment.cjs

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const clsx = require("clsx");
+const Adornment = React.forwardRef((props, ref) => {
+  let {
+    children,
+    position = "end",
+    className,
+    ...spanProps
+  } = props;
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { "data-testid": "adornment", ...spanProps, ref, className: clsx(className, "arm-adornment", {
+    "arm-adornment_start": position === "start",
+    "arm-adornment_end": position !== "start"
+  }), children }) });
+});
+const AdornmentContainer = (props) => {
+  let {
+    position = "start",
+    className,
+    children,
+    ...inputProps
+  } = props;
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { "data-testid": "adornment_container", ...inputProps, className: clsx("arm-adornment__container", {
+    "arm-adornment__container_end": position !== "start"
+  }, className), children }) });
+};
+exports.AdornmentContainer = AdornmentContainer;
+exports.default = Adornment;

package/lib/cjs/ui/Adornment/index.cjs

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const ui_Adornment_Adornment = require("./Adornment.cjs");
+exports.AdornmentContainer = ui_Adornment_Adornment.AdornmentContainer;
+exports.default = ui_Adornment_Adornment.default;

package/lib/cjs/ui/Adornment.cjs

@@ -0,0 +1,2 @@
+'use strict'
+module.exports = require('./Adornment/index.cjs')

package/lib/cjs/ui/Alert/Alert.cjs

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("react/jsx-runtime");
+const clsx = require("clsx");
+const ui_ButtonIcon_ButtonIcon = require("../ButtonIcon/ButtonIcon.cjs");
+const Alert = (props) => {
+  let {
+    title,
+    children,
+    color = "info",
+    onClose,
+    variant,
+    className,
+    icon = "info",
+    ...restProps
+  } = props;
+  if (icon === void 0) {
+    if (color === "error") icon = "bolt";
+    else if (color === "warning") icon = "warning";
+    else if (color === "success") icon = "task_alt";
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { ...restProps, "data-testid": "alert", className: clsx("arm-alert", {
+    ["arm-alert_" + color]: !!color,
+    ["arm-alert_" + variant]: !!variant,
+    "arm-alert_no_icon": icon === null
+  }, className), children: [
+    icon !== null && /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx("arm-alert__icon", "material_icon"), children: icon }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "arm-alert__title", children: props.title }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "arm-alert__body", children: props.children }),
+    !!onClose && /* @__PURE__ */ jsxRuntime.jsx(ui_ButtonIcon_ButtonIcon.default, { onClick: onClose, size: "small", color: "neutral", variant: "transparent", className: clsx("arm-alert__close", "material_icon"), children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "material_icon", children: "close" }) })
+  ] }) });
+};
+exports.default = Alert;

package/lib/cjs/ui/Alert/index.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const ui_Alert_Alert = require("./Alert.cjs");
+exports.default = ui_Alert_Alert.default;

package/lib/cjs/ui/Alert.cjs

@@ -0,0 +1,2 @@
+'use strict'
+module.exports = require('./Alert/index.cjs')

package/lib/cjs/ui/Avatar/Avatar.cjs

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const clsx = require("clsx");
+const getLetters = (name) => {
+  let nameParts = name.split(" ");
+  return nameParts[0].split("")[0] + (nameParts[1] ? nameParts[1].split("")[0] : "");
+};
+const Avatar = React.forwardRef((props, ref) => {
+  const {
+    variant = "roundedXl",
+    photo,
+    name,
+    href,
+    linkProps,
+    icon,
+    size,
+    status,
+    className,
+    ...divProps
+  } = props;
+  let displayIcon = icon;
+  if (!props.icon && !props.name && !photo) displayIcon = "person";
+  let content = photo ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: photo, className: "arm-avatar__img", alt: props.name, title: props.name }) : props.name ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "arm-avatar__name", children: getLetters(props.name) }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx("arm-avatar__icon", "material_icon_solid"), children: displayIcon });
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, ...divProps, className: clsx("arm-avatar", className, "arm-avatar_" + variant, {
+    ["arm-avatar__photo"]: !!photo,
+    ["arm-avatar__icon"]: !!displayIcon
+  }, ["arm-avatar_" + size]), "data-testid": "avatar", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "arm-avatar__inner", children: href ? /* @__PURE__ */ jsxRuntime.jsx("a", { href, ...linkProps, className: "arm-avatar__text", children: content }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "arm-avatar__text", children: content }) }),
+    status && /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx("arm-avatar__status", ["arm-avatar__status_" + status]) })
+  ] }) });
+});
+exports.default = Avatar;
+exports.getLetters = getLetters;

package/lib/cjs/ui/Avatar/index.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const ui_Avatar_Avatar = require("./Avatar.cjs");
+exports.default = ui_Avatar_Avatar.default;

package/lib/cjs/ui/Avatar.cjs

@@ -0,0 +1,2 @@
+'use strict'
+module.exports = require('./Avatar/index.cjs')

package/lib/cjs/ui/AvatarGroup/AvatarGroup.cjs

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const clsx = require("clsx");
+const AvatarGroup = (props) => {
+  let arrChildren = React.Children.toArray(props.children);
+  let visiblePart = arrChildren.slice(0, props.limit || 3);
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx("arm-avatar-group", ["arm-avatar-group_" + props.size]), "data-testid": "avatar_group", children: [
+    visiblePart.length < arrChildren.length && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx("arm-avatar-group__item", "arm-avatar-group__remains", ["arm-avatar-group__remains_" + props.size]), children: [
+      "+",
+      arrChildren.length - visiblePart.length
+    ] }),
+    visiblePart.map((item, index) => {
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "arm-avatar-group__item", children: React.isValidElement(item) && React.cloneElement(item, {
+        ...item.props,
+        size: props.size,
+        key: index
+      }) }, index);
+    })
+  ] }) });
+};
+exports.default = AvatarGroup;

package/lib/cjs/ui/AvatarGroup/index.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const ui_AvatarGroup_AvatarGroup = require("./AvatarGroup.cjs");
+exports.default = ui_AvatarGroup_AvatarGroup.default;

package/lib/cjs/ui/AvatarGroup.cjs

@@ -0,0 +1,2 @@
+'use strict'
+module.exports = require('./AvatarGroup/index.cjs')

package/lib/cjs/ui/BackDrop/BackDrop.cjs

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("react/jsx-runtime");
+const lib_helpers_genericForwardRef = require("../../lib/helpers/genericForwardRef.cjs");
+const React = require("react");
+const ReactDOM = require("react-dom");
+const ui_BackDrop_BackDropBase = require("./BackDropBase.cjs");
+const BackDrop = (props, ref) => {
+  const {
+    children,
+    ...backDropProps
+  } = props;
+  const childrenProp = React.isValidElement(children) ? children : /* @__PURE__ */ jsxRuntime.jsx("span", { children });
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: ReactDOM.createPortal(/* @__PURE__ */ jsxRuntime.jsx(ui_BackDrop_BackDropBase.BackDropBase, { ...backDropProps, ref, children: childrenProp }), document.body) });
+};
+const BackDrop$1 = lib_helpers_genericForwardRef.fixedForwardRef(BackDrop);
+exports.default = BackDrop$1;

package/lib/cjs/ui/BackDrop/BackDropBase.cjs

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const clsx = require("clsx");
+const lib_helpers_genericForwardRef = require("../../lib/helpers/genericForwardRef.cjs");
+const BackDropBase = lib_helpers_genericForwardRef.fixedForwardRef((props, ref) => {
+  const {
+    children,
+    width = 500,
+    className,
+    onClick
+  } = props;
+  const isAutoWidth = width === "auto";
+  const handleClick = (e) => {
+    e.stopPropagation();
+    if (onClick) onClick(e);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-testid": "backdrop", className: clsx("arm-backdrop", className), ref, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "arm-backdrop__overlay", "data-testid": "backdrop-overlay", onClick: handleClick }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx("arm-backdrop__inner", {
+      "arm-backdrop__inner_auto": isAutoWidth
+    }), style: !isAutoWidth ? {
+      maxWidth: width + "px"
+    } : void 0, children })
+  ] }) });
+});
+exports.BackDropBase = BackDropBase;

package/lib/cjs/ui/BackDrop/index.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const ui_BackDrop_BackDrop = require("./BackDrop.cjs");
+exports.default = ui_BackDrop_BackDrop.default;

package/lib/cjs/ui/BackDrop.cjs

@@ -0,0 +1,2 @@
+'use strict'
+module.exports = require('./BackDrop/index.cjs')

package/lib/cjs/ui/Badge/Badge.cjs

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("react/jsx-runtime");
+const clsx = require("clsx");
+function Badge(props) {
+  let {
+    color,
+    shape,
+    position,
+    className
+  } = props;
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: clsx("arm-badge", className), "data-testid": "badge", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx("arm-badge__content"), children: props.children }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx("arm-badge__item", ["arm-badge__item_" + color], ["arm-badge__item_" + shape], ["arm-badge__item_" + position], {
+      "arm-badge__item_content": props.badgeText !== void 0 && !shape,
+      "arm-badge__item_content_circle": !!props.badgeText !== void 0 && shape === "circle",
+      "arm-badge__item_content_square": !!props.badgeText !== void 0 && shape === "square"
+    }), children: props.badgeText })
+  ] }) });
+}
+exports.default = Badge;

package/lib/cjs/ui/Badge/index.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const ui_Badge_Badge = require("./Badge.cjs");
+exports.default = ui_Badge_Badge.default;

package/lib/cjs/ui/Badge.cjs

@@ -0,0 +1,2 @@
+'use strict'
+module.exports = require('./Badge/index.cjs')

package/lib/cjs/ui/Button/Button.cjs

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("react/jsx-runtime");
+const clsx = require("clsx");
+const lib_helpers_genericForwardRef = require("../../lib/helpers/genericForwardRef.cjs");
+const Button = (props, ref) => {
+  let {
+    size = "extraLarge",
+    color = "primary",
+    variant = "contained",
+    endAdornment,
+    startAdornment,
+    children,
+    className,
+    group,
+    radius,
+    asIcon,
+    theme,
+    fullWidth,
+    disablestyles,
+    as,
+    ...restProps
+  } = props;
+  let Component = as || "button";
+  const classNames = clsx("arm-button", "arm-button_" + size, "arm-button_" + variant, "arm-button_" + color, className, {
+    ["arm-button_grouped_" + group]: group,
+    "arm-button_radius_none": radius === false,
+    "arm-button_radius_full": radius === true,
+    "arm-button_disabled": !!restProps.disabled,
+    "arm-button_fullWidth": !!fullWidth,
+    ["arm-button_theme_" + theme]: !!theme
+  });
+  const polymorphProps = !!as && typeof as !== "string" ? {
+    disablestyles: "true"
+  } : {};
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs(Component, { "data-testid": "button", ref, type: "button", ...restProps, ...polymorphProps, className: !disablestyles ? classNames : className, children: [
+    startAdornment && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx("arm-button__adornment", "arm-button__adornment_start"), children: startAdornment }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx({
+      "arm-button__iconWrapper": !!asIcon
+    }), children }),
+    endAdornment && /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx("arm-button__adornment", "arm-button__adornment_end"), children: endAdornment })
+  ] }) });
+};
+const Button$1 = lib_helpers_genericForwardRef.fixedForwardRef(Button);
+exports.default = Button$1;

package/lib/cjs/ui/Button/index.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const ui_Button_Button = require("./Button.cjs");
+exports.default = ui_Button_Button.default;

package/lib/cjs/ui/Button.cjs

@@ -0,0 +1,2 @@
+'use strict'
+module.exports = require('./Button/index.cjs')

package/lib/cjs/ui/ButtonGroup/ButtonGroup.cjs

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const clsx = require("clsx");
+const ButtonGroup = (props) => {
+  let {
+    orientation = "inline",
+    className,
+    children,
+    ...buttonProps
+  } = props;
+  let arrChildren = React.Children.toArray(children);
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx("arm-button-group", ["arm-button-group_" + orientation], className), "data-testid": "button_group", children: arrChildren.map((item, index) => {
+    return React.isValidElement(item) && React.cloneElement(item, {
+      ...item.props,
+      ...buttonProps,
+      group: orientation,
+      key: index
+    });
+  }) }) });
+};
+exports.default = ButtonGroup;

package/lib/cjs/ui/ButtonGroup/index.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const ui_ButtonGroup_ButtonGroup = require("./ButtonGroup.cjs");
+exports.default = ui_ButtonGroup_ButtonGroup.default;

package/lib/cjs/ui/ButtonGroup.cjs

@@ -0,0 +1,2 @@
+'use strict'
+module.exports = require('./ButtonGroup/index.cjs')

package/lib/cjs/ui/ButtonIcon/ButtonIcon.cjs

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("react/jsx-runtime");
+const ui_Button_Button = require("../Button/Button.cjs");
+const clsx = require("clsx");
+const lib_helpers_genericForwardRef = require("../../lib/helpers/genericForwardRef.cjs");
+const ui_Icon_Icon = require("../Icon/Icon.cjs");
+require("../Icon/Mi.cjs");
+require("../Icon/Mis.cjs");
+function ButtonIcon(props, ref) {
+  const hasPresetIcon = !!(props.mi || props.mis);
+  const buttonSize = props.size || "extraLarge";
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(ui_Button_Button.default, { color: "neutral", variant: "transparent", ...props, ref, asIcon: true, className: clsx("arm-button-icon", ["arm-button-icon_" + buttonSize], props.className, {
+    "arm-button-icon_square": props.radius === false,
+    "border-radius": props.radius === true,
+    "arm-button-icon_with-icon": hasPresetIcon
+  }), children: props.mi || props.mis ? /* @__PURE__ */ jsxRuntime.jsx(ui_Icon_Icon.default, { icon: props.mi || props.mis, variant: props.mis ? "contained" : "outlined", ...props.iconProps }) : props.children }) });
+}
+const ButtonIcon$1 = lib_helpers_genericForwardRef.fixedForwardRef(ButtonIcon);
+exports.default = ButtonIcon$1;

package/lib/cjs/ui/ButtonIcon/index.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const ui_ButtonIcon_ButtonIcon = require("./ButtonIcon.cjs");
+exports.default = ui_ButtonIcon_ButtonIcon.default;

package/lib/cjs/ui/ButtonIcon.cjs

@@ -0,0 +1,2 @@
+'use strict'
+module.exports = require('./ButtonIcon/index.cjs')

package/lib/cjs/ui/Card/Card.cjs

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const clsx = require("clsx");
+const Card = React.forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref, "data-testid": "card", ...props, className: clsx("arm-card", props.className) }) });
+});
+exports.default = Card;

package/lib/cjs/ui/Card/index.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const ui_Card_Card = require("./Card.cjs");
+exports.default = ui_Card_Card.default;

package/lib/cjs/ui/Card.cjs

@@ -0,0 +1,2 @@
+'use strict'
+module.exports = require('./Card/index.cjs')

package/lib/cjs/ui/Chip/Chip.cjs

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const clsx = require("clsx");
+const Chip = React.forwardRef((props, ref) => {
+  let {
+    size,
+    text,
+    icon,
+    onClose,
+    closeAriaLabel,
+    shape = "circle",
+    as,
+    variant = "contained",
+    color = "neutral",
+    className,
+    children,
+    disabled,
+    ...restProps
+  } = props;
+  let Component = as || "span";
+  let isComponentButton = Component === "button";
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(Component, { ref, "data-testid": "chip", ...restProps, ...isComponentButton ? {
+    disabled
+  } : {}, "aria-disabled": disabled ? true : void 0, tabIndex: disabled && !isComponentButton ? -1 : restProps.tabIndex, className: clsx("arm-chip", className, {
+    "arm-chip_disabled": !!disabled,
+    ["arm-chip_" + size]: !!size
+  }, ["arm-chip_" + variant], ["arm-chip_" + color], ["arm-chip_" + shape]), children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "arm-chip__inner", children: [
+    icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx("material_icon", "arm-chip__icon", ["arm-chip__icon_" + size]), children: icon }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "arm-chip__text", children: text || children }),
+    onClose && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", "data-testid": "chip-close", "aria-label": closeAriaLabel, disabled: !!disabled, className: clsx("material_icon_solid", {
+      "arm-chip__close_disabled": !!disabled
+    }, ["arm-chip__close_" + size], ["arm-chip__close_" + color], "arm-chip__close"), onClick: (e) => {
+      if (disabled) return;
+      onClose(e);
+    }, onKeyDown: (e) => {
+      if (disabled) return;
+      if (e.key === "Enter" || e.key === " ") onClose(e);
+    }, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mis", "aria-hidden": true, children: "cancel" }) })
+  ] }) }) });
+});
+exports.default = Chip;

package/lib/cjs/ui/Chip/index.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const ui_Chip_Chip = require("./Chip.cjs");
+exports.default = ui_Chip_Chip.default;

package/lib/cjs/ui/Chip.cjs

@@ -0,0 +1,2 @@
+'use strict'
+module.exports = require('./Chip/index.cjs')

package/lib/cjs/ui/Dropdown/Dropdown.cjs

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const clsx = require("clsx");
+const reactTransitionGroup = require("react-transition-group");
+function Dropdown(props) {
+  var _a;
+  const {
+    children,
+    className,
+    expanded,
+    transitionProps,
+    ...divProps
+  } = props;
+  const nodeRef = React.useRef(null);
+  const contentHeight = (_a = nodeRef.current) == null ? void 0 : _a.scrollHeight;
+  const duration = 500;
+  React.useEffect(() => {
+    if (nodeRef.current && contentHeight) nodeRef.current.style.setProperty("--content-height", String(contentHeight) + "px");
+  }, [contentHeight]);
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { "data-testid": "dropdown", ...divProps, className: clsx("arm-dropdown", className), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx({
+    // [css.Dropdown__ContentWrapper_hidden]: !expanded
+  }), children: /* @__PURE__ */ jsxRuntime.jsx(reactTransitionGroup.CSSTransition, { classNames: {
+    "enter": "arm-dropdown__ContentWrapperEnter",
+    "enterActive": "arm-dropdown__ContentWrapperEnterActive",
+    "exit": "arm-dropdown__ContentWrapperExit",
+    "exitActive": "arm-dropdown__ContentWrapperExitActive",
+    exitDone: "arm-dropdown__ContentWrapperExitDone",
+    enterDone: "arm-dropdown__ContentWrapperEnterDone"
+  }, in: expanded, timeout: duration, nodeRef, mountOnEnter: true, unmountOnExit: true, ...transitionProps, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref: nodeRef, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "arm-dropdown__Content", "data-testid": "dropdown-content", children }) }) }) }) }) });
+}
+exports.default = Dropdown;

package/lib/cjs/ui/Dropdown/index.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const ui_Dropdown_Dropdown = require("./Dropdown.cjs");
+exports.default = ui_Dropdown_Dropdown.default;

package/lib/cjs/ui/Dropdown.cjs

@@ -0,0 +1,2 @@
+'use strict'
+module.exports = require('./Dropdown/index.cjs')

package/lib/cjs/ui/Form/Checkbox/Checkbox.cjs

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const clsx = require("clsx");
+const ui_Form_Checkbox_const = require("./const.cjs");
+const Checkbox = (props) => {
+  let {
+    label,
+    intermediate,
+    color = "primary",
+    size = "large",
+    variant = "outlined",
+    onChange,
+    className,
+    error,
+    ...inputProps
+  } = props;
+  const [checked, setChecked] = React.useState(!!props.defaultChecked);
+  const labelRef = React.useRef(null);
+  const handleChange = (e) => {
+    if (inputProps.checked === void 0) setChecked((prev) => !prev);
+    if (onChange) onChange(e);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx("arm-checkbox", className, {
+    "arm-checkbox_text": !React.isValidElement(label)
+  }), "data-testid": "checkbox", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("label", { ref: labelRef, "data-testid": "checkbox_label", className: clsx(ui_Form_Checkbox_const.CHECKBOX_LABEL_CLASSNAME, ["arm-checkbox_" + size], ["arm-checkbox_" + variant], ["arm-checkbox_" + color], {
+      "arm-checkbox__label_checked": inputProps.checked !== void 0 ? inputProps.checked : checked,
+      "arm-checkbox__label_intermediate": !!intermediate,
+      "arm-checkbox__label_disabled": !!inputProps.disabled,
+      "arm-checkbox_error": !!error,
+      "arm-radio__label": props.type === "radio"
+    }), children: /* @__PURE__ */ jsxRuntime.jsx("input", { ...inputProps, className: clsx("arm-checkbox__input", {
+      "arm-checkbox__input_checked": !!inputProps.checked
+    }), onChange: handleChange, "data-testid": "checkbox_input", type: props.type || "checkbox" }) }),
+    label && /* @__PURE__ */ jsxRuntime.jsx("span", { onClick: () => {
+      var _a;
+      return (_a = labelRef.current) == null ? void 0 : _a.click();
+    }, className: clsx("arm-checkbox__text", {
+      "arm-checkbox__text_raw": !React.isValidElement(label),
+      "arm-checkbox__text_error": !!error,
+      ["arm-checkbox_text_size_" + size]: size
+    }), children: label })
+  ] }) });
+};
+exports.default = Checkbox;

package/lib/cjs/ui/Form/Checkbox/const.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const CHECKBOX_LABEL_CLASSNAME = "arm-checkbox__label";
+exports.CHECKBOX_LABEL_CLASSNAME = CHECKBOX_LABEL_CLASSNAME;

package/lib/cjs/ui/Form/Checkbox/index.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const ui_Form_Checkbox_Checkbox = require("./Checkbox.cjs");
+exports.default = ui_Form_Checkbox_Checkbox.default;

package/lib/cjs/ui/Form/Checkbox.cjs

@@ -0,0 +1,2 @@
+'use strict'
+module.exports = require('./Checkbox/index.cjs')