armtek-uikit-react 1.0.266 → 1.0.268

package/lib/esm/ui/Form/TextField/TextField.js

@@ -0,0 +1,120 @@
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import { forwardRef, useState, useRef, useImperativeHandle } from "react";
+import clsx from "clsx";
+import HelperText from "../../HelperText/HelperText.js";
+import Adornment, { AdornmentContainer } from "../../Adornment/Adornment.js";
+import "../../Icon/Icon.js";
+import { Mi } from "../../Icon/Mi.js";
+import Tooltip from "../../Tooltip/Tooltip.js";
+const TextField = 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] = useState(!!props.defaultValue);
+  const inputRef = useRef(null);
+  const currentScrollHeight = (_a = inputRef.current) == null ? void 0 : _a.scrollHeight;
+  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__ */ jsxs(AdornmentContainer, { className: "arm-textfield__adornment", children: [
+    endAdornment,
+    error && /* @__PURE__ */ jsx(Tooltip, { text: errorTooltip, disabled: !errorTooltip, placement: "top", children: /* @__PURE__ */ jsx(Adornment, { className: "text-error", children: /* @__PURE__ */ jsx(Mi, { icon: "error_outline" }) }) }),
+    success && !error && /* @__PURE__ */ jsx(Adornment, { className: "text-success", children: /* @__PURE__ */ jsx(Mi, { icon: "done" }) })
+  ] });
+  let endContentExists = endAdornment || error || success;
+  let Component = multiline ? "textarea" : "input";
+  let realFocused = props.focused !== void 0 ? props.focused : focused;
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className, children: [
+    /* @__PURE__ */ 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__ */ 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__ */ jsx(HelperText, { className: "arm-textfield__helperText", error, success, children: helperText })
+  ] }) });
+});
+const TextFieldContainer = (props) => {
+  let {
+    focused,
+    disabled,
+    variant,
+    size,
+    className,
+    children,
+    error,
+    success,
+    ...restProps
+  } = props;
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ 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 = 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__ */ jsx(Fragment, { children: /* @__PURE__ */ 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__ */ 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__ */ 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 })
+  ] }) });
+});
+export {
+  TextField,
+  TextFieldContainer,
+  TextFieldInput,
+  TextField as default
+};

package/lib/esm/ui/Form/TextField/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './TextField';
+export { type TextFieldProps, TextFieldInput, TextFieldContainer } from './TextField';

package/lib/esm/ui/Form/TextField/index.js

@@ -0,0 +1,6 @@
+import { TextFieldContainer, TextFieldInput, TextField } from "./TextField.js";
+export {
+  TextFieldContainer,
+  TextFieldInput,
+  TextField as default
+};

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

@@ -0,0 +1,2 @@
+export * from './TextField/index'
+export { default } from './TextField/index'

package/lib/esm/ui/Form/TextField.js

@@ -0,0 +1,2 @@
+export * from './TextField/index.js'
+export { default } from './TextField/index.js'

package/lib/esm/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/esm/ui/Form/TimeField/TimeField.js

@@ -0,0 +1,9 @@
+import { jsx, Fragment } from "react/jsx-runtime";
+import { DateField } from "../DateField/DateField.js";
+import { forwardRef } from "react";
+const TimeField = forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(DateField, { ...props, showTime: true, ref, showTimeOnly: true }) });
+});
+export {
+  TimeField as default
+};

package/lib/esm/ui/Form/TimeField/index.d.ts

@@ -0,0 +1 @@
+export { default } from './TimeField';

package/lib/esm/ui/Form/TimeField/index.js

@@ -0,0 +1,4 @@
+import { default as default2 } from "./TimeField.js";
+export {
+  default2 as default
+};

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

@@ -0,0 +1,2 @@
+export * from './TimeField/index'
+export { default } from './TimeField/index'

package/lib/esm/ui/Form/TimeField.js

@@ -0,0 +1,2 @@
+export * from './TimeField/index.js'
+export { default } from './TimeField/index.js'

package/lib/esm/ui/Form/TimePicker/TimePicker.d.ts

@@ -0,0 +1,2 @@
+declare const TimePicker: () => import("react/jsx-runtime").JSX.Element;
+export default TimePicker;

package/lib/esm/ui/Form/TimePicker/TimePicker.js

@@ -0,0 +1,13 @@
+import { jsx, Fragment } from "react/jsx-runtime";
+import DatePicker from "../DatePicker/DatePicker.js";
+import { useState } from "react";
+const TimePicker = () => {
+  const [startDate, setStartDate] = useState(/* @__PURE__ */ new Date());
+  const handleChange = (date) => {
+    setStartDate(date);
+  };
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(DatePicker, { selected: startDate, onChange: handleChange, timeIntervals: 5, showTimeSelect: true, showTimeSelectOnly: true, timeCaption: "" }) });
+};
+export {
+  TimePicker as default
+};

package/lib/esm/ui/Form/TimePicker/index.d.ts

@@ -0,0 +1 @@
+export { default } from './TimePicker';

package/lib/esm/ui/Form/TimePicker/index.js

@@ -0,0 +1,4 @@
+import { default as default2 } from "./TimePicker.js";
+export {
+  default2 as default
+};

package/lib/esm/ui/Form/TimePicker.d.ts

@@ -0,0 +1,2 @@
+export * from './TimePicker/index'
+export { default } from './TimePicker/index'

package/lib/esm/ui/Form/TimePicker.js

@@ -0,0 +1,2 @@
+export * from './TimePicker/index.js'
+export { default } from './TimePicker/index.js'

package/lib/esm/ui/HelperText/HelperText.d.ts

@@ -0,0 +1,7 @@
+import { HTMLAttributes } from 'react';
+export type HelperTextProps = {
+    error?: boolean;
+    success?: boolean;
+} & HTMLAttributes<HTMLSpanElement>;
+declare const HelperText: (props: HelperTextProps) => import("react/jsx-runtime").JSX.Element;
+export default HelperText;

package/lib/esm/ui/HelperText/HelperText.js

@@ -0,0 +1,18 @@
+import { jsx, Fragment } from "react/jsx-runtime";
+import clsx from "clsx";
+const HelperText = (props) => {
+  let {
+    className,
+    error,
+    success,
+    children,
+    ...restProps
+  } = props;
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ 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 }) });
+};
+export {
+  HelperText as default
+};

package/lib/esm/ui/HelperText/index.d.ts

@@ -0,0 +1 @@
+export { default } from './HelperText';

package/lib/esm/ui/HelperText/index.js

@@ -0,0 +1,4 @@
+import { default as default2 } from "./HelperText.js";
+export {
+  default2 as default
+};

package/lib/esm/ui/HelperText.d.ts

@@ -0,0 +1,2 @@
+export * from './HelperText/index'
+export { default } from './HelperText/index'

package/lib/esm/ui/HelperText.js

@@ -0,0 +1,2 @@
+export * from './HelperText/index.js'
+export { default } from './HelperText/index.js'

package/lib/esm/ui/Icon/Icon.d.ts

@@ -0,0 +1,13 @@
+import { ComponentPropsWithoutRef } from 'react';
+import { ColorStatusType, ColorType, SizeType, ThemeType, VariantType } from '../../types/theme';
+type OwnProps = {
+    icon: string;
+    variant?: VariantType;
+    color?: ColorType | ColorStatusType;
+    size?: SizeType;
+    theme?: ThemeType;
+    fs?: number;
+};
+export type IconProps = OwnProps & Omit<ComponentPropsWithoutRef<'span'>, keyof OwnProps>;
+declare const Icon: import("react").ForwardRefExoticComponent<OwnProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, keyof OwnProps> & import("react").RefAttributes<HTMLSpanElement>>;
+export default Icon;

package/lib/esm/ui/Icon/Icon.js

@@ -0,0 +1,29 @@
+import { jsx, Fragment } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import clsx from "clsx";
+const Icon = forwardRef((props, ref) => {
+  let {
+    children,
+    className,
+    size,
+    icon,
+    theme,
+    variant = "outlined",
+    color,
+    fs,
+    ...spanProps
+  } = props;
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ 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 }) });
+});
+export {
+  Icon as default
+};

package/lib/esm/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/esm/ui/Icon/Mi.js

@@ -0,0 +1,14 @@
+import { jsx, Fragment } from "react/jsx-runtime";
+import Icon from "./Icon.js";
+import Tooltip from "../Tooltip/Tooltip.js";
+const Mi = (props) => {
+  const {
+    tooltipProps,
+    title,
+    ...iconProps
+  } = props;
+  return /* @__PURE__ */ jsx(Fragment, { children: title ? /* @__PURE__ */ jsx(Tooltip, { ...tooltipProps, text: title, children: /* @__PURE__ */ jsx(Icon, { variant: "outlined", ...iconProps }) }) : /* @__PURE__ */ jsx(Icon, { variant: "outlined", ...iconProps }) });
+};
+export {
+  Mi
+};

package/lib/esm/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/esm/ui/Icon/Mis.js

@@ -0,0 +1,8 @@
+import { jsx, Fragment } from "react/jsx-runtime";
+import { Mi } from "./Mi.js";
+const Mis = (props) => {
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Mi, { ...props, variant: "contained" }) });
+};
+export {
+  Mis
+};

package/lib/esm/ui/Icon/index.d.ts

@@ -0,0 +1,4 @@
+export { default } from './Icon';
+export { Mi } from './Mi';
+export { Mis } from './Mis';
+export { type IconProps } from './Icon';

package/lib/esm/ui/Icon/index.js

@@ -0,0 +1,8 @@
+import { default as default2 } from "./Icon.js";
+import { Mi } from "./Mi.js";
+import { Mis } from "./Mis.js";
+export {
+  Mi,
+  Mis,
+  default2 as default
+};

package/lib/esm/ui/Icon.d.ts

@@ -0,0 +1,2 @@
+export * from './Icon/index'
+export { default } from './Icon/index'

package/lib/esm/ui/Icon.js

@@ -0,0 +1,2 @@
+export * from './Icon/index.js'
+export { default } from './Icon/index.js'

package/lib/esm/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/esm/ui/Link/Link.js

@@ -0,0 +1,32 @@
+import { jsx, Fragment } from "react/jsx-runtime";
+import clsx from "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__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Component, { "data-testid": "link", ...restProps, ...polymorphProps, className: !disablestyles ? classNames : className, children }) });
+};
+export {
+  Link as default
+};

package/lib/esm/ui/Link/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Link';
+export { type LinkProps } from './Link';

package/lib/esm/ui/Link/index.js

@@ -0,0 +1,4 @@
+import { default as default2 } from "./Link.js";
+export {
+  default2 as default
+};

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

@@ -0,0 +1,2 @@
+export * from './Link/index'
+export { default } from './Link/index'

package/lib/esm/ui/Link.js

@@ -0,0 +1,2 @@
+export * from './Link/index.js'
+export { default } from './Link/index.js'

package/lib/esm/ui/List/ListItem.d.ts

@@ -0,0 +1,14 @@
+import { ComponentPropsWithoutRef, ElementType, ReactNode } from 'react';
+import { ThemeType } from '../../types/theme';
+export type OwnProps<T extends ElementType = 'button'> = {
+    active?: boolean;
+    checked?: boolean;
+    divider?: boolean;
+    endAdornment?: string | ReactNode;
+    startAdornment?: string | ReactNode;
+    theme?: ThemeType;
+    as?: T;
+};
+export type ListItemProps<T extends ElementType = 'button'> = OwnProps<T> & Omit<ComponentPropsWithoutRef<T>, keyof OwnProps<T>>;
+declare function ListItem<T extends ElementType = 'button'>(props: ListItemProps<T>): import("react/jsx-runtime").JSX.Element;
+export default ListItem;

package/lib/esm/ui/List/ListItem.js

@@ -0,0 +1,44 @@
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import Checkbox from "../Form/Checkbox/Checkbox.js";
+import Adornment, { AdornmentContainer } from "../Adornment/Adornment.js";
+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__ */ jsx(Fragment, { children: /* @__PURE__ */ 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__ */ jsxs(AdornmentContainer, { children: [
+      checked !== void 0 && /* @__PURE__ */ jsx(Adornment, { position: "start", children: /* @__PURE__ */ jsx(Checkbox, { theme, disabled: restProps.disabled, checked, readOnly: true, size: "small" }) }),
+      !!startAdornment && /* @__PURE__ */ jsx(Adornment, { theme, "data-testid": "list_item_start_adornment", position: "start", children: startAdornment })
+    ] }),
+    /* @__PURE__ */ jsxs("span", { "data-testid": "list_item_content", className: clsx("arm-listitem__content", {
+      "arm-listitem__content_adornment_left": withStartAdornment
+    }), children: [
+      /* @__PURE__ */ jsx("span", { "data-testid": "list_item_text", className: "arm-listitem__text", children }),
+      title && /* @__PURE__ */ jsx("span", { "data-testid": "list_item_helper", className: "arm-listitem__helper", children: title })
+    ] }),
+    !!endAdornment && /* @__PURE__ */ jsx(AdornmentContainer, { position: "end", children: /* @__PURE__ */ jsx(Adornment, { "data-testid": "list_item_end_adornment", theme, position: "end", children: endAdornment }) })
+  ] }) });
+}
+export {
+  ListItem as default
+};

package/lib/esm/ui/List/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './ListItem';
+export { type ListItemProps } from './ListItem';

package/lib/esm/ui/List/index.js

@@ -0,0 +1,4 @@
+import { default as default2 } from "./ListItem.js";
+export {
+  default2 as default
+};

package/lib/esm/ui/List.d.ts

@@ -0,0 +1,2 @@
+export * from './List/index'
+export { default } from './List/index'

package/lib/esm/ui/List.js

@@ -0,0 +1,2 @@
+export * from './List/index.js'
+export { default } from './List/index.js'

package/lib/esm/ui/Loader/Loader.d.ts

@@ -0,0 +1,9 @@
+import { ColorType, SizeType, ThemeType } from '../../types/theme';
+import { HTMLAttributes } from 'react';
+export type LoaderProps = {
+    size?: SizeType;
+    color?: ColorType;
+    theme?: ThemeType;
+} & HTMLAttributes<HTMLDivElement>;
+declare const Loader: (props: LoaderProps) => import("react/jsx-runtime").JSX.Element;
+export default Loader;

package/lib/esm/ui/Loader/Loader.js

@@ -0,0 +1,19 @@
+import { jsx, Fragment } from "react/jsx-runtime";
+import clsx from "clsx";
+const Loader = (props) => {
+  let {
+    size,
+    color = "neutral",
+    theme,
+    className,
+    ...divProps
+  } = props;
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ 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) }) });
+};
+export {
+  Loader as default
+};

package/lib/esm/ui/Loader/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Loader';
+export { type LoaderProps } from './Loader';

package/lib/esm/ui/Loader/index.js

@@ -0,0 +1,4 @@
+import { default as default2 } from "./Loader.js";
+export {
+  default2 as default
+};

package/lib/esm/ui/Loader.d.ts

@@ -0,0 +1,2 @@
+export * from './Loader/index'
+export { default } from './Loader/index'

package/lib/esm/ui/Loader.js

@@ -0,0 +1,2 @@
+export * from './Loader/index.js'
+export { default } from './Loader/index.js'

package/lib/esm/ui/Logo/Logo.d.ts

@@ -0,0 +1,14 @@
+import { HTMLAttributes } from 'react';
+export type LogoProps = {
+    description?: string;
+    black?: boolean;
+    inverse?: boolean;
+    src?: string;
+    href?: string;
+    shape?: boolean;
+    linkProps?: HTMLAttributes<HTMLAnchorElement>;
+    width?: number;
+    height?: number;
+} & HTMLAttributes<HTMLDivElement>;
+declare const Logo: (props: LogoProps) => import("react/jsx-runtime").JSX.Element;
+export default Logo;