@plitzi/plitzi-ui 1.6.2

package/dist/components/Markdown/Markdown.d.ts

@@ -0,0 +1,9 @@
+import { default as MarkdownStyles, variantKeys } from './Markdown.styles';
+import { useThemeSharedProps } from '../../hooks/useTheme';
+export type MarkdownProps = {
+    children?: string;
+    wrapLines?: boolean;
+    showLineNumbers?: boolean;
+} & useThemeSharedProps<typeof MarkdownStyles, typeof variantKeys>;
+declare const Markdown: ({ className, children, wrapLines, showLineNumbers }: MarkdownProps) => import("react/jsx-runtime").JSX.Element;
+export default Markdown;

package/dist/components/Markdown/Markdown.js

@@ -0,0 +1,47 @@
+import { omit as e } from "../../helpers/lodash/omit.js";
+import t from "../../hooks/useTheme/index.js";
+import { jsx as n } from "react/jsx-runtime";
+import r from "clsx";
+import i from "react-markdown";
+import { PrismLight as a } from "react-syntax-highlighter";
+import o from "react-syntax-highlighter/dist/esm/languages/prism/bash";
+import s from "react-syntax-highlighter/dist/esm/languages/prism/css";
+import c from "react-syntax-highlighter/dist/esm/languages/prism/javascript";
+import l from "react-syntax-highlighter/dist/esm/languages/prism/json";
+import u from "react-syntax-highlighter/dist/esm/languages/prism/jsx";
+import d from "react-syntax-highlighter/dist/esm/languages/prism/markup";
+import f from "react-syntax-highlighter/dist/esm/languages/prism/tsx";
+import p from "react-syntax-highlighter/dist/esm/languages/prism/typescript";
+import m from "react-syntax-highlighter/dist/esm/styles/prism/vsc-dark-plus";
+import h from "remark-gfm";
+//#region src/components/Markdown/Markdown.tsx
+var g = [h], _ = (e) => e?.default || e;
+a.registerLanguage("javascript", _(c)), a.registerLanguage("typescript", _(p)), a.registerLanguage("jsx", _(u)), a.registerLanguage("tsx", _(f)), a.registerLanguage("bash", _(o)), a.registerLanguage("json", _(l)), a.registerLanguage("css", _(s)), a.registerLanguage("html", _(d)), a.registerLanguage("markdown", _(d));
+var v = ({ className: o, children: s = "", wrapLines: c = !0, showLineNumbers: l = !0 }) => (o = t("Markdown", {
+	className: o,
+	componentKey: "root"
+}), /* @__PURE__ */ n("div", {
+	className: r("markdown", o),
+	children: /* @__PURE__ */ n(i, {
+		remarkPlugins: g,
+		components: { code(t) {
+			let { children: r, className: i, ...o } = t, s = /language-(\w+)/.exec(i || "");
+			return s ? /* @__PURE__ */ n(a, {
+				...e(o, ["node"]),
+				PreTag: "div",
+				language: s[1],
+				style: m,
+				wrapLines: c,
+				showLineNumbers: l,
+				children: typeof r == "string" ? r.replace(/\n$/, "") : ""
+			}) : /* @__PURE__ */ n("code", {
+				...o,
+				className: i,
+				children: r
+			});
+		} },
+		children: s
+	})
+}));
+//#endregion
+export { v as default };

package/dist/components/Markdown/Markdown.styles.d.ts

@@ -0,0 +1,6 @@
+export declare const variantKeys: {};
+export declare const STYLES_COMPONENT_NAME = "Markdown";
+declare const _default: {
+    root: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+};
+export default _default;

package/dist/components/Markdown/Markdown.styles.js

@@ -0,0 +1,4 @@
+import e from "../../helpers/cvaWrapper.js";
+var t = { root: e("") };
+//#endregion
+export { t as default };

package/dist/components/Markdown/index.d.ts

@@ -0,0 +1,5 @@
+import { default as Markdown } from './Markdown';
+import { default as markdownTheme } from './Markdown.styles';
+export * from './Markdown';
+export { markdownTheme };
+export default Markdown;

package/dist/components/Markdown/index.js

@@ -0,0 +1,6 @@
+import e from "./Markdown.js";
+import t from "./Markdown.styles.js";
+//#region src/components/Markdown/index.ts
+var n = e;
+//#endregion
+export { n as default, t as markdownTheme };

package/dist/components/MenuList/Menu.d.ts

@@ -0,0 +1,12 @@
+import { MenuListProps } from './MenuList';
+import { default as MenuListStyles, variantKeys } from './MenuList.styles';
+import { useThemeSharedProps } from '../../hooks/useTheme';
+import { ReactNode, RefObject } from 'react';
+export type MenuProps = {
+    ref?: RefObject<HTMLDivElement>;
+    children?: ReactNode;
+    testId?: string;
+    onSelect?: MenuListProps['onSelect'];
+} & useThemeSharedProps<typeof MenuListStyles, typeof variantKeys>;
+declare const Menu: ({ ref, className, children, testId, onSelect }: MenuProps) => import("react/jsx-runtime").JSX.Element;
+export default Menu;

package/dist/components/MenuList/Menu.js

@@ -0,0 +1,37 @@
+import e from "../../hooks/useTheme/index.js";
+import t from "./MenuItem.js";
+import { Children as n, cloneElement as r, isValidElement as i, useMemo as a } from "react";
+import { jsx as o } from "react/jsx-runtime";
+//#region src/components/MenuList/Menu.tsx
+var s = ({ ref: s, className: c, children: l, testId: u, onSelect: d }) => {
+	c = e("MenuList", {
+		className: c,
+		componentKey: "menu"
+	});
+	let { items: f } = a(() => {
+		let e = { items: [] };
+		return n.forEach(l, (n, a) => {
+			if (i(n) && n.type === t) {
+				let t = n.props;
+				e.items.push(r(n, {
+					testId: u ? `${u}-${a}` : void 0,
+					key: a,
+					...t,
+					onSelect: d
+				}));
+			}
+		}), e;
+	}, [
+		l,
+		d,
+		u
+	]);
+	return /* @__PURE__ */ o("div", {
+		ref: s,
+		className: c,
+		"data-testid": u,
+		children: f
+	});
+};
+//#endregion
+export { s as default };

package/dist/components/MenuList/MenuItem.d.ts

@@ -0,0 +1,12 @@
+import { MenuListProps } from './MenuList';
+import { default as MenuListStyles, variantKeys } from './MenuList.styles';
+import { useThemeSharedProps } from '../../hooks/useTheme';
+import { ReactNode } from 'react';
+export type MenuItemProps = {
+    children?: ReactNode;
+    testId?: string;
+    value?: string;
+    onSelect?: MenuListProps['onSelect'];
+} & useThemeSharedProps<typeof MenuListStyles, typeof variantKeys>;
+declare const MenuItem: ({ className, children, value, disabled, testId, onSelect }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
+export default MenuItem;

package/dist/components/MenuList/MenuItem.js

@@ -0,0 +1,100 @@
+import e from "../../hooks/useTheme/index.js";
+import t from "../Icon/index.js";
+import n from "../../hooks/useDidUpdateEffect/index.js";
+import r from "./MenuListContext.js";
+import i from "./MenuListContainer.js";
+import a from "./Menu.js";
+import { Children as o, cloneElement as s, isValidElement as c, use as l, useCallback as u, useMemo as d, useRef as f, useState as p } from "react";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+import _ from "clsx";
+//#region src/components/MenuList/MenuItem.tsx
+var v = ({ className: v, children: y, value: b, disabled: x, testId: S, onSelect: C }) => {
+	let w = e("MenuList", {
+		className: v,
+		componentKey: [
+			"menuItem",
+			"container",
+			"icon"
+		],
+		variants: { disabled: x }
+	}), T = f(null), E = l(r), D = d(() => ({
+		...E,
+		parentMenuRef: T
+	}), [E]), [O, k] = p(!1);
+	n(() => {
+		M && k((e) => e && !E.open ? !1 : e);
+	}, [E.open]);
+	let { icon: A, content: j, subMenu: M } = d(() => {
+		let e = {
+			icon: void 0,
+			content: [],
+			subMenu: void 0
+		};
+		return o.forEach(y, (n, r) => {
+			if (typeof n == "string") {
+				e.content.push(n);
+				return;
+			}
+			if (c(n)) if (n.type === t) {
+				let t = n.props;
+				e.icon = s(n, {
+					testId: S ? `${S}-icon` : void 0,
+					...t,
+					intent: "custom"
+				});
+			} else if (n.type === a) {
+				let t = n.props;
+				e.subMenu = s(n, {
+					testId: S ? `${S}-menu` : void 0,
+					...t,
+					onSelect: C
+				});
+			} else {
+				let t = n.props;
+				e.content.push(s(n, {
+					key: r,
+					testId: S ? `${S}-${r}` : void 0,
+					...t
+				}));
+			}
+		}), e;
+	}, [
+		y,
+		C,
+		S
+	]), N = u((e) => {
+		e.stopPropagation(), !x && (M ? k((e) => !e) : C?.(b));
+	}, [
+		x,
+		C,
+		M,
+		b
+	]);
+	return /* @__PURE__ */ g("div", {
+		ref: T,
+		className: _(w.menuItem, { relative: !!M }),
+		"data-testid": S,
+		onClick: N,
+		children: [
+			A,
+			/* @__PURE__ */ h("div", {
+				className: "grow",
+				children: j
+			}),
+			M && /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(r, {
+				value: D,
+				children: /* @__PURE__ */ h(i, {
+					asSubMenu: !0,
+					open: O,
+					children: M
+				})
+			}), /* @__PURE__ */ h(t, {
+				className: w.icon,
+				intent: "custom",
+				icon: "fa-solid fa-chevron-right"
+			})] })
+		]
+	});
+};
+//#endregion
+export { v as default };

package/dist/components/MenuList/MenuList.d.ts

@@ -0,0 +1,21 @@
+import { MenuProps } from './Menu';
+import { default as MenuListStyles, variantKeys } from './MenuList.styles';
+import { MenuListTriggerProps } from './MenuListTrigger';
+import { useThemeSharedProps } from '../../hooks/useTheme';
+import { ReactElement, ReactNode, RefObject } from 'react';
+export type MenuListProps = {
+    ref?: RefObject<HTMLDivElement>;
+    children?: ReactNode;
+    open?: boolean;
+    testId?: string;
+    container?: Element | DocumentFragment;
+    onSelect?: (value?: string) => void;
+} & useThemeSharedProps<typeof MenuListStyles, typeof variantKeys>;
+declare const MenuList: {
+    ({ ref, className, children, open: openProp, disabled, testId, placement, container, onSelect }: MenuListProps): import("react/jsx-runtime").JSX.Element;
+    Trigger: ({ children, className, testId, ref, onClick }: MenuListTriggerProps) => import("react/jsx-runtime").JSX.Element;
+    ItemIcon: ({ className, children, icon, active, disabled, testId, intent, size, cursor, title, ...props }: import('../Icon').IconProps) => string | number | bigint | true | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element;
+    Menu: ({ ref, className, children, testId, onSelect }: MenuProps) => import("react/jsx-runtime").JSX.Element;
+    Item: ({ className, children, value, disabled, testId, onSelect }: import('./MenuItem').MenuItemProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default MenuList;

package/dist/components/MenuList/MenuList.js

@@ -0,0 +1,69 @@
+import e from "../Icon/index.js";
+import t from "./MenuListContext.js";
+import n from "./MenuListContainer.js";
+import r from "./MenuItem.js";
+import i from "./Menu.js";
+import a from "./MenuListTrigger.js";
+import { Children as o, cloneElement as s, isValidElement as c, useCallback as l, useEffect as u, useImperativeHandle as d, useMemo as f, useRef as p, useState as m } from "react";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+//#region src/components/MenuList/MenuList.tsx
+var v = ({ ref: e, className: r, children: v, open: y, disabled: b = !1, testId: x, placement: S, container: C, onSelect: w }) => {
+	let [T, E] = m(y ?? !1), D = p(null);
+	d(e, () => D.current, []);
+	let O = l(() => !b && y === void 0 && E((e) => !e), [b, y]), k = l((e) => {
+		!T || !D.current || y !== void 0 || !D.current.contains(e.target) && !e.target.closest(".menu") && E(!1);
+	}, [T, y]), A = l((e) => {
+		w?.(e), y === void 0 && E(!1);
+	}, [w, y]), { trigger: j, menu: M } = f(() => {
+		let e = {};
+		return o.forEach(v, (t) => {
+			if (c(t)) {
+				if (t.type === a) {
+					let n = t.props;
+					e.trigger = s(t, {
+						testId: x ? `${x}-trigger` : void 0,
+						...n,
+						ref: D,
+						onClick: O
+					});
+				} else if (t.type === i) {
+					let n = t.props;
+					e.menu = s(t, {
+						testId: x ? `${x}-menu` : void 0,
+						...n,
+						onSelect: A
+					});
+				}
+			}
+		}), e;
+	}, [
+		v,
+		O,
+		A,
+		x
+	]);
+	return u(() => {
+		if (T) return document.addEventListener("mousedown", k), () => {
+			document.removeEventListener("mousedown", k);
+		};
+	}, [k, T]), /* @__PURE__ */ _(h, { children: [j, /* @__PURE__ */ g(t, {
+		value: f(() => ({
+			open: T,
+			placement: S,
+			triggerRef: D,
+			container: C
+		}), [
+			T,
+			S,
+			C
+		]),
+		children: /* @__PURE__ */ g(n, {
+			open: T,
+			className: r,
+			children: M
+		})
+	})] });
+};
+v.Trigger = a, v.ItemIcon = e, v.Menu = i, v.Item = r;
+//#endregion
+export { v as default };

package/dist/components/MenuList/MenuList.styles.d.ts

@@ -0,0 +1,20 @@
+export declare const variantKeys: {
+    readonly placement: readonly ["top-left", "top-right", "bottom-left", "bottom-right"];
+    readonly disabled: readonly [true, false];
+    readonly active: readonly [true, false];
+};
+export declare const STYLES_COMPONENT_NAME = "MenuList";
+declare const _default: {
+    root: (props?: ({} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+    trigger: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+    container: (props?: ({
+        placement?: "top-left" | "top-right" | "bottom-left" | "bottom-right" | null | undefined;
+    } & import('class-variance-authority/types').ClassProp) | undefined) => string;
+    menu: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+    menuItem: (props?: ({
+        disabled?: boolean | null | undefined;
+        active?: boolean | null | undefined;
+    } & import('class-variance-authority/types').ClassProp) | undefined) => string;
+    icon: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+};
+export default _default;

package/dist/components/MenuList/MenuList.styles.js

@@ -0,0 +1,37 @@
+import e from "../../helpers/cvaWrapper.js";
+var t = {
+	root: e("", {
+		variants: {},
+		compoundVariants: [],
+		defaultVariants: {}
+	}),
+	trigger: e("cursor-pointer"),
+	container: e("fixed z-801", {
+		variants: { placement: {
+			"top-left": "-translate-y-full",
+			"top-right": "-translate-y-full",
+			"bottom-left": "",
+			"bottom-right": ""
+		} },
+		compoundVariants: [],
+		defaultVariants: { placement: "bottom-left" }
+	}),
+	menu: e("flex gap-0.5 flex-col py-1.5 bg-white dark:bg-zinc-800 border border-gray-200 dark:border-zinc-700 shadow-lg shadow-black/10 dark:shadow-black/30 min-w-43.75 rounded-lg overflow-hidden"),
+	menuItem: e("flex items-center py-1.5 px-3 gap-2 text-sm mx-1.5 rounded-md transition-colors duration-100", {
+		variants: {
+			disabled: {
+				true: "cursor-not-allowed text-zinc-400 dark:text-zinc-500",
+				false: "cursor-pointer text-zinc-700 dark:text-zinc-300 hover:bg-gray-100 dark:hover:bg-zinc-700/60 hover:text-zinc-900 dark:hover:text-zinc-100"
+			},
+			active: {
+				true: "bg-primary-50 text-primary-600 dark:bg-primary-900/30 dark:text-primary-400",
+				false: ""
+			}
+		},
+		compoundVariants: [],
+		defaultVariants: { disabled: !1 }
+	}),
+	icon: e("shrink-0 w-4 text-zinc-500 dark:text-zinc-400")
+};
+//#endregion
+export { t as default };

package/dist/components/MenuList/MenuListContainer.d.ts

@@ -0,0 +1,10 @@
+import { default as MenuListStyles, variantKeys } from './MenuList.styles';
+import { useThemeSharedProps } from '../../hooks/useTheme';
+import { ReactNode } from 'react';
+type MenuListContainerProps = {
+    open: boolean;
+    children: ReactNode;
+    asSubMenu?: boolean;
+} & useThemeSharedProps<typeof MenuListStyles, Omit<typeof variantKeys, 'placement'>>;
+declare const MenuListContainer: ({ className, children, open, asSubMenu }: MenuListContainerProps) => import('react').ReactPortal;
+export default MenuListContainer;

package/dist/components/MenuList/MenuListContainer.js

@@ -0,0 +1,62 @@
+import e from "../../hooks/useTheme/index.js";
+import t from "./MenuListContext.js";
+import { use as n, useCallback as r, useEffect as i, useMemo as a, useRef as o, useState as s } from "react";
+import { jsx as c } from "react/jsx-runtime";
+import l from "clsx";
+import { createPortal as u } from "react-dom";
+//#region src/components/MenuList/MenuListContainer.tsx
+var d = ({ className: d, children: f, open: p = !1, asSubMenu: m = !1 }) => {
+	let { container: h, triggerRef: g, placement: _, parentMenuRef: v } = n(t), y = o(null), [b, x] = s(_);
+	d = e("MenuList", {
+		className: d,
+		componentKey: "container",
+		variants: { placement: b }
+	});
+	let [S, C] = s({
+		top: void 0,
+		left: void 0
+	}), w = r(() => {
+		if (!g) return;
+		let e = g.current.getBoundingClientRect(), t = y.current?.getBoundingClientRect() ?? {
+			top: 0,
+			left: 0,
+			height: 0,
+			width: 0
+		}, n = v?.current.getBoundingClientRect(), r = _;
+		if (!_) {
+			let n = ["bottom", "left"];
+			n[0] = e.top + t.height > window.innerHeight ? "top" : "bottom", n[1] = e.left + t.width > window.innerWidth ? "right" : "left", r = n.join("-");
+		}
+		x(r);
+		let i = 0, a = 0;
+		r === "top-left" ? (i = e.top - 4, a = e.left + 0, m && n && (i = n.top + n.height, a = n.left + n.width + 0 + 4)) : r === "top-right" ? (i = e.top - 4, a = e.left - t.width + e.width - 0, m && n && (i = n.top + n.height, a = n.left + 0 - 4)) : r === "bottom-left" ? (i = e.bottom + 4, a = e.left + 0, m && n && (i = n.top, a = n.left + n.width + 0 + 4)) : (i = e.bottom + 4, a = e.left - t.width + e.width - 0, m && n && (i = n.top, a = n.left + 0 - 4)), C({
+			top: i,
+			left: a
+		});
+	}, [
+		g,
+		v,
+		_,
+		m
+	]), T = r(() => p && w(), [p, w]);
+	return i(() => {
+		if (p) return document.addEventListener("scroll", T, !0), window.addEventListener("resize", T), () => {
+			document.removeEventListener("scroll", T, !0), window.removeEventListener("resize", T);
+		};
+	}, [p, T]), i(() => {
+		p && w();
+	}, [p, w]), u(/* @__PURE__ */ c("div", {
+		ref: y,
+		style: a(() => ({
+			top: S.top,
+			left: S.left
+		}), [S]),
+		className: l("menu", d, {
+			"opacity-0 pointer-events-none": S.top === void 0 || S.left === void 0 || !p,
+			"-translate-x-full": m && (b === "top-right" || b === "bottom-right")
+		}),
+		children: f
+	}), h ?? document.body);
+};
+//#endregion
+export { d as default };

package/dist/components/MenuList/MenuListContext.d.ts

@@ -0,0 +1,11 @@
+import { MenuListProps } from './MenuList';
+import { RefObject } from 'react';
+export type MenuListContextValue = {
+    triggerRef?: RefObject<HTMLDivElement>;
+    parentMenuRef?: RefObject<HTMLDivElement>;
+    container?: Element | DocumentFragment;
+    open?: boolean;
+    placement?: MenuListProps['placement'];
+};
+declare const MenuListContext: import('react').Context<MenuListContextValue>;
+export default MenuListContext;

package/dist/components/MenuList/MenuListContext.js

@@ -0,0 +1,5 @@
+import { createContext as e } from "react";
+var t = e({});
+t.displayName = "MenuListContext";
+//#endregion
+export { t as default };

package/dist/components/MenuList/MenuListTrigger.d.ts

@@ -0,0 +1,11 @@
+import { default as MenuListStyles, variantKeys } from './MenuList.styles';
+import { useThemeSharedProps } from '../../hooks/useTheme';
+import { MouseEvent, ReactNode, RefObject } from 'react';
+export type MenuListTriggerProps = {
+    children?: ReactNode;
+    ref?: RefObject<HTMLDivElement>;
+    testId?: string;
+    onClick?: (e: MouseEvent<HTMLDivElement>) => void;
+} & useThemeSharedProps<typeof MenuListStyles, typeof variantKeys>;
+declare const MenuListTrigger: ({ children, className, testId, ref, onClick }: MenuListTriggerProps) => import("react/jsx-runtime").JSX.Element;
+export default MenuListTrigger;

package/dist/components/MenuList/MenuListTrigger.js

@@ -0,0 +1,15 @@
+import e from "../../hooks/useTheme/index.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/MenuList/MenuListTrigger.tsx
+var n = ({ children: n, className: r, testId: i, ref: a, onClick: o }) => (r = e("MenuList", {
+	className: r,
+	componentKey: "trigger"
+}), /* @__PURE__ */ t("div", {
+	ref: a,
+	className: r,
+	onClick: o,
+	"data-testid": i,
+	children: n
+}));
+//#endregion
+export { n as default };

package/dist/components/MenuList/index.d.ts

@@ -0,0 +1,5 @@
+import { default as MenuList } from './MenuList';
+import { default as menuListTheme } from './MenuList.styles';
+export * from './MenuList';
+export { menuListTheme };
+export default MenuList;

package/dist/components/MenuList/index.js

@@ -0,0 +1,6 @@
+import e from "./MenuList.js";
+import t from "./MenuList.styles.js";
+//#region src/components/MenuList/index.ts
+var n = e;
+//#endregion
+export { n as default, t as menuListTheme };

package/dist/components/MetricInput/MetricInput.d.ts

@@ -0,0 +1,29 @@
+import { default as MetricInputStyles, variantKeys } from './MetricInput.styles';
+import { IconProps } from '../Icon';
+import { useThemeSharedProps } from '../../hooks/useTheme';
+import { ReactElement, ReactNode, RefObject } from 'react';
+export type MetricInputProps = {
+    ref?: RefObject<HTMLInputElement>;
+    children?: ReactNode;
+    placeholder?: string;
+    loading?: boolean;
+    error?: boolean;
+    prefix?: string;
+    units?: {
+        value: string;
+        label: string;
+    }[];
+    type?: 'text';
+    step?: number;
+    min?: number;
+    max?: number;
+    value?: string;
+    allowedWords?: string[];
+    allowVariables?: boolean;
+    onChange?: (value: string) => void;
+} & useThemeSharedProps<typeof MetricInputStyles, typeof variantKeys>;
+declare const MetricInput: {
+    ({ ref, children, className, placeholder, loading, disabled, error, prefix, units: unitsProp, type, size, intent, value: valueProp, allowedWords, allowVariables, step, min, max, onChange, ...inputProps }: MetricInputProps): import("react/jsx-runtime").JSX.Element;
+    Icon: ({ className, children, icon, active, disabled, testId, intent, size, cursor, title, ...props }: IconProps) => string | number | bigint | true | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element;
+};
+export default MetricInput;