armtek-uikit-react 1.0.266 → 1.0.268

package/lib/esm/ui/Slider/Slider.js

@@ -0,0 +1,24 @@
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import RcSlider from "rc-slider";
+/* empty css           */
+import HelperText from "../HelperText/HelperText.js";
+import clsx from "clsx";
+function Slider(props) {
+  const {
+    size = "large",
+    color = "primary",
+    ...restProps
+  } = props;
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { "data-testid": "slider", children: [
+    /* @__PURE__ */ jsx(RcSlider, { ...restProps, className: clsx("_" + size, {
+      ["arm-slider__" + color]: !!color
+    }) }),
+    restProps.min !== void 0 && restProps.max !== void 0 && /* @__PURE__ */ jsxs("div", { className: "arm-slider__text", children: [
+      /* @__PURE__ */ jsx("div", { "data-testid": "slider_min", children: /* @__PURE__ */ jsx(HelperText, { children: restProps.min }) }),
+      /* @__PURE__ */ jsx("div", { "data-testid": "slider_max", children: /* @__PURE__ */ jsx(HelperText, { children: restProps.max }) })
+    ] })
+  ] }) });
+}
+export {
+  Slider as default
+};

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

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

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

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

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

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

package/lib/esm/ui/Slider.js

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

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

@@ -0,0 +1,10 @@
+import { ComponentPropsWithoutRef } from 'react';
+import { SizeType } from '../../types/theme';
+type OwnProps = {
+    spacing?: SizeType;
+    wrap?: boolean;
+    center?: boolean;
+};
+export type StackProps = OwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof OwnProps>;
+declare const Stack: (props: StackProps) => import("react/jsx-runtime").JSX.Element;
+export default Stack;

package/lib/esm/ui/Stack/Stack.js

@@ -0,0 +1,38 @@
+import { jsx, Fragment } from "react/jsx-runtime";
+import { cloneElement } from "react";
+import clsx from "clsx";
+const wrapItem = (item, spacing, index) => {
+  if (!Array.isArray(item)) return [cloneElement(/* @__PURE__ */ jsx(StackItem, { spacing, children: item }, index))];
+  return item.map((item2, index2) => wrapItem(item2, spacing, index2));
+};
+const Stack = (props) => {
+  const {
+    className,
+    children,
+    spacing,
+    wrap,
+    center,
+    ...divProps
+  } = props;
+  let childrenProp;
+  if (Array.isArray(children)) {
+    childrenProp = wrapItem(children.filter(Boolean), spacing).flat();
+  } else childrenProp = /* @__PURE__ */ jsx(StackItem, { spacing, children });
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", { "data-testid": "stack", ...divProps, className: clsx("arm-stack", "flex", className, {
+    "flex-wrap": !!wrap,
+    "items-center": center,
+    ["arm-stack_spacing_" + spacing]: !!spacing
+  }), children: childrenProp }) });
+};
+const StackItem = (props) => {
+  const {
+    children,
+    spacing
+  } = props;
+  return /* @__PURE__ */ jsx("div", { "data-testid": "stack-item", className: clsx({
+    ["arm-stack-item_spacing_" + spacing]: !!spacing
+  }), children });
+};
+export {
+  Stack as default
+};

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

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

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

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

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

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

package/lib/esm/ui/Stack.js

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

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

@@ -0,0 +1,13 @@
+import { ColorStatusType, ColorType, SizeType } from '../../types/theme';
+import { ComponentPropsWithoutRef, ElementType, ReactNode } from 'react';
+type OwnProps<T extends ElementType = 'span'> = {
+    color?: ColorType | ColorStatusType;
+    text?: string;
+    children?: ReactNode;
+    icon?: string;
+    size?: SizeType;
+    as?: T;
+};
+type StatusProps<T extends ElementType = 'span'> = OwnProps<T> & Omit<ComponentPropsWithoutRef<T>, keyof OwnProps<T>>;
+declare function Status<T extends ElementType = 'span'>(props: StatusProps<T>): import("react/jsx-runtime").JSX.Element;
+export default Status;

package/lib/esm/ui/Status/Status.js

@@ -0,0 +1,24 @@
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+function Status(props) {
+  let {
+    color,
+    icon,
+    text,
+    children,
+    as,
+    className,
+    size,
+    ...restProps
+  } = props;
+  const Component = as || "span";
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Component, { "data-testid": "status", ...restProps, className: clsx("arm-status", ["arm-status_" + color], className, {
+    ["arm-status_size_" + size]: !!size
+  }), children: [
+    /* @__PURE__ */ jsx("span", { className: "arm-status__content", children: text || children }),
+    icon && /* @__PURE__ */ jsx("span", { className: clsx("arm-status__icon", "material_icon"), children: icon })
+  ] }) });
+}
+export {
+  Status as default
+};

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

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

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

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

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

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

package/lib/esm/ui/Status.js

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

package/lib/esm/ui/Stepper/StepItem.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+import { StepItemIconProps } from './StepItemIcon';
+import { ButtonProps } from '../Button/Button';
+export type StepItemProps = {
+    title: string;
+    children?: ReactNode | string;
+    content?: ReactNode | string;
+    button?: string;
+    buttonProps?: ButtonProps;
+    last?: boolean;
+    orientation?: 'horizontal' | 'vertical';
+} & StepItemIconProps;
+declare const StepItem: (props: StepItemProps) => import("react/jsx-runtime").JSX.Element;
+export default StepItem;

package/lib/esm/ui/Stepper/StepItem.js

@@ -0,0 +1,35 @@
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import StepItemIcon from "./StepItemIcon.js";
+import clsx from "clsx";
+import Button from "../Button/Button.js";
+const StepItem = (props) => {
+  let {
+    title,
+    children,
+    content,
+    button,
+    buttonProps,
+    last,
+    orientation = "horizontal",
+    ...iconProps
+  } = props;
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { "data-testid": "step_item", className: clsx("arm-step-item", ["arm-step-item_" + props.size], {
+    "arm-step-item_last": last,
+    "arm-step-item_horizontal": orientation === "horizontal"
+  }), children: [
+    /* @__PURE__ */ jsxs("div", { className: "arm-step-item__inner", children: [
+      /* @__PURE__ */ jsx("div", { className: "arm-step-item__icon", children: /* @__PURE__ */ jsx(StepItemIcon, { ...iconProps }) }),
+      !!title && /* @__PURE__ */ jsx("p", { className: clsx("arm-step-item__title", {
+        "arm-step-item__title_error": iconProps.error,
+        "arm-step-item__title_with_content": content || children
+      }), children: title })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "arm-step-item__content", children: [
+      content || children,
+      !!button && /* @__PURE__ */ jsx("div", { className: "arm-step-item__button", children: /* @__PURE__ */ jsx(Button, { ...buttonProps, children: button }) })
+    ] })
+  ] }) });
+};
+export {
+  StepItem as default
+};

package/lib/esm/ui/Stepper/StepItemIcon.d.ts

@@ -0,0 +1,11 @@
+import { SizeType } from '../../types/theme';
+export type StepItemIconProps = {
+    number?: string | number;
+    size?: Exclude<SizeType, 'extraLarge' | 'medium'>;
+    active?: boolean;
+    error?: boolean;
+    complete?: boolean;
+    icon?: string;
+};
+declare const StepItemIcon: (props: StepItemIconProps) => import("react/jsx-runtime").JSX.Element;
+export default StepItemIcon;

package/lib/esm/ui/Stepper/StepItemIcon.js

@@ -0,0 +1,18 @@
+import { jsx, Fragment } from "react/jsx-runtime";
+import clsx from "clsx";
+const StepItemIcon = (props) => {
+  let icon = "";
+  if (!props.number) {
+    if (props.active) icon = "schedule";
+    else if (props.complete) icon = "done";
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", { "data-testid": "step_item_icon", className: clsx("arm-step-item-icon", ["arm-step-item-icon_" + props.size], {
+    ["arm-step-item-icon_active"]: props.active,
+    ["arm-step-item-icon_error"]: props.error,
+    ["arm-step-item-icon_complete"]: props.complete,
+    ["arm-step-item-icon_icon"]: !props.icon
+  }), children: /* @__PURE__ */ jsx("span", { className: "arm-step-item-icon__inner", children: !props.error ? !props.number ? /* @__PURE__ */ jsx("span", { className: "material_icon_solid", children: icon }) : /* @__PURE__ */ jsx("span", { className: "arm-step-item-icon__number", children: props.number }) : /* @__PURE__ */ jsx("span", { className: "material_icon_solid", children: "warning" }) }) }) });
+};
+export {
+  StepItemIcon as default
+};

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

@@ -0,0 +1,12 @@
+import { StepItemProps } from './StepItem';
+import { ComponentPropsWithoutRef } from 'react';
+export type StepperProps = {
+    steps: Array<StepItemProps | string | number>;
+    active?: number;
+    error?: number;
+    complete?: number;
+    orientation?: 'vertical' | 'horizontal';
+    size?: StepItemProps['size'];
+};
+declare const Stepper: (props: StepperProps & Omit<ComponentPropsWithoutRef<"div">, keyof StepperProps>) => import("react/jsx-runtime").JSX.Element;
+export default Stepper;

package/lib/esm/ui/Stepper/Stepper.js

@@ -0,0 +1,29 @@
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import StepItem from "./StepItem.js";
+import clsx from "clsx";
+import { Fragment as Fragment$1 } from "react";
+const Stepper = (props) => {
+  let {
+    orientation = "horizontal",
+    steps,
+    active,
+    error,
+    complete,
+    size,
+    className,
+    ...restProps
+  } = props;
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", { "data-testid": "stepper", className: clsx(className, "arm-stepper", ["arm-stepper_" + size], {
+    ["arm-stepper_horizontal"]: orientation === "horizontal"
+  }), ...restProps, children: steps == null ? void 0 : steps.map((item, index) => {
+    let title = typeof item === "string" || typeof item === "number" ? String(item) : item.title;
+    let params = typeof item === "string" || typeof item === "number" ? {} : item;
+    return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+      /* @__PURE__ */ jsx(StepItem, { error: index + 1 === error, active: index + 1 === active, complete: index + 1 === complete || index + 1 < (active || 0), ...params, title, last: index + 1 === (steps == null ? void 0 : steps.length), orientation, size }),
+      index + 1 < steps.length && /* @__PURE__ */ jsx("div", { className: "arm-stepper__connector" })
+    ] }, index);
+  }) }) });
+};
+export {
+  Stepper as default
+};

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

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

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

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

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

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

package/lib/esm/ui/Stepper.js

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

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

@@ -0,0 +1,37 @@
+import { MouseEvent, ReactNode } from 'react';
+import { TableBaseProps } from './TableBase';
+import { ColorType, SizeType, VariantType } from '../../types/theme';
+type ItemType = Record<string, any>;
+type ClassesType<T extends ItemType> = {
+    tableRowHead?: string;
+    tableRow?: string | ((item: T) => string);
+    tableCell?: string | ((item: T, code: keyof T) => string);
+    tableCellHead?: string;
+};
+export type TableColType<T extends ItemType> = {
+    text: string;
+    getValue?: (item: T) => string | ReactNode | number;
+    getTitle?: () => string | ReactNode | number;
+    code: keyof T | string;
+};
+export type TableProps<T extends ItemType> = Omit<TableBaseProps, 'onClick'> & {
+    size?: SizeType;
+    variant?: VariantType;
+    color?: ColorType;
+    classes?: ClassesType<T>;
+    structure: TableColType<T>[];
+    items: T[];
+    onClick?: (item: T, e: MouseEvent<HTMLTableRowElement>) => void;
+    getRow?: (item: T, index: number) => ReactNode;
+};
+export declare const Table: <T extends ItemType>(props: Omit<Omit<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "ref">, "onClick"> & {
+    size?: SizeType;
+    variant?: VariantType;
+    color?: ColorType;
+    classes?: ClassesType<T> | undefined;
+    structure: TableColType<T>[];
+    items: T[];
+    onClick?: ((item: T, e: MouseEvent<HTMLTableRowElement>) => void) | undefined;
+    getRow?: ((item: T, index: number) => ReactNode) | undefined;
+} & import("react").RefAttributes<HTMLTableElement>) => JSX.Element;
+export {};

package/lib/esm/ui/Table/Table.js

@@ -0,0 +1,38 @@
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import { Fragment as Fragment$1 } from "react";
+import { TableRow } from "./TableRow.js";
+import { TableCell } from "./TableCell.js";
+import { TableBase } from "./TableBase.js";
+import { fixedForwardRef } from "../../lib/helpers/genericForwardRef.js";
+function TableInit(props, ref) {
+  const {
+    className,
+    structure,
+    items,
+    onClick,
+    classes,
+    size,
+    variant,
+    getRow,
+    ...tableProps
+  } = props;
+  const handleRowClick = (row) => {
+    return onClick ? (e) => onClick(row, e) : void 0;
+  };
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(TableBase, { ...tableProps, ref, children: /* @__PURE__ */ jsxs("tbody", { children: [
+    /* @__PURE__ */ jsx(TableRow, { className: classes == null ? void 0 : classes.tableRowHead, children: structure.map((item, index) => {
+      return /* @__PURE__ */ jsx(TableCell, { head: true, className: classes == null ? void 0 : classes.tableCellHead, size, variant, children: item.getTitle ? item.getTitle() : item.text }, index);
+    }) }),
+    items.map((row, index) => {
+      let rowClass = !!(classes == null ? void 0 : classes.tableRow) ? typeof classes.tableRow === "string" ? classes.tableRow : classes.tableRow(row) : "";
+      return getRow ? /* @__PURE__ */ jsx(Fragment$1, { children: getRow(row, index) }, index) : /* @__PURE__ */ jsx(TableRow, { className: rowClass, onClick: handleRowClick(row), children: structure.map((item, itemIndex) => {
+        let cellClass = !!(classes == null ? void 0 : classes.tableCell) ? typeof classes.tableCell === "string" ? classes.tableCell : classes.tableCell(row, item.code) : "";
+        return /* @__PURE__ */ jsx(TableCell, { size, variant, className: cellClass, children: item.getValue ? item.getValue(row) : row[item.code] }, itemIndex);
+      }) }, index);
+    })
+  ] }) }) });
+}
+const Table = fixedForwardRef(TableInit);
+export {
+  Table
+};

package/lib/esm/ui/Table/TableBase.d.ts

@@ -0,0 +1,3 @@
+import { ComponentPropsWithoutRef } from 'react';
+export type TableBaseProps = ComponentPropsWithoutRef<'table'>;
+export declare const TableBase: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "ref"> & import("react").RefAttributes<HTMLTableElement>>;

package/lib/esm/ui/Table/TableBase.js

@@ -0,0 +1,14 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import clsx from "clsx";
+const TableBase = forwardRef((props, ref) => {
+  const {
+    className,
+    children,
+    ...tableProps
+  } = props;
+  return /* @__PURE__ */ jsx("table", { "data-testid": "table", ...tableProps, ref, className: clsx(className, "arm-table"), children });
+});
+export {
+  TableBase
+};

package/lib/esm/ui/Table/TableCell.d.ts

@@ -0,0 +1,10 @@
+import { ComponentPropsWithoutRef } from 'react';
+import { SizeType, VariantType } from '../../types/theme';
+type TableCellProps = ComponentPropsWithoutRef<'td'> & {
+    head?: boolean;
+    size?: SizeType;
+    variant?: VariantType;
+    innerClassName?: string;
+};
+export declare const TableCell: (props: TableCellProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/esm/ui/Table/TableCell.js

@@ -0,0 +1,23 @@
+import { jsx, Fragment } from "react/jsx-runtime";
+import clsx from "clsx";
+const TableCell = (props) => {
+  const {
+    className,
+    children,
+    head,
+    innerClassName,
+    variant,
+    size,
+    ...cellProps
+  } = props;
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("td", { "data-testid": "table_cell", ...cellProps, className: clsx(className, "arm-table-cell", {
+    "arm-table-cell_head": !!head,
+    ["arm-table-cell_variant_" + variant]: !!variant
+  }), children: /* @__PURE__ */ jsx("div", { className: clsx("arm-table-cell__inner", innerClassName, {
+    ["arm-table-cell__inner_size_" + size]: !!size,
+    ["arm-table-cell__inner_variant_" + variant]: !!variant
+  }), children }) }) });
+};
+export {
+  TableCell
+};

package/lib/esm/ui/Table/TableRow.d.ts

@@ -0,0 +1,4 @@
+import { ComponentPropsWithoutRef } from 'react';
+type TableRowProps = ComponentPropsWithoutRef<'tr'>;
+export declare const TableRow: (props: TableRowProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/esm/ui/Table/TableRow.js

@@ -0,0 +1,15 @@
+import { jsx, Fragment } from "react/jsx-runtime";
+import clsx from "clsx";
+const TableRow = (props) => {
+  const {
+    className,
+    children,
+    ...rowProps
+  } = props;
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("tr", { "data-testid": "table_row", ...rowProps, className: clsx(className, "arm-table-row", {
+    "arm-table-row_click": !!rowProps.onClick
+  }), children }) });
+};
+export {
+  TableRow
+};

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

@@ -0,0 +1,3 @@
+export { Table, type TableColType, type TableProps } from './Table';
+export { TableCell } from './TableCell';
+export { TableRow } from './TableRow';

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

@@ -0,0 +1,8 @@
+import { Table } from "./Table.js";
+import { TableCell } from "./TableCell.js";
+import { TableRow } from "./TableRow.js";
+export {
+  Table,
+  TableCell,
+  TableRow
+};

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

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

package/lib/esm/ui/Table.js

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

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

@@ -0,0 +1,14 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+type Classes = {
+    tooltip: string;
+    popper: string;
+};
+type OwnProps = {
+    text: string | ReactNode;
+    disabled?: boolean;
+    classNames?: Partial<Classes>;
+    placement?: 'bottom-end' | 'bottom-start' | 'bottom' | 'left-end' | 'left-start' | 'left' | 'right-end' | 'right-start' | 'right' | 'top-end' | 'top-start' | 'top';
+};
+export type TooltipProps = OwnProps & Omit<ComponentPropsWithoutRef<'span'>, keyof OwnProps>;
+declare function Tooltip(props: TooltipProps): import("react/jsx-runtime").JSX.Element;
+export default Tooltip;

package/lib/esm/ui/Tooltip/Tooltip.js

@@ -0,0 +1,65 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { isValidElement, useState, useRef, cloneElement } from "react";
+import useTimeout from "../../lib/hooks/useTimeout.js";
+import useEventCallback from "../../lib/hooks/useEventCallback.js";
+import { Popper } from "../Popper/Popper.js";
+import "@popperjs/core";
+import clsx from "clsx";
+function composeEventHandler(handler, eventHandler) {
+  return (event) => {
+    if (eventHandler) {
+      eventHandler(event);
+    }
+    handler(event);
+  };
+}
+function Tooltip(props) {
+  let {
+    text,
+    children: childrenProp,
+    placement = "top",
+    classNames,
+    disabled,
+    ...restProps
+  } = props;
+  const children = isValidElement(childrenProp) ? childrenProp : /* @__PURE__ */ jsx("span", { "data-testid": "tooltip-content", children: childrenProp });
+  const [openState, setOpenState] = useState(false);
+  const anchorEl = useRef();
+  useTimeout();
+  const enterTimer = useTimeout();
+  const leaveTimer = useTimeout();
+  const handleOpen = (event) => {
+    setOpenState(true);
+  };
+  const handleClose = useEventCallback((event) => {
+    setOpenState(false);
+  });
+  const handleEnter = (event) => {
+    enterTimer.clear();
+    leaveTimer.clear();
+    handleOpen();
+  };
+  const handleLeave = (event) => {
+    setOpenState(false);
+    enterTimer.clear();
+    leaveTimer.start(0, () => {
+      handleClose(event);
+    });
+  };
+  const handleMouseOver = handleEnter;
+  const handleMouseLeave = handleLeave;
+  const childrenProps = {
+    ...children.props
+  };
+  childrenProps.onMouseOver = composeEventHandler(handleMouseOver, childrenProps.onMouseOver);
+  childrenProps.onMouseLeave = composeEventHandler(handleMouseLeave, childrenProps.onMouseLeave);
+  childrenProps.ref = anchorEl;
+  if (disabled) return children;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    cloneElement(children, childrenProps),
+    anchorEl.current && /* @__PURE__ */ jsx(Popper, { placement, open: openState, className: classNames == null ? void 0 : classNames.popper, anchorEl: anchorEl.current, children: /* @__PURE__ */ jsx("span", { "data-testid": "tooltip_item", ...restProps, className: clsx("arm-tooltip__item", classNames == null ? void 0 : classNames.tooltip, restProps.className), children: text }) })
+  ] });
+}
+export {
+  Tooltip as default
+};

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

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

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

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

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

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

package/lib/esm/ui/Tooltip.js

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