@plitzi/plitzi-ui 1.6.2

package/dist/components/Sidebar/Sidebar.js

@@ -0,0 +1,68 @@
+import e from "../../hooks/useTheme/index.js";
+import t from "./SidebarIcon.js";
+import n from "./SidebarProvider.js";
+import r from "./SidebarSeparator.js";
+import { Children as i, cloneElement as a, isValidElement as o, useCallback as s, useMemo as c } from "react";
+import { jsx as l } from "react/jsx-runtime";
+//#region src/components/Sidebar/Sidebar.tsx
+var u = ({ className: u, children: d, value: f = [], multi: p = !1, canEmpty: m = !1, placement: h, border: g, padding: _, size: v, onChange: y }) => {
+	u = e("Sidebar", {
+		className: u,
+		componentKey: "root",
+		variants: {
+			placement: h,
+			border: g,
+			padding: _,
+			size: v
+		}
+	});
+	let b = c(() => typeof f == "string" && f ? [f] : typeof f == "string" ? [] : p ? f : f.slice(0, 1), [p, f]), x = s((e) => {
+		if (!y) return;
+		let t = b.includes(e);
+		p && t ? y(b.filter((t) => t !== e)) : p ? y([...b, e]) : t && m ? y([]) : t || y([e]);
+	}, [
+		m,
+		p,
+		y,
+		b
+	]), { items: S } = c(() => {
+		let e = { items: [] };
+		return i.forEach(d, (n, i) => {
+			if (o(n)) if (n.type === t) {
+				let t = n.props, r = t.id ?? i.toString(), o = {
+					size: v,
+					...t,
+					key: i,
+					id: r
+				};
+				t.detatched || (o.active = b.includes(r)), e.items.push(a(n, o));
+			} else if (n.type === r) {
+				let t = n.props;
+				e.items.push(a(n, {
+					...t,
+					key: i
+				}));
+			} else {
+				let t = n.props;
+				e.items.push(a(n, {
+					...t,
+					key: i
+				}));
+			}
+		}), e;
+	}, [
+		d,
+		b,
+		v
+	]);
+	return /* @__PURE__ */ l("div", {
+		className: u,
+		children: /* @__PURE__ */ l(n, {
+			onChange: x,
+			children: S
+		})
+	});
+};
+u.Icon = t, u.Separator = r;
+//#endregion
+export { u as default };

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

@@ -0,0 +1,19 @@
+export declare const variantKeys: {
+    readonly placement: readonly ["left", "right", "top", "bottom"];
+    readonly border: readonly ["solid", "none"];
+    readonly padding: readonly ["normal", "none"];
+    readonly size: readonly ["xs", "md", "sm", "lg", "custom"];
+};
+export declare const STYLES_COMPONENT_NAME = "Sidebar";
+declare const _default: {
+    root: (props?: ({
+        border?: "none" | "solid" | null | undefined;
+        placement?: "bottom" | "left" | "right" | "top" | null | undefined;
+        padding?: "normal" | "none" | null | undefined;
+    } & import('class-variance-authority/types').ClassProp) | undefined) => string;
+    icon: (props?: ({
+        size?: "xs" | "md" | "sm" | "lg" | "custom" | null | undefined;
+    } & import('class-variance-authority/types').ClassProp) | undefined) => string;
+    separator: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
+};
+export default _default;

package/dist/components/Sidebar/Sidebar.styles.js

@@ -0,0 +1,62 @@
+import e from "../../helpers/cvaWrapper.js";
+var t = {
+	root: e("flex flex-col gap-5 border-gray-200 dark:border-zinc-800 bg-grayviolet-100 dark:bg-zinc-900 w-14 items-center overflow-y-auto shrink-0", {
+		variants: {
+			border: {
+				solid: "border-solid",
+				none: ""
+			},
+			placement: {
+				top: "border-b",
+				bottom: "border-t",
+				left: "border-r",
+				right: "border-l"
+			},
+			padding: {
+				normal: "",
+				none: ""
+			}
+		},
+		compoundVariants: [
+			{
+				placement: "top",
+				padding: "normal",
+				className: "px-4"
+			},
+			{
+				placement: "bottom",
+				padding: "normal",
+				className: "px-4"
+			},
+			{
+				placement: "left",
+				padding: "normal",
+				className: "py-4"
+			},
+			{
+				placement: "right",
+				padding: "normal",
+				className: "py-4"
+			}
+		],
+		defaultVariants: {
+			placement: "left",
+			border: "solid",
+			padding: "normal"
+		}
+	}),
+	icon: e("shrink-0", {
+		variants: { size: {
+			lg: "h-10 w-10 rounded-lg",
+			md: "h-8 w-8 rounded-lg",
+			sm: "h-6 w-6 rounded-sm",
+			xs: "h-4 w-4 rounded-xs",
+			custom: ""
+		} },
+		compoundVariants: [],
+		defaultVariants: { size: "md" }
+	}),
+	separator: e("w-6 bg-gray-200 dark:bg-zinc-700 h-px shrink-0")
+};
+//#endregion
+export { t as default };

package/dist/components/Sidebar/SidebarContext.d.ts

@@ -0,0 +1,5 @@
+export type SidebarContextValue = {
+    onChange?: (id: string) => void;
+};
+declare const SidebarContext: import('react').Context<SidebarContextValue>;
+export default SidebarContext;

package/dist/components/Sidebar/SidebarContext.js

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

package/dist/components/Sidebar/SidebarIcon.d.ts

@@ -0,0 +1,9 @@
+import { default as SidebarStyles, variantKeys } from './Sidebar.styles';
+import { IconProps } from '../Icon';
+import { useThemeSharedProps } from '../../hooks/useTheme';
+export type SidebarIconProps = {
+    id?: string;
+    detatched?: boolean;
+} & Omit<IconProps, 'size'> & useThemeSharedProps<typeof SidebarStyles, typeof variantKeys>;
+declare const SidebarIcon: ({ children, id, className, active, detatched, size, onClick, ...props }: SidebarIconProps) => import("react/jsx-runtime").JSX.Element;
+export default SidebarIcon;

package/dist/components/Sidebar/SidebarIcon.js

@@ -0,0 +1,33 @@
+import e from "../../hooks/useTheme/index.js";
+import t from "../Icon/index.js";
+import n from "./SidebarContext.js";
+import { use as r, useCallback as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/components/Sidebar/SidebarIcon.tsx
+var o = ({ children: o, id: s, className: c, active: l = !1, detatched: u = !1, size: d, onClick: f, ...p }) => {
+	c = e("Sidebar", {
+		className: c,
+		componentKey: "icon",
+		variants: { size: d }
+	});
+	let { onChange: m } = r(n), h = i((e) => {
+		f && f(e), !(u || e.isPropagationStopped() || e.isDefaultPrevented()) && s && m && m(s);
+	}, [
+		f,
+		u,
+		s,
+		m
+	]);
+	return /* @__PURE__ */ a(t, {
+		className: c,
+		size: d,
+		cursor: "pointer",
+		intent: l ? "primary" : "tertiary",
+		active: l,
+		...p,
+		onClick: h,
+		children: o
+	});
+};
+//#endregion
+export { o as default };

package/dist/components/Sidebar/SidebarProvider.d.ts

@@ -0,0 +1,7 @@
+import { SidebarContextValue } from './SidebarContext';
+import { ReactNode } from 'react';
+export type SidebarProviderProps = {
+    children?: ReactNode;
+} & SidebarContextValue;
+declare const SidebarProvider: ({ children, onChange }: SidebarProviderProps) => import("react/jsx-runtime").JSX.Element;
+export default SidebarProvider;

package/dist/components/Sidebar/SidebarProvider.js

@@ -0,0 +1,10 @@
+import e from "./SidebarContext.js";
+import { useMemo as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/Sidebar/SidebarProvider.tsx
+var r = ({ children: r, onChange: i }) => /* @__PURE__ */ n(e, {
+	value: t(() => ({ onChange: i }), [i]),
+	children: r
+});
+//#endregion
+export { r as default };

package/dist/components/Sidebar/SidebarSeparator.d.ts

@@ -0,0 +1,5 @@
+import { default as SidebarStyles, variantKeys } from './Sidebar.styles';
+import { useThemeSharedProps } from '../../hooks/useTheme';
+export type SidebarSeparatorProps = {} & useThemeSharedProps<typeof SidebarStyles, typeof variantKeys>;
+declare const SidebarSeparator: ({ className }: SidebarSeparatorProps) => import("react/jsx-runtime").JSX.Element;
+export default SidebarSeparator;

package/dist/components/Sidebar/SidebarSeparator.js

@@ -0,0 +1,9 @@
+import e from "../../hooks/useTheme/index.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/Sidebar/SidebarSeparator.tsx
+var n = ({ className: n }) => (n = e("Sidebar", {
+	className: n,
+	componentKey: "separator"
+}), /* @__PURE__ */ t("div", { className: n }));
+//#endregion
+export { n as default };

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

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

package/dist/components/Sidebar/index.js

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

package/dist/components/Switch/Switch.d.ts

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

package/dist/components/Switch/Switch.js

@@ -0,0 +1,56 @@
+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";
+import s from "clsx";
+var c = r(({ ref: r, children: c, id: l, className: u = "", value: d, label: f = "", disabled: p = !1, loading: m = !1, intent: h, size: g, error: _, onChange: v, ...y }) => {
+	let b = t("Switch", {
+		className: u,
+		componentKey: [
+			"switch",
+			"slider",
+			"root",
+			"inputContainer",
+			"iconFloatingContainer",
+			"icon",
+			"iconError",
+			"iconClear",
+			"input"
+		],
+		variants: {
+			intent: h,
+			size: g,
+			disabled: p,
+			error: !!_
+		}
+	});
+	return /* @__PURE__ */ o(n, {
+		className: i(() => e(b, ["switch", "slide"]), [b]),
+		id: l,
+		label: f,
+		error: _,
+		disabled: p,
+		intent: "custom",
+		size: g,
+		loading: m,
+		inline: !0,
+		value: d,
+		children: [c, /* @__PURE__ */ o("div", {
+			className: s("switch", b.switch),
+			children: [/* @__PURE__ */ a("input", {
+				...y,
+				id: l,
+				type: "checkbox",
+				ref: r,
+				value: d,
+				readOnly: !v || y.readOnly,
+				onChange: v,
+				className: b.input,
+				disabled: p
+			}), /* @__PURE__ */ a("span", { className: s("slider", b.slider) })]
+		})]
+	});
+});
+//#endregion
+export { c as default };

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

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

package/dist/components/Switch/Switch.styles.js

@@ -0,0 +1,68 @@
+import e from "../../helpers/cvaWrapper.js";
+var t = {
+	input: e("opacity-0 w-0 h-0 peer"),
+	switch: e("relative block", {
+		variants: { size: {
+			lg: "w-12 h-7",
+			md: "w-10 h-6",
+			sm: "w-8 h-5",
+			xs: "w-6 h-4",
+			custom: ""
+		} },
+		compoundVariants: [],
+		defaultVariants: { size: "md" }
+	}),
+	inputContainer: e("border-0 p-0 bg-transparent"),
+	slider: e(["round absolute top-0 bottom-0 left-0 right-0 duration-[0.4s]", "before:absolute before:left-1 before:bottom-1 before:bg-white dark:before:bg-zinc-200 before:duration-[0.4s]"], {
+		variants: {
+			intent: {
+				primary: "",
+				secondary: "",
+				danger: ""
+			},
+			size: {
+				lg: "before:w-5 before:h-5 peer-checked:before:translate-x-5",
+				md: "before:w-4 before:h-4 peer-checked:before:translate-x-4",
+				sm: "before:w-3 before:h-3 peer-checked:before:translate-x-3",
+				xs: "before:w-2 before:h-2 peer-checked:before:translate-x-2",
+				custom: ""
+			},
+			rounded: {
+				true: "before:rounded-full rounded-2xl",
+				false: ""
+			},
+			disabled: {
+				true: "bg-gray-300 dark:bg-zinc-600",
+				false: ""
+			},
+			error: {
+				true: "before:bg-red-500",
+				false: ""
+			}
+		},
+		compoundVariants: [
+			{
+				intent: "primary",
+				disabled: !1,
+				className: "bg-gray-300 dark:bg-zinc-600 peer-checked:bg-primary-500 dark:peer-checked:bg-primary-500 hover:before:bg-primary-300"
+			},
+			{
+				intent: "secondary",
+				disabled: !1,
+				className: "bg-gray-300 dark:bg-zinc-600 peer-checked:bg-secondary-500 dark:peer-checked:bg-secondary-500 hover:before:bg-secondary-300"
+			},
+			{
+				intent: "danger",
+				disabled: !1,
+				className: "bg-gray-300 dark:bg-zinc-600 peer-checked:bg-red-500 dark:peer-checked:bg-red-500 hover:before:bg-red-300"
+			}
+		],
+		defaultVariants: {
+			intent: "primary",
+			rounded: !0,
+			size: "md"
+		}
+	})
+};
+//#endregion
+export { t as default };

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

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

package/dist/components/Switch/index.js

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

package/dist/components/Text/Text.d.ts

@@ -0,0 +1,12 @@
+import { default as TextStyles, variantKeys } from './Text.styles';
+import { useThemeSharedProps } from '../../hooks/useTheme';
+import { HTMLAttributes, ReactNode } from 'react';
+export type TextProps = {
+    children?: ReactNode;
+    as?: 'p' | 'b' | 'i' | 'u' | 'abbr' | 'cite' | 'del' | 'em' | 'ins' | 'kbd' | 'mark' | 's' | 'samp' | 'sub' | 'sup';
+    isTruncated?: boolean;
+    active?: boolean;
+    testId?: string;
+} & HTMLAttributes<HTMLElement> & useThemeSharedProps<typeof TextStyles, typeof variantKeys>;
+declare const Text: ({ className, children, as, isTruncated, active, testId, intent, size, weight, ...props }: TextProps) => import("react/jsx-runtime").JSX.Element;
+export default Text;

package/dist/components/Text/Text.js

@@ -0,0 +1,22 @@
+import e from "../../hooks/useTheme/index.js";
+import t from "../../helpers/DynamicComponent.js";
+import { jsx as n } from "react/jsx-runtime";
+import r from "clsx";
+//#region src/components/Text/Text.tsx
+var i = ({ className: i, children: a, as: o = "p", isTruncated: s, active: c, testId: l, intent: u, size: d, weight: f, ...p }) => (i = e("Text", {
+	className: i,
+	componentKey: "root",
+	variants: {
+		intent: c ? "primary" : u,
+		size: d,
+		weight: f
+	}
+}), /* @__PURE__ */ n(t, {
+	...p,
+	tag: o,
+	"data-testid": l,
+	className: r(i, { truncate: s }),
+	children: a
+}));
+//#endregion
+export { i as default };

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

@@ -0,0 +1,14 @@
+export declare const variantKeys: {
+    readonly intent: readonly ["custom", "primary"];
+    readonly size: readonly ["xs", "sm", "md", "lg", "xl", "2xl", "3xl", "4xl", "5xl", "6xl", "7xl", "8xl", "9xl", "custom"];
+    readonly weight: readonly [100, 200, 300, 400, 500, 600, 700, 800, 900, "thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"];
+};
+export declare const STYLES_COMPONENT_NAME = "Text";
+declare const _default: {
+    root: (props?: ({
+        intent?: "custom" | "primary" | null | undefined;
+        size?: "xs" | "md" | "sm" | "lg" | "custom" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | null | undefined;
+        weight?: "bold" | "light" | "normal" | 100 | "black" | 900 | 200 | 600 | 400 | "medium" | "thin" | 300 | 500 | 700 | 800 | "extralight" | "semibold" | "extrabold" | null | undefined;
+    } & import('class-variance-authority/types').ClassProp) | undefined) => string;
+};
+export default _default;

package/dist/components/Text/Text.styles.js

@@ -0,0 +1,53 @@
+import e from "../../helpers/cvaWrapper.js";
+var t = { root: e("", {
+	variants: {
+		intent: {
+			primary: "text-primary-text",
+			custom: ""
+		},
+		size: {
+			xs: "text-xs",
+			sm: "text-sm",
+			md: "",
+			lg: "text-lg",
+			xl: "text-xl",
+			"2xl": "text-2xl",
+			"3xl": "text-3xl",
+			"4xl": "text-4xl",
+			"5xl": "text-5xl",
+			"6xl": "text-6xl",
+			"7xl": "text-7xl",
+			"8xl": "text-8xl",
+			"9xl": "text-9xl",
+			custom: ""
+		},
+		weight: {
+			100: "font-thin",
+			thin: "font-thin",
+			200: "font-extralight",
+			extralight: "font-extralight",
+			300: "font-light",
+			light: "font-light",
+			400: "",
+			normal: "",
+			500: "font-medium",
+			medium: "font-medium",
+			600: "font-semibold",
+			semibold: "font-semibold",
+			700: "font-bold",
+			bold: "font-bold",
+			800: "font-extrabold",
+			extrabold: "font-extrabold",
+			900: "font-black",
+			black: "font-black"
+		}
+	},
+	compoundVariants: [],
+	defaultVariants: {
+		intent: "custom",
+		size: "md",
+		weight: 400
+	}
+}) };
+//#endregion
+export { t as default };

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

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

package/dist/components/Text/index.js

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

package/dist/components/TextArea/TextArea.d.ts

@@ -0,0 +1,18 @@
+import { default as TextAreaStyles, variantKeys } from './TextArea.styles';
+import { ErrorMessageProps } from '../ErrorMessage';
+import { default as InputStyles } from '../Input/Input.styles';
+import { useThemeSharedProps } from '../../hooks/useTheme';
+import { ReactNode, RefObject, TextareaHTMLAttributes } from 'react';
+export type TextAreaProps = {
+    ref?: RefObject<HTMLTextAreaElement>;
+    label?: ReactNode;
+    placeholder?: string;
+    loading?: boolean;
+    disabled?: boolean;
+    clearable?: boolean;
+    value?: string;
+    error?: ErrorMessageProps['message'] | ErrorMessageProps['error'];
+    onChange?: (value: string) => void;
+} & Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'className' | 'onChange' | 'size'> & Omit<useThemeSharedProps<typeof TextAreaStyles & typeof InputStyles, typeof variantKeys>, 'error'>;
+declare const TextArea: ({ ref, className, id, children, label, placeholder, loading, disabled, clearable, size, intent, value, error, onChange, ...textareaProps }: TextAreaProps) => import("react/jsx-runtime").JSX.Element;
+export default TextArea;

package/dist/components/TextArea/TextArea.js

@@ -0,0 +1,53 @@
+import { omit as e } from "../../helpers/lodash/omit.js";
+import t from "../../hooks/useTheme/index.js";
+import n from "../Input/InputContainer.js";
+import { useCallback as r, useMemo as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/TextArea/TextArea.tsx
+var s = ({ ref: s, className: c = "", id: l, children: u, label: d = "", placeholder: f = "", loading: p = !1, disabled: m = !1, clearable: h = !1, size: g, intent: _, value: v = "", error: y = "", onChange: b, ...x }) => {
+	let S = t("TextArea", {
+		className: c,
+		componentKey: [
+			"root",
+			"inputContainer",
+			"iconFloatingContainer",
+			"icon",
+			"iconError",
+			"iconClear",
+			"input"
+		],
+		variants: {
+			intent: _,
+			size: g,
+			disabled: m,
+			error: !!y
+		}
+	}), C = i(() => e(S, ["input"]), [S]), w = r((e) => {
+		b?.(e.target.value);
+	}, [b]);
+	return /* @__PURE__ */ o(n, {
+		className: C,
+		id: l,
+		label: d,
+		error: y,
+		disabled: m,
+		intent: _,
+		size: g,
+		loading: p,
+		clearable: h,
+		value: v,
+		onClear: r(() => b?.(""), [b]),
+		children: [u, /* @__PURE__ */ a("textarea", {
+			ref: s,
+			id: l,
+			placeholder: f,
+			className: S.input,
+			disabled: m,
+			value: v,
+			onChange: w,
+			...x
+		})]
+	});
+};
+//#endregion
+export { s as default };

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

@@ -0,0 +1,23 @@
+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];
+};
+export declare const STYLES_COMPONENT_NAME = "TextArea";
+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;
+    } & import('class-variance-authority/types').ClassProp) | undefined) => string;
+    iconFloatingContainer: (props?: ({
+        error?: boolean | null | undefined;
+        size?: "xs" | "md" | "sm" | "custom" | 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;