@plitzi/plitzi-ui 1.6.2

package/dist/components/Card/Card.styles.js

@@ -0,0 +1,94 @@
+import e from "../../helpers/cvaWrapper.js";
+var t = {
+	root: e("", {
+		variants: {
+			intent: {
+				white: "bg-white dark:bg-zinc-800 border-gray-200 dark:border-zinc-700 border",
+				modal: "bg-white dark:bg-zinc-800 w-full border-gray-200 dark:border-zinc-700 border"
+			},
+			shadow: {
+				normal: "shadow-md shadow-black/8 dark:shadow-black/30",
+				dark: "shadow-xl shadow-black/15 dark:shadow-black/50",
+				none: "",
+				custom: ""
+			},
+			rounded: {
+				none: "",
+				sm: "rounded",
+				md: "rounded-lg",
+				lg: "rounded-xl"
+			},
+			overflow: {
+				none: "",
+				hidden: "overflow-hidden"
+			}
+		},
+		compoundVariants: [],
+		defaultVariants: {
+			intent: "white",
+			shadow: "normal",
+			rounded: "md",
+			overflow: "hidden"
+		}
+	}),
+	header: e("flex items-center justify-between", {
+		variants: {
+			intent: {
+				white: "",
+				modal: "border-b border-gray-100 dark:border-zinc-700"
+			},
+			size: {
+				md: "px-5 py-4",
+				sm: "px-4 py-3",
+				xs: "px-3 py-2",
+				custom: ""
+			}
+		},
+		compoundVariants: [],
+		defaultVariants: {
+			intent: "white",
+			size: "md"
+		}
+	}),
+	headerCloseButton: e("cursor-pointer text-zinc-400 dark:text-zinc-500 hover:text-zinc-700 dark:hover:text-zinc-200 transition-colors duration-100 rounded p-0.5 hover:bg-gray-100 dark:hover:bg-zinc-700"),
+	body: e("", {
+		variants: {
+			intent: {
+				white: "",
+				modal: ""
+			},
+			size: {
+				md: "px-5 py-4",
+				sm: "px-4 py-3",
+				xs: "px-3 py-2",
+				custom: ""
+			}
+		},
+		compoundVariants: [],
+		defaultVariants: {
+			intent: "white",
+			size: "md"
+		}
+	}),
+	footer: e("flex items-center gap-2", {
+		variants: {
+			intent: {
+				white: "",
+				modal: "border-t border-gray-100 dark:border-zinc-700"
+			},
+			size: {
+				md: "px-5 py-4",
+				sm: "px-4 py-3",
+				xs: "px-3 py-2",
+				custom: ""
+			}
+		},
+		compoundVariants: [],
+		defaultVariants: {
+			intent: "white",
+			size: "md"
+		}
+	})
+};
+//#endregion
+export { t as default };

package/dist/components/Card/CardBody.d.ts

@@ -0,0 +1,11 @@
+import { default as CardStyles, variantKeys } from './Card.styles';
+import { variantKeys as variantKeysFlex } from '../Flex/Flex.styles';
+import { useThemeSharedProps } from '../../hooks/useTheme';
+import { HTMLAttributes, ReactNode, RefObject } from 'react';
+export type CardBodyProps = {
+    ref?: RefObject<HTMLDivElement | null>;
+    children?: ReactNode;
+    testId?: string;
+} & Omit<HTMLAttributes<HTMLDivElement>, 'className'> & useThemeSharedProps<typeof CardStyles, typeof variantKeys & typeof variantKeysFlex>;
+declare const CardBody: ({ ref, className, children, testId, intent, size, shadow, rounded, overflow, direction, wrap, items, justify, alignItems, gap, ...props }: CardBodyProps) => import("react/jsx-runtime").JSX.Element;
+export default CardBody;

package/dist/components/Card/CardBody.js

@@ -0,0 +1,29 @@
+import e from "../../hooks/useTheme/index.js";
+import t from "../Flex/index.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/Card/CardBody.tsx
+var r = ({ ref: r, className: i, children: a, testId: o, intent: s, size: c, shadow: l, rounded: u, overflow: d, direction: f = "column", wrap: p, items: m, justify: h, alignItems: g, gap: _, ...v }) => (i = e("Card", {
+	className: i,
+	componentKey: "body",
+	variants: {
+		intent: s,
+		size: c,
+		shadow: l,
+		rounded: u,
+		overflow: d
+	}
+}), /* @__PURE__ */ n(t, {
+	...v,
+	ref: r,
+	testId: o,
+	className: i,
+	direction: f,
+	wrap: p,
+	items: m,
+	justify: h,
+	gap: _,
+	alignItems: g,
+	children: a
+}));
+//#endregion
+export { r as default };

package/dist/components/Card/CardFooter.d.ts

@@ -0,0 +1,11 @@
+import { default as CardStyles, variantKeys } from './Card.styles';
+import { variantKeys as variantKeysFlex } from '../Flex/Flex.styles';
+import { useThemeSharedProps } from '../../hooks/useTheme';
+import { HTMLAttributes, ReactNode, RefObject } from 'react';
+export type CardFooterProps = {
+    ref?: RefObject<HTMLDivElement | null>;
+    children?: ReactNode;
+    testId?: string;
+} & Omit<HTMLAttributes<HTMLDivElement>, 'className'> & useThemeSharedProps<typeof CardStyles, typeof variantKeys & typeof variantKeysFlex>;
+declare const CardFooter: ({ ref, className, children, testId, intent, size, shadow, rounded, overflow, direction, wrap, items, justify, alignItems, gap, ...props }: CardFooterProps) => import("react/jsx-runtime").JSX.Element;
+export default CardFooter;

package/dist/components/Card/CardFooter.js

@@ -0,0 +1,29 @@
+import e from "../../hooks/useTheme/index.js";
+import t from "../Flex/index.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/Card/CardFooter.tsx
+var r = ({ ref: r, className: i, children: a, testId: o, intent: s, size: c, shadow: l, rounded: u, overflow: d, direction: f, wrap: p, items: m, justify: h, alignItems: g, gap: _ = 2, ...v }) => (i = e("Card", {
+	className: i,
+	componentKey: "footer",
+	variants: {
+		intent: s,
+		size: c,
+		shadow: l,
+		rounded: u,
+		overflow: d
+	}
+}), /* @__PURE__ */ n(t, {
+	...v,
+	ref: r,
+	testId: o,
+	className: i,
+	direction: f,
+	wrap: p,
+	items: m,
+	justify: h,
+	gap: _,
+	alignItems: g,
+	children: a
+}));
+//#endregion
+export { r as default };

package/dist/components/Card/CardHeader.d.ts

@@ -0,0 +1,13 @@
+import { default as CardStyles, variantKeys } from './Card.styles';
+import { variantKeys as variantKeysFlex } from '../Flex/Flex.styles';
+import { useThemeSharedProps } from '../../hooks/useTheme';
+import { HTMLAttributes, MouseEvent, ReactNode, RefObject } from 'react';
+export type CardHeaderProps = {
+    ref?: RefObject<HTMLDivElement | null>;
+    children?: ReactNode;
+    testId?: string;
+    closeable?: boolean;
+    onClose?: (e: MouseEvent) => void;
+} & Omit<HTMLAttributes<HTMLDivElement>, 'className'> & useThemeSharedProps<typeof CardStyles, typeof variantKeys & typeof variantKeysFlex>;
+declare const CardHeader: ({ ref, className, children, closeable, testId, intent, size, shadow, rounded, overflow, direction, wrap, items, justify, alignItems, gap, onClose, ...props }: CardHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export default CardHeader;

package/dist/components/Card/CardHeader.js

@@ -0,0 +1,78 @@
+import e from "../../hooks/useTheme/index.js";
+import t from "../Flex/index.js";
+import n from "../Icon/index.js";
+import { Children as r, cloneElement as i, isValidElement as a, useMemo as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/Card/CardHeader.tsx
+var l = ({ ref: l, className: u, children: d, closeable: f, testId: p, intent: m, size: h, shadow: g, rounded: _, overflow: v, direction: y, wrap: b, items: x, justify: S = "between", alignItems: C, gap: w = 2, onClose: T, ...E }) => {
+	let D = e("Card", {
+		className: u,
+		componentKey: ["header", "headerCloseButton"],
+		variants: {
+			intent: m,
+			size: h,
+			shadow: g,
+			rounded: _,
+			overflow: v
+		}
+	}), { icon: O, content: k } = o(() => {
+		let e = {
+			icon: void 0,
+			content: []
+		};
+		return r.forEach(d, (t) => {
+			if (typeof t == "string") {
+				e.content.push(t);
+				return;
+			}
+			if (a(t)) if (t.type === n) {
+				let n = t.props;
+				e.icon = i(t, {
+					testId: p ? `${p}-icon` : void 0,
+					...n,
+					intent: n.intent ?? "custom",
+					size: h
+				});
+			} else if (t.type === "i") {
+				let n = t.props;
+				e.icon = i(t, {
+					"data-testid": p ? `${p}-icon` : void 0,
+					...n,
+					intent: n.intent ?? "custom",
+					size: h
+				});
+			} else e.content.push(t);
+		}), e;
+	}, [
+		d,
+		p,
+		h
+	]);
+	return /* @__PURE__ */ c(t, {
+		...E,
+		ref: l,
+		testId: p,
+		className: D.header,
+		direction: y,
+		wrap: b,
+		items: x,
+		justify: S,
+		gap: w,
+		alignItems: C,
+		children: [
+			O && /* @__PURE__ */ c(t, {
+				items: "center",
+				gap: 2,
+				children: [O, k]
+			}),
+			!O && k,
+			f && /* @__PURE__ */ s(n, {
+				icon: "fa-solid fa-xmark",
+				className: D.headerCloseButton,
+				onClick: T
+			})
+		]
+	});
+};
+//#endregion
+export { l as default };

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

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

package/dist/components/Card/index.js

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

package/dist/components/Checkbox/Checkbox.d.ts

@@ -0,0 +1,14 @@
+import { default as CheckboxStyles, variantKeys } from './Checkbox.styles';
+import { ErrorMessageProps } from '../ErrorMessage';
+import { default as InputStyles } from '../Input/Input.styles';
+import { useThemeSharedProps } from '../../hooks/useTheme';
+import { RefObject, InputHTMLAttributes, ReactNode } from 'react';
+export type CheckboxProps = {
+    ref?: RefObject<HTMLInputElement>;
+    label?: ReactNode;
+    disabled?: boolean;
+    loading?: boolean;
+    error?: ErrorMessageProps['message'] | ErrorMessageProps['error'];
+} & Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> & Omit<useThemeSharedProps<typeof CheckboxStyles & typeof InputStyles, typeof variantKeys>, 'error'>;
+declare const _default: import('react').MemoExoticComponent<({ ref, children, id, loading, disabled, className, label, error, size, value, intent, ...inputProps }: CheckboxProps) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/dist/components/Checkbox/Checkbox.js

@@ -0,0 +1,48 @@
+import { omit as e } from "../../helpers/lodash/omit.js";
+import t from "../../hooks/useTheme/index.js";
+import n from "../Input/InputContainer.js";
+import { memo as r, useMemo as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+var s = r(({ ref: r, children: s, id: c, loading: l = !1, disabled: u = !1, className: d = "", label: f = "", error: p, size: m, value: h, intent: g, ..._ }) => {
+	let v = t("Checkbox", {
+		className: d,
+		componentKey: [
+			"root",
+			"inputContainer",
+			"iconFloatingContainer",
+			"icon",
+			"iconError",
+			"iconClear",
+			"input"
+		],
+		variants: {
+			intent: g,
+			size: m,
+			disabled: u,
+			error: !!p
+		}
+	});
+	return /* @__PURE__ */ o(n, {
+		className: i(() => e(v, ["input"]), [v]),
+		id: c,
+		label: f,
+		error: p,
+		disabled: u,
+		intent: "custom",
+		size: m,
+		loading: l,
+		inline: !0,
+		value: h,
+		children: [s, /* @__PURE__ */ a("input", {
+			type: "checkbox",
+			id: c,
+			ref: r,
+			className: v.input,
+			disabled: u,
+			value: h,
+			..._
+		})]
+	});
+});
+//#endregion
+export { s as default };

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

@@ -0,0 +1,16 @@
+export declare const variantKeys: {
+    readonly intent: readonly ["primary", "secondary", "danger"];
+    readonly size: readonly ["md", "sm", "xs", "custom"];
+    readonly error: readonly [true, false];
+    readonly disabled: readonly [true, false];
+};
+export declare const STYLES_COMPONENT_NAME = "Checkbox";
+declare const _default: {
+    inputContainer: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+    input: (props?: ({
+        intent?: "primary" | "secondary" | "danger" | null | undefined;
+        size?: "xs" | "md" | "sm" | "custom" | null | undefined;
+        disabled?: boolean | null | undefined;
+    } & import('class-variance-authority/types').ClassProp) | undefined) => string;
+};
+export default _default;

package/dist/components/Checkbox/Checkbox.styles.js

@@ -0,0 +1,46 @@
+import e from "../../helpers/cvaWrapper.js";
+var t = {
+	inputContainer: e("border-0 p-0 bg-transparent"),
+	input: e("cursor-pointer form-tick appearance-none bg-white dark:bg-zinc-800 border border-gray-300 dark:border-zinc-700 checked:border-transparent focus:ring-0 focus:ring-offset-0 focus:shadow-none", {
+		variants: {
+			intent: {
+				primary: "",
+				secondary: "",
+				danger: ""
+			},
+			size: {
+				md: "h-6 w-6 rounded-sm",
+				sm: "h-5 w-5 rounded-sm",
+				xs: "h-4 w-4 rounded-xs",
+				custom: ""
+			},
+			disabled: {
+				true: "checked:text-gray-500 checked:bg-gray-500 hover:border-gray-300 cursor-not-allowed dark:checked:bg-zinc-500",
+				false: ""
+			}
+		},
+		compoundVariants: [
+			{
+				intent: "primary",
+				disabled: !1,
+				className: "checked:text-primary-500 checked:bg-primary-500 dark:checked:bg-primary-500 hover:border-primary-500"
+			},
+			{
+				intent: "secondary",
+				disabled: !1,
+				className: "checked:text-secondary-500 checked:bg-secondary-500 dark:checked:bg-secondary-500 hover:border-secondary-500"
+			},
+			{
+				intent: "danger",
+				disabled: !1,
+				className: "checked:text-red-500 checked:bg-red-500 dark:checked:bg-red-500 hover:border-red-500"
+			}
+		],
+		defaultVariants: {
+			intent: "primary",
+			size: "md"
+		}
+	})
+};
+//#endregion
+export { t as default };

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

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

package/dist/components/Checkbox/index.js

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

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

@@ -0,0 +1,14 @@
+@mixin styles {
+  .cm-focused {
+    outline: none !important;
+  }
+
+  .cm-activeLine {
+    background-color: transparent !important;
+  }
+
+  .cm-scroller {
+    line-height: inherit !important;
+    font-family: inherit !important;
+  }
+}

package/dist/components/CodeMirror/CodeMirror.d.ts

@@ -0,0 +1,38 @@
+import { EditorState, Transaction } from '@codemirror/state';
+import { default as CodeMirrorStyles, variantKeys } from './CodeMirror.styles';
+import { StyleSpec } from './hooks/useCodeMirror';
+import { ErrorMessageProps } from '../ErrorMessage';
+import { default as InputStyles } from '../Input/Input.styles';
+import { useThemeSharedProps } from '../../hooks/useTheme';
+import { FocusEvent, ReactNode, RefObject } from 'react';
+export type AutoComplete = string | {
+    type: 'token' | 'css-token' | 'custom-token';
+    value: string;
+    detail?: string;
+};
+export { EditorState, Transaction };
+export type CodeMirrorProps = {
+    ref?: RefObject<HTMLElement | null>;
+    id?: string;
+    label?: ReactNode;
+    placeholder?: string;
+    loading?: boolean;
+    clearable?: boolean;
+    value?: string;
+    error?: ErrorMessageProps['message'] | ErrorMessageProps['error'];
+    mode?: 'css' | 'js' | 'json' | 'text' | 'html';
+    theme?: 'light' | 'dark' | 'none';
+    lineWrapping?: boolean;
+    autoComplete?: AutoComplete[];
+    multiline?: boolean;
+    readOnly?: boolean;
+    style?: StyleSpec;
+    onChange?: (value: string) => void;
+    onBlur?: (e: FocusEvent) => void;
+    getReadOnlyRanges?: (state: EditorState) => {
+        from: number | null;
+        to: number | null;
+    }[];
+} & useThemeSharedProps<typeof CodeMirrorStyles & typeof InputStyles, typeof variantKeys>;
+declare const CodeMirror: ({ ref, className, id, label, loading, disabled, clearable, value, error, mode, theme, autoComplete, onChange, onBlur, lineWrapping, multiline, readOnly, placeholder, style, size, rounded, intent, getReadOnlyRanges }: CodeMirrorProps) => import("react/jsx-runtime").JSX.Element;
+export default CodeMirror;

package/dist/components/CodeMirror/CodeMirror.js

@@ -0,0 +1,154 @@
+import { omit as e } from "../../helpers/lodash/omit.js";
+import t from "../../hooks/useTheme/index.js";
+import n from "../Input/InputContainer.js";
+import r from "./hooks/useCodeMirror.js";
+import { useCallback as i, useEffect as a, useMemo as o, useRef as s, useState as c } from "react";
+import { jsx as l } from "react/jsx-runtime";
+import { acceptCompletion as u, autocompletion as d } from "@codemirror/autocomplete";
+import { indentWithTab as f } from "@codemirror/commands";
+import { EditorState as p, Transaction as m } from "@codemirror/state";
+import { EditorView as h, keymap as g } from "@codemirror/view";
+//#region src/components/CodeMirror/CodeMirror.tsx
+var _ = [], v = ({ ref: v, className: y, id: b, label: x = "", loading: S = !1, disabled: C = !1, clearable: w = !1, value: T = "", error: E, mode: D = "css", theme: O = "light", autoComplete: k = _, onChange: A, onBlur: j, lineWrapping: M = !1, multiline: N = !0, readOnly: P = !1, placeholder: F = "", style: I, size: L, rounded: R, intent: z, getReadOnlyRanges: B }) => {
+	let V = t("CodeMirror", {
+		className: y,
+		componentKey: [
+			"root",
+			"inputContainer",
+			"iconFloatingContainer",
+			"icon",
+			"iconError",
+			"iconClear",
+			"input"
+		],
+		variants: {
+			size: L,
+			rounded: R,
+			intent: z
+		}
+	}), H = o(() => e(V, ["input"]), [V]), U = o(() => ({
+		lineNumbers: N,
+		foldGutter: N
+	}), [N]), W = o(() => ({
+		...I,
+		height: "100%"
+	}), [I]), G = s(B);
+	G.current !== B && (G.current = B);
+	let K = i(() => p.transactionFilter.of((e) => {
+		if (!G.current) return e;
+		let t = G.current(e.startState), n = G.current(e.state), r = !1;
+		return e.docChanged && !e.annotation(m.remote) && e.scrollIntoView && (t.forEach((t, i) => {
+			let { from: a, to: o } = t;
+			if (!n[i] || r) {
+				r = !0;
+				return;
+			}
+			let { from: s, to: c } = n[i], l = a ?? 0, u = o ?? e.startState.doc.line(e.startState.doc.lines).to, d = s ?? 0, f = c ?? e.state.doc.line(e.state.doc.lines).to;
+			e.startState.sliceDoc(l, u) !== e.state.sliceDoc(d, f) && (r = !0);
+		}), r) ? [] : e;
+	}), []), q = o(() => Array.isArray(k) ? k.filter((e) => e && (typeof e == "string" || [
+		"css-token",
+		"token",
+		"custom-token"
+	].includes(e.type))).map((e) => typeof e == "string" ? {
+		label: e,
+		type: "keyword",
+		apply: e,
+		detail: "(Raw Token)"
+	} : e.type === "css-token" ? {
+		label: e.value,
+		type: "keyword",
+		apply: `var(--${e.value})`,
+		detail: "(Css Token)"
+	} : e.type === "token" ? {
+		label: e.value,
+		type: "keyword",
+		apply: `{{${e.value}}}`,
+		detail: "(Token)"
+	} : {
+		label: e.value,
+		type: "keyword",
+		apply: e.value,
+		detail: e.detail ?? "(Custom Token)"
+	}) : [], [k]), J = i((e) => {
+		let t = e.matchBefore(/[a-zA-Z0-9._-]+/);
+		if (!(!t || t.from === t.to && !e.explicit || !q.length)) return {
+			from: t.from,
+			options: q
+		};
+	}, [q]), [Y, X] = c(void 0);
+	a(() => {
+		let e = !0;
+		async function t() {
+			if (D === "js") {
+				let t = await import("@codemirror/lang-javascript");
+				if (!e) return;
+				X([t.javascript({ jsx: !0 }), t.javascriptLanguage.data.of({ autocomplete: J })]);
+			} else if (D === "css") {
+				let t = await import("@codemirror/lang-css");
+				if (!e) return;
+				X([t.css(), t.cssLanguage.data.of({ autocomplete: J })]);
+			} else if (D === "json") {
+				let t = await import("@codemirror/lang-json");
+				if (!e) return;
+				X([t.json(), t.jsonLanguage.data.of({ autocomplete: J })]);
+			} else if (D === "html") {
+				let t = await import("@codemirror/lang-html");
+				if (!e) return;
+				X([t.html(), t.htmlLanguage.data.of({ autocomplete: J })]);
+			} else X([d({ override: [J] })]);
+		}
+		return t(), () => {
+			e = !1;
+		};
+	}, [D, J]);
+	let { editorRef: Z } = r({
+		extensions: o(() => {
+			let e = [
+				K(),
+				g.of([{
+					key: "Tab",
+					run: u
+				}]),
+				g.of([f])
+			];
+			return Y && e.push(...Y), M && e.push(h.lineWrapping), e;
+		}, [
+			K,
+			M,
+			Y
+		]),
+		theme: O,
+		style: W,
+		basicSetup: U,
+		placeholder: F,
+		multiline: N,
+		readOnly: P,
+		value: T,
+		onChange: A,
+		ref: v
+	}), Q = i((e) => {
+		e.stopPropagation();
+	}, []);
+	return /* @__PURE__ */ l(n, {
+		className: H,
+		id: b,
+		label: x,
+		error: E,
+		disabled: C,
+		intent: z,
+		size: L,
+		loading: S,
+		clearable: w,
+		value: T,
+		onClear: i(() => A?.(""), [A]),
+		children: /* @__PURE__ */ l("div", {
+			className: V.input,
+			ref: Z,
+			onKeyDown: Q,
+			onBlur: j
+		})
+	});
+};
+//#endregion
+export { p as EditorState, m as Transaction, v as default };

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

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