armtek-uikit-react 1.0.266 → 1.0.268

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

@@ -0,0 +1,6 @@
+import { default as default2 } from "./Accordion.js";
+import { AccordionHeading } from "./AccordionHeading.js";
+export {
+  AccordionHeading,
+  default2 as default
+};

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

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

package/lib/esm/ui/Accordion.js

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

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

@@ -0,0 +1,12 @@
+import { HTMLAttributes } from 'react';
+import { ThemeType } from '../../types/theme';
+type PropsType = {
+    position?: 'start' | 'end';
+    theme?: ThemeType;
+} & HTMLAttributes<HTMLDivElement>;
+declare const Adornment: import("react").ForwardRefExoticComponent<{
+    position?: "start" | "end";
+    theme?: ThemeType;
+} & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<any>>;
+export declare const AdornmentContainer: (props: PropsType) => import("react/jsx-runtime").JSX.Element;
+export default Adornment;

package/lib/esm/ui/Adornment/Adornment.js

@@ -0,0 +1,30 @@
+import { jsx, Fragment } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import clsx from "clsx";
+const Adornment = forwardRef((props, ref) => {
+  let {
+    children,
+    position = "end",
+    className,
+    ...spanProps
+  } = props;
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ 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__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", { "data-testid": "adornment_container", ...inputProps, className: clsx("arm-adornment__container", {
+    "arm-adornment__container_end": position !== "start"
+  }, className), children }) });
+};
+export {
+  AdornmentContainer,
+  Adornment as default
+};

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

@@ -0,0 +1,2 @@
+export { default } from './Adornment';
+export { AdornmentContainer } from './Adornment';

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

@@ -0,0 +1,5 @@
+import { AdornmentContainer, default as default2 } from "./Adornment.js";
+export {
+  AdornmentContainer,
+  default2 as default
+};

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

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

package/lib/esm/ui/Adornment.js

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

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

@@ -0,0 +1,12 @@
+import { ColorStatusType, VariantType } from '../../types/theme';
+import { ComponentPropsWithoutRef, MouseEvent, ReactNode } from 'react';
+type OwnProps = {
+    color?: ColorStatusType;
+    title: string;
+    onClose?: (e: MouseEvent) => void;
+    icon?: string | ReactNode | null;
+    variant?: VariantType;
+};
+export type AlertProps = OwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof OwnProps>;
+declare const Alert: (props: AlertProps) => import("react/jsx-runtime").JSX.Element;
+export default Alert;

package/lib/esm/ui/Alert/Alert.js

@@ -0,0 +1,33 @@
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import ButtonIcon from "../ButtonIcon/ButtonIcon.js";
+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__ */ jsx(Fragment, { children: /* @__PURE__ */ 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__ */ jsx("span", { className: clsx("arm-alert__icon", "material_icon"), children: icon }),
+    /* @__PURE__ */ jsx("div", { className: "arm-alert__title", children: props.title }),
+    /* @__PURE__ */ jsx("div", { className: "arm-alert__body", children: props.children }),
+    !!onClose && /* @__PURE__ */ jsx(ButtonIcon, { onClick: onClose, size: "small", color: "neutral", variant: "transparent", className: clsx("arm-alert__close", "material_icon"), children: /* @__PURE__ */ jsx("span", { className: "material_icon", children: "close" }) })
+  ] }) });
+};
+export {
+  Alert as default
+};

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

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

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

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

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

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

package/lib/esm/ui/Alert.js

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

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

@@ -0,0 +1,34 @@
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import clsx from "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__ */ jsx("img", { src: photo, className: "arm-avatar__img", alt: props.name, title: props.name }) : props.name ? /* @__PURE__ */ jsx("span", { className: "arm-avatar__name", children: getLetters(props.name) }) : /* @__PURE__ */ jsx("span", { className: clsx("arm-avatar__icon", "material_icon_solid"), children: displayIcon });
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ 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__ */ jsx("div", { className: "arm-avatar__inner", children: href ? /* @__PURE__ */ jsx("a", { href, ...linkProps, className: "arm-avatar__text", children: content }) : /* @__PURE__ */ jsx("span", { className: "arm-avatar__text", children: content }) }),
+    status && /* @__PURE__ */ jsx("span", { className: clsx("arm-avatar__status", ["arm-avatar__status_" + status]) })
+  ] }) });
+};
+export {
+  Avatar as default,
+  getLetters
+};

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

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

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

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

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

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

package/lib/esm/ui/Avatar.js

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

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

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+import { AvatarProps } from '../../ui/Avatar/Avatar';
+export type AvatarGroupProps = {
+    limit?: number;
+    children: ReactNode;
+} & Pick<AvatarProps, 'size'>;
+declare const AvatarGroup: (props: AvatarGroupProps) => import("react/jsx-runtime").JSX.Element;
+export default AvatarGroup;

package/lib/esm/ui/AvatarGroup/AvatarGroup.js

@@ -0,0 +1,23 @@
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import { Children, isValidElement, cloneElement } from "react";
+import clsx from "clsx";
+const AvatarGroup = (props) => {
+  let arrChildren = Children.toArray(props.children);
+  let visiblePart = arrChildren.slice(0, props.limit || 3);
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: clsx("arm-avatar-group", ["arm-avatar-group_" + props.size]), "data-testid": "avatar_group", children: [
+    visiblePart.length < arrChildren.length && /* @__PURE__ */ 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__ */ jsx("div", { className: "arm-avatar-group__item", children: isValidElement(item) && cloneElement(item, {
+        ...item.props,
+        size: props.size,
+        key: index
+      }) }, index);
+    })
+  ] }) });
+};
+export {
+  AvatarGroup as default
+};

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

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

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

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

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

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

package/lib/esm/ui/AvatarGroup.js

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

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

@@ -0,0 +1,4 @@
+declare const _default: (props: {
+    width?: number | "auto";
+} & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<any>) => JSX.Element;
+export default _default;

package/lib/esm/ui/BackDrop/BackDrop.js

@@ -0,0 +1,17 @@
+import { jsx, Fragment } from "react/jsx-runtime";
+import { fixedForwardRef } from "../../lib/helpers/genericForwardRef.js";
+import { isValidElement } from "react";
+import { createPortal } from "react-dom";
+import { BackDropBase } from "./BackDropBase.js";
+const BackDrop = (props, ref) => {
+  const {
+    children,
+    ...backDropProps
+  } = props;
+  const childrenProp = isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { children });
+  return /* @__PURE__ */ jsx(Fragment, { children: createPortal(/* @__PURE__ */ jsx(BackDropBase, { ...backDropProps, ref, children: childrenProp }), document.body) });
+};
+const BackDrop$1 = fixedForwardRef(BackDrop);
+export {
+  BackDrop$1 as default
+};

package/lib/esm/ui/BackDrop/BackDropBase.d.ts

@@ -0,0 +1,7 @@
+import { ComponentPropsWithoutRef } from 'react';
+export type BackDropProps = {
+    width?: number | 'auto';
+} & ComponentPropsWithoutRef<'div'>;
+export declare const BackDropBase: (props: {
+    width?: number | "auto";
+} & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<any>) => JSX.Element;

package/lib/esm/ui/BackDrop/BackDropBase.js

@@ -0,0 +1,27 @@
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import { fixedForwardRef } from "../../lib/helpers/genericForwardRef.js";
+const BackDropBase = 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__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { "data-testid": "backdrop", className: clsx("arm-backdrop", className), ref, children: [
+    /* @__PURE__ */ jsx("div", { className: "arm-backdrop__overlay", "data-testid": "backdrop-overlay", onClick: handleClick }),
+    /* @__PURE__ */ jsx("div", { className: clsx("arm-backdrop__inner", {
+      "arm-backdrop__inner_auto": isAutoWidth
+    }), style: !isAutoWidth ? {
+      maxWidth: width + "px"
+    } : void 0, children })
+  ] }) });
+});
+export {
+  BackDropBase
+};

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

@@ -0,0 +1,2 @@
+export { default } from './BackDrop';
+export { type BackDropProps } from './BackDropBase';

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

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

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

@@ -0,0 +1 @@
+export * from './BackDrop/index'

package/lib/esm/ui/BackDrop.js

@@ -0,0 +1 @@
+export * from './BackDrop/index.js'

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

@@ -0,0 +1,12 @@
+import { ColorStatusType, ColorType, ShapeType } from '../../types/theme';
+import { ReactNode } from 'react';
+export type BadgeProps = {
+    color?: ColorType | ColorStatusType;
+    children: ReactNode | string;
+    shape?: ShapeType;
+    position?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'center-right' | 'center-left';
+    badgeText?: string | number;
+    className?: string;
+};
+declare function Badge(props: BadgeProps): import("react/jsx-runtime").JSX.Element;
+export default Badge;

package/lib/esm/ui/Badge/Badge.js

@@ -0,0 +1,21 @@
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+function Badge(props) {
+  let {
+    color,
+    shape,
+    position,
+    className
+  } = props;
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("span", { className: clsx("arm-badge", className), "data-testid": "badge", children: [
+    /* @__PURE__ */ jsx("span", { className: clsx("arm-badge__content"), children: props.children }),
+    /* @__PURE__ */ 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 })
+  ] }) });
+}
+export {
+  Badge as default
+};

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

@@ -0,0 +1 @@
+export { default, type BadgeProps } from './Badge';

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

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

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

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

package/lib/esm/ui/Badge.js

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

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

@@ -0,0 +1,45 @@
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import { fixedForwardRef } from "../../lib/helpers/genericForwardRef.js";
+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__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Component, { "data-testid": "button", ref, type: "button", ...restProps, ...polymorphProps, className: !disablestyles ? classNames : className, children: [
+    startAdornment && /* @__PURE__ */ jsx("div", { className: clsx("arm-button__adornment", "arm-button__adornment_start"), children: startAdornment }),
+    /* @__PURE__ */ jsx("div", { className: clsx({
+      "arm-button__iconWrapper": !!asIcon
+    }), children }),
+    endAdornment && /* @__PURE__ */ jsx("div", { className: clsx("arm-button__adornment", "arm-button__adornment_end"), children: endAdornment })
+  ] }) });
+};
+const Button$1 = fixedForwardRef(Button);
+export {
+  Button$1 as default
+};

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

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

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

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

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

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

package/lib/esm/ui/Button.js

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

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

@@ -0,0 +1,6 @@
+import { ButtonProps } from '../../ui/Button';
+type PropsType = {
+    orientation?: 'column' | 'inline';
+} & ButtonProps;
+declare const ButtonGroup: (props: PropsType) => import("react/jsx-runtime").JSX.Element;
+export default ButtonGroup;

package/lib/esm/ui/ButtonGroup/ButtonGroup.js

@@ -0,0 +1,23 @@
+import { jsx, Fragment } from "react/jsx-runtime";
+import { Children, isValidElement, cloneElement } from "react";
+import clsx from "clsx";
+const ButtonGroup = (props) => {
+  let {
+    orientation = "inline",
+    className,
+    children,
+    ...buttonProps
+  } = props;
+  let arrChildren = Children.toArray(children);
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", { className: clsx("arm-button-group", ["arm-button-group_" + orientation], className), "data-testid": "button_group", children: arrChildren.map((item, index) => {
+    return isValidElement(item) && cloneElement(item, {
+      ...item.props,
+      ...buttonProps,
+      group: orientation,
+      key: index
+    });
+  }) }) });
+};
+export {
+  ButtonGroup as default
+};

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

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

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

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

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

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

package/lib/esm/ui/ButtonGroup.js

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

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

@@ -0,0 +1,18 @@
+import { jsx, Fragment } from "react/jsx-runtime";
+import Button from "../Button/Button.js";
+import clsx from "clsx";
+import { fixedForwardRef } from "../../lib/helpers/genericForwardRef.js";
+import Icon from "../Icon/Icon.js";
+import "react";
+import "react-dom";
+import "@popperjs/core";
+function ButtonIcon(props, ref) {
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Button, { 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__ */ jsx(Icon, { icon: props.mi || props.mis, variant: props.mis ? "contained" : "outlined", ...props.iconProps }) : props.children }) });
+}
+const ButtonIcon$1 = fixedForwardRef(ButtonIcon);
+export {
+  ButtonIcon$1 as default
+};

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

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

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

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

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

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

package/lib/esm/ui/ButtonIcon.js

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