@plitzi/plitzi-ui 1.6.2

package/dist/components/ContainerWindow/ContainerWindow.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode, ReactPortal } from 'react';
+export type ContainerWindowProps = {
+    title?: string;
+    top: number;
+    left: number;
+    width: number;
+    height: number;
+    children?: ReactNode;
+    onClose?: () => void;
+};
+declare const ContainerWindow: ({ title, top, left, width, height, children, onClose }: ContainerWindowProps) => ReactPortal;
+export default ContainerWindow;

package/dist/components/ContainerWindow/ContainerWindow.js

@@ -0,0 +1,36 @@
+import e from "../ContainerRoot/useContainerRoot.js";
+import { useEffect as t, useMemo as n, useRef as r } from "react";
+import i from "react-dom";
+//#region src/components/ContainerWindow/ContainerWindow.tsx
+var a = ({ title: a = "Plitzi Window", top: o = 200, left: s = 200, width: c = 600, height: l = 400, children: u, onClose: d }) => {
+	let { getHost: f } = e(), p = n(() => {
+		let e = document.createElement("div");
+		return e.setAttribute("style", "display:flex;flex-direction:column;min-height:100vh;"), e;
+	}, []), m = r(null), h = (e, t) => {
+		Array.from(e.styleSheets).forEach((e) => {
+			if (e.href) {
+				let n = document.createElement("link");
+				n.rel = "stylesheet", n.href = e.href, t.head.appendChild(n);
+			} else {
+				let n = document.createElement("style");
+				Array.from(e.cssRules).forEach((e) => {
+					n.appendChild(document.createTextNode(e.cssText));
+				}), t.head.appendChild(n);
+			}
+		});
+	};
+	return t(() => (m.current = window.open("", "", `width=${c},height=${l},left=${s},top=${o}`), m.current ? (m.current.document.body.appendChild(p), m.current.document.title = a, h(f?.() ?? p.getRootNode(), m.current.document), d && m.current.addEventListener("beforeunload", d)) : d && d(), () => {
+		m.current && d && m.current.removeEventListener("beforeunload", d);
+	}), [
+		f,
+		c,
+		l,
+		s,
+		o,
+		p,
+		a,
+		d
+	]), i.createPortal(u, p);
+};
+//#endregion
+export { a as default };

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

@@ -0,0 +1,3 @@
+import { default as ContainerWindow } from './ContainerWindow';
+export * from './ContainerWindow';
+export default ContainerWindow;

package/dist/components/ContainerWindow/index.js

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

package/dist/components/ContentEditable/ContentEditable.d.ts

@@ -0,0 +1,15 @@
+import { default as ContentEditableStyles, variantKeys } from './ContentEditable.styles';
+import { useThemeSharedProps } from '../../hooks/useTheme';
+export type ContentEditableProps = {
+    myWindow?: Window | null;
+    value?: string;
+    exitOnEnter?: boolean;
+    exitOnEscape?: boolean;
+    updateMode?: 'blur' | 'change';
+    openMode?: 'click' | 'doubleClick';
+    onChange?: (value: string) => void;
+    onEditOpen?: () => void;
+    onEditClose?: () => void;
+} & useThemeSharedProps<typeof ContentEditableStyles, typeof variantKeys>;
+declare const ContentEditable: ({ className, myWindow, value, exitOnEnter, exitOnEscape, updateMode, openMode, size, onChange, onEditOpen, onEditClose }: ContentEditableProps) => import("react/jsx-runtime").JSX.Element;
+export default ContentEditable;

package/dist/components/ContentEditable/ContentEditable.js

@@ -0,0 +1,60 @@
+import e from "../../hooks/useTheme/index.js";
+import { useCallback as t, useEffect as n, useMemo as r, useRef as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/components/ContentEditable/ContentEditable.tsx
+var o = ({ className: o = "focus-visible:px-1 focus-visible:m-px focus-visible:outline-dashed focus-visible:outline-1", myWindow: s, value: c = "", exitOnEnter: l = !0, exitOnEscape: u = !0, updateMode: d = "blur", openMode: f = "click", size: p, onChange: m, onEditOpen: h, onEditClose: g }) => {
+	o = e("ContentEditable", {
+		className: o,
+		componentKey: "root",
+		variants: { size: p }
+	});
+	let _ = i(null), v = r(() => {
+		if (s) return s;
+		if (typeof window < "u") return window;
+	}, [s]);
+	n(() => {
+		_.current && _.current.textContent !== c && (_.current.textContent = c);
+	}, [c]);
+	let y = t((e) => {
+		d === "change" && m?.(e.target.textContent);
+	}, [m, d]), b = t((e) => {
+		if (!v) return;
+		let t = v.document.createRange(), n = v.getSelection();
+		t.setStart(e, e.childNodes.length), t.collapse(!0), n?.removeAllRanges(), n?.addRange(t);
+	}, [v]), x = t(() => {
+		let e = _.current;
+		e && ((e.contentEditable === "inherit" || e.contentEditable === "false") && b(e), f === "click" && (e.setAttribute("contenteditable", "true"), e.focus(), h?.()));
+	}, [
+		f,
+		b,
+		h
+	]), S = t(() => {
+		let e = _.current;
+		e && f === "doubleClick" && (e.setAttribute("contenteditable", "true"), e.focus(), h?.());
+	}, [f, h]), C = t(() => {
+		let e = _.current;
+		e && (e.setAttribute("contenteditable", "false"), d === "blur" && e.textContent !== c && m?.(e.textContent), g?.());
+	}, [
+		m,
+		d,
+		c,
+		g
+	]), w = t((e) => {
+		e.stopPropagation(), l && e.keyCode === 13 ? (e.preventDefault(), e.target.blur()) : u && e.keyCode === 27 && (e.preventDefault(), e.target.textContent = c, e.target.blur());
+	}, [
+		l,
+		u,
+		c
+	]);
+	return /* @__PURE__ */ a("div", {
+		className: o,
+		ref: _,
+		onClick: x,
+		onDoubleClick: S,
+		onBlur: C,
+		onInput: y,
+		onKeyDown: w
+	});
+};
+//#endregion
+export { o as default };

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

@@ -0,0 +1,10 @@
+export declare const variantKeys: {
+    readonly size: readonly ["md", "sm", "xs", "custom"];
+};
+export declare const STYLES_COMPONENT_NAME = "ContentEditable";
+declare const _default: {
+    root: (props?: ({
+        size?: "xs" | "md" | "sm" | "custom" | null | undefined;
+    } & import('class-variance-authority/types').ClassProp) | undefined) => string;
+};
+export default _default;

package/dist/components/ContentEditable/ContentEditable.styles.js

@@ -0,0 +1,13 @@
+import e from "../../helpers/cvaWrapper.js";
+var t = { root: e("", {
+	variants: { size: {
+		md: "",
+		sm: "text-sm",
+		xs: "text-xs",
+		custom: ""
+	} },
+	compoundVariants: [],
+	defaultVariants: { size: "md" }
+}) };
+//#endregion
+export { t as default };

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

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

package/dist/components/ContentEditable/index.js

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

package/dist/components/Dummy/Dummy.d.ts

@@ -0,0 +1,7 @@
+import { default as DummyStyles, variantKeys } from './Dummy.styles';
+import { useThemeSharedProps } from '../../hooks/useTheme';
+export type DummyProps = {
+    content?: string;
+} & useThemeSharedProps<typeof DummyStyles, typeof variantKeys>;
+declare const Dummy: ({ className, content, intent, size }: DummyProps) => import("react/jsx-runtime").JSX.Element;
+export default Dummy;

package/dist/components/Dummy/Dummy.js

@@ -0,0 +1,16 @@
+import e from "../../hooks/useTheme/index.js";
+import { jsxs as t } from "react/jsx-runtime";
+//#region src/components/Dummy/Dummy.tsx
+var n = ({ className: n, content: r, intent: i = "default", size: a }) => (n = e("Dummy", {
+	className: n,
+	componentKey: "root",
+	variants: {
+		intent: i,
+		size: a
+	}
+}), /* @__PURE__ */ t("div", {
+	className: n,
+	children: ["Dummy Component ", r]
+}));
+//#endregion
+export { n as default };

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

@@ -0,0 +1,12 @@
+export declare const variantKeys: {
+    readonly intent: readonly ["default", "danger"];
+    readonly size: readonly ["xl", "md", "sm", "xs"];
+};
+export declare const STYLES_COMPONENT_NAME = "Dummy";
+declare const _default: {
+    root: (props?: ({
+        intent?: "default" | "danger" | null | undefined;
+        size?: "xs" | "md" | "sm" | "xl" | null | undefined;
+    } & import('class-variance-authority/types').ClassProp) | undefined) => string;
+};
+export default _default;

package/dist/components/Dummy/Dummy.styles.js

@@ -0,0 +1,22 @@
+import e from "../../helpers/cvaWrapper.js";
+var t = { root: e("", {
+	variants: {
+		intent: {
+			default: "",
+			danger: "text-red-400"
+		},
+		size: {
+			xl: "text-xl",
+			md: "",
+			sm: "text-sm",
+			xs: "text-xs"
+		}
+	},
+	compoundVariants: [],
+	defaultVariants: {
+		intent: "default",
+		size: "md"
+	}
+}) };
+//#endregion
+export { t as default };

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

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

package/dist/components/Dummy/index.js

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

package/dist/components/ErrorBoundary/ErrorBoundary.d.ts

@@ -0,0 +1,16 @@
+import { Component, ErrorInfo, ReactNode } from 'react';
+export type ErrorBoundaryProps = {
+    children?: ReactNode;
+};
+export type ErrorBoundaryState = {
+    hasError: boolean;
+};
+declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
+    constructor(props: ErrorBoundaryProps);
+    static getDerivedStateFromError(): {
+        hasError: boolean;
+    };
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    render(): string | number | bigint | boolean | 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 | null | undefined;
+}
+export default ErrorBoundary;

package/dist/components/ErrorBoundary/ErrorBoundary.js

@@ -0,0 +1,20 @@
+import { Component as e } from "react";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/ErrorBoundary/ErrorBoundary.tsx
+var n = class extends e {
+	constructor(e) {
+		super(e), this.state = { hasError: !1 };
+	}
+	static getDerivedStateFromError() {
+		return { hasError: !0 };
+	}
+	componentDidCatch(e, t) {
+		console.error(e, t);
+	}
+	render() {
+		let { children: e } = this.props, { hasError: n } = this.state;
+		return n ? /* @__PURE__ */ t("div", { children: "Something broke! Please refresh and try again." }) : e;
+	}
+};
+//#endregion
+export { n as default };

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

@@ -0,0 +1,3 @@
+import { default as ErrorBoundary } from './ErrorBoundary';
+export * from './ErrorBoundary';
+export default ErrorBoundary;

package/dist/components/ErrorBoundary/index.js

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

package/dist/components/ErrorMessage/ErrorMessage.d.ts

@@ -0,0 +1,9 @@
+import { default as ErrorMessageStyles, variantKeys } from './ErrorMessage.styles';
+import { useThemeSharedProps } from '../../hooks/useTheme';
+export type ErrorMessageProps = {
+    message?: string;
+    disabled?: boolean;
+    error?: boolean;
+} & useThemeSharedProps<typeof ErrorMessageStyles, typeof variantKeys>;
+declare const ErrorMessage: ({ className, message, disabled, error, intent, size }: ErrorMessageProps) => import("react/jsx-runtime").JSX.Element;
+export default ErrorMessage;

package/dist/components/ErrorMessage/ErrorMessage.js

@@ -0,0 +1,18 @@
+import e from "../../hooks/useTheme/index.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/ErrorMessage/ErrorMessage.tsx
+var n = ({ className: n, message: r, disabled: i = !1, error: a = !1, intent: o, size: s }) => (n = e("ErrorMessage", {
+	className: n,
+	componentKey: "root",
+	variants: {
+		intent: o,
+		size: s,
+		error: a,
+		disabled: i
+	}
+}), /* @__PURE__ */ t("p", {
+	className: n,
+	children: r
+}));
+//#endregion
+export { n as default };

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

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

package/dist/components/ErrorMessage/ErrorMessage.styles.js

@@ -0,0 +1,32 @@
+import e from "../../helpers/cvaWrapper.js";
+var t = { root: e("first-letter:capitalize flex items-center gap-1", {
+	variants: {
+		intent: {
+			primary: "",
+			custom: ""
+		},
+		default: {
+			true: "",
+			false: ""
+		},
+		error: {
+			true: "text-red-600 dark:text-red-400",
+			false: "text-zinc-500 dark:text-zinc-400"
+		},
+		size: {
+			md: "text-sm",
+			sm: "text-xs",
+			xs: "text-xs",
+			custom: ""
+		}
+	},
+	compoundVariants: [],
+	defaultVariants: {
+		intent: "primary",
+		size: "md",
+		error: !1,
+		default: !1
+	}
+}) };
+//#endregion
+export { t as default };

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

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

package/dist/components/ErrorMessage/index.js

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

package/dist/components/FileUpload/FileUpload.d.ts

@@ -0,0 +1,32 @@
+import { default as FileUploadStyles, variantKeys } from './FileUpload.styles';
+import { ErrorMessageProps } from '../ErrorMessage';
+import { default as InputStyles } from '../Input/Input.styles';
+import { useThemeSharedProps } from '../../hooks/useTheme';
+import { ReactNode, RefObject } from 'react';
+export type FileUploadProps = {
+    ref?: RefObject<HTMLInputElement | null>;
+    id?: string;
+    name?: string;
+    minSize?: number;
+    maxSize?: number;
+    types?: string[];
+    label?: ReactNode;
+    loading?: boolean;
+    showPreview?: boolean;
+    clearable?: boolean;
+    error?: ErrorMessageProps['message'] | ErrorMessageProps['error'];
+    onError?: (error?: string) => void;
+    onDraggingStateChange?: (dragging: boolean) => void;
+} & ({
+    multiple: true;
+    value?: File[];
+    onChange?: (files?: File[]) => void;
+    onDrop?: (files: File[]) => void;
+} | {
+    multiple?: false;
+    value?: File;
+    onChange?: (files?: File) => void;
+    onDrop?: (files: File) => void;
+}) & Omit<useThemeSharedProps<typeof FileUploadStyles & typeof InputStyles, typeof variantKeys>, 'error'>;
+declare const _default: import('react').MemoExoticComponent<(props: FileUploadProps) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/dist/components/FileUpload/FileUpload.js

@@ -0,0 +1,187 @@
+import e from "../../hooks/useTheme/index.js";
+import t from "../Icon/index.js";
+import n from "../Input/InputContainer.js";
+import { acceptedExtensions as r, checkType as i, getExtension as a, getFileSizeMB as o } from "./helpers/utils.js";
+import s from "./components/DrawTypes/index.js";
+import c from "./components/FileUploadItems/index.js";
+import l from "./components/FileUploadMessage/index.js";
+import u from "./hooks/useDragging.js";
+import { memo as d, useCallback as f, useEffect as p, useImperativeHandle as m, useRef as h } from "react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import v from "clsx";
+//#region src/components/FileUpload/FileUpload.tsx
+var y = [
+	"jpeg",
+	"jpg",
+	"png"
+], b = d((d) => {
+	let { ref: b, className: x = "", canDragAndDrop: S = !1, id: C, clearable: w = !0, loading: T = !1, name: E = "", value: D, minSize: O = 0, maxSize: k = Infinity, multiple: A = !1, disabled: j = !1, showPreview: M = !0, types: N = y, label: P, intent: F, size: I, error: L, onError: R, onChange: z, onDraggingStateChange: B, onDrop: V } = d, H = e("FileUpload", {
+		className: x,
+		componentKey: [
+			"root",
+			"inputContainer",
+			"iconFloatingContainer",
+			"icon",
+			"iconError",
+			"iconClear",
+			"input",
+			"subLabel"
+		],
+		variants: {
+			intent: F,
+			size: I,
+			error: !!L,
+			disabled: j,
+			canDragAndDrop: S
+		}
+	}), U = h(null), W = h(null);
+	m(b, () => W.current, []);
+	let G = A ? Array.isArray(D) && D.length > 0 : !!D, K = f((e) => N.length > 0 && !i(e, N) ? (R?.(`File type ${a(e)} not allowed`), !1) : k && o(e.size) > k ? (R?.("File size is too big"), !1) : O && o(e.size) < O ? (R?.("File size is too small"), !1) : !0, [
+		k,
+		O,
+		R,
+		N
+	]), q = f((e) => {
+		let t = !1;
+		if (e) {
+			if (e instanceof File) t = !K(e);
+			else for (let n = 0; n < e.length; n++) {
+				let r = e[n];
+				t = !K(r) || t;
+			}
+			return t ? !1 : (d.multiple, d.onChange?.(e), R?.(void 0), !0);
+		}
+		return !1;
+	}, [
+		d,
+		R,
+		K
+	]), J = f(() => {
+		d.multiple && Array.isArray(D) && D.length > 0 ? d.onChange?.([]) : !A && D && z?.(void 0);
+	}, [
+		d,
+		D,
+		A,
+		z
+	]), Y = f(() => {
+		if (!W.current) return;
+		let e = new DataTransfer();
+		(d.multiple ? d.value ?? [] : d.value ? [d.value] : []).flat().forEach((t) => e.items.add(t)), W.current.files = e.files;
+	}, [d.multiple, d.value]), X = f((e) => () => {
+		if (d.multiple && d.value) {
+			let t = d.value.toSpliced(e, 1);
+			d.onChange?.(t);
+		} else d.onChange?.(void 0);
+	}, [
+		d.onChange,
+		d.multiple,
+		d.value
+	]), Z = u({
+		labelRef: U,
+		inputRef: W,
+		multiple: A,
+		onChange: q,
+		onDrop: V,
+		disabled: !S
+	});
+	p(() => {
+		Y();
+	}, [Y]), p(() => {
+		B?.(Z);
+	}, [Z]);
+	let Q = f((e) => {
+		e.preventDefault(), e.stopPropagation(), e.target.files && q(Array.from(e.target.files));
+	}, [q]);
+	return S ? /* @__PURE__ */ _("div", {
+		ref: U,
+		className: v(H.root, {
+			"border-primary-500 bg-primary-100": Z,
+			"border-red-500": L && !Z
+		}),
+		children: [
+			/* @__PURE__ */ g("input", {
+				type: "file",
+				onChange: Q,
+				accept: r(N),
+				name: E,
+				ref: W,
+				multiple: A,
+				disabled: j,
+				className: "hidden"
+			}),
+			/* @__PURE__ */ _("div", {
+				className: "flex flex-col grow items-center justify-center overflow-hidden w-full",
+				children: [
+					/* @__PURE__ */ g(t, {
+						icon: "fa-solid fa-file-circle-plus",
+						size: !I || I === "md" ? "3xl" : I === "sm" ? "2xl" : "xl",
+						disabled: j,
+						intent: L && !Z ? "danger" : "primary"
+					}),
+					/* @__PURE__ */ g(l, {
+						label: P,
+						disabled: j,
+						hasFiles: G && M,
+						error: Z ? void 0 : L,
+						intent: F,
+						size: I,
+						canDragAndDrop: S
+					}),
+					N.length > 0 && /* @__PURE__ */ g(s, {
+						className: H.subLabel,
+						types: N,
+						minSize: O,
+						maxSize: k
+					})
+				]
+			}),
+			G && M && /* @__PURE__ */ g(c, {
+				value: D,
+				intent: F,
+				size: I,
+				disabled: j,
+				error: L,
+				clearable: w,
+				canDragAndDrop: S,
+				onRemove: X
+			})
+		]
+	}) : /* @__PURE__ */ g(n, {
+		ref: U,
+		className: H,
+		id: C,
+		label: P,
+		loading: T,
+		clearable: w,
+		value: D,
+		disabled: j,
+		error: L,
+		intent: F,
+		size: I,
+		onClear: J,
+		children: /* @__PURE__ */ _("div", {
+			className: "flex flex-col w-full gap-2",
+			children: [/* @__PURE__ */ g("input", {
+				type: "file",
+				onChange: Q,
+				accept: r(N),
+				disabled: j,
+				name: E,
+				ref: W,
+				multiple: A,
+				className: H.input
+			}), G && Array.isArray(d.value) && d.value.length > 1 && M && /* @__PURE__ */ g(c, {
+				value: D,
+				intent: F,
+				size: I,
+				disabled: j,
+				error: L,
+				canDragAndDrop: S,
+				onRemove: X,
+				clearable: w
+			})]
+		})
+	});
+});
+//#endregion
+export { b as default };

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

@@ -0,0 +1,42 @@
+export declare const variantKeys: {
+    readonly canDragAndDrop: readonly [true, false];
+    readonly intent: readonly [];
+    readonly size: readonly ["custom", "md", "sm", "xs"];
+    readonly error: readonly [true, false];
+    readonly disabled: readonly [true, false];
+};
+export declare const STYLES_COMPONENT_NAME = "FileUpload";
+declare const _default: {
+    root: (props?: ({
+        canDragAndDrop?: boolean | null | undefined;
+        size?: "xs" | "md" | "sm" | "custom" | null | undefined;
+        disabled?: boolean | null | undefined;
+    } & import('class-variance-authority/types').ClassProp) | undefined) => string;
+    input: (props?: ({
+        disabled?: boolean | null | undefined;
+    } & import('class-variance-authority/types').ClassProp) | undefined) => string;
+    inputContainer: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+    iconFloatingContainer: (props?: ({
+        size?: "xs" | "md" | "sm" | "custom" | null | undefined;
+    } & import('class-variance-authority/types').ClassProp) | undefined) => string;
+    items: (props?: ({
+        canDragAndDrop?: boolean | null | undefined;
+    } & import('class-variance-authority/types').ClassProp) | undefined) => string;
+    item: (props?: ({
+        size?: "xs" | "md" | "sm" | "custom" | null | undefined;
+    } & import('class-variance-authority/types').ClassProp) | undefined) => string;
+    itemImg: (props?: ({
+        size?: "xs" | "md" | "sm" | "custom" | null | undefined;
+    } & import('class-variance-authority/types').ClassProp) | undefined) => string;
+    itemLabel: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+    label: (props?: ({
+        error?: boolean | null | undefined;
+        size?: "xs" | "md" | "sm" | "custom" | null | undefined;
+        disabled?: boolean | null | undefined;
+    } & import('class-variance-authority/types').ClassProp) | undefined) => string;
+    subLabel: (props?: ({
+        size?: "xs" | "md" | "sm" | "custom" | null | undefined;
+        disabled?: boolean | null | undefined;
+    } & import('class-variance-authority/types').ClassProp) | undefined) => string;
+};
+export default _default;