@plitzi/plitzi-ui 1.6.2

package/dist/components/MetricInput/MetricInput.js

@@ -0,0 +1,173 @@
+import e from "../../hooks/useTheme/index.js";
+import t from "../Icon/index.js";
+import n from "../MenuList/index.js";
+import { countDecimals as r, cssVarFullRegex as i, cssVarPartialRegex as a, generateMetricRegex as o, generateRegexFromWord as s } from "./utils.js";
+import { Children as c, cloneElement as l, isValidElement as u, useCallback as d, useMemo as f } from "react";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+import g from "clsx";
+//#region src/components/MetricInput/MetricInput.tsx
+var _ = ({ ref: _, children: v, className: y = "", placeholder: b = "", loading: x = !1, disabled: S = !1, error: C = !1, prefix: w = "", units: T, type: E = "text", size: D, intent: O = "default", value: k = "", allowedWords: A, allowVariables: j = !1, step: M = 1, min: N = 0, max: P = Infinity, onChange: F, ...I }) => {
+	let L = e("MetricInput", {
+		className: y,
+		componentKey: [
+			"root",
+			"input",
+			"inputContainer",
+			"iconFloatingContainer",
+			"icon",
+			"iconError",
+			"units",
+			"divider"
+		],
+		variants: {
+			intent: C ? "error" : O,
+			size: D,
+			disabled: S
+		}
+	}), R = f(() => T?.find((e) => e.value === "" || e.label === "-") ? T : T ? [...T, {
+		label: "-",
+		value: ""
+	}] : [{
+		label: "-",
+		value: ""
+	}], [T]), z = f(() => s(A), [A]), B = f(() => o(R, A), [A, R]), V = d((e) => {
+		if (j && (i.test(e) || a.test(e))) return [
+			e,
+			"",
+			!0
+		];
+		let t = B.exec(e), n = t?.groups?.unit ?? R[0].value, r = t?.groups?.amount ?? "", o = !!z?.exec(e);
+		return [
+			r,
+			o ? "" : n,
+			o
+		];
+	}, [
+		j,
+		z,
+		R,
+		B
+	]), [H, U, W] = f(() => V(k), [V, k]), G = d((e) => {
+		let t = e.target.value, [n, , r] = V(t);
+		if (j && (i.test(t) || a.test(t))) {
+			F?.(t);
+			return;
+		}
+		if (!Number.isNaN(n) && (Number(n) < N && N !== Infinity || P !== Infinity && Number(n) > P)) return;
+		let o = !r && W ? R[0].value : U, s = n && o && !r ? `${n}${o}` : n;
+		H === n || t.length > H.length && !n || s && !B.exec(s) || F?.(s);
+	}, [
+		V,
+		j,
+		N,
+		P,
+		W,
+		R,
+		U,
+		H,
+		B,
+		F
+	]), K = d(() => {
+		if (j && H && a.test(H) && !i.test(H)) {
+			F?.("");
+			return;
+		}
+		if (H === "-") {
+			F?.("");
+			return;
+		}
+	}, [
+		j,
+		H,
+		F
+	]), q = d((e) => {
+		if (H && !W) {
+			F?.(`${H}${e}`);
+			return;
+		}
+		if (!H) {
+			F?.(`0${e}`);
+			return;
+		}
+		F?.("");
+	}, [
+		W,
+		F,
+		H
+	]), J = d((e) => {
+		if (j && (i.test(H) || a.test(H)) || e.key !== "ArrowUp" && e.key !== "ArrowDown") return;
+		let t = Number(H);
+		switch (e.key) {
+			case "ArrowUp":
+				(t + M <= P || P === Infinity) && (t = Number((t + M).toFixed(r(M))));
+				break;
+			case "ArrowDown":
+				(t - M >= N || N === Infinity) && (t = Number((t - M).toFixed(r(M))));
+				break;
+			default:
+		}
+		Number.isNaN(t) && (t = N), H !== `${t}` && F?.(U ? `${t}${U}` : `${t}${R[0].value}`);
+	}, [
+		j,
+		H,
+		M,
+		P,
+		N,
+		F,
+		U,
+		R
+	]), { iconChildren: Y } = f(() => {
+		let e = { iconChildren: void 0 };
+		return c.forEach(v, (n) => {
+			u(n) && n.type === t && (e.iconChildren = l(n, {
+				className: g(L.icon, n.props.className),
+				size: D,
+				intent: "custom"
+			}));
+		}), e;
+	}, [
+		v,
+		L.icon,
+		D
+	]);
+	return /* @__PURE__ */ m("div", {
+		className: L.root,
+		children: /* @__PURE__ */ h("div", {
+			className: L.inputContainer,
+			children: [
+				Y && /* @__PURE__ */ h(p, { children: [Y, /* @__PURE__ */ m("div", { className: L.divider })] }),
+				!!w && w,
+				/* @__PURE__ */ m("input", {
+					ref: _,
+					type: E,
+					placeholder: b,
+					className: L.input,
+					disabled: S,
+					value: H,
+					onChange: G,
+					onKeyDown: J,
+					onBlur: K,
+					...I
+				}),
+				(C || x) && /* @__PURE__ */ h("div", {
+					className: L.iconFloatingContainer,
+					children: [C && /* @__PURE__ */ m("i", { className: g("fa-solid fa-circle-exclamation", L.iconError) }), x && /* @__PURE__ */ m("i", { className: g("fa-solid fa-sync fa-spin", L.iconLoading) })]
+				}),
+				/* @__PURE__ */ h(n, {
+					onSelect: q,
+					disabled: S,
+					children: [/* @__PURE__ */ m(n.Trigger, {
+						className: L.units,
+						children: U || "-"
+					}), /* @__PURE__ */ m(n.Menu, { children: R.map((e, t) => /* @__PURE__ */ m(n.Item, {
+						value: e.value,
+						children: e.label
+					}, t)) })]
+				})
+			]
+		})
+	});
+};
+_.Icon = t;
+//#endregion
+export { _ as default };

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

@@ -0,0 +1,45 @@
+export declare const variantKeys: {
+    readonly intent: readonly ["default", "error"];
+    readonly size: readonly ["xs", "sm", "md"];
+    readonly disabled: readonly [true, false];
+};
+export declare const STYLES_COMPONENT_NAME = "MetricInput";
+declare const _default: {
+    root: (props?: ({
+        intent?: "default" | "error" | null | undefined;
+        disabled?: boolean | null | undefined;
+        size?: "xs" | "md" | "sm" | null | undefined;
+    } & import('class-variance-authority/types').ClassProp) | undefined) => string;
+    inputContainer: (props?: ({
+        intent?: "default" | "error" | null | undefined;
+        size?: "xs" | "md" | "sm" | null | undefined;
+    } & import('class-variance-authority/types').ClassProp) | undefined) => string;
+    input: (props?: ({
+        intent?: "default" | "error" | null | undefined;
+        disabled?: boolean | null | undefined;
+        size?: "xs" | "md" | "sm" | null | undefined;
+    } & import('class-variance-authority/types').ClassProp) | undefined) => string;
+    units: (props?: ({
+        intent?: "default" | "error" | null | undefined;
+        disabled?: boolean | null | undefined;
+        size?: "xs" | "md" | "sm" | null | undefined;
+    } & import('class-variance-authority/types').ClassProp) | undefined) => string;
+    iconFloatingContainer: (props?: ({
+        intent?: "default" | null | undefined;
+        size?: "xs" | "md" | "sm" | null | undefined;
+    } & import('class-variance-authority/types').ClassProp) | undefined) => string;
+    icon: (props?: ({
+        intent?: "default" | "error" | null | undefined;
+        size?: null | undefined;
+    } & import('class-variance-authority/types').ClassProp) | undefined) => string;
+    iconError: (props?: ({
+        intent?: "default" | "error" | null | undefined;
+        size?: "xs" | "md" | "sm" | null | undefined;
+    } & import('class-variance-authority/types').ClassProp) | undefined) => string;
+    iconLoading: (props?: ({
+        intent?: "default" | null | undefined;
+        size?: "xs" | "md" | "sm" | null | undefined;
+    } & import('class-variance-authority/types').ClassProp) | undefined) => string;
+    divider: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+};
+export default _default;

package/dist/components/MetricInput/MetricInput.styles.js

@@ -0,0 +1,168 @@
+import e from "../../helpers/cvaWrapper.js";
+var t = {
+	root: e("flex flex-col", {
+		variants: {
+			intent: {
+				default: "",
+				error: ""
+			},
+			disabled: {
+				true: "opacity-60 pointer-events-none",
+				false: ""
+			},
+			size: {
+				md: "gap-1.5",
+				sm: "gap-1 text-sm",
+				xs: "gap-1 text-xs"
+			}
+		},
+		compoundVariants: [],
+		defaultVariants: {
+			intent: "default",
+			size: "md",
+			disabled: !1
+		}
+	}),
+	inputContainer: e("flex items-center border relative transition-colors duration-150 focus-within:ring-2 focus-within:ring-offset-0 bg-white dark:bg-zinc-800 dark:text-zinc-300", {
+		variants: {
+			intent: {
+				default: "border-gray-300 dark:border-zinc-700 hover:border-gray-400 dark:hover:border-zinc-500 focus-within:ring-primary-500/30 dark:focus-within:ring-primary-400/30",
+				error: "border-red-500 focus-within:ring-red-500/30"
+			},
+			size: {
+				md: "py-2 px-3 gap-2 rounded-lg",
+				sm: "py-1.5 px-2 gap-1.5 rounded",
+				xs: "py-1 px-1.5 gap-1 rounded-sm"
+			}
+		},
+		compoundVariants: [],
+		defaultVariants: {
+			intent: "default",
+			size: "md"
+		}
+	}),
+	input: e("p-0 outline-none focus:ring-0 basis-0 grow min-w-0 border-none bg-transparent text-zinc-900 placeholder:text-zinc-400 dark:text-zinc-200 dark:placeholder:text-zinc-500", {
+		variants: {
+			intent: {
+				default: "",
+				error: ""
+			},
+			disabled: {
+				true: "cursor-not-allowed",
+				false: ""
+			},
+			size: {
+				md: "text-sm",
+				sm: "text-sm",
+				xs: "text-xs"
+			}
+		},
+		compoundVariants: [
+			{
+				intent: "error",
+				size: "md",
+				className: "pr-6"
+			},
+			{
+				intent: "error",
+				size: "sm",
+				className: "pr-5"
+			},
+			{
+				intent: "error",
+				size: "xs",
+				className: "pr-4"
+			}
+		],
+		defaultVariants: {
+			intent: "default",
+			size: "md",
+			disabled: !1
+		}
+	}),
+	units: e("select-none text-center font-medium text-zinc-500 dark:text-zinc-400 border-l border-gray-200 dark:border-zinc-700 transition-colors duration-100", {
+		variants: {
+			intent: {
+				default: "",
+				error: ""
+			},
+			disabled: {
+				true: "cursor-not-allowed",
+				false: "cursor-pointer hover:text-zinc-700 dark:hover:text-zinc-200"
+			},
+			size: {
+				md: "text-sm min-w-9 pl-2",
+				sm: "text-sm min-w-8 pl-1.5",
+				xs: "text-xs min-w-6 pl-1"
+			}
+		},
+		compoundVariants: [],
+		defaultVariants: {
+			intent: "default",
+			size: "md",
+			disabled: !1
+		}
+	}),
+	iconFloatingContainer: e("flex absolute top-1/2 -translate-y-1/2", {
+		variants: {
+			intent: { default: "" },
+			size: {
+				md: "right-14 gap-2",
+				sm: "right-12 gap-1.5",
+				xs: "right-10 gap-1"
+			}
+		},
+		compoundVariants: [],
+		defaultVariants: {
+			intent: "default",
+			size: "md"
+		}
+	}),
+	icon: e("shrink-0 text-zinc-400 dark:text-zinc-500", {
+		variants: {
+			intent: {
+				default: "",
+				error: "text-red-500 dark:text-red-400"
+			},
+			size: {}
+		},
+		compoundVariants: [],
+		defaultVariants: { intent: "default" }
+	}),
+	iconError: e("shrink-0", {
+		variants: {
+			intent: {
+				default: "",
+				error: "text-red-500 dark:text-red-400"
+			},
+			size: {
+				md: "",
+				sm: "",
+				xs: ""
+			}
+		},
+		compoundVariants: [],
+		defaultVariants: {
+			intent: "default",
+			size: "md"
+		}
+	}),
+	iconLoading: e("text-zinc-400 dark:text-zinc-500", {
+		variants: {
+			intent: { default: "" },
+			size: {
+				md: "",
+				sm: "",
+				xs: ""
+			}
+		},
+		compoundVariants: [],
+		defaultVariants: {
+			intent: "default",
+			size: "md"
+		}
+	}),
+	divider: e("w-px bg-gray-200 dark:bg-zinc-700 self-stretch shrink-0")
+};
+//#endregion
+export { t as default };

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

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

package/dist/components/MetricInput/index.js

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

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

@@ -0,0 +1,8 @@
+export declare const cssVarFullRegex: RegExp;
+export declare const cssVarPartialRegex: RegExp;
+export declare const generateRegexFromWord: (words?: string | string[], asSubRegex?: boolean) => RegExp | undefined;
+export declare const generateMetricRegex: (units: {
+    value: string;
+    label: string;
+}[], allowedWords?: string[]) => RegExp;
+export declare const countDecimals: (value: number) => number;

package/dist/components/MetricInput/utils.js

@@ -0,0 +1,19 @@
+//#region src/components/MetricInput/utils.ts
+var e = /^var\(--[a-zA-Z0-9-_]+\)$/, t = /^v$|^va$|^var$|^var\($|^var\(--?[a-zA-Z0-9-_]*$/i, n = (e, t = !1) => {
+	if (!e) return;
+	typeof e == "string" && (e = [e]);
+	let n = [];
+	return e.forEach((e) => {
+		let t = e.split("").map((t, n) => e.substring(0, n + 1)).join("|");
+		n.push(`(${t})`);
+	}), n.length === 1 && !t ? RegExp(`^${n[0]}$`) : n.length === 1 ? new RegExp(n[0]) : RegExp(t ? `(${n.join("|")})` : `^(${n.join("|")})$`);
+}, r = (e, t) => {
+	let r = t && t.length > 0 ? n(t, !0) : void 0, i = "(?<amount>(-|-(?:[0-9]+(?:\\.[0-9]*)?|\\.[0-9]+)|(?:[0-9]+(?:\\.[0-9]*)?|\\.[0-9]+)))";
+	if (r && (i = `(?<amount>(-|-(?:[0-9]+(?:\\.[0-9]*)?|\\.[0-9]+)|(?:[0-9]+(?:\\.[0-9]*)?|\\.[0-9]+)|${r.source}))`), e.length > 0) {
+		let t = `(?<unit>${e.map((e) => e.value).join("|")})`;
+		return RegExp(`^${i}${t}$`, "im");
+	}
+	return RegExp(`^${i}$`, "im");
+}, i = (e) => e % 1 == 0 ? 0 : e.toString().split(".")[1].length || 0;
+//#endregion
+export { i as countDecimals, e as cssVarFullRegex, t as cssVarPartialRegex, r as generateMetricRegex, n as generateRegexFromWord };

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

@@ -0,0 +1 @@
+export {};

package/dist/components/Modal/Assets/index.scss

@@ -0,0 +1,236 @@
+@mixin styles {
+  body.modal-open {
+    overflow: hidden;
+  }
+
+  // Animations
+
+  /* -- fade -- */
+  @keyframes modal-fade-enter {
+    from {
+      opacity: 0;
+    }
+  }
+
+  .modal--fade-enter {
+    animation: modal-fade-enter both ease-in;
+  }
+
+  @keyframes modal-fade-leave {
+    to {
+      opacity: 0;
+    }
+  }
+
+  .modal--fade-leave {
+    animation: modal-fade-leave both ease-out;
+  }
+
+  /* -- zoom -- */
+  @keyframes modal-zoom-enter {
+    from {
+      -webkit-transform: scale3d(0.3, 0.3, 0.3);
+      transform: scale3d(0.3, 0.3, 0.3);
+    }
+  }
+
+  .modal--zoom-enter {
+    animation: modal-zoom-enter both cubic-bezier(0.4, 0, 0, 1.5);
+  }
+
+  @keyframes modal-zoom-leave {
+    to {
+      -webkit-transform: scale3d(0.3, 0.3, 0.3);
+      transform: scale3d(0.3, 0.3, 0.3);
+    }
+  }
+
+  .modal--zoom-leave {
+    animation: modal-zoom-leave both;
+  }
+
+  /* -- slideDown -- */
+  @keyframes modal-slideDown-enter {
+    from {
+      -webkit-transform: translate3d(0, -100px, 0);
+      transform: translate3d(0, -100px, 0);
+    }
+  }
+
+  .modal--slideDown-enter {
+    animation: modal-slideDown-enter both cubic-bezier(0.4, 0, 0, 1.5);
+  }
+
+  @keyframes modal-slideDown-leave {
+    to {
+      -webkit-transform: translate3d(0, -100px, 0);
+      transform: translate3d(0, -100px, 0);
+    }
+  }
+
+  .modal--slideDown-leave {
+    animation: modal-slideDown-leave both;
+  }
+
+  /* -- slideLeft -- */
+  @keyframes modal-slideLeft-enter {
+    from {
+      -webkit-transform: translate3d(-150px, 0, 0);
+      transform: translate3d(-150px, 0, 0);
+    }
+  }
+
+  .modal--slideLeft-enter {
+    animation: modal-slideLeft-enter both cubic-bezier(0.4, 0, 0, 1.5);
+  }
+
+  @keyframes modal-slideLeft-leave {
+    to {
+      -webkit-transform: translate3d(-150px, 0, 0);
+      transform: translate3d(-150px, 0, 0);
+    }
+  }
+
+  .modal--slideLeft-leave {
+    animation: modal-slideLeft-leave both;
+  }
+
+  /* -- slideRight -- */
+  @keyframes modal-slideRight-enter {
+    from {
+      -webkit-transform: translate3d(150px, 0, 0);
+      transform: translate3d(150px, 0, 0);
+    }
+  }
+
+  .modal--slideRight-enter {
+    animation: modal-slideRight-enter both cubic-bezier(0.4, 0, 0, 1.5);
+  }
+
+  @keyframes modal-slideRight-leave {
+    to {
+      -webkit-transform: translate3d(150px, 0, 0);
+      transform: translate3d(150px, 0, 0);
+    }
+  }
+
+  .modal--slideRight-leave {
+    animation: modal-slideRight-leave both;
+  }
+
+  /* -- slideUp -- */
+  @keyframes modal-slideUp-enter {
+    from {
+      -webkit-transform: translate3d(0, 100px, 0);
+      transform: translate3d(0, 100px, 0);
+    }
+  }
+
+  .modal--slideUp-enter {
+    animation: modal-slideUp-enter both cubic-bezier(0.4, 0, 0, 1.5);
+  }
+
+  @keyframes modal-slideUp-leave {
+    to {
+      -webkit-transform: translate3d(0, 100px, 0);
+      transform: translate3d(0, 100px, 0);
+    }
+  }
+
+  .modal--slideUp-leave {
+    animation: modal-slideUp-leave both;
+  }
+
+  /* -- flip -- */
+  @keyframes modal-flip-enter {
+    from {
+      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 60deg);
+      transform: perspective(400px) rotate3d(1, 0, 0, 60deg);
+    }
+    70% {
+      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -15deg);
+      transform: perspective(400px) rotate3d(1, 0, 0, -15deg);
+    }
+    to {
+      -webkit-transform: perspective(400px);
+      transform: perspective(400px);
+    }
+  }
+
+  .modal--flip-enter {
+    animation: modal-flip-enter both ease-in;
+    backface-visibility: visible !important;
+  }
+
+  @keyframes modal-flip-leave {
+    from {
+      -webkit-transform: perspective(400px);
+      transform: perspective(400px);
+    }
+    30% {
+      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -15deg);
+      transform: perspective(400px) rotate3d(1, 0, 0, -15deg);
+    }
+    to {
+      -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 45deg);
+      transform: perspective(400px) rotate3d(1, 0, 0, 45deg);
+    }
+  }
+
+  .modal--flip-leave {
+    animation: modal-flip-leave both;
+    backface-visibility: visible !important;
+  }
+
+  /* -- rotate -- */
+  @keyframes modal-rotate-enter {
+    from {
+      -webkit-transform: rotate3d(0, 0, 1, -180deg) scale3d(0.3, 0.3, 0.3);
+      transform: rotate3d(0, 0, 1, -180deg) scale3d(0.3, 0.3, 0.3);
+    }
+  }
+
+  .modal--rotate-enter {
+    transform-origin: center;
+    animation: modal-rotate-enter both;
+  }
+
+  @keyframes modal-rotate-leave {
+    to {
+      -webkit-transform: rotate3d(0, 0, 1, 180deg) scale3d(0.3, 0.3, 0.3);
+      transform: rotate3d(0, 0, 1, 180deg) scale3d(0.3, 0.3, 0.3);
+    }
+  }
+
+  .modal--rotate-leave {
+    transform-origin: center;
+    animation: modal-rotate-leave both;
+  }
+
+  /* -- door -- */
+  @keyframes modal-door-enter {
+    from {
+      -webkit-transform: scale3d(0, 1, 1);
+      transform: scale3d(0, 1, 1);
+    }
+  }
+
+  .modal--door-enter {
+    animation: modal-door-enter both cubic-bezier(0.4, 0, 0, 1.5);
+  }
+
+  @keyframes modal-door-leave {
+    60% {
+      -webkit-transform: scale3d(0.01, 1, 1);
+      transform: scale3d(0.01, 1, 1);
+    }
+    to {
+      -webkit-transform: scale3d(0, 1, 0.1);
+      transform: scale3d(0, 1, 0.1);
+    }
+  }
+
+  .modal--door-leave {
+    animation: modal-door-leave both;
+  }
+}

package/dist/components/Modal/Modal.d.ts

@@ -0,0 +1,23 @@
+import { default as ModalStyles, variantKeys } from './Modal.styles';
+import { useThemeSharedProps } from '../../hooks/useTheme';
+import { CSSProperties, HTMLAttributes, MouseEvent, ReactNode, RefObject } from 'react';
+export type ModalProps = {
+    ref?: RefObject<HTMLDivElement>;
+    children?: ReactNode;
+    id?: string;
+    style?: CSSProperties;
+    container?: Element | DocumentFragment;
+    open?: boolean;
+    animation?: 'zoom' | 'fade' | 'flip' | 'door' | 'slideUp' | 'slideDown' | 'slideLeft' | 'slideRight';
+    duration?: number;
+    isClosing?: boolean;
+    onClose?: (e?: MouseEvent) => void | Promise<void>;
+} & Omit<HTMLAttributes<HTMLDivElement>, 'className'> & useThemeSharedProps<typeof ModalStyles, typeof variantKeys>;
+declare const Modal: {
+    ({ ref, className, children, style, animation, duration, id: idProp, container, open, isClosing, size, onClose, ...otherProps }: ModalProps): import('react').ReactPortal | undefined;
+    Header: ({ ref, className, children, closeable, testId, intent, size, shadow, rounded, overflow, direction, wrap, items, justify, alignItems, gap, onClose, ...props }: import('../Card/CardHeader').CardHeaderProps) => import("react/jsx-runtime").JSX.Element;
+    HeaderIcon: ({ className, children, icon, active, disabled, testId, intent, size, cursor, title, ...props }: import('..').IconProps) => string | number | bigint | true | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element;
+    Body: ({ ref, className, children, testId, intent, size, shadow, rounded, overflow, direction, wrap, items, justify, alignItems, gap, ...props }: import('../Card/CardBody').CardBodyProps) => import("react/jsx-runtime").JSX.Element;
+    Footer: ({ ref, className, children, testId, intent, size, shadow, rounded, overflow, direction, wrap, items, justify, alignItems, gap, ...props }: import('../Card/CardFooter').CardFooterProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default Modal;