@spear-ai/spectral 1.13.1 → 1.14.1

package/dist/utils/formFieldUtils.js

@@ -1,148 +1,213 @@
-'use client'
-import { t as e } from "../twUtils-BpqlKSeB.js";
-import { ErrorMessage as t, WarningMessage as n } from "../FormFieldMessage.js";
-import { useCallback as r, useEffect as i, useId as a, useRef as o, useState as s } from "react";
-import { jsx as c } from "react/jsx-runtime";
+'use client';
+import { cn } from "./twUtils.js";
+import { ErrorMessage, WarningMessage } from "../FormFieldMessage.js";
+import { useCallback, useEffect, useId, useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+
 //#region src/utils/formFieldUtils.tsx
-var l = ({ dropdownWidth: e, triggerStyleWidth: t, triggerWidth: n, viewportMaxWidth: r = "calc(100vw - 2rem)" }) => {
-	let i = e === "trigger" ? "trigger" : e === "content" ? "content" : "custom", a = e === "trigger" ? n : e === "content" ? "max-content" : e, o = {
-		maxWidth: r,
+const getDropdownWidthStyles = ({ dropdownWidth, triggerStyleWidth, triggerWidth, viewportMaxWidth = "calc(100vw - 2rem)" }) => {
+	const dropdownWidthMode = dropdownWidth === "trigger" ? "trigger" : dropdownWidth === "content" ? "content" : "custom";
+	const resolvedDropdownWidth = dropdownWidth === "trigger" ? triggerWidth : dropdownWidth === "content" ? "max-content" : dropdownWidth;
+	const dropdownOverflowStyle = {
+		maxWidth: viewportMaxWidth,
 		overflowX: "auto",
 		overflowY: "auto"
 	};
 	return {
-		dropdownOverflowStyle: o,
-		dropdownWidthMode: i,
-		dropdownWidthStyle: e === "trigger" ? { width: t ?? n } : {
-			width: a,
-			...e === "content" ? { minWidth: "max-content" } : {},
-			...o
+		dropdownOverflowStyle,
+		dropdownWidthMode,
+		dropdownWidthStyle: dropdownWidth === "trigger" ? { width: triggerStyleWidth ?? triggerWidth } : {
+			width: resolvedDropdownWidth,
+			...dropdownWidth === "content" ? { minWidth: "max-content" } : {},
+			...dropdownOverflowStyle
 		},
-		resolvedDropdownWidth: a
+		resolvedDropdownWidth
 	};
-}, u = (e) => ({
-	success: "border-success-400 hover:border-success-500 focus-visible:border-success-400 focus-visible:outline-success-400",
-	error: "border-danger-400 hover:border-danger-500 focus-visible:border-danger-400 focus-visible:outline-danger-400",
-	warning: "border-warning-400 hover:border-warning-400 focus-visible:border-warning-400 focus-visible:outline-warning-400",
-	loading: "cursor-wait border-input-border--disabled pointer-events-none",
-	disabled: "cursor-not-allowed opacity-50 border-input-border--disabled text-input-text--disabled",
-	default: ""
-})[e], d = (t = !1, n, r) => e("h-12 rounded-lg px-4 text-base flex w-full items-center justify-between border-2 border-input-border bg-input-bg", "text-input-text transition duration-200 hover:border-input-border--hover focus:border-input-border--focus focus:outline-none", "disabled:cursor-not-allowed disabled:border-input-border--disabled disabled:bg-input-bg--disabled disabled:opacity-50", t && "border-input-border--focus hover:border-input-border--focus", u(n), r), f = (t, n = "bottom") => {
-	let r = n === "bottom" ? "top-full mt-1 origin-top" : "bottom-full mb-1 origin-bottom", i = n === "bottom" ? t ? "scale-100 opacity-100 translate-y-0" : "scale-95 opacity-0 -translate-y-1 pointer-events-none" : t ? "scale-100 opacity-100 translate-y-0" : "scale-95 opacity-0 translate-y-1 pointer-events-none";
-	return e("left-0 right-0 absolute z-50", p(), "transition-[opacity,transform] duration-150 motion-reduce:transform-none motion-reduce:transition-none", "will-change-[opacity,transform]", r, i);
-}, p = () => "rounded-lg border border-input-border bg-input-bg shadow-md", m = (t, n) => e("peer h-12 rounded-md ps-3 pe-12 text-base flex w-full border-2 border-input-border bg-input-bg transition duration-200", "placeholder:text-input-text-placeholder hover:border-input-border--hover focus:border-input-border--focus focus:outline-none", "focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-input-border--focus", "disabled:pointer-events-none disabled:border-input-border--disabled disabled:bg-input-bg--disabled disabled:text-input-text--disabled", u(t), n), h = (t, n) => e("peer h-24 rounded-md p-3 text-base flex w-full resize-none border-2 border-input-border bg-input-bg transition duration-200", "placeholder:text-input-text-placeholder hover:border-input-border--hover focus:border-input-border--focus focus:outline-none", "focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-input-border--focus", "disabled:pointer-events-none disabled:border-input-border--disabled disabled:bg-input-bg--disabled disabled:text-input-text--disabled", u(t), n), g = (e, t) => {
-	let n = a();
-	if (e) return e;
-	let r = t?.trim().toLowerCase().replace(/\s+/g, "-").replace(/[^a-z0-9\-_.:]/g, "");
-	return r ? `${r}-${n}` : n;
-}, _ = (e) => `${e}-error`, v = (t, n, r, i) => ({
-	"aria-invalid": t === "error",
-	"aria-required": r,
-	"aria-describedby": e((t === "error" || t === "warning") && i, n) || void 0
-}), y = (e = {}) => ({
+};
+const getStateClasses = (state) => {
+	return {
+		success: "border-success-400 hover:border-success-500 focus-visible:border-success-400 focus-visible:outline-success-400",
+		error: "border-danger-400 hover:border-danger-500 focus-visible:border-danger-400 focus-visible:outline-danger-400",
+		warning: "border-warning-400 hover:border-warning-400 focus-visible:border-warning-400 focus-visible:outline-warning-400",
+		loading: "cursor-wait border-input-border--disabled pointer-events-none",
+		disabled: "cursor-not-allowed opacity-50 border-input-border--disabled text-input-text--disabled",
+		default: ""
+	}[state];
+};
+const getTriggerClasses = (isOpen = false, state, className) => {
+	return cn("h-12 rounded-lg px-4 text-base flex w-full items-center justify-between border-2 border-input-border bg-input-bg", "text-input-text transition duration-200 hover:border-input-border--hover focus:border-input-border--focus focus:outline-none", "disabled:cursor-not-allowed disabled:border-input-border--disabled disabled:bg-input-bg--disabled disabled:opacity-50", isOpen && "border-input-border--focus hover:border-input-border--focus", getStateClasses(state), className);
+};
+const getDropdownClasses = (isOpen, position = "bottom") => {
+	const positionClasses = position === "bottom" ? "top-full mt-1 origin-top" : "bottom-full mb-1 origin-bottom";
+	const animationClasses = position === "bottom" ? isOpen ? "scale-100 opacity-100 translate-y-0" : "scale-95 opacity-0 -translate-y-1 pointer-events-none" : isOpen ? "scale-100 opacity-100 translate-y-0" : "scale-95 opacity-0 translate-y-1 pointer-events-none";
+	return cn("left-0 right-0 absolute z-50", getDropdownSurfaceClasses(), "transition-[opacity,transform] duration-150 motion-reduce:transform-none motion-reduce:transition-none", "will-change-[opacity,transform]", positionClasses, animationClasses);
+};
+const getDropdownSurfaceClasses = () => {
+	return "rounded-lg border border-input-border bg-input-bg shadow-md";
+};
+const getInputClasses = (state, className) => {
+	return cn("peer h-12 rounded-md ps-3 pe-12 text-base flex w-full border-2 border-input-border bg-input-bg transition duration-200", "placeholder:text-input-text-placeholder hover:border-input-border--hover focus:border-input-border--focus focus:outline-none", "focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-input-border--focus", "disabled:pointer-events-none disabled:border-input-border--disabled disabled:bg-input-bg--disabled disabled:text-input-text--disabled", getStateClasses(state), className);
+};
+const getTextareaClasses = (state, className) => {
+	return cn("peer h-24 rounded-md p-3 text-base flex w-full resize-none border-2 border-input-border bg-input-bg transition duration-200", "placeholder:text-input-text-placeholder hover:border-input-border--hover focus:border-input-border--focus focus:outline-none", "focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-input-border--focus", "disabled:pointer-events-none disabled:border-input-border--disabled disabled:bg-input-bg--disabled disabled:text-input-text--disabled", getStateClasses(state), className);
+};
+const useFormFieldId = (id, name) => {
+	const generatedId = useId();
+	if (id) return id;
+	const safeName = name?.trim().toLowerCase().replace(/\s+/g, "-").replace(/[^a-z0-9\-_.:]/g, "");
+	return safeName ? `${safeName}-${generatedId}` : generatedId;
+};
+const getErrorMessageId = (fieldId) => `${fieldId}-error`;
+const getAriaProps = (state, ariaDescribedBy, ariaRequired, messageId) => ({
+	"aria-invalid": state === "error",
+	"aria-required": ariaRequired,
+	"aria-describedby": cn((state === "error" || state === "warning") && messageId, ariaDescribedBy) || void 0
+});
+const getFormFieldCSSProperties = (customProps = {}) => ({
 	"--field-border-radius": "0.5rem",
 	"--field-height": "3rem",
 	"--field-padding": "1rem",
-	...e
-}), b = (e, t = "default") => ({
-	isDisabled: e ?? t === "disabled",
-	isLoading: t === "loading",
-	isInvalid: t === "error"
-}), x = (e) => {
-	let t = o(null);
-	return i(() => {
-		let n = (n) => {
-			t.current && !t.current.contains(n.target) && e();
+	...customProps
+});
+const useFormFieldState = (disabled, state = "default") => ({
+	isDisabled: disabled ?? state === "disabled",
+	isLoading: state === "loading",
+	isInvalid: state === "error"
+});
+const useClickOutside = (callback) => {
+	const ref = useRef(null);
+	useEffect(() => {
+		const handleClickOutside = (event) => {
+			if (ref.current && !ref.current.contains(event.target)) callback();
 		};
-		return document.addEventListener("mousedown", n), () => document.removeEventListener("mousedown", n);
-	}, [e]), t;
-}, S = (e, t = !1, n, a, o, c) => {
-	let [l, u] = s(-1);
-	i(() => {
-		if (e) if (t) u(0);
+		document.addEventListener("mousedown", handleClickOutside);
+		return () => document.removeEventListener("mousedown", handleClickOutside);
+	}, [callback]);
+	return ref;
+};
+const useKeyboardNavigation = (isOpen, multiSelect = false, onClose, onSelect, options, selectedValue) => {
+	const [focusedIndex, setFocusedIndex] = useState(-1);
+	useEffect(() => {
+		if (isOpen) if (multiSelect) setFocusedIndex(0);
 		else {
-			let e = o.findIndex((e) => e.value === c);
-			u(e >= 0 ? e : 0);
+			const selectedIndex = options.findIndex((option) => option.value === selectedValue);
+			setFocusedIndex(selectedIndex >= 0 ? selectedIndex : 0);
 		}
-		else u(-1);
+		else setFocusedIndex(-1);
 	}, [
-		e,
-		c,
-		o,
-		t
+		isOpen,
+		selectedValue,
+		options,
+		multiSelect
 	]);
-	let d = r((e, t) => {
-		let n = e + (t === "down" ? 1 : -1);
-		return n = t === "down" ? Math.min(n, o.length - 1) : Math.max(n, 0), o[n]?.disabled && n !== e ? d(n, t) : n;
-	}, [o]);
+	const getNextEnabledIndex = useCallback((currentIndex, direction) => {
+		let nextIndex = currentIndex + (direction === "down" ? 1 : -1);
+		if (direction === "down") nextIndex = Math.min(nextIndex, options.length - 1);
+		else nextIndex = Math.max(nextIndex, 0);
+		if (options[nextIndex]?.disabled && nextIndex !== currentIndex) return getNextEnabledIndex(nextIndex, direction);
+		return nextIndex;
+	}, [options]);
 	return {
-		focusedIndex: l,
-		setFocusedIndex: u,
-		handleKeyDown: r((r) => {
-			if (!e) return [
-				"ArrowDown",
-				"ArrowUp",
-				" ",
-				"Enter"
-			].includes(r.key) ? (r.preventDefault(), "open") : void 0;
-			let i = {
+		focusedIndex,
+		setFocusedIndex,
+		handleKeyDown: useCallback((event) => {
+			if (!isOpen) {
+				if ([
+					"ArrowDown",
+					"ArrowUp",
+					" ",
+					"Enter"
+				].includes(event.key)) {
+					event.preventDefault();
+					return "open";
+				}
+				return;
+			}
+			const handler = {
 				ArrowDown: () => {
-					r.preventDefault(), u((e) => d(e, "down"));
+					event.preventDefault();
+					setFocusedIndex((prev) => getNextEnabledIndex(prev, "down"));
 				},
 				ArrowUp: () => {
-					r.preventDefault(), u((e) => d(e, "up"));
+					event.preventDefault();
+					setFocusedIndex((prev) => getNextEnabledIndex(prev, "up"));
 				},
 				Enter: () => {
-					r.preventDefault(), l >= 0 && o[l] && !o[l].disabled && (a(o[l].value), t || n());
+					event.preventDefault();
+					if (focusedIndex >= 0 && options[focusedIndex] && !options[focusedIndex].disabled) {
+						onSelect(options[focusedIndex].value);
+						if (!multiSelect) onClose();
+					}
 				},
 				" ": () => {
-					r.preventDefault(), l >= 0 && o[l] && !o[l].disabled && (a(o[l].value), t || n());
+					event.preventDefault();
+					if (focusedIndex >= 0 && options[focusedIndex] && !options[focusedIndex].disabled) {
+						onSelect(options[focusedIndex].value);
+						if (!multiSelect) onClose();
+					}
 				},
 				Escape: () => {
-					r.preventDefault(), n();
+					event.preventDefault();
+					onClose();
 				},
 				Home: () => {
-					r.preventDefault(), u(0);
+					event.preventDefault();
+					setFocusedIndex(0);
 				},
 				End: () => {
-					r.preventDefault(), u(o.length - 1);
+					event.preventDefault();
+					setFocusedIndex(options.length - 1);
 				}
-			}[r.key];
-			i && i();
+			}[event.key];
+			if (handler) handler();
 		}, [
-			o,
-			l,
-			a,
-			n,
-			e,
-			t,
-			d
+			options,
+			focusedIndex,
+			onSelect,
+			onClose,
+			isOpen,
+			multiSelect,
+			getNextEnabledIndex
 		]),
-		isOpen: e
+		isOpen
 	};
-}, C = (e) => {
-	let t = {}, n = [];
-	return e.forEach((e) => {
-		e.group ? (t[e.group] || (t[e.group] = []), t[e.group].push(e)) : n.push(e);
-	}), {
-		groups: t,
-		ungrouped: n,
-		hasGroups: Object.keys(t).length > 0
+};
+const groupOptions = (options) => {
+	const groups = {};
+	const ungrouped = [];
+	options.forEach((option) => {
+		if (option.group) {
+			if (!groups[option.group]) groups[option.group] = [];
+			groups[option.group].push(option);
+		} else ungrouped.push(option);
+	});
+	return {
+		groups,
+		ungrouped,
+		hasGroups: Object.keys(groups).length > 0
 	};
-}, w = ({ className: t, message: n = "Loading…" }) => /* @__PURE__ */ c("div", {
+};
+const LoadingState = ({ className, message = "Loading…" }) => /* @__PURE__ */ jsx("div", {
 	"aria-live": "polite",
-	className: e("gap-2 py-6 text-base text-input-text-secondary flex items-center justify-center", t),
+	className: cn("gap-2 py-6 text-base text-input-text-secondary flex items-center justify-center", className),
 	role: "status",
-	children: n
-}), T = ({ className: t, message: n = "No options found" }) => /* @__PURE__ */ c("div", {
-	className: e("py-6 text-base text-center text-text-secondary", t),
+	children: message
+});
+const EmptyState = ({ className, message = "No options found" }) => /* @__PURE__ */ jsx("div", {
+	className: cn("py-6 text-base text-center text-text-secondary", className),
 	role: "status",
-	children: n
-}), E = (t = !1, n, r) => e("my-0.5 first:mt-0 last:mb-0 rounded-sm py-1.5 pl-2 pr-8 text-base relative flex w-full cursor-pointer items-center outline-none select-none hover:bg-input-bg--hover data-[highlighted]:bg-input-bg--hover data-[highlighted]:text-input-text", n && "bg-input-bg--hover", r && "bg-input-bg--selected text-input-text", t && "pointer-events-none text-input-text--disabled"), D = (e) => {
-	e && e.scrollIntoView({
+	children: message
+});
+const getOptionClasses = (isDisabled = false, isFocused, isSelected) => {
+	return cn("my-0.5 first:mt-0 last:mb-0 rounded-sm py-1.5 pl-2 pr-8 text-base relative flex w-full cursor-pointer items-center outline-none select-none hover:bg-input-bg--hover data-[highlighted]:bg-input-bg--hover data-[highlighted]:text-input-text", isFocused && "bg-input-bg--hover", isSelected && "bg-input-bg--selected text-input-text", isDisabled && "pointer-events-none text-input-text--disabled");
+};
+const scrollIntoView = (element) => {
+	if (element) element.scrollIntoView({
 		block: "nearest",
 		behavior: "smooth"
 	});
 };
+
 //#endregion
-export { T as EmptyState, t as ErrorMessage, w as LoadingState, n as WarningMessage, v as getAriaProps, f as getDropdownClasses, p as getDropdownSurfaceClasses, l as getDropdownWidthStyles, _ as getErrorMessageId, y as getFormFieldCSSProperties, m as getInputClasses, E as getOptionClasses, u as getStateClasses, h as getTextareaClasses, d as getTriggerClasses, C as groupOptions, D as scrollIntoView, x as useClickOutside, g as useFormFieldId, b as useFormFieldState, S as useKeyboardNavigation };
+export { EmptyState, ErrorMessage, LoadingState, WarningMessage, getAriaProps, getDropdownClasses, getDropdownSurfaceClasses, getDropdownWidthStyles, getErrorMessageId, getFormFieldCSSProperties, getInputClasses, getOptionClasses, getStateClasses, getTextareaClasses, getTriggerClasses, groupOptions, scrollIntoView, useClickOutside, useFormFieldId, useFormFieldState, useKeyboardNavigation };
+//# sourceMappingURL=formFieldUtils.js.map

package/dist/utils/formFieldUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formFieldUtils.js","names":[],"sources":["../../src/utils/formFieldUtils.tsx"],"sourcesContent":["import { cn } from '@utils/twUtils'\nimport { type CSSProperties, type KeyboardEvent, type ReactNode, useCallback, useEffect, useId, useRef, useState } from 'react'\nexport { ErrorMessage, WarningMessage, type FormFieldMessageValue } from '@components/FormFieldMessage/FormFieldMessage'\n\nexport type FormFieldState = 'default' | 'error' | 'warning' | 'disabled' | 'loading' | 'success'\n\nexport interface BaseFormFieldProps {\n  disabled?: boolean\n  errorMessage?: string | string[] | Record<string, unknown> | null\n  id?: string\n  label?: string\n  name?: string\n  onChange?: (value: string) => void\n  required?: boolean\n  state?: FormFieldState\n  'aria-describedby'?: string\n  'aria-disabled'?: boolean\n  'aria-invalid'?: boolean\n  'aria-label'?: string\n  'aria-required'?: boolean\n}\n\nexport interface BaseOption {\n  disabled?: boolean\n  group?: string\n  label: string\n  value: string\n}\n\nexport type DropdownWidth = 'trigger' | 'content' | (string & {})\nexport type DropdownWidthMode = 'trigger' | 'content' | 'custom'\n\ninterface DropdownWidthStyleConfig {\n  dropdownWidth: DropdownWidth\n  triggerStyleWidth?: string\n  triggerWidth: string\n  viewportMaxWidth?: string\n}\n\nexport const getDropdownWidthStyles = ({\n  dropdownWidth,\n  triggerStyleWidth,\n  triggerWidth,\n  viewportMaxWidth = 'calc(100vw - 2rem)',\n}: DropdownWidthStyleConfig): {\n  dropdownOverflowStyle: CSSProperties\n  dropdownWidthMode: DropdownWidthMode\n  dropdownWidthStyle: CSSProperties\n  resolvedDropdownWidth: string\n} => {\n  const dropdownWidthMode: DropdownWidthMode = dropdownWidth === 'trigger' ? 'trigger' : dropdownWidth === 'content' ? 'content' : 'custom'\n\n  const resolvedDropdownWidth = dropdownWidth === 'trigger' ? triggerWidth : dropdownWidth === 'content' ? 'max-content' : dropdownWidth\n\n  const dropdownOverflowStyle: CSSProperties = {\n    maxWidth: viewportMaxWidth,\n    overflowX: 'auto',\n    overflowY: 'auto',\n  }\n\n  const dropdownWidthStyle: CSSProperties =\n    dropdownWidth === 'trigger'\n      ? { width: triggerStyleWidth ?? triggerWidth }\n      : {\n          width: resolvedDropdownWidth,\n          ...(dropdownWidth === 'content' ? { minWidth: 'max-content' } : {}),\n          ...dropdownOverflowStyle,\n        }\n\n  return {\n    dropdownOverflowStyle,\n    dropdownWidthMode,\n    dropdownWidthStyle,\n    resolvedDropdownWidth,\n  }\n}\n\nexport const getStateClasses = (state: FormFieldState): string => {\n  const stateClassMap: Record<FormFieldState, string> = {\n    success: 'border-success-400 hover:border-success-500 focus-visible:border-success-400 focus-visible:outline-success-400',\n    error: 'border-danger-400 hover:border-danger-500 focus-visible:border-danger-400 focus-visible:outline-danger-400',\n    warning: 'border-warning-400 hover:border-warning-400 focus-visible:border-warning-400 focus-visible:outline-warning-400',\n    loading: 'cursor-wait border-input-border--disabled pointer-events-none',\n    disabled: 'cursor-not-allowed opacity-50 border-input-border--disabled text-input-text--disabled',\n    default: '',\n  }\n  return stateClassMap[state]\n}\n\nexport const getTriggerClasses = (isOpen: boolean = false, state: FormFieldState, className?: string): string => {\n  return cn(\n    'h-12 rounded-lg px-4 text-base flex w-full items-center justify-between border-2 border-input-border bg-input-bg',\n    'text-input-text transition duration-200 hover:border-input-border--hover focus:border-input-border--focus focus:outline-none',\n    'disabled:cursor-not-allowed disabled:border-input-border--disabled disabled:bg-input-bg--disabled disabled:opacity-50',\n    isOpen && 'border-input-border--focus hover:border-input-border--focus',\n    getStateClasses(state),\n    className,\n  )\n}\n\nexport const getDropdownClasses = (isOpen: boolean, position: 'top' | 'bottom' = 'bottom'): string => {\n  const positionClasses = position === 'bottom' ? 'top-full mt-1 origin-top' : 'bottom-full mb-1 origin-bottom'\n\n  const animationClasses = position === 'bottom' ? (isOpen ? 'scale-100 opacity-100 translate-y-0' : 'scale-95 opacity-0 -translate-y-1 pointer-events-none') : isOpen ? 'scale-100 opacity-100 translate-y-0' : 'scale-95 opacity-0 translate-y-1 pointer-events-none'\n\n  return cn('left-0 right-0 absolute z-50', getDropdownSurfaceClasses(), 'transition-[opacity,transform] duration-150 motion-reduce:transform-none motion-reduce:transition-none', 'will-change-[opacity,transform]', positionClasses, animationClasses)\n}\n\nexport const getDropdownSurfaceClasses = (): string => {\n  return 'rounded-lg border border-input-border bg-input-bg shadow-md'\n}\n\nexport const getInputClasses = (state: FormFieldState, className?: string): string => {\n  return cn(\n    'peer h-12 rounded-md ps-3 pe-12 text-base flex w-full border-2 border-input-border bg-input-bg transition duration-200',\n    'placeholder:text-input-text-placeholder hover:border-input-border--hover focus:border-input-border--focus focus:outline-none',\n    'focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-input-border--focus',\n    'disabled:pointer-events-none disabled:border-input-border--disabled disabled:bg-input-bg--disabled disabled:text-input-text--disabled',\n    getStateClasses(state),\n    className,\n  )\n}\n\nexport const getTextareaClasses = (state: FormFieldState, className?: string): string => {\n  return cn(\n    'peer h-24 rounded-md p-3 text-base flex w-full resize-none border-2 border-input-border bg-input-bg transition duration-200',\n    'placeholder:text-input-text-placeholder hover:border-input-border--hover focus:border-input-border--focus focus:outline-none',\n    'focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-input-border--focus',\n    'disabled:pointer-events-none disabled:border-input-border--disabled disabled:bg-input-bg--disabled disabled:text-input-text--disabled',\n    getStateClasses(state),\n    className,\n  )\n}\n\nexport const useFormFieldId = (id?: string, name?: string): string => {\n  const generatedId = useId()\n  if (id) return id\n  const safeName = name\n    ?.trim()\n    .toLowerCase()\n    .replace(/\\s+/g, '-')\n    .replace(/[^a-z0-9\\-_.:]/g, '')\n  return safeName ? `${safeName}-${generatedId}` : generatedId\n}\n\nexport const getErrorMessageId = (fieldId: string): string => `${fieldId}-error`\n\nexport const getAriaProps = (state: FormFieldState, ariaDescribedBy?: string, ariaRequired?: boolean, messageId?: string) => ({\n  'aria-invalid': state === 'error',\n  'aria-required': ariaRequired,\n  'aria-describedby': cn((state === 'error' || state === 'warning') && messageId, ariaDescribedBy) || undefined,\n})\n\nexport const getFormFieldCSSProperties = (customProps: Record<string, string> = {}) => ({\n  '--field-border-radius': '0.5rem',\n  '--field-height': '3rem',\n  '--field-padding': '1rem',\n  ...customProps,\n})\n\nexport const useFormFieldState = (disabled?: boolean, state: FormFieldState = 'default') => ({\n  isDisabled: disabled ?? state === 'disabled',\n  isLoading: state === 'loading',\n  isInvalid: state === 'error',\n  // isSuccess: state === 'success', // For future use\n})\n\nexport const useClickOutside = <T extends HTMLElement>(callback: () => void) => {\n  const ref = useRef<T>(null)\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (ref.current && !ref.current.contains(event.target as Node)) {\n        callback()\n      }\n    }\n\n    document.addEventListener('mousedown', handleClickOutside)\n    return () => document.removeEventListener('mousedown', handleClickOutside)\n  }, [callback])\n\n  return ref\n}\n\nexport const useKeyboardNavigation = <T extends BaseOption>(isOpen: boolean, multiSelect: boolean = false, onClose: () => void, onSelect: (value: string) => void, options: T[], selectedValue: string | string[] | undefined) => {\n  const [focusedIndex, setFocusedIndex] = useState(-1)\n\n  // Reset focused index when opening/closing\n  useEffect(() => {\n    if (isOpen) {\n      if (multiSelect) {\n        setFocusedIndex(0)\n      } else {\n        const selectedIndex = options.findIndex((option) => option.value === selectedValue)\n        setFocusedIndex(selectedIndex >= 0 ? selectedIndex : 0)\n      }\n    } else {\n      setFocusedIndex(-1)\n    }\n  }, [isOpen, selectedValue, options, multiSelect])\n\n  const getNextEnabledIndex = useCallback(\n    (currentIndex: number, direction: 'up' | 'down'): number => {\n      const increment = direction === 'down' ? 1 : -1\n      let nextIndex = currentIndex + increment\n\n      // Boundary checks\n      if (direction === 'down') {\n        nextIndex = Math.min(nextIndex, options.length - 1)\n      } else {\n        nextIndex = Math.max(nextIndex, 0)\n      }\n\n      const nextOption = options[nextIndex]\n      if (nextOption?.disabled && nextIndex !== currentIndex) {\n        return getNextEnabledIndex(nextIndex, direction)\n      }\n\n      return nextIndex\n    },\n    [options],\n  )\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLElement>): 'open' | void => {\n      if (!isOpen) {\n        if (['ArrowDown', 'ArrowUp', ' ', 'Enter'].includes(event.key)) {\n          event.preventDefault()\n          return 'open'\n        }\n        return\n      }\n\n      const keyHandlers = {\n        ArrowDown: () => {\n          event.preventDefault()\n          setFocusedIndex((prev) => getNextEnabledIndex(prev, 'down'))\n        },\n        ArrowUp: () => {\n          event.preventDefault()\n          setFocusedIndex((prev) => getNextEnabledIndex(prev, 'up'))\n        },\n        Enter: () => {\n          event.preventDefault()\n          if (focusedIndex >= 0 && options[focusedIndex] && !options[focusedIndex].disabled) {\n            onSelect(options[focusedIndex].value)\n            if (!multiSelect) {\n              onClose()\n            }\n          }\n        },\n        ' ': () => {\n          event.preventDefault()\n          if (focusedIndex >= 0 && options[focusedIndex] && !options[focusedIndex].disabled) {\n            onSelect(options[focusedIndex].value)\n            if (!multiSelect) {\n              onClose()\n            }\n          }\n        },\n        Escape: () => {\n          event.preventDefault()\n          onClose()\n        },\n        Home: () => {\n          event.preventDefault()\n          setFocusedIndex(0)\n        },\n        End: () => {\n          event.preventDefault()\n          setFocusedIndex(options.length - 1)\n        },\n      }\n\n      const handler = keyHandlers[event.key as keyof typeof keyHandlers]\n      if (handler) {\n        handler()\n      }\n    },\n    [options, focusedIndex, onSelect, onClose, isOpen, multiSelect, getNextEnabledIndex],\n  )\n\n  return { focusedIndex, setFocusedIndex, handleKeyDown, isOpen }\n}\n\nexport const groupOptions = <T extends BaseOption>(options: T[]) => {\n  const groups: Record<string, T[]> = {}\n  const ungrouped: T[] = []\n\n  options.forEach((option) => {\n    if (option.group) {\n      if (!groups[option.group]) {\n        groups[option.group] = []\n      }\n      groups[option.group].push(option)\n    } else {\n      ungrouped.push(option)\n    }\n  })\n\n  return {\n    groups,\n    ungrouped,\n    hasGroups: Object.keys(groups).length > 0,\n  }\n}\n\nexport const LoadingState = ({ className, message = 'Loading…' }: { className?: string; message?: string }) => (\n  <div aria-live='polite' className={cn('gap-2 py-6 text-base text-input-text-secondary flex items-center justify-center', className)} role='status'>\n    {message}\n  </div>\n)\n\nexport const EmptyState = ({ className, message = 'No options found' }: { className?: string; message?: ReactNode }) => (\n  <div className={cn('py-6 text-base text-center text-text-secondary', className)} role='status'>\n    {message}\n  </div>\n)\n\nexport const getOptionClasses = (isDisabled: boolean = false, isFocused: boolean, isSelected: boolean): string => {\n  return cn(\n    'my-0.5 first:mt-0 last:mb-0 rounded-sm py-1.5 pl-2 pr-8 text-base relative flex w-full cursor-pointer items-center outline-none select-none hover:bg-input-bg--hover data-[highlighted]:bg-input-bg--hover data-[highlighted]:text-input-text',\n    isFocused && 'bg-input-bg--hover',\n    isSelected && 'bg-input-bg--selected text-input-text',\n    isDisabled && 'pointer-events-none text-input-text--disabled',\n  )\n}\n\nexport const scrollIntoView = (element: HTMLElement | null) => {\n  if (element) {\n    element.scrollIntoView({ block: 'nearest', behavior: 'smooth' })\n  }\n}\n"],"mappings":"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"}

package/dist/utils/sharedUtils.d.ts

@@ -1,8 +1,12 @@
-export declare const clamp: (n: number, min: number, max: number) => number;
-export interface PasswordStrength {
-    score: number;
-    label: string;
-    color: string;
+'use client';
+//#region src/utils/sharedUtils.d.ts
+declare const clamp: (n: number, min: number, max: number) => number;
+interface PasswordStrength {
+  score: number;
+  label: string;
+  color: string;
 }
-export declare const calculatePasswordStrength: (password: string) => PasswordStrength;
+declare const calculatePasswordStrength: (password: string) => PasswordStrength;
+//#endregion
+export { PasswordStrength, calculatePasswordStrength, clamp };
 //# sourceMappingURL=sharedUtils.d.ts.map

package/dist/utils/sharedUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sharedUtils.d.ts","sourceRoot":"","sources":["../../src/utils/sharedUtils.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,GAAI,GAAG,MAAM,EAAE,KAAK,MAAM,EAAE,KAAK,MAAM,KAAG,MAE3D,CAAA;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,yBAAyB,GAAI,UAAU,MAAM,KAAG,gBAc5D,CAAA"}
+{"version":3,"file":"sharedUtils.d.ts","names":[],"sources":["../../src/utils/sharedUtils.ts"],"mappings":";;cAAa,KAAA,GAAK,CAAA,UAAa,GAAA,UAAa,GAAA;AAAA,UAI3B,gBAAA;EACf,KAAA;EACA,KAAA;EACA,KAAA;AAAA;AAAA,cAGW,yBAAA,GAAyB,QAAA,aAAuB,gBAAA"}

package/dist/utils/sharedUtils.js

@@ -1,27 +1,42 @@
+'use client';
 //#region src/utils/sharedUtils.ts
-var e = (e, t, n) => Math.min(n, Math.max(t, e)), t = (e) => {
-	let t = 0;
-	return e.length >= 8 && (t += 1), e.length >= 12 && (t += 1), /[a-z]/u.test(e) && /[A-Z]/u.test(e) && (t += 1), /\d/u.test(e) && (t += 1), /[^\da-z]/i.test(e) && (t += 1), t <= 1 ? {
+const clamp = (n, min, max) => {
+	return Math.min(max, Math.max(min, n));
+};
+const calculatePasswordStrength = (password) => {
+	let score = 0;
+	if (password.length >= 8) score += 1;
+	if (password.length >= 12) score += 1;
+	if (/[a-z]/u.test(password) && /[A-Z]/u.test(password)) score += 1;
+	if (/\d/u.test(password)) score += 1;
+	if (/[^\da-z]/i.test(password)) score += 1;
+	if (score <= 1) return {
 		score: 1,
 		label: "Weak",
 		color: "#ef4444"
-	} : t === 2 ? {
+	};
+	if (score === 2) return {
 		score: 2,
 		label: "Fair",
 		color: "#f97316"
-	} : t === 3 ? {
+	};
+	if (score === 3) return {
 		score: 3,
 		label: "Good",
 		color: "#eab308"
-	} : t === 4 ? {
+	};
+	if (score === 4) return {
 		score: 4,
 		label: "Strong",
 		color: "#22c55e"
-	} : {
+	};
+	return {
 		score: 5,
 		label: "Excellent",
 		color: "#CDFB50"
 	};
 };
+
 //#endregion
-export { t as calculatePasswordStrength, e as clamp };
+export { calculatePasswordStrength, clamp };
+//# sourceMappingURL=sharedUtils.js.map

package/dist/utils/sharedUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sharedUtils.js","names":[],"sources":["../../src/utils/sharedUtils.ts"],"sourcesContent":["export const clamp = (n: number, min: number, max: number): number => {\n  return Math.min(max, Math.max(min, n))\n}\n\nexport interface PasswordStrength {\n  score: number\n  label: string\n  color: string\n}\n\nexport const calculatePasswordStrength = (password: string): PasswordStrength => {\n  let score = 0\n\n  if (password.length >= 8) score += 1\n  if (password.length >= 12) score += 1\n  if (/[a-z]/u.test(password) && /[A-Z]/u.test(password)) score += 1\n  if (/\\d/u.test(password)) score += 1\n  if (/[^\\da-z]/i.test(password)) score += 1\n\n  if (score <= 1) return { score: 1, label: 'Weak', color: '#ef4444' }\n  if (score === 2) return { score: 2, label: 'Fair', color: '#f97316' }\n  if (score === 3) return { score: 3, label: 'Good', color: '#eab308' }\n  if (score === 4) return { score: 4, label: 'Strong', color: '#22c55e' }\n  return { score: 5, label: 'Excellent', color: '#CDFB50' }\n}\n"],"mappings":";;AAAA,MAAa,SAAS,GAAW,KAAa,QAAwB;AACpE,QAAO,KAAK,IAAI,KAAK,KAAK,IAAI,KAAK,EAAE,CAAC;;AASxC,MAAa,6BAA6B,aAAuC;CAC/E,IAAI,QAAQ;AAEZ,KAAI,SAAS,UAAU,EAAG,UAAS;AACnC,KAAI,SAAS,UAAU,GAAI,UAAS;AACpC,KAAI,SAAS,KAAK,SAAS,IAAI,SAAS,KAAK,SAAS,CAAE,UAAS;AACjE,KAAI,MAAM,KAAK,SAAS,CAAE,UAAS;AACnC,KAAI,YAAY,KAAK,SAAS,CAAE,UAAS;AAEzC,KAAI,SAAS,EAAG,QAAO;EAAE,OAAO;EAAG,OAAO;EAAQ,OAAO;EAAW;AACpE,KAAI,UAAU,EAAG,QAAO;EAAE,OAAO;EAAG,OAAO;EAAQ,OAAO;EAAW;AACrE,KAAI,UAAU,EAAG,QAAO;EAAE,OAAO;EAAG,OAAO;EAAQ,OAAO;EAAW;AACrE,KAAI,UAAU,EAAG,QAAO;EAAE,OAAO;EAAG,OAAO;EAAU,OAAO;EAAW;AACvE,QAAO;EAAE,OAAO;EAAG,OAAO;EAAa,OAAO;EAAW"}

package/dist/utils/twUtils.d.ts

@@ -1,3 +1,8 @@
-import { ClassValue } from 'clsx';
-export declare const cn: (...inputs: ClassValue[]) => string;
+'use client';
+import { ClassValue } from "clsx";
+
+//#region src/utils/twUtils.d.ts
+declare const cn: (...inputs: ClassValue[]) => string;
+//#endregion
+export { cn };
 //# sourceMappingURL=twUtils.d.ts.map

package/dist/utils/twUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"twUtils.d.ts","sourceRoot":"","sources":["../../src/utils/twUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,MAAM,CAAA;AAG5C,eAAO,MAAM,EAAE,GAAI,GAAG,QAAQ,UAAU,EAAE,KAAG,MAE5C,CAAA"}
+{"version":3,"file":"twUtils.d.ts","names":[],"sources":["../../src/utils/twUtils.ts"],"mappings":";;;;cAGa,EAAA,MAAE,MAAA,EAAe,UAAA"}

package/dist/utils/twUtils.js

@@ -1,2 +1,12 @@
-import { t as e } from "../twUtils-BpqlKSeB.js";
-export { e as cn };
+'use client';
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+//#region src/utils/twUtils.ts
+const cn = (...inputs) => {
+	return twMerge(clsx(inputs));
+};
+
+//#endregion
+export { cn };
+//# sourceMappingURL=twUtils.js.map

package/dist/utils/twUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"twUtils.js","names":[],"sources":["../../src/utils/twUtils.ts"],"sourcesContent":["import { clsx, type ClassValue } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport const cn = (...inputs: ClassValue[]): string => {\n  return twMerge(clsx(inputs))\n}\n"],"mappings":";;;;;AAGA,MAAa,MAAM,GAAG,WAAiC;AACrD,QAAO,QAAQ,KAAK,OAAO,CAAC"}