@spear-ai/spectral 1.13.1 → 1.14.2

package/dist/Textarea/TextareaUtils.js

@@ -1,32 +1,55 @@
-'use client'
-import { useCallback as e } from "react";
+'use client';
+import { useCallback } from "react";
+
 //#region src/components/Textarea/TextareaUtils.tsx
-var t = (e, t, n) => {
-	let r = e.target.value;
-	r.length <= t && n?.(r);
-}, n = (e, t, n, r) => {
-	let i = e.clipboardData.getData("text"), a = n || "", o = e.currentTarget.selectionStart || 0, s = e.currentTarget.selectionEnd || 0, c = a.substring(0, o), l = a.substring(s);
-	if ((c + i + l).length > t) {
-		let e = s - o, n = t - a.length + e, u = c + i.substring(0, Math.max(0, n)) + l;
-		r?.(u);
+/**
+* Handle change events to respect character limit
+*/
+const handleTextareaChange = (e, maxLength, onChange) => {
+	const newValue = e.target.value;
+	if (newValue.length <= maxLength) onChange?.(newValue);
+};
+/**
+* Handle paste event to truncate text at character limit
+*/
+const handleTextareaPaste = (e, maxLength, value, onChange) => {
+	const pastedText = e.clipboardData.getData("text");
+	const currentValue = value || "";
+	const cursorStart = e.currentTarget.selectionStart || 0;
+	const cursorEnd = e.currentTarget.selectionEnd || 0;
+	const beforeCursor = currentValue.substring(0, cursorStart);
+	const afterCursor = currentValue.substring(cursorEnd);
+	if ((beforeCursor + pastedText + afterCursor).length > maxLength) {
+		const selectedLength = cursorEnd - cursorStart;
+		const availableSpace = maxLength - currentValue.length + selectedLength;
+		const truncatedValue = beforeCursor + pastedText.substring(0, Math.max(0, availableSpace)) + afterCursor;
+		onChange?.(truncatedValue);
 	}
-}, r = ({ maxLength: r, value: i, onChange: a, onFocus: o, onBlur: s }) => ({
-	handleFocus: e((e) => {
-		o?.(e);
-	}, [o]),
-	handleBlur: e((e) => {
-		s?.(e);
-	}, [s]),
-	handleChange: e((e) => {
-		t(e, r, a);
-	}, [r, a]),
-	handlePaste: e((e) => {
-		n(e, r, i, a);
-	}, [
-		i,
-		r,
-		a
-	])
-});
+};
+/**
+* Custom hook for textarea functionality with character limits and event handling
+*/
+const useTextarea = ({ maxLength, value, onChange, onFocus, onBlur }) => {
+	return {
+		handleFocus: useCallback((e) => {
+			onFocus?.(e);
+		}, [onFocus]),
+		handleBlur: useCallback((e) => {
+			onBlur?.(e);
+		}, [onBlur]),
+		handleChange: useCallback((e) => {
+			handleTextareaChange(e, maxLength, onChange);
+		}, [maxLength, onChange]),
+		handlePaste: useCallback((e) => {
+			handleTextareaPaste(e, maxLength, value, onChange);
+		}, [
+			value,
+			maxLength,
+			onChange
+		])
+	};
+};
+
 //#endregion
-export { r as useTextarea };
+export { useTextarea };
+//# sourceMappingURL=TextareaUtils.js.map

package/dist/Textarea/TextareaUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextareaUtils.js","names":[],"sources":["../../src/components/Textarea/TextareaUtils.tsx"],"sourcesContent":["import { useCallback, type ChangeEvent, type ClipboardEvent, type FocusEvent } from 'react'\n\nexport interface UseTextareaOptions {\n  maxLength: number\n  onBlur?: (e: FocusEvent<HTMLTextAreaElement>) => void\n  onChange: (value: string) => void\n  onFocus?: (e: FocusEvent<HTMLTextAreaElement>) => void\n  value: string\n}\n\nexport interface UseTextareaReturn {\n  handleBlur: (e: FocusEvent<HTMLTextAreaElement>) => void\n  handleChange: (e: ChangeEvent<HTMLTextAreaElement>) => void\n  handleFocus: (e: FocusEvent<HTMLTextAreaElement>) => void\n  handlePaste: (e: ClipboardEvent<HTMLTextAreaElement>) => void\n}\n\n/**\n * Handle change events to respect character limit\n */\nconst handleTextareaChange = (e: ChangeEvent<HTMLTextAreaElement>, maxLength: number, onChange: UseTextareaOptions['onChange']): void => {\n  const newValue = e.target.value\n\n  // Only allow changes that don't exceed the character limit\n  if (newValue.length <= maxLength) {\n    onChange?.(newValue)\n  }\n}\n\n/**\n * Handle paste event to truncate text at character limit\n */\nconst handleTextareaPaste = (e: ClipboardEvent<HTMLTextAreaElement>, maxLength: number, value: string, onChange?: (value: string) => void): void => {\n  const pastedText = e.clipboardData.getData('text')\n  const currentValue = value || ''\n  const cursorStart = e.currentTarget.selectionStart || 0\n  const cursorEnd = e.currentTarget.selectionEnd || 0\n\n  // Calculate what the new value would be after paste\n  const beforeCursor = currentValue.substring(0, cursorStart)\n  const afterCursor = currentValue.substring(cursorEnd)\n  const potentialNewValue = beforeCursor + pastedText + afterCursor\n\n  // If pasting would exceed the limit, truncate the pasted content\n  if (potentialNewValue.length > maxLength) {\n    // Calculate how many characters we can accept from the pasted content\n    const selectedLength = cursorEnd - cursorStart\n    const availableSpace = maxLength - currentValue.length + selectedLength\n    const truncatedPaste = pastedText.substring(0, Math.max(0, availableSpace))\n\n    // Create the truncated result\n    const truncatedValue = beforeCursor + truncatedPaste + afterCursor\n\n    // Call onChange with the truncated value\n    onChange?.(truncatedValue)\n  }\n}\n\n/**\n * Custom hook for textarea functionality with character limits and event handling\n */\nexport const useTextarea = ({ maxLength, value, onChange, onFocus, onBlur }: UseTextareaOptions): UseTextareaReturn => {\n  const handleFocus = useCallback(\n    (e: FocusEvent<HTMLTextAreaElement>): void => {\n      onFocus?.(e)\n    },\n    [onFocus],\n  )\n\n  const handleBlur = useCallback(\n    (e: FocusEvent<HTMLTextAreaElement>): void => {\n      onBlur?.(e)\n    },\n    [onBlur],\n  )\n\n  const handleChange = useCallback(\n    (e: ChangeEvent<HTMLTextAreaElement>): void => {\n      handleTextareaChange(e, maxLength, onChange)\n    },\n    [maxLength, onChange],\n  )\n\n  const handlePaste = useCallback(\n    (e: ClipboardEvent<HTMLTextAreaElement>): void => {\n      handleTextareaPaste(e, maxLength, value, onChange)\n    },\n    [value, maxLength, onChange],\n  )\n\n  return {\n    handleFocus,\n    handleBlur,\n    handleChange,\n    handlePaste,\n  }\n}\n"],"mappings":";;;;;;;AAoBA,MAAM,wBAAwB,GAAqC,WAAmB,aAAmD;CACvI,MAAM,WAAW,EAAE,OAAO;AAG1B,KAAI,SAAS,UAAU,UACrB,YAAW,SAAS;;;;;AAOxB,MAAM,uBAAuB,GAAwC,WAAmB,OAAe,aAA6C;CAClJ,MAAM,aAAa,EAAE,cAAc,QAAQ,OAAO;CAClD,MAAM,eAAe,SAAS;CAC9B,MAAM,cAAc,EAAE,cAAc,kBAAkB;CACtD,MAAM,YAAY,EAAE,cAAc,gBAAgB;CAGlD,MAAM,eAAe,aAAa,UAAU,GAAG,YAAY;CAC3D,MAAM,cAAc,aAAa,UAAU,UAAU;AAIrD,MAH0B,eAAe,aAAa,aAGhC,SAAS,WAAW;EAExC,MAAM,iBAAiB,YAAY;EACnC,MAAM,iBAAiB,YAAY,aAAa,SAAS;EAIzD,MAAM,iBAAiB,eAHA,WAAW,UAAU,GAAG,KAAK,IAAI,GAAG,eAAe,CAGtB,GAAG;AAGvD,aAAW,eAAe;;;;;;AAO9B,MAAa,eAAe,EAAE,WAAW,OAAO,UAAU,SAAS,aAAoD;AA6BrH,QAAO;EACL,aA7BkB,aACjB,MAA6C;AAC5C,aAAU,EAAE;KAEd,CAAC,QAAQ,CAyBE;EACX,YAvBiB,aAChB,MAA6C;AAC5C,YAAS,EAAE;KAEb,CAAC,OAAO,CAmBE;EACV,cAjBmB,aAClB,MAA8C;AAC7C,wBAAqB,GAAG,WAAW,SAAS;KAE9C,CAAC,WAAW,SAAS,CAaT;EACZ,aAXkB,aACjB,MAAiD;AAChD,uBAAoB,GAAG,WAAW,OAAO,SAAS;KAEpD;GAAC;GAAO;GAAW;GAAS,CAOjB;EACZ"}

package/dist/Textarea.d.ts

@@ -1,27 +1,35 @@
-import { BaseFormFieldProps, FormFieldState } from './utils/formFieldUtils';
-import { ComponentProps, FocusEvent, Ref } from 'react';
-export type TextareaState = FormFieldState;
-export type TextareaProps = Omit<ComponentProps<'textarea'>, 'onChange'> & {
-    className?: string | undefined;
-    errorMessage?: BaseFormFieldProps['errorMessage'];
-    id?: string | undefined;
-    label: string;
-    labelClassName?: string;
-    maxLength?: number | undefined;
-    name: string;
-    onBlur?: (e: FocusEvent<HTMLTextAreaElement>) => void;
-    onChange?: (value: string) => void;
-    onFocus?: (e: FocusEvent<HTMLTextAreaElement>) => void;
-    placeholder?: string | undefined;
-    required?: boolean;
-    state?: TextareaState;
-    value?: string | undefined;
-    warningMessage?: BaseFormFieldProps['errorMessage'];
-};
-export declare const Textarea: {
-    (allProps: TextareaProps & {
-        ref?: Ref<HTMLTextAreaElement>;
-    }): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
+'use client';
+import { BaseFormFieldProps, FormFieldState } from "./utils/formFieldUtils.js";
+import { ComponentProps, FocusEvent, Ref } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/Textarea/Textarea.d.ts
+type TextareaState = FormFieldState;
+type TextareaProps = Omit<ComponentProps<'textarea'>, 'onChange'> & {
+  className?: string | undefined;
+  errorMessage?: BaseFormFieldProps['errorMessage'];
+  id?: string | undefined;
+  label: string;
+  labelClassName?: string;
+  maxLength?: number | undefined; /** Number of message lines to reserve (default: 1). */
+  messageReserveLines?: number; /** Whether to keep message space reserved when hidden (default: true). */
+  messageReserveSpace?: boolean;
+  name: string;
+  onBlur?: (e: FocusEvent<HTMLTextAreaElement>) => void;
+  onChange?: (value: string) => void;
+  onFocus?: (e: FocusEvent<HTMLTextAreaElement>) => void;
+  placeholder?: string | undefined;
+  required?: boolean;
+  state?: TextareaState;
+  value?: string | undefined;
+  warningMessage?: BaseFormFieldProps['errorMessage'];
 };
+declare function Textarea(allProps: TextareaProps & {
+  ref?: Ref<HTMLTextAreaElement>;
+}): _$react_jsx_runtime0.JSX.Element;
+declare namespace Textarea {
+  var displayName: string;
+}
+//#endregion
+export { Textarea, TextareaProps, TextareaState };
 //# sourceMappingURL=Textarea.d.ts.map

package/dist/Textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.d.ts","names":[],"sources":["../src/components/Textarea/Textarea.tsx"],"mappings":";;;;;;KAQY,aAAA,GAAgB,cAAA;AAAA,KAIhB,aAAA,GAAgB,IAAA,CAAK,cAAA;EAC/B,SAAA;EACA,YAAA,GAAe,kBAAA;EACf,EAAA;EACA,KAAA;EACA,cAAA;EACA,SAAA,uBANU;EAQV,mBAAA;EAEA,mBAAA;EACA,IAAA;EACA,MAAA,IAAU,CAAA,EAAG,UAAA,CAAW,mBAAA;EACxB,QAAA,IAAY,KAAA;EACZ,OAAA,IAAW,CAAA,EAAG,UAAA,CAAW,mBAAA;EACzB,WAAA;EACA,QAAA;EACA,KAAA,GAAQ,aAAA;EACR,KAAA;EACA,cAAA,GAAiB,kBAAA;AAAA;AAAA,0BAiBjB,QAAA,EAAU,aAAA;EACR,GAAA,GAAM,GAAA,CAAI,mBAAA;AAAA,IACX,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA"}

package/dist/Textarea.js

@@ -1,97 +1,124 @@
-'use client'
-import './styles/main.css'
-import { LoaderIcon as e } from "./Icons/LoaderIcon.js";
-import { t } from "./twUtils-BpqlKSeB.js";
-import { ErrorMessage as n, WarningMessage as r } from "./FormFieldMessage.js";
-import { getAriaProps as i, getErrorMessageId as a, getTextareaClasses as o, useFormFieldId as s, useFormFieldState as c } from "./utils/formFieldUtils.js";
-import { useUncontrolledState as ee } from "./hooks/useUncontrolledState.js";
-import { Label as l } from "./Label.js";
-import { useTextarea as u } from "./Textarea/TextareaUtils.js";
-import { useRef as d } from "react";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
+'use client';
+import { LoaderIcon } from "./Icons/LoaderIcon.js";
+import { cn } from "./utils/twUtils.js";
+import { ErrorMessage, WarningMessage } from "./FormFieldMessage.js";
+import { getAriaProps, getErrorMessageId, getTextareaClasses, useFormFieldId, useFormFieldState } from "./utils/formFieldUtils.js";
+import { useUncontrolledState } from "./hooks/useUncontrolledState.js";
+import { Label } from "./Label.js";
+import { useTextarea } from "./Textarea/TextareaUtils.js";
+import { useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
 //#region src/components/Textarea/Textarea.tsx
-var m = "absolute right-4 top-4", h = (e) => e || "off", g = (e, n) => t("absolute bottom-2 right-3 text-xs pointer-events-none z-10 tabular-nums", e >= n ? "text-danger-400" : "text-text-secondary"), _ = (_) => {
-	let { ref: v, autoComplete: y, className: b, defaultValue: x, disabled: S, errorMessage: C, id: w, label: T, labelClassName: E, maxLength: D = 280, name: O, onBlur: k, onChange: A, onFocus: j, placeholder: M, required: N, state: P = "default", value: F, warningMessage: I, ...L } = _, R = s(w, O), z = a(R), B = `${R}-warning`, V = P === "error" ? z : P === "warning" && I ? B : void 0, H = d(null), U = v ?? H, [W, G] = ee({
-		value: F,
-		defaultValue: typeof x == "string" ? x : x == null ? "" : String(x),
-		onChange: A
-	}), { handleFocus: K, handleBlur: q, handleChange: J, handlePaste: Y } = u({
-		maxLength: D,
-		value: W,
-		onChange: G,
-		onFocus: j,
-		onBlur: k
-	}), { isDisabled: X, isLoading: Z } = c(S, P), Q = i(P, L["aria-describedby"], N, V), $ = W?.length || 0, te = o(P, b);
-	return /* @__PURE__ */ p("div", {
+const LOADING_ICON_CLASSES = "absolute right-4 top-4";
+const getAutoCompleteValue = (autoComplete) => {
+	if (autoComplete) return autoComplete;
+	return "off";
+};
+const getCounterClasses = (currentLength, maxLength) => {
+	return cn("absolute bottom-2 right-3 text-xs pointer-events-none z-10 tabular-nums", currentLength >= maxLength ? "text-danger-400" : "text-text-secondary");
+};
+const Textarea = (allProps) => {
+	const { ref, autoComplete, className, defaultValue, disabled, errorMessage, id, label, labelClassName, maxLength = 280, messageReserveLines = 1, messageReserveSpace = true, name, onBlur, onChange, onFocus, placeholder, required, state = "default", value: valueProp, warningMessage, ...props } = allProps;
+	const textareaId = useFormFieldId(id, name);
+	const errorMessageId = getErrorMessageId(textareaId);
+	const warningMessageId = `${textareaId}-warning`;
+	const messageId = state === "error" ? errorMessageId : state === "warning" && warningMessage ? warningMessageId : void 0;
+	const internalRef = useRef(null);
+	const textareaRef = ref ?? internalRef;
+	const [value, setValue] = useUncontrolledState({
+		value: valueProp,
+		defaultValue: typeof defaultValue === "string" ? defaultValue : defaultValue !== void 0 && defaultValue !== null ? String(defaultValue) : "",
+		onChange
+	});
+	const { handleFocus, handleBlur, handleChange, handlePaste } = useTextarea({
+		maxLength,
+		value,
+		onChange: setValue,
+		onFocus,
+		onBlur
+	});
+	const { isDisabled, isLoading } = useFormFieldState(disabled, state);
+	const ariaProps = getAriaProps(state, props["aria-describedby"], required, messageId);
+	const currentLength = value?.length || 0;
+	const textareaClasses = getTextareaClasses(state, className);
+	const getCSSCustomProperties = () => ({
+		"--textarea-min-height": "6rem",
+		"--textarea-max-height": "12rem",
+		"--textarea-border-radius": "0.5rem"
+	});
+	return /* @__PURE__ */ jsxs("div", {
 		className: "w-full",
 		children: [
-			T && /* @__PURE__ */ f(l, {
+			label && /* @__PURE__ */ jsx(Label, {
 				"data-testid": "spectral-textarea-label",
-				htmlFor: R,
-				className: t("mb-2 block", X && "cursor-not-allowed opacity-50", E),
-				children: T
+				htmlFor: textareaId,
+				className: cn("mb-2 block", isDisabled && "cursor-not-allowed opacity-50", labelClassName),
+				children: label
 			}),
-			/* @__PURE__ */ p("div", {
+			/* @__PURE__ */ jsxs("div", {
 				className: "relative",
 				children: [
-					/* @__PURE__ */ f("textarea", {
+					/* @__PURE__ */ jsx("textarea", {
 						"aria-multiline": "true",
-						autoComplete: h(y),
-						className: te,
-						"data-state": P,
+						autoComplete: getAutoCompleteValue(autoComplete),
+						className: textareaClasses,
+						"data-state": state,
 						"data-testid": "spectral-textarea",
-						disabled: X,
-						id: R,
-						name: O,
-						onBlur: q,
-						onChange: J,
-						onFocus: K,
-						onPaste: Y,
-						placeholder: M,
-						ref: U,
-						required: N,
+						disabled: isDisabled,
+						id: textareaId,
+						name,
+						onBlur: handleBlur,
+						onChange: handleChange,
+						onFocus: handleFocus,
+						onPaste: handlePaste,
+						placeholder,
+						ref: textareaRef,
+						required,
 						spellCheck: "true",
-						style: {
-							"--textarea-min-height": "6rem",
-							"--textarea-max-height": "12rem",
-							"--textarea-border-radius": "0.5rem"
-						},
-						value: W,
-						...Q,
-						...L
+						style: getCSSCustomProperties(),
+						value,
+						...ariaProps,
+						...props
 					}),
-					Z && /* @__PURE__ */ f("div", {
-						className: m,
+					isLoading && /* @__PURE__ */ jsx("div", {
+						className: LOADING_ICON_CLASSES,
 						"data-testid": "spectral-textarea-loading-icon",
-						children: /* @__PURE__ */ f(e, { size: 24 })
+						children: /* @__PURE__ */ jsx(LoaderIcon, { size: 24 })
 					}),
-					/* @__PURE__ */ p("div", {
-						"aria-label": $ + " of " + D + " characters used",
+					/* @__PURE__ */ jsxs("div", {
+						"aria-label": currentLength + " of " + maxLength + " characters used",
 						"aria-live": "polite",
-						className: g($, D),
+						className: getCounterClasses(currentLength, maxLength),
 						"data-testid": "spectral-textarea-counter",
 						role: "status",
 						children: [
-							$,
+							currentLength,
 							"/",
-							D
+							maxLength
 						]
 					})
 				]
 			}),
-			/* @__PURE__ */ f(n, {
+			/* @__PURE__ */ jsx(ErrorMessage, {
 				dataTestId: "spectral-textarea-error-message",
-				id: z,
-				message: P === "error" ? C : null
+				id: errorMessageId,
+				message: state === "error" ? errorMessage : null,
+				messageReserveLines,
+				messageReserveSpace
 			}),
-			/* @__PURE__ */ f(r, {
+			/* @__PURE__ */ jsx(WarningMessage, {
 				dataTestId: "spectral-textarea-warning-message",
-				id: B,
-				message: P === "warning" ? I : null
+				id: warningMessageId,
+				message: state === "warning" ? warningMessage : null,
+				messageReserveLines,
+				messageReserveSpace
 			})
 		]
 	});
 };
-_.displayName = "Textarea";
+Textarea.displayName = "Textarea";
+
 //#endregion
-export { _ as Textarea };
+export { Textarea };
+//# sourceMappingURL=Textarea.js.map

package/dist/Textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.js","names":[],"sources":["../src/components/Textarea/Textarea.tsx"],"sourcesContent":["import { LoaderIcon } from '@components/Icons'\nimport { Label } from '@components/Label/Label'\nimport { useUncontrolledState } from '@hooks/useUncontrolledState'\nimport { ErrorMessage, getAriaProps, getErrorMessageId, getTextareaClasses, useFormFieldId, useFormFieldState, WarningMessage, type BaseFormFieldProps, type FormFieldState } from '@utils/formFieldUtils'\nimport { cn } from '@utils/twUtils'\nimport { useRef, type ComponentProps, type CSSProperties, type FocusEvent, type Ref } from 'react'\nimport { useTextarea } from './TextareaUtils'\n\nexport type TextareaState = FormFieldState\n\ntype AutoCompleteValue = 'on' | 'off' | 'name' | 'email' | 'username' | 'street-address' | (string & {})\n\nexport type TextareaProps = Omit<ComponentProps<'textarea'>, 'onChange'> & {\n  className?: string | undefined\n  errorMessage?: BaseFormFieldProps['errorMessage']\n  id?: string | undefined\n  label: string\n  labelClassName?: string\n  maxLength?: number | undefined\n  /** Number of message lines to reserve (default: 1). */\n  messageReserveLines?: number\n  /** Whether to keep message space reserved when hidden (default: true). */\n  messageReserveSpace?: boolean\n  name: string\n  onBlur?: (e: FocusEvent<HTMLTextAreaElement>) => void\n  onChange?: (value: string) => void\n  onFocus?: (e: FocusEvent<HTMLTextAreaElement>) => void\n  placeholder?: string | undefined\n  required?: boolean\n  state?: TextareaState\n  value?: string | undefined\n  warningMessage?: BaseFormFieldProps['errorMessage']\n}\n\nconst LOADING_ICON_CLASSES = 'absolute right-4 top-4'\n\nconst getAutoCompleteValue = (autoComplete?: string): AutoCompleteValue => {\n  if (autoComplete) return autoComplete\n  return 'off'\n}\n\nconst getCounterClasses = (currentLength: number, maxLength: number): string => {\n  const baseClasses = 'absolute bottom-2 right-3 text-xs pointer-events-none z-10 tabular-nums'\n  const colorClass = currentLength >= maxLength ? 'text-danger-400' : 'text-text-secondary'\n  return cn(baseClasses, colorClass)\n}\n\nexport const Textarea = (\n  allProps: TextareaProps & {\n    ref?: Ref<HTMLTextAreaElement>\n  },\n) => {\n  const {\n    ref,\n    autoComplete,\n    className,\n    defaultValue,\n    disabled,\n    errorMessage,\n    id,\n    label,\n    labelClassName,\n    maxLength = 280,\n    messageReserveLines = 1,\n    messageReserveSpace = true,\n    name,\n    onBlur,\n    onChange,\n    onFocus,\n    placeholder,\n    required,\n    state = 'default',\n    value: valueProp,\n    warningMessage,\n    ...props\n  } = allProps\n  const textareaId = useFormFieldId(id, name)\n  const errorMessageId = getErrorMessageId(textareaId)\n  const warningMessageId = `${textareaId}-warning`\n  const messageId = state === 'error' ? errorMessageId : state === 'warning' && warningMessage ? warningMessageId : undefined\n  const internalRef = useRef<HTMLTextAreaElement>(null)\n  const textareaRef = ref ?? internalRef\n  const normalizedDefaultValue = typeof defaultValue === 'string' ? defaultValue : defaultValue !== undefined && defaultValue !== null ? String(defaultValue) : ''\n  const [value, setValue] = useUncontrolledState<string>({\n    value: valueProp,\n    defaultValue: normalizedDefaultValue,\n    onChange,\n  })\n\n  const { handleFocus, handleBlur, handleChange, handlePaste } = useTextarea({\n    maxLength,\n    value,\n    onChange: setValue,\n    onFocus,\n    onBlur,\n  })\n\n  const { isDisabled, isLoading } = useFormFieldState(disabled, state)\n  const ariaProps = getAriaProps(state, props['aria-describedby'], required, messageId)\n  const currentLength = value?.length || 0\n  const textareaClasses = getTextareaClasses(state, className)\n\n  const getCSSCustomProperties = () => ({\n    '--textarea-min-height': '6rem',\n    '--textarea-max-height': '12rem',\n    '--textarea-border-radius': '0.5rem',\n  })\n\n  return (\n    <div className='w-full'>\n      {label && (\n        <Label data-testid='spectral-textarea-label' htmlFor={textareaId} className={cn('mb-2 block', isDisabled && 'cursor-not-allowed opacity-50', labelClassName)}>\n          {label}\n        </Label>\n      )}\n      <div className='relative'>\n        <textarea\n          aria-multiline='true'\n          autoComplete={getAutoCompleteValue(autoComplete)}\n          className={textareaClasses}\n          data-state={state}\n          data-testid='spectral-textarea'\n          disabled={isDisabled}\n          id={textareaId}\n          name={name}\n          onBlur={handleBlur}\n          onChange={handleChange}\n          onFocus={handleFocus}\n          onPaste={handlePaste}\n          placeholder={placeholder}\n          ref={textareaRef}\n          required={required}\n          spellCheck='true'\n          style={getCSSCustomProperties() as CSSProperties}\n          value={value}\n          {...ariaProps}\n          {...props}\n        />\n\n        {isLoading && (\n          <div className={LOADING_ICON_CLASSES} data-testid='spectral-textarea-loading-icon'>\n            <LoaderIcon size={24} />\n          </div>\n        )}\n\n        <div\n          // oxlint will throw an error when passing ternaries in for aria-label\n          aria-label={currentLength + ' of ' + maxLength + ' characters used'}\n          aria-live='polite'\n          className={getCounterClasses(currentLength, maxLength)}\n          data-testid='spectral-textarea-counter'\n          role='status'\n        >\n          {currentLength}/{maxLength}\n        </div>\n      </div>\n\n      <ErrorMessage dataTestId='spectral-textarea-error-message' id={errorMessageId} message={state === 'error' ? errorMessage : null} messageReserveLines={messageReserveLines} messageReserveSpace={messageReserveSpace} />\n      <WarningMessage dataTestId='spectral-textarea-warning-message' id={warningMessageId} message={state === 'warning' ? warningMessage : null} messageReserveLines={messageReserveLines} messageReserveSpace={messageReserveSpace} />\n    </div>\n  )\n}\nTextarea.displayName = 'Textarea'\n"],"mappings":";;;;;;;;;;;;AAkCA,MAAM,uBAAuB;AAE7B,MAAM,wBAAwB,iBAA6C;AACzE,KAAI,aAAc,QAAO;AACzB,QAAO;;AAGT,MAAM,qBAAqB,eAAuB,cAA8B;AAG9E,QAAO,GAAG,2EADS,iBAAiB,YAAY,oBAAoB,sBAClC;;AAGpC,MAAa,YACX,aAGG;CACH,MAAM,EACJ,KACA,cACA,WACA,cACA,UACA,cACA,IACA,OACA,gBACA,YAAY,KACZ,sBAAsB,GACtB,sBAAsB,MACtB,MACA,QACA,UACA,SACA,aACA,UACA,QAAQ,WACR,OAAO,WACP,gBACA,GAAG,UACD;CACJ,MAAM,aAAa,eAAe,IAAI,KAAK;CAC3C,MAAM,iBAAiB,kBAAkB,WAAW;CACpD,MAAM,mBAAmB,GAAG,WAAW;CACvC,MAAM,YAAY,UAAU,UAAU,iBAAiB,UAAU,aAAa,iBAAiB,mBAAmB;CAClH,MAAM,cAAc,OAA4B,KAAK;CACrD,MAAM,cAAc,OAAO;CAE3B,MAAM,CAAC,OAAO,YAAY,qBAA6B;EACrD,OAAO;EACP,cAH6B,OAAO,iBAAiB,WAAW,eAAe,iBAAiB,UAAa,iBAAiB,OAAO,OAAO,aAAa,GAAG;EAI5J;EACD,CAAC;CAEF,MAAM,EAAE,aAAa,YAAY,cAAc,gBAAgB,YAAY;EACzE;EACA;EACA,UAAU;EACV;EACA;EACD,CAAC;CAEF,MAAM,EAAE,YAAY,cAAc,kBAAkB,UAAU,MAAM;CACpE,MAAM,YAAY,aAAa,OAAO,MAAM,qBAAqB,UAAU,UAAU;CACrF,MAAM,gBAAgB,OAAO,UAAU;CACvC,MAAM,kBAAkB,mBAAmB,OAAO,UAAU;CAE5D,MAAM,gCAAgC;EACpC,yBAAyB;EACzB,yBAAyB;EACzB,4BAA4B;EAC7B;AAED,QACE,qBAAC,OAAD;EAAK,WAAU;YAAf;GACG,SACC,oBAAC,OAAD;IAAO,eAAY;IAA0B,SAAS;IAAY,WAAW,GAAG,cAAc,cAAc,iCAAiC,eAAe;cACzJ;IACK;GAEV,qBAAC,OAAD;IAAK,WAAU;cAAf;KACE,oBAAC,YAAD;MACE,kBAAe;MACf,cAAc,qBAAqB,aAAa;MAChD,WAAW;MACX,cAAY;MACZ,eAAY;MACZ,UAAU;MACV,IAAI;MACE;MACN,QAAQ;MACR,UAAU;MACV,SAAS;MACT,SAAS;MACI;MACb,KAAK;MACK;MACV,YAAW;MACX,OAAO,wBAAwB;MACxB;MACP,GAAI;MACJ,GAAI;MACJ;KAED,aACC,oBAAC,OAAD;MAAK,WAAW;MAAsB,eAAY;gBAChD,oBAAC,YAAD,EAAY,MAAM,IAAM;MACpB;KAGR,qBAAC,OAAD;MAEE,cAAY,gBAAgB,SAAS,YAAY;MACjD,aAAU;MACV,WAAW,kBAAkB,eAAe,UAAU;MACtD,eAAY;MACZ,MAAK;gBANP;OAQG;OAAc;OAAE;OACb;;KACF;;GAEN,oBAAC,cAAD;IAAc,YAAW;IAAkC,IAAI;IAAgB,SAAS,UAAU,UAAU,eAAe;IAA2B;IAA0C;IAAuB;GACvN,oBAAC,gBAAD;IAAgB,YAAW;IAAoC,IAAI;IAAkB,SAAS,UAAU,YAAY,iBAAiB;IAA2B;IAA0C;IAAuB;GAC7N;;;AAGV,SAAS,cAAc"}

package/dist/Toast.d.ts

@@ -1,43 +1,72 @@
-import { VariantProps } from 'class-variance-authority';
-import { ReactNode } from 'react';
-import { ToasterProps as SonnerToasterProps } from 'sonner';
+'use client';
+import { ReactNode } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import { ToasterProps as ToasterProps$1 } from "sonner";
+import * as _$class_variance_authority_types0 from "class-variance-authority/types";
+
+//#region src/components/Toast/Toast.d.ts
 type ToastVariant = 'default' | 'success' | 'error' | 'info' | 'warning';
 type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
-export interface ToastProps extends VariantProps<typeof toastVariants> {
-    className?: string;
-    containerAriaLabel?: string;
-    dataTestId?: string;
-    message?: string | ReactNode;
-    duration?: number;
-    icon?: ReactNode;
-    id?: string | number;
-    onAutoClose?: () => void;
-    position?: ToastPosition;
-    variant?: ToastVariant;
+interface ToastProps extends VariantProps<typeof toastVariants> {
+  className?: string;
+  containerAriaLabel?: string;
+  dataTestId?: string;
+  message?: string | ReactNode;
+  duration?: number;
+  icon?: ReactNode;
+  id?: string | number;
+  onAutoClose?: () => void;
+  position?: ToastPosition;
+  variant?: ToastVariant;
 }
-export interface ToasterProps extends Omit<SonnerToasterProps, 'toastOptions'> {
-    gap?: number;
-    offset?: number | string;
-    position?: ToastPosition;
-    visibleToasts?: number;
+interface ToasterProps extends Omit<ToasterProps$1, 'toastOptions'> {
+  gap?: number;
+  offset?: number | string;
+  position?: ToastPosition;
+  visibleToasts?: number;
 }
 declare const toastVariants: (props?: ({
-    variant?: "default" | "success" | "warning" | "info" | "error" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export declare const Toast: {
-    ({ className, containerAriaLabel, dataTestId, icon, message, variant }: ToastProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
+  variant?: "default" | "error" | "info" | "success" | "warning" | null | undefined;
+} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+declare const Toast: {
+  ({
+    className,
+    containerAriaLabel,
+    dataTestId,
+    icon,
+    message,
+    variant
+  }: ToastProps): _$react_jsx_runtime0.JSX.Element;
+  displayName: string;
 } & {
-    Provider: {
-        ({ gap, offset, position, visibleToasts, ...props }: ToasterProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
+  Provider: {
+    ({
+      gap,
+      offset,
+      position,
+      visibleToasts,
+      ...props
+    }: ToasterProps): _$react_jsx_runtime0.JSX.Element;
+    displayName: string;
+  };
 };
-export declare const toast: (({ className, containerAriaLabel, dataTestId, duration, icon, message, onAutoClose, position, variant }: ToastProps) => string | number) & {
-    success: (options: Omit<ToastProps, "variant">) => string | number;
-    error: (options: Omit<ToastProps, "variant">) => string | number;
-    info: (options: Omit<ToastProps, "variant">) => string | number;
-    warning: (options: Omit<ToastProps, "variant">) => string | number;
+declare const toast: (({
+  className,
+  containerAriaLabel,
+  dataTestId,
+  duration,
+  icon,
+  message,
+  onAutoClose,
+  position,
+  variant
+}: ToastProps) => string | number) & {
+  success: (options: Omit<ToastProps, 'variant'>) => string | number;
+  error: (options: Omit<ToastProps, 'variant'>) => string | number;
+  info: (options: Omit<ToastProps, 'variant'>) => string | number;
+  warning: (options: Omit<ToastProps, 'variant'>) => string | number;
 };
-export {};
+//#endregion
+export { Toast, ToastProps, ToasterProps, toast };
 //# sourceMappingURL=Toast.d.ts.map

package/dist/Toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.d.ts","names":[],"sources":["../src/components/Toast/Toast.tsx"],"mappings":";;;;;;;;KAMK,YAAA;AAAA,KACA,aAAA;AAAA,UAEY,UAAA,SAAmB,YAAA,QAAoB,aAAA;EACtD,SAAA;EACA,kBAAA;EACA,UAAA;EACA,OAAA,YAAmB,SAAA;EACnB,QAAA;EACA,IAAA,GAAO,SAAA;EACP,EAAA;EACA,WAAA;EACA,QAAA,GAAW,aAAA;EACX,OAAA,GAAU,YAAA;AAAA;AAAA,UAGK,YAAA,SAAqB,IAAA,CAAK,cAAA;EACzC,GAAA;EACA,MAAA;EACA,QAAA,GAAW,aAAA;EACX,aAAA;AAAA;AAAA,cAGI,aAAA,GAAa,KAAA;;IAajB,iCAAA,CAAA,SAAA;AAAA,cAuEW,KAAA;EAAA;;;;;;;KA3B+G,UAAA,GAAU,oBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;;;OAnB5B,YAAA,GAAY,oBAAA,CAAA,GAAA,CAAA,OAAA;;;;cAkDzG,KAAA;EAAK,SAAA;EAAA,kBAAA;EAAA,UAAA;EAAA,QAAA;EAAA,IAAA;EAAA,OAAA;EAAA,WAAA;EAAA,QAAA;EAAA;AAAA,GAZ4H,UAAA;qBAazH,IAAA,CAAK,UAAA;mBACP,IAAA,CAAK,UAAA;kBACN,IAAA,CAAK,UAAA;qBACF,IAAA,CAAK,UAAA;AAAA"}

package/dist/Toast.js

@@ -1,3 +1,115 @@
-'use client'
-import { n as e, t } from "./Toast-BuaZxqlt.js";
-export { t as Toast, e as toast };
+'use client';
+import { CheckSquareIcon } from "./Icons/CheckSquareIcon.js";
+import { CloseCircleIcon } from "./Icons/CloseCircleIcon.js";
+import { InfoIcon } from "./Icons/InfoIcon.js";
+import { WarningIcon } from "./Icons/WarningIcon.js";
+import { cn } from "./utils/twUtils.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { Toaster, toast as toast$1 } from "sonner";
+
+//#region src/components/Toast/Toast.tsx
+const toastVariants = cva("rounded-md px-4 py-3 text-sm gap-3 shadow-lg flex max-w-[420px] min-w-[300px] items-start border", {
+	variants: { variant: {
+		default: "border-toast-border bg-toast-bg text-toast-text",
+		success: "border-toast-success-border bg-toast-success-bg text-toast-success-text",
+		error: "border-toast-danger-border bg-toast-danger-bg text-toast-danger-text",
+		info: "border-toast-info-border bg-toast-info-bg text-toast-info-text",
+		warning: "border-toast-warning-border bg-toast-warning-bg text-toast-warning-text"
+	} },
+	defaultVariants: { variant: "default" }
+});
+const messageVariants = cva("mt-1 text-sm opacity-90", {
+	variants: { variant: {
+		default: "text-toast-text",
+		success: "text-toast-success-text",
+		error: "text-toast-danger-text",
+		info: "text-toast-info-text",
+		warning: "text-toast-warning-text"
+	} },
+	defaultVariants: { variant: "default" }
+});
+const variantIcons = {
+	default: null,
+	success: /* @__PURE__ */ jsx(CheckSquareIcon, { className: "size-5 shrink-0 text-toast-success-icon" }),
+	info: /* @__PURE__ */ jsx(InfoIcon, { className: "size-5 shrink-0 text-toast-info-icon" }),
+	warning: /* @__PURE__ */ jsx(WarningIcon, { className: "size-5 shrink-0 text-toast-warning-icon" }),
+	error: /* @__PURE__ */ jsx(CloseCircleIcon, { className: "size-5 shrink-0 text-toast-danger-icon" })
+};
+const ToastProvider = ({ gap = 14, offset = 32, position = "bottom-right", visibleToasts = 3, ...props }) => {
+	return /* @__PURE__ */ jsx(Toaster, {
+		position,
+		visibleToasts,
+		offset,
+		gap,
+		toastOptions: {
+			unstyled: true,
+			classNames: { toast: "spectral-toast" }
+		},
+		...props
+	});
+};
+ToastProvider.displayName = "Toast.Provider";
+const ToastComponent = ({ className, containerAriaLabel = "Notification", dataTestId, icon, message, variant = "default" }) => {
+	const resolvedVariant = variant ?? "default";
+	const displayIcon = icon ?? variantIcons[resolvedVariant];
+	return /* @__PURE__ */ jsxs("div", {
+		"aria-label": containerAriaLabel,
+		className: cn(toastVariants({ variant: resolvedVariant }), className),
+		"data-variant": resolvedVariant,
+		"data-testid": dataTestId ?? `spectral-toast-${resolvedVariant}`,
+		role: "status",
+		"aria-live": "polite",
+		children: [displayIcon && /* @__PURE__ */ jsx("div", {
+			className: "mt-0.5",
+			"aria-hidden": "true",
+			children: displayIcon
+		}), /* @__PURE__ */ jsx("div", {
+			className: "flex flex-col",
+			children: /* @__PURE__ */ jsx("p", {
+				className: messageVariants({ variant: resolvedVariant }),
+				children: message
+			})
+		})]
+	});
+};
+ToastComponent.displayName = "Toast";
+const showToast = ({ className, containerAriaLabel, dataTestId, duration = 4e3, icon, message, onAutoClose, position, variant = "default" }) => {
+	return toast$1.custom((id) => /* @__PURE__ */ jsx(ToastComponent, {
+		className,
+		containerAriaLabel,
+		dataTestId,
+		icon,
+		id,
+		message,
+		variant
+	}), {
+		duration,
+		onAutoClose,
+		position
+	});
+};
+const Toast = Object.assign(ToastComponent, { Provider: ToastProvider });
+const toast = Object.assign(showToast, {
+	success: (options) => showToast({
+		...options,
+		variant: "success"
+	}),
+	error: (options) => showToast({
+		...options,
+		variant: "error"
+	}),
+	info: (options) => showToast({
+		...options,
+		variant: "info"
+	}),
+	warning: (options) => showToast({
+		...options,
+		variant: "warning"
+	})
+});
+
+//#endregion
+export { Toast, toast };
+//# sourceMappingURL=Toast.js.map

package/dist/Toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.js","names":["SonnerToaster","sonnerToast"],"sources":["../src/components/Toast/Toast.tsx"],"sourcesContent":["import { CheckSquareIcon, CloseCircleIcon, InfoIcon, WarningIcon } from '@components/Icons'\nimport { cn } from '@utils/twUtils'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { type ReactNode } from 'react'\nimport { toast as sonnerToast, Toaster as SonnerToaster, type ToasterProps as SonnerToasterProps } from 'sonner'\n\ntype ToastVariant = 'default' | 'success' | 'error' | 'info' | 'warning'\ntype ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right'\n\nexport interface ToastProps extends VariantProps<typeof toastVariants> {\n  className?: string\n  containerAriaLabel?: string\n  dataTestId?: string\n  message?: string | ReactNode\n  duration?: number\n  icon?: ReactNode\n  id?: string | number\n  onAutoClose?: () => void\n  position?: ToastPosition\n  variant?: ToastVariant\n}\n\nexport interface ToasterProps extends Omit<SonnerToasterProps, 'toastOptions'> {\n  gap?: number\n  offset?: number | string\n  position?: ToastPosition\n  visibleToasts?: number\n}\n\nconst toastVariants = cva('rounded-md px-4 py-3 text-sm gap-3 shadow-lg flex max-w-[420px] min-w-[300px] items-start border', {\n  variants: {\n    variant: {\n      default: 'border-toast-border bg-toast-bg text-toast-text',\n      success: 'border-toast-success-border bg-toast-success-bg text-toast-success-text',\n      error: 'border-toast-danger-border bg-toast-danger-bg text-toast-danger-text',\n      info: 'border-toast-info-border bg-toast-info-bg text-toast-info-text',\n      warning: 'border-toast-warning-border bg-toast-warning-bg text-toast-warning-text',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n})\n\nconst messageVariants = cva('mt-1 text-sm opacity-90', {\n  variants: {\n    variant: {\n      default: 'text-toast-text',\n      success: 'text-toast-success-text',\n      error: 'text-toast-danger-text',\n      info: 'text-toast-info-text',\n      warning: 'text-toast-warning-text',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n})\n\nconst variantIcons: Record<ToastVariant, ReactNode> = {\n  default: null,\n  success: <CheckSquareIcon className='size-5 shrink-0 text-toast-success-icon' />,\n  info: <InfoIcon className='size-5 shrink-0 text-toast-info-icon' />,\n  warning: <WarningIcon className='size-5 shrink-0 text-toast-warning-icon' />,\n  error: <CloseCircleIcon className='size-5 shrink-0 text-toast-danger-icon' />,\n}\n\nconst ToastProvider = ({ gap = 14, offset = 32, position = 'bottom-right', visibleToasts = 3, ...props }: ToasterProps) => {\n  return (\n    <SonnerToaster\n      position={position}\n      visibleToasts={visibleToasts}\n      offset={offset}\n      gap={gap}\n      toastOptions={{\n        unstyled: true,\n        classNames: {\n          toast: 'spectral-toast',\n        },\n      }}\n      {...props}\n    />\n  )\n}\nToastProvider.displayName = 'Toast.Provider'\n\nconst ToastComponent = ({ className, containerAriaLabel = 'Notification', dataTestId, icon, message, variant = 'default' }: ToastProps) => {\n  const resolvedVariant = variant ?? 'default'\n  const displayIcon = icon ?? variantIcons[resolvedVariant]\n\n  return (\n    <div aria-label={containerAriaLabel} className={cn(toastVariants({ variant: resolvedVariant }), className)} data-variant={resolvedVariant} data-testid={dataTestId ?? `spectral-toast-${resolvedVariant}`} role='status' aria-live='polite'>\n      {displayIcon && (\n        <div className='mt-0.5' aria-hidden='true'>\n          {displayIcon}\n        </div>\n      )}\n      <div className='flex flex-col'>\n        <p className={messageVariants({ variant: resolvedVariant })}>{message}</p>\n      </div>\n    </div>\n  )\n}\nToastComponent.displayName = 'Toast'\n\nconst showToast = ({ className, containerAriaLabel, dataTestId, duration = 4000, icon, message, onAutoClose, position, variant = 'default' }: ToastProps) => {\n  return sonnerToast.custom((id) => <ToastComponent className={className} containerAriaLabel={containerAriaLabel} dataTestId={dataTestId} icon={icon} id={id} message={message} variant={variant} />, {\n    duration,\n    onAutoClose,\n    position,\n  })\n}\n\nexport const Toast = Object.assign(ToastComponent, {\n  Provider: ToastProvider,\n})\n\nexport const toast = Object.assign(showToast, {\n  success: (options: Omit<ToastProps, 'variant'>) => showToast({ ...options, variant: 'success' }),\n  error: (options: Omit<ToastProps, 'variant'>) => showToast({ ...options, variant: 'error' }),\n  info: (options: Omit<ToastProps, 'variant'>) => showToast({ ...options, variant: 'info' }),\n  warning: (options: Omit<ToastProps, 'variant'>) => showToast({ ...options, variant: 'warning' }),\n})\n"],"mappings":";;;;;;;;;;;;AA6BA,MAAM,gBAAgB,IAAI,oGAAoG;CAC5H,UAAU,EACR,SAAS;EACP,SAAS;EACT,SAAS;EACT,OAAO;EACP,MAAM;EACN,SAAS;EACV,EACF;CACD,iBAAiB,EACf,SAAS,WACV;CACF,CAAC;AAEF,MAAM,kBAAkB,IAAI,2BAA2B;CACrD,UAAU,EACR,SAAS;EACP,SAAS;EACT,SAAS;EACT,OAAO;EACP,MAAM;EACN,SAAS;EACV,EACF;CACD,iBAAiB,EACf,SAAS,WACV;CACF,CAAC;AAEF,MAAM,eAAgD;CACpD,SAAS;CACT,SAAS,oBAAC,iBAAD,EAAiB,WAAU,2CAA4C;CAChF,MAAM,oBAAC,UAAD,EAAU,WAAU,wCAAyC;CACnE,SAAS,oBAAC,aAAD,EAAa,WAAU,2CAA4C;CAC5E,OAAO,oBAAC,iBAAD,EAAiB,WAAU,0CAA2C;CAC9E;AAED,MAAM,iBAAiB,EAAE,MAAM,IAAI,SAAS,IAAI,WAAW,gBAAgB,gBAAgB,GAAG,GAAG,YAA0B;AACzH,QACE,oBAACA,SAAD;EACY;EACK;EACP;EACH;EACL,cAAc;GACZ,UAAU;GACV,YAAY,EACV,OAAO,kBACR;GACF;EACD,GAAI;EACJ;;AAGN,cAAc,cAAc;AAE5B,MAAM,kBAAkB,EAAE,WAAW,qBAAqB,gBAAgB,YAAY,MAAM,SAAS,UAAU,gBAA4B;CACzI,MAAM,kBAAkB,WAAW;CACnC,MAAM,cAAc,QAAQ,aAAa;AAEzC,QACE,qBAAC,OAAD;EAAK,cAAY;EAAoB,WAAW,GAAG,cAAc,EAAE,SAAS,iBAAiB,CAAC,EAAE,UAAU;EAAE,gBAAc;EAAiB,eAAa,cAAc,kBAAkB;EAAmB,MAAK;EAAS,aAAU;YAAnO,CACG,eACC,oBAAC,OAAD;GAAK,WAAU;GAAS,eAAY;aACjC;GACG,GAER,oBAAC,OAAD;GAAK,WAAU;aACb,oBAAC,KAAD;IAAG,WAAW,gBAAgB,EAAE,SAAS,iBAAiB,CAAC;cAAG;IAAY;GACtE,EACF;;;AAGV,eAAe,cAAc;AAE7B,MAAM,aAAa,EAAE,WAAW,oBAAoB,YAAY,WAAW,KAAM,MAAM,SAAS,aAAa,UAAU,UAAU,gBAA4B;AAC3J,QAAOC,QAAY,QAAQ,OAAO,oBAAC,gBAAD;EAA2B;EAA+B;EAAgC;EAAkB;EAAU;EAAa;EAAkB;EAAW,GAAE;EAClM;EACA;EACA;EACD,CAAC;;AAGJ,MAAa,QAAQ,OAAO,OAAO,gBAAgB,EACjD,UAAU,eACX,CAAC;AAEF,MAAa,QAAQ,OAAO,OAAO,WAAW;CAC5C,UAAU,YAAyC,UAAU;EAAE,GAAG;EAAS,SAAS;EAAW,CAAC;CAChG,QAAQ,YAAyC,UAAU;EAAE,GAAG;EAAS,SAAS;EAAS,CAAC;CAC5F,OAAO,YAAyC,UAAU;EAAE,GAAG;EAAS,SAAS;EAAQ,CAAC;CAC1F,UAAU,YAAyC,UAAU;EAAE,GAAG;EAAS,SAAS;EAAW,CAAC;CACjG,CAAC"}