@tribepad/themis 1.0.1 → 1.0.3

package/dist/elements/TextField/index.mjs

@@ -1,884 +1,3 @@
 "use client";
-import { createContext, memo, forwardRef, useId, useState, useEffect, useCallback, useMemo, useContext } from 'react';
-import { Button as Button$1, Label, Input, Text, FieldError, TextField as TextField$1 } from 'react-aria-components';
-import { cva } from 'class-variance-authority';
-import { clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
-import { Loader2, Zap, CircleAlert } from 'lucide-react';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { z } from 'zod';
-
-// src/elements/TextField/TextField.tsx
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-var PRESSED_STYLES = "data-[pressed]:scale-[0.97]";
-var HOVER_STYLES = "data-[hovered]:shadow-md";
-var HIGH_CONTRAST_HOVER = "hc:data-[hovered]:outline hc:data-[hovered]:outline-2 hc:data-[hovered]:outline-foreground";
-var HIGH_CONTRAST_PRESSED = "hc:data-[pressed]:outline hc:data-[pressed]:outline-2 hc:data-[pressed]:outline-offset-1 hc:data-[pressed]:outline-foreground";
-var DISABLED_STYLES = "disabled:pointer-events-none disabled:opacity-50";
-var ButtonGroupContext = createContext(null);
-ButtonGroupContext.displayName = "ButtonGroupContext";
-function useButtonGroupContext() {
-  return useContext(ButtonGroupContext);
-}
-var ButtonGroupItemContext = createContext(null);
-ButtonGroupItemContext.displayName = "ButtonGroupItemContext";
-function useButtonGroupItemContext() {
-  return useContext(ButtonGroupItemContext);
-}
-cva("inline-flex items-center gap-0", {
-  variants: {
-    orientation: {
-      horizontal: "flex-row",
-      vertical: "flex-col w-full"
-    }
-  },
-  defaultVariants: {
-    orientation: "horizontal"
-  }
-});
-var buttonGroupItemVariants = cva("", {
-  variants: {
-    orientation: {
-      // min-w-[44px] ensures visual layer fills touch target width (for icon buttons)
-      horizontal: "min-w-[44px]",
-      // flex (overrides inline-flex) + min-h-[44px] makes visual layer fill touch target,
-      // eliminating gaps between stacked buttons in vertical orientation
-      vertical: "flex min-h-[44px]"
-    },
-    position: {
-      first: "",
-      middle: "",
-      last: "",
-      only: ""
-      // Single button - no modifications needed
-    }
-  },
-  compoundVariants: [
-    // ==========================================================================
-    // Horizontal Orientation
-    // ==========================================================================
-    {
-      orientation: "horizontal",
-      position: "first",
-      className: "rounded-r-none border-r-0"
-    },
-    {
-      orientation: "horizontal",
-      position: "middle",
-      className: "rounded-none border-r-0"
-    },
-    {
-      orientation: "horizontal",
-      position: "last",
-      className: "rounded-l-none"
-    },
-    // ==========================================================================
-    // Vertical Orientation
-    // Note: w-full is handled by Button's effectiveFullWidth for both layers
-    // ==========================================================================
-    {
-      orientation: "vertical",
-      position: "first",
-      className: "rounded-b-none border-b-0"
-    },
-    {
-      orientation: "vertical",
-      position: "middle",
-      className: "rounded-none border-b-0"
-    },
-    {
-      orientation: "vertical",
-      position: "last",
-      className: "rounded-t-none"
-    }
-  ],
-  defaultVariants: {
-    orientation: "horizontal",
-    position: "only"
-  }
-});
-cva("bg-[var(--border)]", {
-  variants: {
-    orientation: {
-      horizontal: "w-px h-6 mx-1",
-      vertical: "h-px w-full my-1"
-    }
-  },
-  defaultVariants: {
-    orientation: "horizontal"
-  }
-});
-var buttonOuterVariants = cva(
-  "inline-flex justify-center min-h-[44px] min-w-[44px] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50",
-  {
-    variants: {
-      fullWidth: {
-        true: "w-full",
-        false: ""
-      },
-      inVerticalGroup: {
-        true: "items-stretch",
-        false: "items-center"
-      }
-    },
-    defaultVariants: {
-      fullWidth: false,
-      inVerticalGroup: false
-    }
-  }
-);
-var buttonVisualVariants = cva(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 relative cursor-pointer",
-  {
-    variants: {
-      variant: {
-        default: "bg-[var(--primary-action)] text-[var(--primary-action-foreground)] shadow-md hover:bg-[var(--primary-action-hover)] data-[pressed]:bg-[var(--primary-action)]/80",
-        destructive: "bg-[var(--destructive-background)] text-[var(--destructive-foreground)] shadow-md hover:bg-[var(--destructive-background)]/90 data-[pressed]:bg-[var(--destructive-background)]/80",
-        outline: "border border-[var(--input-border)] bg-[var(--page-background)] hover:bg-[var(--input-border)] data-[pressed]:bg-[var(--input-border)]",
-        secondary: "bg-[var(--secondary)] text-[var(--secondary-foreground)] shadow-md hover:bg-[var(--secondary)]/80 data-[pressed]:bg-[var(--secondary)]/70",
-        ghost: "hover:bg-[var(--accent)] hover:text-[var(--accent-foreground)] data-[pressed]:bg-[var(--accent)]",
-        link: "text-[var(--text-link)] underline-offset-4 hover:underline data-[pressed]:text-[var(--text-link-hover)]"
-      },
-      fullWidth: {
-        true: "w-full",
-        false: ""
-      },
-      visualSize: {
-        default: "h-10 px-4 py-2",
-        sm: "h-9 rounded-md px-3 text-xs",
-        lg: "h-11 rounded-md px-8",
-        icon: "h-10 w-10",
-        dot: "h-5 w-5 rounded-full p-0 min-h-0 min-w-0"
-      },
-      paywall: {
-        true: "!bg-[var(--paywall)] !text-[var(--paywall-foreground)] !shadow-md hover:!bg-[var(--paywall)]/90 !cursor-not-allowed !border-transparent",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      visualSize: "default",
-      paywall: false
-    }
-  }
-);
-var Button = memo(forwardRef(
-  ({
-    className,
-    buttonVisualClassName,
-    variant,
-    size,
-    visualSize,
-    fullWidth,
-    loading = false,
-    loadingText = "Loading...",
-    shortcut,
-    children,
-    isDisabled,
-    paywall = false,
-    paywallRedirect,
-    paywallDescription,
-    onPress,
-    ...props
-  }, ref) => {
-    const paywallDescriptionId = useId();
-    const groupContext = useButtonGroupContext();
-    const itemContext = useButtonGroupItemContext();
-    const effectiveVariant = variant ?? groupContext?.variant ?? "default";
-    const effectiveSize = size ?? groupContext?.size;
-    const effectiveIsDisabled = isDisabled ?? groupContext?.isDisabled ?? false;
-    const isInVerticalGroup = groupContext?.orientation === "vertical";
-    const effectiveFullWidth = fullWidth || isInVerticalGroup;
-    const positionClassName = itemContext ? buttonGroupItemVariants({
-      orientation: groupContext?.orientation ?? "horizontal",
-      position: itemContext.position
-    }) : "";
-    const effectiveVisualSize = visualSize ?? effectiveSize ?? "default";
-    if (process.env.NODE_ENV !== "production") {
-      if ((effectiveVisualSize === "dot" || effectiveVisualSize === "icon") && !props["aria-label"] && !children) {
-        console.warn(
-          '[Button] visualSize="dot" or "icon" requires aria-label when no visible text is provided (WCAG 1.1.1)'
-        );
-      }
-    }
-    const handlePress = (e) => {
-      if (paywall) {
-        if (paywallRedirect) {
-          window.open(paywallRedirect, "_blank", "noopener,noreferrer");
-        }
-        return;
-      }
-      onPress?.(e);
-    };
-    const computedIsDisabled = effectiveIsDisabled || loading || void 0;
-    return /* @__PURE__ */ jsx(
-      Button$1,
-      {
-        ref,
-        isDisabled: computedIsDisabled,
-        "aria-disabled": paywall ? true : void 0,
-        "aria-describedby": paywall ? paywallDescriptionId : void 0,
-        onPress: handlePress,
-        className: cn(buttonOuterVariants({ fullWidth: effectiveFullWidth, inVerticalGroup: isInVerticalGroup }), className),
-        ...props,
-        children: (renderProps) => (
-          /* Layer 2: Visual Button */
-          /* @__PURE__ */ jsxs(
-            "span",
-            {
-              className: cn(
-                buttonVisualVariants({
-                  variant: effectiveVariant,
-                  visualSize: effectiveVisualSize,
-                  paywall,
-                  fullWidth: effectiveFullWidth
-                }),
-                // Position styling from ButtonGroup context (border-radius adjustments)
-                positionClassName,
-                buttonVisualClassName,
-                // Layer 2 interaction styles (no focus - focus ring is on Layer 1)
-                PRESSED_STYLES,
-                HOVER_STYLES,
-                HIGH_CONTRAST_HOVER,
-                HIGH_CONTRAST_PRESSED
-              ),
-              "data-pressed": renderProps.isPressed || void 0,
-              children: [
-                loading && /* @__PURE__ */ jsxs(Fragment, { children: [
-                  /* @__PURE__ */ jsx(Loader2, { className: "motion-safe:animate-spin", "aria-hidden": "true" }),
-                  /* @__PURE__ */ jsx("span", { className: "sr-only", "aria-live": "polite", children: loadingText })
-                ] }),
-                !loading && children,
-                paywall && /* @__PURE__ */ jsx(
-                  Zap,
-                  {
-                    "data-testid": "zap-icon",
-                    "aria-hidden": "true",
-                    className: "ml-1"
-                  }
-                ),
-                paywall && /* @__PURE__ */ jsxs("span", { id: paywallDescriptionId, className: "sr-only", children: [
-                  "Premium feature: ",
-                  paywallDescription || "Upgrade required to access this feature"
-                ] }),
-                renderProps.isFocusVisible && shortcut && /* @__PURE__ */ jsx("kbd", { className: "ml-auto hidden text-xs opacity-60 lg:inline", children: shortcut }),
-                renderProps.isPressed && /* @__PURE__ */ jsx(
-                  "span",
-                  {
-                    className: "absolute inset-0 rounded-[inherit] bg-current opacity-10 motion-safe:animate-in motion-safe:zoom-in-95",
-                    "aria-hidden": "true"
-                  }
-                )
-              ]
-            }
-          )
-        )
-      }
-    );
-  }
-));
-Button.displayName = "Button";
-var inputVariants = cva(
-  // Base styles - FR-014: Proper input styling with focus states
-  "flex w-full rounded-md border bg-[var(--content-background)] shadow-xs px-3 py-2 text-sm ring-offset-[var(--content-background)] file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-[var(--content-foreground)] placeholder:text-[var(--menu-muted)] transition-all duration-200",
-  {
-    variants: {
-      // Size variants (matching Button sizes)
-      size: {
-        sm: "h-9 text-xs px-2 py-1",
-        default: "h-10 px-3 py-2",
-        lg: "h-11 px-4 py-3 text-base"
-      },
-      // State variants
-      state: {
-        default: "border-[var(--input-border)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2",
-        error: "border-[var(--destructive-background)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--destructive-background)] focus-visible:ring-offset-2",
-        success: "border-green-500 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-green-500 focus-visible:ring-offset-2",
-        disabled: "cursor-not-allowed opacity-50",
-        readonly: "cursor-default bg-[var(--content-background)] opacity-70"
-      }
-    },
-    defaultVariants: {
-      size: "default",
-      state: "default"
-    }
-  }
-);
-var labelVariants = cva(
-  // Base styles - FR-009: WCAG 2.2 AAA compliance
-  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
-  {
-    variants: {
-      state: {
-        default: "text-[var(--content-foreground)]",
-        error: "text-[var(--destructive-foreground)]",
-        disabled: "opacity-50 cursor-not-allowed"
-      }
-    },
-    defaultVariants: {
-      state: "default"
-    }
-  }
-);
-var descriptionVariants = cva(
-  "text-sm text-[var(--content-foreground)]"
-);
-var errorMessageVariants = cva(
-  "text-sm text-[var(--destructive-foreground)] font-medium mt-1.5"
-);
-var successMessageVariants = cva(
-  "text-sm text-green-600 dark:text-green-500 font-medium mt-1.5"
-);
-var TextFieldLabel = forwardRef(
-  ({ className, state = "default", children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
-      Label,
-      {
-        ref,
-        className: cn(labelVariants({ state }), className),
-        ...props,
-        children
-      }
-    );
-  }
-);
-TextFieldLabel.displayName = "TextFieldLabel";
-var TextFieldInput = forwardRef(
-  ({ className, size = "default", state = "default", ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
-      Input,
-      {
-        ref,
-        className: cn(inputVariants({ size, state }), DISABLED_STYLES, className),
-        ...props
-      }
-    );
-  }
-);
-TextFieldInput.displayName = "TextFieldInput";
-var TextFieldDescription = forwardRef(
-  ({ className, children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
-      Text,
-      {
-        ref,
-        slot: "description",
-        className: cn(descriptionVariants(), className),
-        ...props,
-        children
-      }
-    );
-  }
-);
-TextFieldDescription.displayName = "TextFieldDescription";
-var TextFieldError = forwardRef(
-  ({ className, children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
-      FieldError,
-      {
-        ref,
-        ...props,
-        className: cn(errorMessageVariants(), className),
-        children: /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", role: "alert", children: [
-          /* @__PURE__ */ jsx(CircleAlert, { className: "h-4 w-4" }),
-          children
-        ] })
-      }
-    );
-  }
-);
-TextFieldError.displayName = "TextFieldError";
-var TextFieldSuccess = forwardRef(
-  ({ className, children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
-      Text,
-      {
-        ref,
-        slot: "description",
-        className: cn(successMessageVariants(), className),
-        ...props,
-        children
-      }
-    );
-  }
-);
-TextFieldSuccess.displayName = "TextFieldSuccess";
-var TextField = forwardRef(
-  ({
-    className,
-    size = "default",
-    label,
-    description,
-    errorMessage,
-    successMessage,
-    type = "text",
-    isRequired = false,
-    isReadOnly = false,
-    isDisabled = false,
-    isInvalid = false,
-    isValid = false,
-    id,
-    autoComplete,
-    disableCopyPaste = false,
-    pattern,
-    patternDescription,
-    expandOnFocus = false,
-    collapsedWidth = "200px",
-    prefix,
-    suffix,
-    prefixSize = 16,
-    suffixSize = 16,
-    showPasswordToggle,
-    value,
-    defaultValue,
-    onFocus: userOnFocus,
-    onBlur: userOnBlur,
-    ...props
-  }, ref) => {
-    const errorId = useId();
-    const generatedId = useId();
-    const fieldId = id || generatedId;
-    const [isShaking, setIsShaking] = useState(false);
-    const [screenReaderMessage, setScreenReaderMessage] = useState("");
-    const [isFocused, setIsFocused] = useState(false);
-    const [showPassword, setShowPassword] = useState(false);
-    useEffect(() => {
-      if (disableCopyPaste && typeof process !== "undefined" && process.env.NODE_ENV === "development") {
-        console.warn(
-          "[TextField] Copy/paste prevention should only be used for security-critical fields like password confirmation. This feature can break assistive technology workflows and password managers."
-        );
-      }
-    }, [disableCopyPaste]);
-    const handlePaste = useCallback((e) => {
-      if (disableCopyPaste) {
-        e.preventDefault();
-        setIsShaking(true);
-        setScreenReaderMessage("Pasting is not allowed in this field. Please type your entry.");
-        setTimeout(() => {
-          setIsShaking(false);
-          setScreenReaderMessage("");
-        }, 400);
-      }
-    }, [disableCopyPaste]);
-    const handleFocus = useCallback((e) => {
-      if (expandOnFocus) {
-        setIsFocused(true);
-      }
-      userOnFocus?.(e);
-    }, [expandOnFocus, userOnFocus]);
-    const handleBlur = useCallback((e) => {
-      if (expandOnFocus) {
-        const isEmpty = e.target.value === "";
-        if (isEmpty) {
-          setIsFocused(false);
-        }
-      }
-      userOnBlur?.(e);
-    }, [expandOnFocus, userOnBlur]);
-    const inputWidth = useMemo(() => {
-      if (!expandOnFocus) return void 0;
-      const hasValue = value !== void 0 ? value !== "" : defaultValue !== void 0 && defaultValue !== "";
-      if (isFocused || hasValue) {
-        return "100%";
-      }
-      return collapsedWidth;
-    }, [expandOnFocus, isFocused, value, defaultValue, collapsedWidth]);
-    const inputState = useMemo(() => {
-      if (isDisabled) return "disabled";
-      if (isReadOnly) return "readonly";
-      if (isInvalid) return "error";
-      if (isValid) return "success";
-      return "default";
-    }, [isDisabled, isReadOnly, isInvalid, isValid]);
-    const labelState = useMemo(() => {
-      if (isDisabled) return "disabled";
-      if (isInvalid) return "error";
-      return "default";
-    }, [isDisabled, isInvalid]);
-    const combinedDescription = useMemo(() => {
-      if (description && patternDescription) {
-        return `${description} ${patternDescription}`;
-      }
-      return description || patternDescription;
-    }, [description, patternDescription]);
-    const inputPadding = useMemo(() => {
-      const basePadding = { left: 12, right: 12 };
-      if (prefix) {
-        const prefixWidth = typeof prefix === "string" ? prefix.length * 8 + 16 : prefixSize + 16;
-        basePadding.left = prefixWidth;
-      }
-      if (type === "password" && showPasswordToggle) {
-        basePadding.right = 16 + 16;
-      } else if (suffix) {
-        const suffixWidth = typeof suffix === "string" ? suffix.length * 8 + 16 : suffixSize + 16;
-        basePadding.right = suffixWidth;
-      }
-      return basePadding;
-    }, [prefix, suffix, prefixSize, suffixSize, type, showPasswordToggle]);
-    const actualType = useMemo(() => {
-      if (type === "password" && showPasswordToggle && showPassword) {
-        return "text";
-      }
-      return type;
-    }, [type, showPasswordToggle, showPassword]);
-    const handlePasswordToggle = useCallback(() => {
-      setShowPassword((prev) => !prev);
-    }, []);
-    const EyeIcon = () => /* @__PURE__ */ jsxs(
-      "svg",
-      {
-        "data-testid": "password-toggle-icon-show",
-        width: "16",
-        height: "16",
-        viewBox: "0 0 16 16",
-        fill: "none",
-        stroke: "currentColor",
-        strokeWidth: "2",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        children: [
-          /* @__PURE__ */ jsx("path", { d: "M1 8s3-5 7-5 7 5 7 5-3 5-7 5-7-5-7-5z" }),
-          /* @__PURE__ */ jsx("circle", { cx: "8", cy: "8", r: "2" })
-        ]
-      }
-    );
-    const EyeOffIcon = () => /* @__PURE__ */ jsxs(
-      "svg",
-      {
-        "data-testid": "password-toggle-icon-hide",
-        width: "16",
-        height: "16",
-        viewBox: "0 0 16 16",
-        fill: "none",
-        stroke: "currentColor",
-        strokeWidth: "2",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        children: [
-          /* @__PURE__ */ jsx("path", { d: "M10.5 5.5l-5 5" }),
-          /* @__PURE__ */ jsx("path", { d: "M1 8s3-5 7-5c1.5 0 2.8.6 4 1.5M15 8s-1.5 2.5-4 4" }),
-          /* @__PURE__ */ jsx("path", { d: "M3 13l2-2m7-7l2-2" }),
-          /* @__PURE__ */ jsx("circle", { cx: "8", cy: "8", r: "2" })
-        ]
-      }
-    );
-    const actualSuffix = useMemo(() => {
-      if (type === "password" && showPasswordToggle) {
-        return /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "ghost",
-            visualSize: "icon",
-            onPress: handlePasswordToggle,
-            "aria-label": showPassword ? "Hide password" : "Show password",
-            className: "!min-h-0 !min-w-0 h-8 w-8",
-            children: showPassword ? /* @__PURE__ */ jsx(EyeOffIcon, {}) : /* @__PURE__ */ jsx(EyeIcon, {})
-          }
-        );
-      }
-      return suffix;
-    }, [type, showPasswordToggle, showPassword, suffix, handlePasswordToggle]);
-    return /* @__PURE__ */ jsxs(
-      TextField$1,
-      {
-        ref,
-        className: cn("flex flex-col gap-1.5", className),
-        isRequired,
-        isReadOnly,
-        isDisabled,
-        isInvalid,
-        value,
-        defaultValue,
-        ...props,
-        children: [
-          label && /* @__PURE__ */ jsxs(Label, { className: cn(labelVariants({ state: labelState })), children: [
-            label,
-            isRequired && /* @__PURE__ */ jsx("span", { className: "ml-1 text-[var(--destructive-background)]", "aria-hidden": "true", children: /* @__PURE__ */ jsx("strong", { children: "*" }) })
-          ] }),
-          combinedDescription && /* @__PURE__ */ jsx(Text, { slot: "description", className: cn(descriptionVariants()), children: combinedDescription }),
-          /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: "relative flex items-center transition-all duration-200",
-              style: {
-                width: inputWidth
-              },
-              children: [
-                prefix && /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    "data-testid": "textfield-prefix",
-                    className: "absolute left-3 flex items-center justify-center pointer-events-none text-[var(--content-foreground)]",
-                    "aria-hidden": "true",
-                    children: prefix
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  Input,
-                  {
-                    type: actualType,
-                    id: fieldId,
-                    className: cn(
-                      inputVariants({ size, state: inputState }),
-                      DISABLED_STYLES,
-                      isShaking && "shake"
-                    ),
-                    style: {
-                      width: "100%",
-                      paddingLeft: `${inputPadding.left}px`,
-                      paddingRight: `${inputPadding.right}px`
-                    },
-                    autoComplete,
-                    pattern,
-                    onPaste: handlePaste,
-                    onFocus: handleFocus,
-                    onBlur: handleBlur,
-                    "aria-required": isRequired ? "true" : void 0,
-                    "aria-readonly": isReadOnly ? "true" : void 0,
-                    "aria-errormessage": isInvalid && errorMessage ? errorId : void 0
-                  }
-                ),
-                actualSuffix && /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    "data-testid": "textfield-suffix",
-                    className: cn(
-                      "absolute right-3 flex items-center justify-center text-[var(--content-foreground)]",
-                      // Password toggle is clickable, other suffixes are not
-                      type === "password" && showPasswordToggle ? "" : "pointer-events-none"
-                    ),
-                    "aria-hidden": type === "password" && showPasswordToggle ? void 0 : "true",
-                    children: actualSuffix
-                  }
-                )
-              ]
-            }
-          ),
-          isValid && successMessage && !isInvalid && /* @__PURE__ */ jsx(Text, { slot: "description", className: cn(successMessageVariants()), children: successMessage }),
-          isInvalid && errorMessage && /* @__PURE__ */ jsx(TextFieldError, { id: errorId, children: errorMessage }),
-          screenReaderMessage && /* @__PURE__ */ jsx("div", { className: "sr-only", role: "status", "aria-live": "polite", "aria-atomic": "true", children: screenReaderMessage })
-        ]
-      }
-    );
-  }
-);
-TextField.displayName = "TextField";
-var BaseComponentPropsSchema = z.object({
-  // Styling
-  className: z.string().optional(),
-  // React
-  children: z.any().optional(),
-  // ReactNode not directly supported by Zod
-  id: z.string().optional(),
-  // Accessibility (WCAG 2.2 AA requirements)
-  "aria-label": z.string().optional(),
-  "aria-labelledby": z.string().optional(),
-  "aria-describedby": z.string().optional(),
-  "aria-live": z.enum(["off", "polite", "assertive"]).optional(),
-  "aria-hidden": z.boolean().optional(),
-  // Testing & Development
-  "data-testid": z.string().optional()
-});
-
-// src/elements/TextField/TextField.types.ts
-var AutoCompleteValue = z.enum([
-  // Control tokens
-  "off",
-  "on",
-  // Name-related
-  "name",
-  "honorific-prefix",
-  "given-name",
-  "additional-name",
-  "family-name",
-  "honorific-suffix",
-  "nickname",
-  // Contact
-  "email",
-  "username",
-  // Authentication
-  "new-password",
-  "current-password",
-  "one-time-code",
-  // Organization
-  "organization-title",
-  "organization",
-  // Address
-  "street-address",
-  "address-line1",
-  "address-line2",
-  "address-line3",
-  "address-level4",
-  "address-level3",
-  "address-level2",
-  "address-level1",
-  "country",
-  "country-name",
-  "postal-code",
-  // Payment
-  "cc-name",
-  "cc-given-name",
-  "cc-additional-name",
-  "cc-family-name",
-  "cc-number",
-  "cc-exp",
-  "cc-exp-month",
-  "cc-exp-year",
-  "cc-csc",
-  "cc-type",
-  // Transaction
-  "transaction-currency",
-  "transaction-amount",
-  // Personal
-  "language",
-  "bday",
-  "bday-day",
-  "bday-month",
-  "bday-year",
-  "sex",
-  // Telephone
-  "tel",
-  "tel-country-code",
-  "tel-national",
-  "tel-area-code",
-  "tel-local",
-  "tel-extension",
-  // Other
-  "impp",
-  "url",
-  "photo"
-]);
-var DANGEROUS_REGEX_PATTERNS = [
-  /\(\.\*\)\+/,
-  // Catastrophic backtracking: (.*)+
-  /\(\.\+\)\+/,
-  // Catastrophic backtracking: (.+)+
-  /\([^)]*\)\{.*,.*\}/,
-  // Excessive quantifiers: (x){10,1000}
-  /\(\?!\)/,
-  // Negative lookahead (can be slow)
-  /\(\?<=\)/
-  // Positive lookbehind (can be slow)
-];
-var validatePatternSafety = (pattern) => {
-  for (const dangerous of DANGEROUS_REGEX_PATTERNS) {
-    if (dangerous.test(pattern)) {
-      return false;
-    }
-  }
-  const quantifierCount = (pattern.match(/[*+{}]/g) || []).length;
-  if (quantifierCount > 5) {
-    return false;
-  }
-  return true;
-};
-var TextFieldPropsSchema = BaseComponentPropsSchema.extend({
-  // Size variants (matching Button sizes: sm, default, lg)
-  size: z.enum(["sm", "default", "lg"]).optional().default("default"),
-  // Text content
-  label: z.string().optional(),
-  description: z.string().optional(),
-  errorMessage: z.string().optional(),
-  successMessage: z.string().optional(),
-  // Input type - BREAKING: removed 'tel' (use TelField component instead)
-  // @see DECISIONS.md Decision 14
-  type: z.enum(["text", "email", "password", "url", "search"]).optional().default("text"),
-  // State props
-  isRequired: z.boolean().optional(),
-  isReadOnly: z.boolean().optional(),
-  isDisabled: z.boolean().optional(),
-  isInvalid: z.boolean().optional(),
-  isValid: z.boolean().optional(),
-  // Input attributes
-  placeholder: z.string().optional(),
-  value: z.string().optional(),
-  defaultValue: z.string().optional(),
-  name: z.string().optional(),
-  autoFocus: z.boolean().optional(),
-  // AutoComplete - BREAKING: strict MDN enum instead of string
-  // @see DECISIONS.md Decision 13
-  autoComplete: AutoCompleteValue.optional(),
-  maxLength: z.number().optional(),
-  minLength: z.number().optional(),
-  // Pattern validation with security check
-  // @see DECISIONS.md Decision 15, 18
-  // @warning SECURITY: Only use patterns defined in source code, never from user input
-  pattern: z.string().optional(),
-  patternDescription: z.string().optional(),
-  // Feature: Copy/Paste Restriction
-  // @see DECISIONS.md Decision 4
-  disableCopyPaste: z.boolean().optional().default(false),
-  // Feature: Prefix/Suffix
-  // @see DECISIONS.md Decision 9
-  prefix: z.any().optional(),
-  // ReactNode - can't validate with Zod
-  suffix: z.any().optional(),
-  // ReactNode - can't validate with Zod
-  prefixSize: z.number().optional().default(16),
-  suffixSize: z.number().optional().default(16),
-  // Feature: Expand on Focus
-  // @see DECISIONS.md Decision 6, 17
-  expandOnFocus: z.boolean().optional().default(false),
-  collapsedWidth: z.string().optional().default("200px"),
-  // Feature: Password Toggle
-  // @see DECISIONS.md Decision 8
-  showPasswordToggle: z.boolean().optional()
-  // Event handlers (onChange, onBlur, onFocus inherited from AriaTextFieldProps)
-  // Custom validate function added in TypeScript type below (not in Zod schema)
-}).refine(
-  (data) => !data.pattern || data.patternDescription,
-  {
-    message: "patternDescription is required when pattern is provided",
-    path: ["patternDescription"]
-  }
-).refine(
-  (data) => !data.pattern || validatePatternSafety(data.pattern),
-  {
-    message: "Unsafe regex pattern detected. Pattern may cause ReDoS vulnerability. Avoid patterns like (.*)+, (.+)+, or excessive quantifiers.",
-    path: ["pattern"]
-  }
-).refine(
-  (data) => !(data.successMessage && data.errorMessage),
-  {
-    message: "Cannot provide both successMessage and errorMessage. Use one based on validation state.",
-    path: ["successMessage"]
-  }
-).refine(
-  (data) => {
-    if (typeof process !== "undefined" && process.env.NODE_ENV === "development") {
-      if (data.isValid && data.isInvalid) {
-        console.error("[TextField] Both isValid and isInvalid are true. isInvalid takes precedence.");
-      }
-    }
-    return true;
-  }
-);
-var TextFieldLabelPropsSchema = z.object({
-  children: z.any().optional(),
-  className: z.string().optional(),
-  htmlFor: z.string().optional(),
-  state: z.enum(["default", "error", "disabled"]).optional().default("default")
-});
-var TextFieldInputPropsSchema = z.object({
-  className: z.string().optional(),
-  size: z.enum(["sm", "default", "lg"]).optional().default("default"),
-  state: z.enum(["default", "error", "success", "disabled", "readonly"]).optional().default("default")
-});
-var TextFieldDescriptionPropsSchema = z.object({
-  children: z.any().optional(),
-  className: z.string().optional()
-});
-var TextFieldErrorPropsSchema = z.object({
-  children: z.any().optional(),
-  className: z.string().optional()
-});
-var TextFieldSuccessPropsSchema = z.object({
-  children: z.any().optional(),
-  className: z.string().optional()
-});
-
-export { AutoCompleteValue as AutoCompleteValueSchema, TextField, TextFieldDescription, TextFieldDescriptionPropsSchema, TextFieldError, TextFieldErrorPropsSchema, TextFieldInput, TextFieldInputPropsSchema, TextFieldLabel, TextFieldLabelPropsSchema, TextFieldPropsSchema, TextFieldSuccess, TextFieldSuccessPropsSchema, inputVariants, labelVariants, successMessageVariants, inputVariants as textFieldInputVariants, labelVariants as textFieldLabelVariants, validatePatternSafety };
-//# sourceMappingURL=index.mjs.map
+import {createContext,memo,forwardRef,useId,useState,useCallback,useMemo,useContext,useEffect}from'react';import {Button,Label,Input,Text,FieldError,TextField}from'react-aria-components';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {Loader2,Zap,CircleAlert,Search,X as X$1}from'lucide-react';import {cva}from'class-variance-authority';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {z}from'zod';function d(...t){return twMerge(clsx(t))}var ae="data-[pressed]:scale-[0.97]";var ne="data-[hovered]:shadow-md";var U="hc:data-[hovered]:outline hc:data-[hovered]:outline-2 hc:data-[hovered]:outline-foreground",q="hc:data-[pressed]:outline hc:data-[pressed]:outline-2 hc:data-[pressed]:outline-offset-1 hc:data-[pressed]:outline-foreground",se="disabled:pointer-events-none disabled:opacity-50";var le=cva("inline-flex justify-center min-h-[44px] min-w-[44px] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50",{variants:{fullWidth:{true:"w-full",false:""},inVerticalGroup:{true:"items-stretch",false:"items-center"}},defaultVariants:{fullWidth:false,inVerticalGroup:false}}),de=cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 relative cursor-pointer",{variants:{variant:{default:"bg-[var(--primary-action)] text-[var(--primary-action-foreground)] shadow-md hover:bg-[var(--primary-action-hover)] data-[pressed]:bg-[var(--primary-action)]/80",destructive:"bg-[var(--destructive-background)] text-[var(--destructive-foreground)] shadow-md hover:bg-[var(--destructive-background)]/90 data-[pressed]:bg-[var(--destructive-background)]/80",outline:"border border-[var(--input-border)] bg-[var(--page-background)] hover:bg-[var(--input-border)] data-[pressed]:bg-[var(--input-border)]",secondary:"bg-[var(--secondary)] text-[var(--secondary-foreground)] shadow-md hover:bg-[var(--secondary)]/80 data-[pressed]:bg-[var(--secondary)]/70",ghost:"hover:bg-[var(--accent)] hover:text-[var(--accent-foreground)] data-[pressed]:bg-[var(--accent)]",link:"text-[var(--text-link)] underline-offset-4 hover:underline data-[pressed]:text-[var(--text-link-hover)]"},fullWidth:{true:"w-full",false:""},visualSize:{default:"h-10 px-4 py-2",sm:"h-9 rounded-md px-3 text-xs",lg:"h-11 rounded-md px-8",icon:"h-10 w-10",dot:"h-5 w-5 rounded-full p-0 min-h-0 min-w-0"},paywall:{true:"!bg-[var(--paywall)] !text-[var(--paywall-foreground)] !shadow-md hover:!bg-[var(--paywall)]/90 !cursor-not-allowed !border-transparent",false:""}},defaultVariants:{variant:"default",visualSize:"default",paywall:false}});var Ve=createContext(null);Ve.displayName="ButtonGroupContext";function we(){return useContext(Ve)}var Ce=createContext(null);Ce.displayName="ButtonGroupItemContext";function Ie(){return useContext(Ce)}cva("inline-flex items-center gap-0",{variants:{orientation:{horizontal:"flex-row",vertical:"flex-col w-full"}},defaultVariants:{orientation:"horizontal"}});var Le=cva("",{variants:{orientation:{horizontal:"min-w-[44px]",vertical:"flex min-h-[44px]"},position:{first:"",middle:"",last:"",only:""}},compoundVariants:[{orientation:"horizontal",position:"first",className:"rounded-r-none border-r-0"},{orientation:"horizontal",position:"middle",className:"rounded-none border-r-0"},{orientation:"horizontal",position:"last",className:"rounded-l-none"},{orientation:"vertical",position:"first",className:"rounded-b-none border-b-0"},{orientation:"vertical",position:"middle",className:"rounded-none border-b-0"},{orientation:"vertical",position:"last",className:"rounded-t-none"}],defaultVariants:{orientation:"horizontal",position:"only"}});cva("bg-[var(--border)]",{variants:{orientation:{horizontal:"w-px h-6 mx-1",vertical:"h-px w-full my-1"}},defaultVariants:{orientation:"horizontal"}});var R=memo(forwardRef(({className:t,buttonVisualClassName:o,variant:r,size:a,visualSize:s,fullWidth:c,loading:i=false,loadingText:g="Loading...",shortcut:h,children:m,isDisabled:u,paywall:l=false,paywallRedirect:L,paywallDescription:ee,onPress:te,...H},F)=>{let O=useId(),T=we(),S=Ie(),y=r??T?.variant??"default",W=a??T?.size,$=u??T?.isDisabled??false,v=T?.orientation==="vertical",A=c||v,k=S?Le({orientation:T?.orientation??"horizontal",position:S.position}):"",E=s??W??"default";return process.env.NODE_ENV!=="production"&&(E==="dot"||E==="icon")&&!H["aria-label"]&&!m&&console.warn('[Button] visualSize="dot" or "icon" requires aria-label when no visible text is provided (WCAG 1.1.1)'),jsx(Button,{ref:F,isDisabled:$||i||void 0,"aria-disabled":l?true:void 0,"aria-describedby":l?O:void 0,onPress:P=>{if(l){L&&window.open(L,"_blank","noopener,noreferrer");return}te?.(P);},className:d(le({fullWidth:A,inVerticalGroup:v}),t),...H,children:P=>jsxs("span",{className:d(de({variant:y,visualSize:E,paywall:l,fullWidth:A}),k,o,ae,ne,U,q),"data-pressed":P.isPressed||void 0,children:[i&&jsxs(Fragment,{children:[jsx(Loader2,{className:"motion-safe:animate-spin","aria-hidden":"true"}),jsx("span",{className:"sr-only","aria-live":"polite",children:g})]}),!i&&m,l&&jsx(Zap,{"data-testid":"zap-icon","aria-hidden":"true",className:"ml-1"}),l&&jsxs("span",{id:O,className:"sr-only",children:["Premium feature: ",ee||"Upgrade required to access this feature"]}),P.isFocusVisible&&h&&jsx("kbd",{className:"ml-auto hidden text-xs opacity-60 lg:inline",children:h}),P.isPressed&&jsx("span",{className:"absolute inset-0 rounded-[inherit] bg-current opacity-10 motion-safe:animate-in motion-safe:zoom-in-95","aria-hidden":"true"})]})})}));R.displayName="Button";var Ae=()=>jsxs("svg",{"data-testid":"password-toggle-icon-show",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[jsx("path",{d:"M1 8s3-5 7-5 7 5 7 5-3 5-7 5-7-5-7-5z"}),jsx("circle",{cx:"8",cy:"8",r:"2"})]}),ke=()=>jsxs("svg",{"data-testid":"password-toggle-icon-hide",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[jsx("path",{d:"M10.5 5.5l-5 5"}),jsx("path",{d:"M1 8s3-5 7-5c1.5 0 2.8.6 4 1.5M15 8s-1.5 2.5-4 4"}),jsx("path",{d:"M3 13l2-2m7-7l2-2"}),jsx("circle",{cx:"8",cy:"8",r:"2"})]});var G=cva("flex w-full rounded-md border bg-[var(--content-background)] shadow-xs px-3 py-2 text-sm ring-offset-[var(--content-background)] file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-[var(--content-foreground)] placeholder:text-[var(--menu-muted)] transition-all duration-200",{variants:{size:{sm:"h-9 text-xs px-2 py-1",default:"h-10 px-3 py-2",lg:"h-11 px-4 py-3 text-base"},state:{default:"border-[var(--input-border)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2",error:"border-[var(--destructive-background)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--destructive-background)] focus-visible:ring-offset-2",success:"border-[var(--success-background)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--success-ring)] focus-visible:ring-offset-2",disabled:"cursor-not-allowed opacity-50",readonly:"cursor-default bg-[var(--content-background)] opacity-70"}},defaultVariants:{size:"default",state:"default"}}),M=cva("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",{variants:{state:{default:"text-[var(--content-foreground)]",error:"text-[var(--destructive-foreground)]",disabled:"opacity-50 cursor-not-allowed"}},defaultVariants:{state:"default"}}),ce=cva("text-sm text-[var(--content-foreground)]"),ze=cva("text-sm text-[var(--destructive-foreground)] font-medium mt-1.5"),X=cva("text-sm text-[var(--success-foreground)] font-medium mt-1.5");function Re({expandOnFocus:t,collapsedWidth:o,value:r,defaultValue:a,userOnFocus:s,userOnBlur:c}){let[i,g]=useState(false),h=useCallback(l=>{t&&g(true),s?.(l);},[t,s]),m=useCallback(l=>{t&&l.target.value===""&&g(false),c?.(l);},[t,c]),u=useMemo(()=>t?i||(r!==void 0?r!=="":a!==void 0&&a!=="")?"100%":o:void 0,[t,i,r,a,o]);return {handleFocus:h,handleBlur:m,inputWidth:u}}function _e({disableCopyPaste:t}){let[o,r]=useState(false),[a,s]=useState("");useEffect(()=>{t&&typeof process<"u"&&process.env.NODE_ENV==="development"&&console.warn("[TextField] Copy/paste prevention should only be used for security-critical fields like password confirmation. This feature can break assistive technology workflows and password managers.");},[t]);let c=useCallback(i=>{t&&(i.preventDefault(),r(true),s("Pasting is not allowed in this field. Please type your entry."),setTimeout(()=>{r(false),s("");},400));},[t]);return {isShaking:o,screenReaderMessage:a,handlePaste:c}}function Ge({type:t,showPasswordToggle:o}){let[r,a]=useState(false),s=useCallback(()=>{a(i=>!i);},[]),c=useMemo(()=>t==="password"&&o&&r?"text":t,[t,o,r]);return {showPassword:r,actualType:c,handlePasswordToggle:s}}var We=forwardRef(({className:t,state:o="default",children:r,...a},s)=>jsx(Label,{ref:s,className:d(M({state:o}),t),...a,children:r}));We.displayName="TextFieldLabel";var $e=forwardRef(({className:t,size:o="default",state:r="default",...a},s)=>jsx(Input,{ref:s,className:d(G({size:o,state:r}),se,t),...a}));$e.displayName="TextFieldInput";var je=forwardRef(({className:t,children:o,...r},a)=>jsx(Text,{ref:a,slot:"description",className:d(ce(),t),...r,children:o}));je.displayName="TextFieldDescription";var me=forwardRef(({className:t,children:o,...r},a)=>jsx(FieldError,{ref:a,...r,className:d(ze(),t),children:jsxs("span",{className:"flex items-center gap-2",role:"alert",children:[jsx(CircleAlert,{className:"h-4 w-4"}),o]})}));me.displayName="TextFieldError";var Ye=forwardRef(({className:t,children:o,...r},a)=>jsx(Text,{ref:a,slot:"description",className:d(X(),t),...r,children:o}));Ye.displayName="TextFieldSuccess";var Ue=forwardRef(({className:t,size:o="default",label:r,description:a,errorMessage:s,successMessage:c,type:i="text",isRequired:g=false,isReadOnly:h=false,isDisabled:m=false,isInvalid:u=false,isValid:l=false,id:L,autoComplete:ee,disableCopyPaste:te=false,pattern:H,patternDescription:F,expandOnFocus:O=false,collapsedWidth:T="200px",prefix:S,suffix:y,prefixSize:W=16,suffixSize:$=16,showPasswordToggle:v,isIconHidden:A=false,onSubmit:k,onClear:E,value:B,defaultValue:j,onFocus:P,onBlur:Ze,...z},Je)=>{let xe=useId(),Qe=useId(),et=L||Qe,{handleFocus:tt,handleBlur:ot,inputWidth:rt}=Re({expandOnFocus:O,collapsedWidth:T,value:B,defaultValue:j,userOnFocus:P,userOnBlur:Ze}),{isShaking:at,screenReaderMessage:he,handlePaste:nt}=_e({disableCopyPaste:te}),{showPassword:oe,actualType:it,handlePasswordToggle:ve}=Ge({type:i,showPasswordToggle:v}),f=i==="search",[st,be]=useState(j??""),D=B!==void 0,b=D?B:st,lt=useCallback(p=>{D||be(p),z.onChange?.(p);},[D,z]),Y=useCallback(()=>{D||be(""),z.onChange?.(""),E?.();},[D,z,E]),dt=useCallback(p=>{p.key==="Enter"&&k&&k(b),p.key==="Escape"&&b&&(p.preventDefault(),Y());},[b,k,Y]),pt=useMemo(()=>m?"disabled":h?"readonly":u?"error":l?"success":"default",[m,h,u,l]),ut=useMemo(()=>m?"disabled":u?"error":"default",[m,u]),ge=useMemo(()=>a&&F?`${a} ${F}`:a||F,[a,F]),N=useMemo(()=>f&&!A&&!S?jsx(Search,{className:o==="sm"?"h-3.5 w-3.5":o==="lg"?"h-5 w-5":"h-4 w-4"}):S,[f,A,S,o]),ye=useMemo(()=>{let p={left:12,right:12};if(N){let re=typeof N=="string"?N.length*8+16:W+16;p.left=re;}if(i==="password"&&v)p.right=32;else if(f&&b)p.right=44;else if(y){let re=typeof y=="string"?y.length*8+16:$+16;p.right=re;}return p},[N,S,y,W,$,i,v,f,b]),Te=useMemo(()=>i==="password"&&v?jsx(R,{variant:"ghost",visualSize:"icon",onPress:ve,"aria-label":oe?"Hide password":"Show password",className:"!min-h-0 !min-w-0 h-8 w-8",children:oe?jsx(ke,{}):jsx(Ae,{})}):f&&b?jsx(R,{variant:"ghost",visualSize:"icon",onPress:Y,"aria-label":"Clear search",className:"!min-h-0 !min-w-0 h-8 w-8",children:jsx(X$1,{className:o==="sm"?"h-3 w-3":o==="lg"?"h-5 w-5":"h-4 w-4"})}):y,[i,v,oe,y,ve,f,b,o,Y]),Se=i==="password"&&v||f&&!!b;return jsxs(TextField,{ref:Je,className:d("flex flex-col gap-1.5",t),isRequired:g,isReadOnly:h,isDisabled:m,isInvalid:u,value:f?b:B,defaultValue:f?void 0:j,onChange:f?lt:void 0,...z,children:[r&&jsxs(Label,{className:d(M({state:ut})),children:[r,g&&jsx("span",{className:"ml-1 text-[var(--destructive-background)]","aria-hidden":"true",children:jsx("strong",{children:"*"})})]}),ge&&jsx(Text,{slot:"description",className:d(ce()),children:ge}),jsxs("div",{className:"relative flex items-center motion-safe:transition-all motion-safe:duration-200",style:{width:rt},children:[N&&jsx("div",{"data-testid":"textfield-prefix",className:"absolute left-3 flex items-center justify-center pointer-events-none text-[var(--content-foreground)]","aria-hidden":"true",children:N}),jsx(Input,{type:it,id:et,className:d(G({size:o,state:pt}),se,at&&"shake"),style:{width:"100%",paddingLeft:`${ye.left}px`,paddingRight:`${ye.right}px`},autoComplete:ee,pattern:H,onPaste:nt,onFocus:tt,onBlur:ot,onKeyDown:f?dt:void 0,"aria-required":g?"true":void 0,"aria-readonly":h?"true":void 0,"aria-errormessage":u&&s?xe:void 0}),Te&&jsx("div",{"data-testid":"textfield-suffix",className:d("absolute right-3 flex items-center justify-center text-[var(--content-foreground)]",Se?"":"pointer-events-none"),"aria-hidden":Se?void 0:"true",children:Te})]}),l&&c&&!u&&jsx(Text,{slot:"description",className:d(X()),children:c}),u&&s&&jsx(me,{id:xe,children:s}),he&&jsx("div",{className:"sr-only",role:"status","aria-live":"polite","aria-atomic":"true",children:he})]})});Ue.displayName="TextField";var qe=z.object({className:z.string().optional(),children:z.any().optional(),id:z.string().optional(),"aria-label":z.string().optional(),"aria-labelledby":z.string().optional(),"aria-describedby":z.string().optional(),"aria-live":z.enum(["off","polite","assertive"]).optional(),"aria-hidden":z.boolean().optional(),"data-testid":z.string().optional()});var Xe=z.enum(["off","on","name","honorific-prefix","given-name","additional-name","family-name","honorific-suffix","nickname","email","username","new-password","current-password","one-time-code","organization-title","organization","street-address","address-line1","address-line2","address-line3","address-level4","address-level3","address-level2","address-level1","country","country-name","postal-code","cc-name","cc-given-name","cc-additional-name","cc-family-name","cc-number","cc-exp","cc-exp-month","cc-exp-year","cc-csc","cc-type","transaction-currency","transaction-amount","language","bday","bday-day","bday-month","bday-year","sex","tel","tel-country-code","tel-national","tel-area-code","tel-local","tel-extension","impp","url","photo"]),Ct=[/\(\.\*\)\+/,/\(\.\+\)\+/,/\([^)]*\)\{.*,.*\}/,/\(\?!\)/,/\(\?<=\)/],Ke=t=>{for(let r of Ct)if(r.test(t))return  false;return !((t.match(/[*+{}]/g)||[]).length>5)},It=qe.extend({size:z.enum(["sm","default","lg"]).optional().default("default"),label:z.string().optional(),description:z.string().optional(),errorMessage:z.string().optional(),successMessage:z.string().optional(),type:z.enum(["text","email","password","url","search"]).optional().default("text"),isRequired:z.boolean().optional(),isReadOnly:z.boolean().optional(),isDisabled:z.boolean().optional(),isInvalid:z.boolean().optional(),isValid:z.boolean().optional(),placeholder:z.string().optional(),value:z.string().optional(),defaultValue:z.string().optional(),name:z.string().optional(),autoFocus:z.boolean().optional(),autoComplete:Xe.optional(),maxLength:z.number().optional(),minLength:z.number().optional(),pattern:z.string().optional(),patternDescription:z.string().optional(),disableCopyPaste:z.boolean().optional().default(false),prefix:z.any().optional(),suffix:z.any().optional(),prefixSize:z.number().optional().default(16),suffixSize:z.number().optional().default(16),expandOnFocus:z.boolean().optional().default(false),collapsedWidth:z.string().optional().default("200px"),showPasswordToggle:z.boolean().optional(),isIconHidden:z.boolean().optional().default(false),onSubmit:z.custom().optional(),onClear:z.custom().optional()}).refine(t=>!t.pattern||t.patternDescription,{message:"patternDescription is required when pattern is provided",path:["patternDescription"]}).refine(t=>!t.pattern||Ke(t.pattern),{message:"Unsafe regex pattern detected. Pattern may cause ReDoS vulnerability. Avoid patterns like (.*)+, (.+)+, or excessive quantifiers.",path:["pattern"]}).refine(t=>!(t.successMessage&&t.errorMessage),{message:"Cannot provide both successMessage and errorMessage. Use one based on validation state.",path:["successMessage"]}).refine(t=>(typeof process<"u"&&process.env.NODE_ENV==="development"&&t.isValid&&t.isInvalid&&console.error("[TextField] Both isValid and isInvalid are true. isInvalid takes precedence."),true)),Lt=z.object({children:z.any().optional(),className:z.string().optional(),htmlFor:z.string().optional(),state:z.enum(["default","error","disabled"]).optional().default("default")}),At=z.object({className:z.string().optional(),size:z.enum(["sm","default","lg"]).optional().default("default"),state:z.enum(["default","error","success","disabled","readonly"]).optional().default("default")}),kt=z.object({children:z.any().optional(),className:z.string().optional()}),Bt=z.object({children:z.any().optional(),className:z.string().optional()}),zt=z.object({children:z.any().optional(),className:z.string().optional()});export{Xe as AutoCompleteValueSchema,Ue as TextField,je as TextFieldDescription,kt as TextFieldDescriptionPropsSchema,me as TextFieldError,Bt as TextFieldErrorPropsSchema,$e as TextFieldInput,At as TextFieldInputPropsSchema,We as TextFieldLabel,Lt as TextFieldLabelPropsSchema,It as TextFieldPropsSchema,Ye as TextFieldSuccess,zt as TextFieldSuccessPropsSchema,G as inputVariants,M as labelVariants,X as successMessageVariants,G as textFieldInputVariants,M as textFieldLabelVariants,Ke as validatePatternSafety};//# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map