armtek-uikit-react 1.0.267 → 1.0.268

package/lib/cjs/ui/Form/TextArea/TextArea.d.ts

@@ -0,0 +1,22 @@
+import { TextFieldProps } from '../TextField/TextField';
+export type TextAreaProps = {} & TextFieldProps;
+declare const TextArea: import("react").ForwardRefExoticComponent<{
+    label?: string;
+    size?: Exclude<import("../../../types/theme").SizeType, "extraLarge" | "medium">;
+    variant?: import("../../../types/theme").VariantType;
+    error?: boolean;
+    errorTooltip?: string;
+    success?: boolean;
+    helperText?: string | import("react").ReactNode;
+    endAdornment?: string | import("react").ReactNode;
+    multiline?: boolean;
+    focused?: boolean;
+    editable?: boolean;
+    classes?: Partial<{
+        input: string;
+        root: string;
+        wrapper: string;
+    }>;
+    WrapperProps?: import("react").ComponentPropsWithoutRef<"div">;
+} & Omit<import("react").InputHTMLAttributes<any>, "size"> & import("react").RefAttributes<HTMLTextAreaElement>>;
+export default TextArea;

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

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

package/lib/cjs/ui/Form/TextArea.cjs

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

package/lib/cjs/ui/Form/TextField/TextField.cjs

@@ -0,0 +1,120 @@
+"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_HelperText_HelperText = require("../../HelperText/HelperText.cjs");
+const ui_Adornment_Adornment = require("../../Adornment/Adornment.cjs");
+require("../../Icon/Icon.cjs");
+const ui_Icon_Mi = require("../../Icon/Mi.cjs");
+const ui_Tooltip_Tooltip = require("../../Tooltip/Tooltip.cjs");
+const TextField = React.forwardRef((props, ref) => {
+  var _a;
+  let {
+    error,
+    errorTooltip,
+    success,
+    label,
+    helperText,
+    size = "large",
+    variant = "solid",
+    endAdornment,
+    className,
+    classes,
+    multiline = false,
+    editable = true,
+    WrapperProps,
+    ...inputProps
+  } = props;
+  let [focused, setFocused] = React.useState(!!props.defaultValue);
+  const inputRef = React.useRef(null);
+  const currentScrollHeight = (_a = inputRef.current) == null ? void 0 : _a.scrollHeight;
+  React.useImperativeHandle(ref, () => {
+    return inputRef.current;
+  }, [currentScrollHeight]);
+  const handleFocus = (e) => {
+    setFocused(true);
+    if (inputProps.onFocus) inputProps.onFocus(e);
+  };
+  const handleBlur = (e) => {
+    setFocused(false);
+    if (inputProps.onBlur) inputProps.onBlur(e);
+  };
+  let endContent = /* @__PURE__ */ jsxRuntime.jsxs(ui_Adornment_Adornment.AdornmentContainer, { className: "arm-textfield__adornment", children: [
+    endAdornment,
+    error && /* @__PURE__ */ jsxRuntime.jsx(ui_Tooltip_Tooltip.default, { text: errorTooltip, disabled: !errorTooltip, placement: "top", children: /* @__PURE__ */ jsxRuntime.jsx(ui_Adornment_Adornment.default, { className: "text-error", children: /* @__PURE__ */ jsxRuntime.jsx(ui_Icon_Mi.Mi, { icon: "error_outline" }) }) }),
+    success && !error && /* @__PURE__ */ jsxRuntime.jsx(ui_Adornment_Adornment.default, { className: "text-success", children: /* @__PURE__ */ jsxRuntime.jsx(ui_Icon_Mi.Mi, { icon: "done" }) })
+  ] });
+  let endContentExists = endAdornment || error || success;
+  let Component = multiline ? "textarea" : "input";
+  let realFocused = props.focused !== void 0 ? props.focused : focused;
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(TextFieldContainer, { "data-testid": "textfield", size, variant, disabled: inputProps.disabled, focused: realFocused, onClick: () => {
+      var _a2;
+      return editable ? (_a2 = inputRef.current) == null ? void 0 : _a2.focus() : null;
+    }, error, success, className: classes == null ? void 0 : classes.root, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(TextFieldInput, { WrapperProps, wrapperClass: classes == null ? void 0 : classes.wrapper, className: classes == null ? void 0 : classes.input, Component, ref: inputRef, size, variant, label, focused: realFocused, error, multiline, ...inputProps, onFocus: handleFocus, onBlur: handleBlur }),
+      endContentExists && endContent
+    ] }),
+    helperText && /* @__PURE__ */ jsxRuntime.jsx(ui_HelperText_HelperText.default, { className: "arm-textfield__helperText", error, success, children: helperText })
+  ] }) });
+});
+const TextFieldContainer = (props) => {
+  let {
+    focused,
+    disabled,
+    variant,
+    size,
+    className,
+    children,
+    error,
+    success,
+    ...restProps
+  } = props;
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { ...restProps, className: clsx("TextFieldContrainer", "arm-textfield_root", ["arm-textfield_root_" + variant], ["arm-textfield_root_size_" + size], {
+    "arm-textfield_root_focused": focused,
+    "arm-textfield_root_disabled": disabled,
+    "arm-textfield_root_error": error,
+    "arm-textfield_root_success": !!success && !error
+  }, className), children }) });
+};
+const TextFieldInput = React.forwardRef((props, ref) => {
+  var _a, _b;
+  let {
+    Component = "input",
+    size,
+    variant,
+    multiline,
+    error,
+    focused,
+    label,
+    wrapperClass,
+    WrapperProps,
+    className,
+    ...inputProps
+  } = props;
+  const handleWheel = (e) => {
+    if (inputProps.type === "number" && e.target instanceof HTMLElement) e.target.blur();
+    else if (props.onWheel) props.onWheel(e);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { ...WrapperProps, className: clsx("arm-textfield__wrapper", ["arm-textfield__wrapper_size_" + size], wrapperClass, {
+    "arm-textfield__wrapper_label": !!label,
+    "arm-textfield__wrapper_outlined": variant === "outlined"
+  }), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Component, { ref, "data-testid": "textfield_input", ...inputProps, onWheel: handleWheel, className: clsx("arm-textfield__input", ["arm-textfield__input_size_" + size], ["arm-textfield__input_" + variant], {
+      "arm-textfield__input_label": !!label,
+      "arm-textfield_focused": focused,
+      "arm-textfield_error": !!error,
+      "arm-textarea": multiline
+    }, className) }),
+    label && /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx("arm-textfield__label", {
+      "arm-textfield__label_focused": focused || !!props.value || typeof ((_a = ref.current) == null ? void 0 : _a.value) === "string" && !!((_b = ref.current) == null ? void 0 : _b.value),
+      "arm-textfield__label_small": size === "small",
+      "arm-textfield__label_error": error
+    }), children: label })
+  ] }) });
+});
+exports.TextField = TextField;
+exports.TextFieldContainer = TextFieldContainer;
+exports.TextFieldInput = TextFieldInput;
+exports.default = TextField;

package/lib/cjs/ui/Form/TextField/TextField.d.ts

@@ -0,0 +1,54 @@
+import { ComponentPropsWithoutRef, ElementType, HTMLAttributes, InputHTMLAttributes, ReactNode } from 'react';
+import { SizeType, VariantType } from '../../../types/theme';
+type Classes = Record<'root' | 'wrapper' | 'input', string>;
+export type TextFieldProps = {
+    label?: string;
+    size?: Exclude<SizeType, 'extraLarge' | 'medium'>;
+    variant?: VariantType;
+    error?: boolean;
+    errorTooltip?: string;
+    success?: boolean;
+    helperText?: string | ReactNode;
+    endAdornment?: string | ReactNode;
+    multiline?: boolean;
+    focused?: boolean;
+    editable?: boolean;
+    classes?: Partial<Classes>;
+    WrapperProps?: ComponentPropsWithoutRef<'div'>;
+} & Omit<InputHTMLAttributes<any>, 'size'>;
+export declare const TextField: import("react").ForwardRefExoticComponent<{
+    label?: string;
+    size?: Exclude<SizeType, "extraLarge" | "medium">;
+    variant?: VariantType;
+    error?: boolean;
+    errorTooltip?: string;
+    success?: boolean;
+    helperText?: string | ReactNode;
+    endAdornment?: string | ReactNode;
+    multiline?: boolean;
+    focused?: boolean;
+    editable?: boolean;
+    classes?: Partial<Classes>;
+    WrapperProps?: ComponentPropsWithoutRef<"div">;
+} & Omit<InputHTMLAttributes<any>, "size"> & import("react").RefAttributes<HTMLElement>>;
+type ContainerPropsType = {
+    focused?: boolean;
+    disabled?: boolean;
+    error?: boolean;
+    success?: boolean;
+    size?: TextFieldProps['size'];
+    variant?: TextFieldProps['variant'];
+} & HTMLAttributes<HTMLDivElement>;
+export declare const TextFieldContainer: (props: ContainerPropsType) => import("react/jsx-runtime").JSX.Element;
+export declare const TextFieldInput: import("react").ForwardRefExoticComponent<{
+    Component?: ElementType;
+    focused?: boolean;
+    size?: TextFieldProps["size"];
+    variant?: TextFieldProps["variant"];
+    multiline?: boolean;
+    error?: boolean;
+    label?: string;
+    wrapperClass?: string;
+    WrapperProps?: ComponentPropsWithoutRef<"div">;
+} & Omit<InputHTMLAttributes<any>, "size"> & import("react").RefAttributes<unknown>>;
+export default TextField;

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

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

package/lib/cjs/ui/Form/TextField.cjs

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

package/lib/cjs/ui/Form/TimeField/TimeField.cjs

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("react/jsx-runtime");
+const ui_Form_DateField_DateField = require("../DateField/DateField.cjs");
+const React = require("react");
+const TimeField = React.forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(ui_Form_DateField_DateField.DateField, { ...props, showTime: true, ref, showTimeOnly: true }) });
+});
+exports.default = TimeField;

package/lib/cjs/ui/Form/TimeField/TimeField.d.ts

@@ -0,0 +1,28 @@
+declare const TimeField: import("react").ForwardRefExoticComponent<{
+    onClick?: (e: import("react").MouseEvent) => void;
+    onInput?: (e: import("react").ChangeEvent<HTMLInputElement>) => void;
+    onChange?: (e: import("../DateField").DateFieldChangeEvent) => void;
+    value?: Date | string | null;
+    showTime?: boolean;
+    showTimeOnly?: boolean;
+    inputProps?: Omit<import("../TextField").TextFieldProps, "onChange" | "value"> & import("../../../types/theme").DataAttributes;
+    showMonthYearPicker?: boolean;
+    showYearPicker?: boolean;
+} & {
+    label?: string | undefined;
+    className?: string | undefined | undefined;
+    placeholder?: string | undefined | undefined;
+    error?: boolean | undefined;
+    helperText?: import("react").ReactNode;
+} & Omit<import("react-datepicker").DatePickerProps, keyof {
+    onClick?: (e: import("react").MouseEvent) => void;
+    onInput?: (e: import("react").ChangeEvent<HTMLInputElement>) => void;
+    onChange?: (e: import("../DateField").DateFieldChangeEvent) => void;
+    value?: Date | string | null;
+    showTime?: boolean;
+    showTimeOnly?: boolean;
+    inputProps?: Omit<import("../TextField").TextFieldProps, "onChange" | "value"> & import("../../../types/theme").DataAttributes;
+    showMonthYearPicker?: boolean;
+    showYearPicker?: boolean;
+}> & import("react").RefAttributes<HTMLInputElement>>;
+export default TimeField;

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

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

package/lib/cjs/ui/Form/TimeField.cjs

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

package/lib/cjs/ui/Form/TimePicker/TimePicker.cjs

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("react/jsx-runtime");
+const ui_Form_DatePicker_DatePicker = require("../DatePicker/DatePicker.cjs");
+const React = require("react");
+const TimePicker = () => {
+  const [startDate, setStartDate] = React.useState(/* @__PURE__ */ new Date());
+  const handleChange = (date) => {
+    setStartDate(date);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(ui_Form_DatePicker_DatePicker.default, { selected: startDate, onChange: handleChange, timeIntervals: 5, showTimeSelect: true, showTimeSelectOnly: true, timeCaption: "" }) });
+};
+exports.default = TimePicker;

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

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

package/lib/cjs/ui/Form/TimePicker.cjs

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

package/lib/cjs/ui/HelperText/HelperText.cjs

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("react/jsx-runtime");
+const clsx = require("clsx");
+const HelperText = (props) => {
+  let {
+    className,
+    error,
+    success,
+    children,
+    ...restProps
+  } = props;
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx("span", { ...restProps, "data-testid": "helper_text", className: clsx("arm-helper-text", {
+    "arm-helper-text_error": !!error,
+    "arm-helper-text_success": !!success && !error
+  }, className), children }) });
+};
+exports.default = HelperText;

package/lib/cjs/ui/HelperText/index.cjs

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

package/lib/cjs/ui/HelperText.cjs

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

package/lib/cjs/ui/Icon/Icon.cjs

@@ -0,0 +1,29 @@
+"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 Icon = React.forwardRef((props, ref) => {
+  let {
+    children,
+    className,
+    size,
+    icon,
+    theme,
+    variant = "outlined",
+    color,
+    fs,
+    ...spanProps
+  } = props;
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx("span", { ref, "data-testid": "icon", ...spanProps, className: clsx(className, "arm-icon", {
+    ["arm-icon_size_" + size]: size,
+    ["arm-icon_theme_" + theme]: theme,
+    ["arm-icon_color_" + color]: color,
+    "mi": variant === "outlined",
+    "mis": variant === "contained"
+  }), style: fs ? {
+    ...spanProps.style,
+    fontSize: fs + "px"
+  } : spanProps.style, children: icon || children }) });
+});
+exports.default = Icon;

package/lib/cjs/ui/Icon/Mi.cjs

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const ui_Icon_Icon = require("./Icon.cjs");
+const ui_Tooltip_Tooltip = require("../Tooltip/Tooltip.cjs");
+const Mi = (props) => {
+  const {
+    tooltipProps,
+    title,
+    ...iconProps
+  } = props;
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: title ? /* @__PURE__ */ jsxRuntime.jsx(ui_Tooltip_Tooltip.default, { ...tooltipProps, text: title, children: /* @__PURE__ */ jsxRuntime.jsx(ui_Icon_Icon.default, { variant: "outlined", ...iconProps }) }) : /* @__PURE__ */ jsxRuntime.jsx(ui_Icon_Icon.default, { variant: "outlined", ...iconProps }) });
+};
+exports.Mi = Mi;

package/lib/cjs/ui/Icon/Mi.d.ts

@@ -0,0 +1,6 @@
+import { IconProps } from './Icon';
+import { TooltipProps } from '../../ui/Tooltip';
+export type MiProps = {
+    tooltipProps?: Omit<TooltipProps, 'text' | 'children'>;
+} & IconProps;
+export declare const Mi: (props: MiProps) => import("react/jsx-runtime").JSX.Element;

package/lib/cjs/ui/Icon/Mis.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const ui_Icon_Mi = require("./Mi.cjs");
+const Mis = (props) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(ui_Icon_Mi.Mi, { ...props, variant: "contained" }) });
+};
+exports.Mis = Mis;

package/lib/cjs/ui/Icon/Mis.d.ts

@@ -0,0 +1,2 @@
+import { MiProps } from './Mi';
+export declare const Mis: (props: Omit<MiProps, "variant">) => import("react/jsx-runtime").JSX.Element;

package/lib/cjs/ui/Icon/index.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const ui_Icon_Icon = require("./Icon.cjs");
+const ui_Icon_Mi = require("./Mi.cjs");
+const ui_Icon_Mis = require("./Mis.cjs");
+exports.default = ui_Icon_Icon.default;
+exports.Mi = ui_Icon_Mi.Mi;
+exports.Mis = ui_Icon_Mis.Mis;

package/lib/cjs/ui/Icon.cjs

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

package/lib/cjs/ui/Link/Link.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");
+const Link = (props) => {
+  let {
+    border,
+    children,
+    disabled,
+    className,
+    theme,
+    size,
+    color = "primary",
+    as,
+    disablestyles,
+    ...restProps
+  } = props;
+  let Component = as || "a";
+  const classNames = clsx("arm-link", {
+    "arm-link_border": !!border,
+    ["arm-link_border_" + border]: !!border,
+    "arm-link_disabled": !!disabled,
+    "arm-link_dark": theme === "dark",
+    ["arm-link_size_" + size]: !!size,
+    ["arm-link_color_" + color]: !!color
+  }, className);
+  const polymorphProps = !!as && typeof as !== "string" ? {
+    disablestyles: "true"
+  } : {};
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(Component, { "data-testid": "link", ...restProps, ...polymorphProps, className: !disablestyles ? classNames : className, children }) });
+};
+exports.default = Link;

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

@@ -0,0 +1,15 @@
+import { ComponentPropsWithoutRef, ElementType } from 'react';
+import { ColorStatusType, ColorType, SizeType, ThemeType } from '../../types/theme';
+type LinkType = 'a';
+type OwnProps<T extends ElementType = LinkType> = {
+    border?: 'solid' | 'dotted' | 'dashed';
+    color?: ColorType | ColorStatusType;
+    as?: T;
+    disabled?: boolean;
+    theme?: ThemeType;
+    size?: SizeType;
+    disablestyles?: string;
+};
+export type LinkProps<T extends ElementType = LinkType> = OwnProps<T> & Omit<ComponentPropsWithoutRef<T>, keyof OwnProps<T>>;
+declare const Link: <T extends ElementType = LinkType>(props: LinkProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default Link;

package/lib/cjs/ui/Link/index.cjs

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

package/lib/cjs/ui/Link.cjs

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

package/lib/cjs/ui/List/ListItem.cjs

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("react/jsx-runtime");
+const clsx = require("clsx");
+const ui_Form_Checkbox_Checkbox = require("../Form/Checkbox/Checkbox.cjs");
+const ui_Adornment_Adornment = require("../Adornment/Adornment.cjs");
+function ListItem(props) {
+  let {
+    children,
+    className,
+    title,
+    active,
+    theme,
+    divider,
+    checked,
+    startAdornment,
+    endAdornment,
+    as,
+    ...restProps
+  } = props;
+  let withStartAdornment = checked !== void 0 || !!startAdornment;
+  let Component = as || "button";
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs(Component, { "data-testid": "list_item", ...restProps, className: clsx("arm-listitem", className, {
+    "arm-listitem_active": !!active || !!checked,
+    "arm-listitem_divider": !!divider,
+    "arm-listitem_disabled": !!restProps.disabled,
+    "arm-listitem_endAdornment": !!endAdornment,
+    "arm-listitem_startAdornment": withStartAdornment,
+    "arm-listitem_dark": theme === "dark"
+  }), children: [
+    withStartAdornment && /* @__PURE__ */ jsxRuntime.jsxs(ui_Adornment_Adornment.AdornmentContainer, { children: [
+      checked !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(ui_Adornment_Adornment.default, { position: "start", children: /* @__PURE__ */ jsxRuntime.jsx(ui_Form_Checkbox_Checkbox.default, { theme, disabled: restProps.disabled, checked, readOnly: true, size: "small" }) }),
+      !!startAdornment && /* @__PURE__ */ jsxRuntime.jsx(ui_Adornment_Adornment.default, { theme, "data-testid": "list_item_start_adornment", position: "start", children: startAdornment })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { "data-testid": "list_item_content", className: clsx("arm-listitem__content", {
+      "arm-listitem__content_adornment_left": withStartAdornment
+    }), children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { "data-testid": "list_item_text", className: "arm-listitem__text", children }),
+      title && /* @__PURE__ */ jsxRuntime.jsx("span", { "data-testid": "list_item_helper", className: "arm-listitem__helper", children: title })
+    ] }),
+    !!endAdornment && /* @__PURE__ */ jsxRuntime.jsx(ui_Adornment_Adornment.AdornmentContainer, { position: "end", children: /* @__PURE__ */ jsxRuntime.jsx(ui_Adornment_Adornment.default, { "data-testid": "list_item_end_adornment", theme, position: "end", children: endAdornment }) })
+  ] }) });
+}
+exports.default = ListItem;

package/lib/cjs/ui/List/index.cjs

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

package/lib/cjs/ui/List.cjs

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

package/lib/cjs/ui/Loader/Loader.cjs

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("react/jsx-runtime");
+const clsx = require("clsx");
+const Loader = (props) => {
+  let {
+    size,
+    color = "neutral",
+    theme,
+    className,
+    ...divProps
+  } = props;
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { ...divProps, "data-testid": "loader", className: clsx("arm-loader", {
+    ["arm-loader_size_" + size]: size,
+    ["arm-loader_theme_" + theme]: theme,
+    ["arm-loader_color_" + color]: color
+  }, "material_icon", className) }) });
+};
+exports.default = Loader;

package/lib/cjs/ui/Loader/index.cjs

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

package/lib/cjs/ui/Loader.cjs

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

package/lib/cjs/ui/Logo/Logo.cjs

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("react/jsx-runtime");
+const clsx = require("clsx");
+const Logo = (props) => {
+  let {
+    description,
+    children,
+    black,
+    shape,
+    className,
+    href,
+    src,
+    linkProps,
+    inverse,
+    width,
+    height,
+    ...restProps
+  } = props;
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { ...restProps, "data-testid": "logo", className: clsx("arm-logo", {
+    "arm-logo_inverse": inverse,
+    "arm-logo_shape": shape
+  }, className), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "logo__inner", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "arm-logo__img", children: href ? /* @__PURE__ */ jsxRuntime.jsx("a", { href, ...linkProps, children: src ? /* @__PURE__ */ jsxRuntime.jsx("img", { src, alt: "" }) : children || /* @__PURE__ */ jsxRuntime.jsx(LogoArmtek, { black, inverse, width, height }) }) : /* @__PURE__ */ jsxRuntime.jsx("span", { children: src ? /* @__PURE__ */ jsxRuntime.jsx("img", { src, alt: "" }) : children || /* @__PURE__ */ jsxRuntime.jsx(LogoArmtek, { black, inverse, width, height }) }) }),
+    description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "arm-logo__description", children: description })
+  ] }) }) });
+};
+const LogoArmtek = ({
+  black,
+  inverse,
+  width,
+  height
+}) => {
+  let part1Color = "#FF7F00";
+  let part2Color = inverse ? "#FFFFFF" : "#212529";
+  if (black) part1Color = part2Color;
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "124", height: "15", viewBox: "0 0 124 15", fill: "none", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.56897 0L0 15H6.30094L7.2884 13.2837H13.4718L13.7304 15H20.0313L16.8574 0H9.56897ZM9.38088 9.61599L12.2257 4.53762H12.2727L12.9545 9.61599H9.38088Z", fill: part1Color }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M41.1677 4.18495C41.5204 2.53918 40.9091 1.10502 39.8981 0.540752C39.1693 0.141066 38.1583 0 36.4655 0H23.9812L20.8072 15H26.732L27.7194 10.3683H31.9279C33.0094 10.3683 33.2445 11.0502 33.0799 12.1552C33.0343 12.4623 32.9923 12.7357 32.9548 12.9802C32.7797 14.1202 32.701 14.6322 32.7978 15H39.2633C38.9577 14.4592 38.8166 13.848 38.9107 13.2367L39.3574 9.96865C39.522 8.67555 38.9812 7.89969 38.1583 7.66458V7.61756C39.9687 7.10031 40.8621 5.59561 41.1677 4.18495ZM34.6552 5.19592C34.4436 6.13636 33.8793 6.60658 32.7273 6.60658H28.5188L29.1066 3.78527H33.221C34.2085 3.78527 34.8903 4.04389 34.6552 5.19592Z", fill: part1Color }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M53.2053 8.72257L57.5078 0H65.8307L62.6567 15H57.2727L59.5533 4.279H59.5062L54.0752 15H49.5846L48.7147 4.279H48.6677L46.3871 15H41.0031L44.2006 0H52.547L53.1348 8.72257H53.2053Z", fill: part1Color }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M84.5345 0H67.6301L66.8307 3.78527H72.3088L69.9342 15H75.8589L78.2571 3.78527H83.7351L84.5345 0Z", fill: part2Color }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M99.1348 9.33386L99.9107 5.68966H90.6003L91.0235 3.66771H101.039L101.839 0H85.8981L82.7006 15H98.6411L99.4169 11.3558H89.4013L89.8245 9.33386H99.1348Z", fill: part2Color }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M115.216 0H123.069L115.146 5.80721L120.459 15H112.583L109.715 9.23981L107.387 10.9561L106.517 15H100.592L103.79 0H109.715L108.586 5.28997L115.216 0Z", fill: part2Color })
+  ] }) });
+};
+exports.default = Logo;

package/lib/cjs/ui/Logo/index.cjs

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

package/lib/cjs/ui/Logo.cjs

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