armtek-uikit-react 1.0.267 → 1.0.268

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

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("react/jsx-runtime");
+const clsx = require("clsx");
+const getLetters = (name) => {
+  let nameParts = name.split(" ");
+  return nameParts[0].split("")[0] + (nameParts[1] ? nameParts[1].split("")[0] : "");
+};
+const Avatar = (props) => {
+  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", { ...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/Avatar.d.ts

@@ -0,0 +1,15 @@
+import { ComponentPropsWithoutRef, HTMLAttributes } from 'react';
+import { ColorStatusType, SizeType } from '../../types/theme';
+export type AvatarProps = {
+    photo?: string;
+    name?: string;
+    href?: string;
+    linkProps?: HTMLAttributes<HTMLAnchorElement>;
+    icon?: string;
+    size?: Exclude<SizeType, 'extraLarge'>;
+    status?: Exclude<ColorStatusType, 'info'>;
+    variant?: 'square' | 'rounded' | 'roundedXl';
+} & ComponentPropsWithoutRef<'div'>;
+export declare const getLetters: (name: string) => string;
+declare const Avatar: (props: AvatarProps) => import("react/jsx-runtime").JSX.Element;
+export default Avatar;

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/Button.d.ts

@@ -0,0 +1,39 @@
+import { ComponentPropsWithoutRef, ElementType, ReactNode } from 'react';
+import { ColorBaseType, ColorThemeType, ColorType, SizeType, ThemeType, VariantType } from '../../types/theme';
+type BtnType = 'button';
+type OwnProps<T extends ElementType = BtnType> = {
+    size?: SizeType;
+    color?: ColorType | Exclude<ColorThemeType, 'white'> | Exclude<ColorBaseType, 'blue'>;
+    variant?: VariantType;
+    startAdornment?: string | ReactNode;
+    endAdornment?: string | ReactNode;
+    group?: 'inline' | 'column';
+    radius?: boolean;
+    asIcon?: boolean;
+    theme?: ThemeType;
+    fullWidth?: boolean;
+    disablestyles?: string;
+    disabled?: boolean;
+    as?: T;
+} & {
+    [dataAttibute: `data-${string}`]: string;
+};
+export type ButtonProps<T extends ElementType = BtnType> = OwnProps<T> & Omit<ComponentPropsWithoutRef<T>, keyof OwnProps<T>>;
+declare const _default: <T extends ElementType = "button">(props: {
+    size?: SizeType;
+    color?: ColorType | Exclude<ColorThemeType, "white"> | Exclude<ColorBaseType, "blue">;
+    variant?: VariantType;
+    startAdornment?: string | ReactNode;
+    endAdornment?: string | ReactNode;
+    group?: "inline" | "column";
+    radius?: boolean;
+    asIcon?: boolean;
+    theme?: ThemeType;
+    fullWidth?: boolean;
+    disablestyles?: string;
+    disabled?: boolean;
+    as?: T | undefined;
+} & {
+    [dataAttibute: `data-${string}`]: string;
+} & Omit<import("react").PropsWithoutRef<import("react").ComponentProps<T>>, "color" | "size" | "disabled" | "radius" | "as" | "group" | `data-${string}` | "variant" | "startAdornment" | "endAdornment" | "asIcon" | "theme" | "fullWidth" | "disablestyles"> & import("react").RefAttributes<any>) => JSX.Element;
+export default _default;

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,18 @@
+"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("react");
+require("react-dom");
+require("@popperjs/core");
+function ButtonIcon(props, ref) {
+  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_" + props.size], props.className, {
+    "arm-button-icon_square": props.radius === false,
+    "border-radius": props.radius === true
+  }), 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/ButtonIcon.d.ts

@@ -0,0 +1,25 @@
+import { ElementType } from 'react';
+import { IconProps } from '../../ui/Icon';
+export type ButtonIconProps<T extends ElementType = 'button'> = {
+    mi?: string;
+    mis?: string;
+    iconProps?: Partial<IconProps>;
+};
+declare const _default: <T extends ElementType = "button">(props: ButtonIconProps<T> & {
+    size?: import("../../types/theme").SizeType;
+    color?: import("../../types/theme").ColorType | Exclude<import("../../types/theme").ColorThemeType, "white"> | Exclude<import("../../types/theme").ColorBaseType, "blue">;
+    variant?: import("../../types/theme").VariantType;
+    startAdornment?: string | import("react").ReactNode;
+    endAdornment?: string | import("react").ReactNode;
+    group?: "inline" | "column";
+    radius?: boolean;
+    asIcon?: boolean;
+    theme?: import("../../types/theme").ThemeType;
+    fullWidth?: boolean;
+    disablestyles?: string;
+    disabled?: boolean;
+    as?: T | undefined;
+} & {
+    [dataAttibute: `data-${string}`]: string;
+} & Omit<import("react").PropsWithoutRef<import("react").ComponentProps<T>>, "color" | "size" | "disabled" | "radius" | "as" | "group" | `data-${string}` | "variant" | "startAdornment" | "endAdornment" | "asIcon" | "theme" | "fullWidth" | "disablestyles"> & import("react").RefAttributes<T>) => JSX.Element;
+export default _default;

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,8 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("react/jsx-runtime");
+const clsx = require("clsx");
+const Card = (props) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { "data-testid": "card", ...props, className: clsx("arm-card", props.className) }) });
+};
+exports.default = Card;

package/lib/cjs/ui/Card/Card.d.ts

@@ -0,0 +1,4 @@
+import { HTMLAttributes } from 'react';
+export type CardProps = HTMLAttributes<HTMLDivElement>;
+declare const Card: (props: CardProps) => import("react/jsx-runtime").JSX.Element;
+export 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,32 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("react/jsx-runtime");
+const clsx = require("clsx");
+function Chip(props) {
+  let {
+    size,
+    text,
+    icon,
+    onClose,
+    shape = "circle",
+    as,
+    variant = "contained",
+    color = "neutral",
+    className,
+    children,
+    disabled,
+    ...restProps
+  } = props;
+  let Component = as || "span";
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(Component, { "data-testid": "chip", ...restProps, 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("span", { "data-testid": "chip-close", className: clsx("material_icon_solid", {
+      "arm-chip__close_disabled": !!disabled
+    }, ["arm-chip__close_" + size], ["arm-chip__close_" + color], "arm-chip__close"), onClick: onClose, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mis", children: "cancel" }) })
+  ] }) }) });
+}
+exports.default = Chip;

package/lib/cjs/ui/Chip/Chip.d.ts

@@ -0,0 +1,16 @@
+import { ComponentPropsWithoutRef, ElementType, MouseEvent, HTMLAttributes } from 'react';
+import { ColorStatusType, ColorThemeType, ColorType, SizeType, VariantType, ShapeType } from '../../types/theme';
+type OwnProps<T extends ElementType = ElementType<HTMLAttributes<HTMLSpanElement>>> = Omit<ComponentPropsWithoutRef<T>, 'color'> & {
+    size?: Exclude<SizeType, 'large' | 'extraLarge'>;
+    color?: ColorType | ColorThemeType | ColorStatusType;
+    text?: string;
+    onClose?: (e: MouseEvent) => void;
+    icon?: string;
+    variant?: Exclude<VariantType, 'transparent'>;
+    shape?: ShapeType;
+    as?: T;
+    disabled?: boolean;
+};
+export type ChipProps<T extends ElementType = 'span'> = OwnProps<T> & Omit<ComponentPropsWithoutRef<T>, keyof OwnProps<T>>;
+declare function Chip<T extends ElementType = 'span'>(props: ChipProps<T>): import("react/jsx-runtime").JSX.Element;
+export 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')