@page-speed/forms 0.1.0

package/dist/inputs.js

@@ -0,0 +1,529 @@
+import * as React5 from 'react';
+
+function TextInput({
+  name,
+  value,
+  onChange,
+  onBlur,
+  placeholder,
+  disabled = false,
+  required = false,
+  error = false,
+  className = "",
+  type = "text",
+  ...props
+}) {
+  const handleChange = (e) => {
+    onChange(e.target.value);
+  };
+  const handleBlur = () => {
+    onBlur?.();
+  };
+  const baseClassName = "text-input";
+  const errorClassName = error ? "text-input--error" : "";
+  const combinedClassName = `${baseClassName} ${errorClassName} ${className}`.trim();
+  return /* @__PURE__ */ React5.createElement(
+    "input",
+    {
+      type,
+      name,
+      value: value ?? "",
+      onChange: handleChange,
+      onBlur: handleBlur,
+      placeholder,
+      disabled,
+      required,
+      className: combinedClassName,
+      "aria-invalid": error || props["aria-invalid"],
+      "aria-describedby": props["aria-describedby"],
+      "aria-required": required || props["aria-required"],
+      ...props
+    }
+  );
+}
+TextInput.displayName = "TextInput";
+function TextArea({
+  name,
+  value,
+  onChange,
+  onBlur,
+  placeholder,
+  disabled = false,
+  required = false,
+  error = false,
+  className = "",
+  rows = 3,
+  cols,
+  maxLength,
+  minLength,
+  wrap = "soft",
+  ...props
+}) {
+  const handleChange = (e) => {
+    onChange(e.target.value);
+  };
+  const handleBlur = () => {
+    onBlur?.();
+  };
+  const baseClassName = "textarea";
+  const errorClassName = error ? "textarea--error" : "";
+  const combinedClassName = `${baseClassName} ${errorClassName} ${className}`.trim();
+  return /* @__PURE__ */ React5.createElement(
+    "textarea",
+    {
+      name,
+      value: value ?? "",
+      onChange: handleChange,
+      onBlur: handleBlur,
+      placeholder,
+      disabled,
+      required,
+      className: combinedClassName,
+      rows,
+      cols,
+      maxLength,
+      minLength,
+      wrap,
+      "aria-invalid": error || props["aria-invalid"],
+      "aria-describedby": props["aria-describedby"],
+      "aria-required": required || props["aria-required"],
+      ...props
+    }
+  );
+}
+TextArea.displayName = "TextArea";
+function Checkbox({
+  name,
+  value,
+  onChange,
+  onBlur,
+  disabled = false,
+  required = false,
+  error = false,
+  className = "",
+  indeterminate = false,
+  label,
+  ...props
+}) {
+  const inputRef = React5.useRef(null);
+  React5.useEffect(() => {
+    if (inputRef.current) {
+      inputRef.current.indeterminate = indeterminate;
+    }
+  }, [indeterminate]);
+  const handleChange = (e) => {
+    onChange(e.target.checked);
+  };
+  const handleBlur = () => {
+    onBlur?.();
+  };
+  const baseClassName = "checkbox";
+  const errorClassName = error ? "checkbox--error" : "";
+  const combinedClassName = `${baseClassName} ${errorClassName} ${className}`.trim();
+  const checkbox = /* @__PURE__ */ React5.createElement(
+    "input",
+    {
+      ref: inputRef,
+      type: "checkbox",
+      name,
+      checked: value,
+      onChange: handleChange,
+      onBlur: handleBlur,
+      disabled,
+      required,
+      className: combinedClassName,
+      "aria-invalid": error || props["aria-invalid"],
+      "aria-describedby": props["aria-describedby"],
+      "aria-required": required || props["aria-required"],
+      ...props
+    }
+  );
+  if (label) {
+    return /* @__PURE__ */ React5.createElement("label", { className: "checkbox-label" }, checkbox, /* @__PURE__ */ React5.createElement("span", { className: "checkbox-label-text" }, label));
+  }
+  return checkbox;
+}
+Checkbox.displayName = "Checkbox";
+function Radio({
+  name,
+  value,
+  onChange,
+  onBlur,
+  disabled = false,
+  required = false,
+  error = false,
+  className = "",
+  layout = "stacked",
+  label,
+  options,
+  ...props
+}) {
+  const handleChange = (optionValue) => {
+    onChange(optionValue);
+  };
+  const handleKeyDown = (e, currentIndex) => {
+    if (e.key === "ArrowDown" || e.key === "ArrowRight") {
+      e.preventDefault();
+      let nextIndex = (currentIndex + 1) % options.length;
+      let attempts = 0;
+      while (options[nextIndex].disabled && attempts < options.length && !disabled) {
+        nextIndex = (nextIndex + 1) % options.length;
+        attempts++;
+      }
+      if (!options[nextIndex].disabled) {
+        handleChange(options[nextIndex].value);
+      }
+    } else if (e.key === "ArrowUp" || e.key === "ArrowLeft") {
+      e.preventDefault();
+      let prevIndex = (currentIndex - 1 + options.length) % options.length;
+      let attempts = 0;
+      while (options[prevIndex].disabled && attempts < options.length && !disabled) {
+        prevIndex = (prevIndex - 1 + options.length) % options.length;
+        attempts++;
+      }
+      if (!options[prevIndex].disabled) {
+        handleChange(options[prevIndex].value);
+      }
+    }
+  };
+  const handleBlur = () => {
+    onBlur?.();
+  };
+  const baseClassName = "radio-group";
+  const errorClassName = error ? "radio-group--error" : "";
+  const layoutClassName = `radio-group--${layout}`;
+  const combinedClassName = `${baseClassName} ${errorClassName} ${layoutClassName} ${className}`.trim();
+  return /* @__PURE__ */ React5.createElement(
+    "div",
+    {
+      className: combinedClassName,
+      role: "radiogroup",
+      "aria-invalid": error || props["aria-invalid"],
+      "aria-describedby": props["aria-describedby"],
+      "aria-required": required || props["aria-required"],
+      "aria-label": typeof label === "string" ? label : props["aria-label"]
+    },
+    label && /* @__PURE__ */ React5.createElement("div", { className: "radio-group-label" }, label),
+    /* @__PURE__ */ React5.createElement("div", { className: "radio-options" }, options.map((option, index) => {
+      const isChecked = value === option.value;
+      const isDisabled = disabled || option.disabled;
+      const radioId = `${name}-${option.value}`;
+      return /* @__PURE__ */ React5.createElement(
+        "label",
+        {
+          key: option.value,
+          className: `radio-option ${isDisabled ? "radio-option--disabled" : ""}`,
+          htmlFor: radioId
+        },
+        /* @__PURE__ */ React5.createElement(
+          "input",
+          {
+            type: "radio",
+            id: radioId,
+            name,
+            value: option.value,
+            checked: isChecked,
+            onChange: (e) => handleChange(e.target.value),
+            onBlur: handleBlur,
+            onKeyDown: (e) => handleKeyDown(e, index),
+            disabled: isDisabled,
+            required,
+            className: "radio-input",
+            "aria-describedby": option.description ? `${radioId}-description` : props["aria-describedby"]
+          }
+        ),
+        /* @__PURE__ */ React5.createElement("div", { className: "radio-content" }, /* @__PURE__ */ React5.createElement("span", { className: "radio-label" }, option.label), option.description && /* @__PURE__ */ React5.createElement(
+          "span",
+          {
+            className: "radio-description",
+            id: `${radioId}-description`
+          },
+          option.description
+        ))
+      );
+    }))
+  );
+}
+Radio.displayName = "Radio";
+function Select({
+  name,
+  value,
+  onChange,
+  onBlur,
+  onFocus,
+  disabled = false,
+  required = false,
+  error = false,
+  className = "",
+  placeholder = "Select...",
+  searchable = true,
+  clearable = true,
+  loading = false,
+  options = [],
+  optionGroups = [],
+  renderOption,
+  ...props
+}) {
+  const [isOpen, setIsOpen] = React5.useState(false);
+  const [searchQuery, setSearchQuery] = React5.useState("");
+  const [focusedIndex, setFocusedIndex] = React5.useState(-1);
+  const selectRef = React5.useRef(null);
+  const searchInputRef = React5.useRef(null);
+  const dropdownId = `${name}-dropdown`;
+  const allOptions = React5.useMemo(() => {
+    if (optionGroups.length > 0) {
+      return optionGroups.flatMap((group) => group.options);
+    }
+    return options;
+  }, [options, optionGroups]);
+  const filteredOptions = React5.useMemo(() => {
+    if (!searchQuery.trim()) {
+      return allOptions;
+    }
+    const query = searchQuery.toLowerCase();
+    return allOptions.filter((option) => {
+      const label = typeof option.label === "string" ? option.label : String(option.label);
+      return label.toLowerCase().includes(query);
+    });
+  }, [allOptions, searchQuery]);
+  const selectedOption = React5.useMemo(() => {
+    return allOptions.find((opt) => opt.value === value);
+  }, [allOptions, value]);
+  const handleSelect = (optionValue) => {
+    onChange(optionValue);
+    setIsOpen(false);
+    setSearchQuery("");
+    setFocusedIndex(-1);
+  };
+  const handleClear = (e) => {
+    e.stopPropagation();
+    onChange("");
+    setSearchQuery("");
+    setFocusedIndex(-1);
+  };
+  const handleToggle = () => {
+    if (disabled) return;
+    const newIsOpen = !isOpen;
+    setIsOpen(newIsOpen);
+    if (newIsOpen && searchable && searchInputRef.current) {
+      setTimeout(() => searchInputRef.current?.focus(), 0);
+    }
+    if (newIsOpen) {
+      onFocus?.();
+    }
+  };
+  const handleSearchChange = (e) => {
+    setSearchQuery(e.target.value);
+    setFocusedIndex(0);
+  };
+  const handleKeyDown = (e) => {
+    if (disabled) return;
+    switch (e.key) {
+      case "ArrowDown":
+        e.preventDefault();
+        if (!isOpen) {
+          setIsOpen(true);
+          setFocusedIndex(0);
+        } else {
+          const enabledOptions = filteredOptions.filter((opt) => !opt.disabled);
+          if (enabledOptions.length > 0) {
+            const currentIndexInFiltered = focusedIndex;
+            const nextIndex = (currentIndexInFiltered + 1) % enabledOptions.length;
+            setFocusedIndex(
+              filteredOptions.indexOf(enabledOptions[nextIndex])
+            );
+          }
+        }
+        break;
+      case "ArrowUp":
+        e.preventDefault();
+        if (isOpen) {
+          const enabledOptions = filteredOptions.filter((opt) => !opt.disabled);
+          if (enabledOptions.length > 0) {
+            const currentIndexInFiltered = focusedIndex;
+            const prevIndex = (currentIndexInFiltered - 1 + enabledOptions.length) % enabledOptions.length;
+            setFocusedIndex(
+              filteredOptions.indexOf(enabledOptions[prevIndex])
+            );
+          }
+        }
+        break;
+      case "Enter":
+        e.preventDefault();
+        if (isOpen && focusedIndex >= 0 && focusedIndex < filteredOptions.length) {
+          const focusedOption = filteredOptions[focusedIndex];
+          if (!focusedOption.disabled) {
+            handleSelect(focusedOption.value);
+          }
+        } else if (!isOpen) {
+          setIsOpen(true);
+        }
+        break;
+      case "Escape":
+        e.preventDefault();
+        if (isOpen) {
+          setIsOpen(false);
+          setSearchQuery("");
+          setFocusedIndex(-1);
+        }
+        break;
+      case " ":
+        if (!isOpen && !searchable) {
+          e.preventDefault();
+          setIsOpen(true);
+        }
+        break;
+      default:
+        if (!searchable && e.key.length === 1 && !e.ctrlKey && !e.metaKey) {
+          const char = e.key.toLowerCase();
+          const matchingOption = filteredOptions.find((opt) => {
+            const label = typeof opt.label === "string" ? opt.label : String(opt.label);
+            return label.toLowerCase().startsWith(char) && !opt.disabled;
+          });
+          if (matchingOption) {
+            handleSelect(matchingOption.value);
+          }
+        }
+        break;
+    }
+  };
+  const handleBlur = () => {
+    onBlur?.();
+  };
+  React5.useEffect(() => {
+    const handleClickOutside = (event) => {
+      if (selectRef.current && !selectRef.current.contains(event.target)) {
+        setIsOpen(false);
+        setSearchQuery("");
+        setFocusedIndex(-1);
+        handleBlur();
+      }
+    };
+    if (isOpen) {
+      document.addEventListener("mousedown", handleClickOutside);
+      return () => {
+        document.removeEventListener("mousedown", handleClickOutside);
+      };
+    }
+  }, [isOpen]);
+  const baseClassName = "select";
+  const errorClassName = error ? "select--error" : "";
+  const disabledClassName = disabled ? "select--disabled" : "";
+  const openClassName = isOpen ? "select--open" : "";
+  const combinedClassName = `${baseClassName} ${errorClassName} ${disabledClassName} ${openClassName} ${className}`.trim();
+  return /* @__PURE__ */ React5.createElement(
+    "div",
+    {
+      ref: selectRef,
+      className: combinedClassName,
+      onKeyDown: handleKeyDown,
+      onBlur: handleBlur
+    },
+    /* @__PURE__ */ React5.createElement(
+      "select",
+      {
+        name,
+        value,
+        onChange: () => {
+        },
+        disabled,
+        required,
+        "aria-hidden": "true",
+        tabIndex: -1,
+        style: { display: "none" }
+      },
+      /* @__PURE__ */ React5.createElement("option", { value: "" }, "Select..."),
+      allOptions.map((option) => /* @__PURE__ */ React5.createElement("option", { key: option.value, value: option.value }, typeof option.label === "string" ? option.label : option.value))
+    ),
+    /* @__PURE__ */ React5.createElement(
+      "div",
+      {
+        className: "select-trigger",
+        onClick: handleToggle,
+        role: "combobox",
+        "aria-expanded": isOpen,
+        "aria-controls": dropdownId,
+        "aria-invalid": error || props["aria-invalid"],
+        "aria-describedby": props["aria-describedby"],
+        "aria-required": required || props["aria-required"],
+        "aria-disabled": disabled,
+        tabIndex: disabled ? -1 : 0
+      },
+      /* @__PURE__ */ React5.createElement("span", { className: "select-value" }, selectedOption ? renderOption ? renderOption(selectedOption) : selectedOption.label : /* @__PURE__ */ React5.createElement("span", { className: "select-placeholder" }, placeholder)),
+      /* @__PURE__ */ React5.createElement("div", { className: "select-icons" }, loading && /* @__PURE__ */ React5.createElement("span", { className: "select-loading" }, "\u23F3"), clearable && value && !disabled && !loading && /* @__PURE__ */ React5.createElement(
+        "button",
+        {
+          type: "button",
+          className: "select-clear",
+          onClick: handleClear,
+          "aria-label": "Clear selection",
+          tabIndex: -1
+        },
+        "\u2715"
+      ), /* @__PURE__ */ React5.createElement("span", { className: "select-arrow", "aria-hidden": "true" }, isOpen ? "\u25B2" : "\u25BC"))
+    ),
+    isOpen && /* @__PURE__ */ React5.createElement("div", { id: dropdownId, className: "select-dropdown", role: "listbox" }, searchable && /* @__PURE__ */ React5.createElement("div", { className: "select-search" }, /* @__PURE__ */ React5.createElement(
+      "input",
+      {
+        ref: searchInputRef,
+        type: "text",
+        className: "select-search-input",
+        placeholder: "Search...",
+        value: searchQuery,
+        onChange: handleSearchChange,
+        onClick: (e) => e.stopPropagation(),
+        "aria-label": "Search options"
+      }
+    )), /* @__PURE__ */ React5.createElement("div", { className: "select-options" }, filteredOptions.length === 0 ? /* @__PURE__ */ React5.createElement("div", { className: "select-no-options" }, "No options found") : optionGroups.length > 0 ? (
+      // Render grouped options
+      optionGroups.map((group, groupIndex) => {
+        const groupOptions = group.options.filter(
+          (opt) => filteredOptions.includes(opt)
+        );
+        if (groupOptions.length === 0) return null;
+        return /* @__PURE__ */ React5.createElement("div", { key: groupIndex, className: "select-optgroup" }, /* @__PURE__ */ React5.createElement("div", { className: "select-optgroup-label" }, group.label), groupOptions.map((option) => {
+          const globalIndex = filteredOptions.indexOf(option);
+          const isSelected = value === option.value;
+          const isFocused = globalIndex === focusedIndex;
+          const isDisabled = option.disabled;
+          return /* @__PURE__ */ React5.createElement(
+            "div",
+            {
+              key: option.value,
+              className: `select-option ${isSelected ? "select-option--selected" : ""} ${isFocused ? "select-option--focused" : ""} ${isDisabled ? "select-option--disabled" : ""}`,
+              onClick: () => !isDisabled && handleSelect(option.value),
+              role: "option",
+              "aria-selected": isSelected,
+              "aria-disabled": isDisabled
+            },
+            renderOption ? renderOption(option) : option.label
+          );
+        }));
+      })
+    ) : (
+      // Render flat options
+      filteredOptions.map((option, index) => {
+        const isSelected = value === option.value;
+        const isFocused = index === focusedIndex;
+        const isDisabled = option.disabled;
+        return /* @__PURE__ */ React5.createElement(
+          "div",
+          {
+            key: option.value,
+            className: `select-option ${isSelected ? "select-option--selected" : ""} ${isFocused ? "select-option--focused" : ""} ${isDisabled ? "select-option--disabled" : ""}`,
+            onClick: () => !isDisabled && handleSelect(option.value),
+            role: "option",
+            "aria-selected": isSelected,
+            "aria-disabled": isDisabled
+          },
+          renderOption ? renderOption(option) : option.label
+        );
+      })
+    )))
+  );
+}
+Select.displayName = "Select";
+
+export { Checkbox, Radio, Select, TextArea, TextInput };
+//# sourceMappingURL=inputs.js.map
+//# sourceMappingURL=inputs.js.map

package/dist/inputs.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/inputs/TextInput.tsx","../src/inputs/TextArea.tsx","../src/inputs/Checkbox.tsx","../src/inputs/Radio.tsx","../src/inputs/Select.tsx"],"names":["React","React2","React3","React4"],"mappings":"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","file":"inputs.js","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport type { InputProps } from \"../core/types\";\n\n/**\n * TextInput - High-performance text input component\n *\n * A lightweight, accessible text input with error state support.\n * Designed to work seamlessly with useForm and Field components.\n *\n * Features:\n * - Full accessibility support\n * - Error state styling\n * - Controlled input behavior\n * - All native input attributes supported\n *\n * @example\n * ```tsx\n * const form = useForm({ initialValues: { email: '' } });\n *\n * <TextInput\n *   {...form.getFieldProps('email')}\n *   type=\"email\"\n *   placeholder=\"Enter your email\"\n *   error={!!form.errors.email}\n *   aria-invalid={!!form.errors.email}\n *   aria-describedby={form.errors.email ? 'email-error' : undefined}\n * />\n * ```\n *\n * @see https://opensite.ai/developers/page-speed/forms/text-input\n */\nexport function TextInput({\n  name,\n  value,\n  onChange,\n  onBlur,\n  placeholder,\n  disabled = false,\n  required = false,\n  error = false,\n  className = \"\",\n  type = \"text\",\n  ...props\n}: InputProps<string> & {\n  type?: \"text\" | \"email\" | \"password\" | \"url\" | \"tel\" | \"search\";\n}) {\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    onChange(e.target.value);\n  };\n\n  const handleBlur = () => {\n    onBlur?.();\n  };\n\n  const baseClassName = \"text-input\";\n  const errorClassName = error ? \"text-input--error\" : \"\";\n  const combinedClassName = `${baseClassName} ${errorClassName} ${className}`.trim();\n\n  return (\n    <input\n      type={type}\n      name={name}\n      value={value ?? \"\"}\n      onChange={handleChange}\n      onBlur={handleBlur}\n      placeholder={placeholder}\n      disabled={disabled}\n      required={required}\n      className={combinedClassName}\n      aria-invalid={error || props[\"aria-invalid\"]}\n      aria-describedby={props[\"aria-describedby\"]}\n      aria-required={required || props[\"aria-required\"]}\n      {...props}\n    />\n  );\n}\n\nTextInput.displayName = \"TextInput\";\n","\"use client\";\n\nimport * as React from \"react\";\nimport type { InputProps } from \"../core/types\";\n\n/**\n * Additional props specific to TextArea\n */\nexport interface TextAreaProps extends Omit<InputProps<string>, \"onChange\"> {\n  /**\n   * Number of visible text rows\n   * @default 3\n   */\n  rows?: number;\n\n  /**\n   * Number of visible text columns (characters)\n   */\n  cols?: number;\n\n  /**\n   * Maximum character length\n   */\n  maxLength?: number;\n\n  /**\n   * Minimum character length\n   */\n  minLength?: number;\n\n  /**\n   * Text wrapping behavior\n   * - soft: text wraps but newlines not submitted (default)\n   * - hard: text wraps and newlines submitted (requires cols)\n   * - off: no wrapping\n   */\n  wrap?: \"soft\" | \"hard\" | \"off\";\n\n  /**\n   * Change handler\n   */\n  onChange: (value: string) => void;\n\n  /**\n   * Additional native textarea attributes\n   */\n  [key: string]: any;\n}\n\n/**\n * TextArea - High-performance multi-line text input component\n *\n * A lightweight, accessible textarea with error state support.\n * Designed to work seamlessly with useForm and Field components.\n *\n * Features:\n * - Full accessibility support\n * - Error state styling\n * - Controlled input behavior\n * - Configurable rows and columns\n * - Text wrapping options\n * - Character length validation\n * - All native textarea attributes supported\n *\n * @example\n * ```tsx\n * const form = useForm({ initialValues: { bio: '' } });\n *\n * <TextArea\n *   {...form.getFieldProps('bio')}\n *   rows={5}\n *   placeholder=\"Tell us about yourself\"\n *   error={!!form.errors.bio}\n *   aria-invalid={!!form.errors.bio}\n *   aria-describedby={form.errors.bio ? 'bio-error' : undefined}\n * />\n * ```\n *\n * @see https://opensite.ai/developers/page-speed/forms/textarea\n */\nexport function TextArea({\n  name,\n  value,\n  onChange,\n  onBlur,\n  placeholder,\n  disabled = false,\n  required = false,\n  error = false,\n  className = \"\",\n  rows = 3,\n  cols,\n  maxLength,\n  minLength,\n  wrap = \"soft\",\n  ...props\n}: TextAreaProps) {\n  const handleChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n    onChange(e.target.value);\n  };\n\n  const handleBlur = () => {\n    onBlur?.();\n  };\n\n  const baseClassName = \"textarea\";\n  const errorClassName = error ? \"textarea--error\" : \"\";\n  const combinedClassName = `${baseClassName} ${errorClassName} ${className}`.trim();\n\n  return (\n    <textarea\n      name={name}\n      value={value ?? \"\"}\n      onChange={handleChange}\n      onBlur={handleBlur}\n      placeholder={placeholder}\n      disabled={disabled}\n      required={required}\n      className={combinedClassName}\n      rows={rows}\n      cols={cols}\n      maxLength={maxLength}\n      minLength={minLength}\n      wrap={wrap}\n      aria-invalid={error || props[\"aria-invalid\"]}\n      aria-describedby={props[\"aria-describedby\"]}\n      aria-required={required || props[\"aria-required\"]}\n      {...props}\n    />\n  );\n}\n\nTextArea.displayName = \"TextArea\";\n","\"use client\";\n\nimport * as React from \"react\";\nimport type { InputProps } from \"../core/types\";\n\n/**\n * Additional props specific to Checkbox\n */\nexport interface CheckboxProps\n  extends Omit<InputProps<boolean>, \"onChange\" | \"placeholder\"> {\n  /**\n   * Change handler - receives boolean checked state\n   */\n  onChange: (checked: boolean) => void;\n\n  /**\n   * Indeterminate state for partial selections\n   * Useful for \"select all\" checkboxes with some items selected\n   * @default false\n   */\n  indeterminate?: boolean;\n\n  /**\n   * Label text for the checkbox\n   * Can also wrap checkbox in a label element\n   */\n  label?: React.ReactNode;\n\n  /**\n   * Additional native input attributes\n   */\n  [key: string]: any;\n}\n\n/**\n * Checkbox - High-performance boolean input component\n *\n * A lightweight, accessible checkbox with error state support.\n * Designed to work seamlessly with useForm and Field components.\n *\n * Features:\n * - Full accessibility support (ARIA attributes)\n * - Error state styling\n * - Controlled input behavior\n * - Indeterminate state support\n * - Optional label text\n * - All native checkbox attributes supported\n *\n * @example\n * ```tsx\n * const form = useForm({ initialValues: { terms: false } });\n *\n * <Checkbox\n *   {...form.getFieldProps('terms')}\n *   label=\"I agree to the terms and conditions\"\n *   error={!!form.errors.terms}\n *   aria-describedby={form.errors.terms ? 'terms-error' : undefined}\n * />\n * ```\n *\n * @example\n * ```tsx\n * // With indeterminate state\n * <Checkbox\n *   name=\"selectAll\"\n *   value={allSelected}\n *   onChange={handleSelectAll}\n *   indeterminate={someSelected}\n *   label=\"Select all items\"\n * />\n * ```\n *\n * @see https://opensite.ai/developers/page-speed/forms/checkbox\n */\nexport function Checkbox({\n  name,\n  value,\n  onChange,\n  onBlur,\n  disabled = false,\n  required = false,\n  error = false,\n  className = \"\",\n  indeterminate = false,\n  label,\n  ...props\n}: CheckboxProps) {\n  const inputRef = React.useRef<HTMLInputElement>(null);\n\n  // Set indeterminate state on the native input element\n  React.useEffect(() => {\n    if (inputRef.current) {\n      inputRef.current.indeterminate = indeterminate;\n    }\n  }, [indeterminate]);\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    onChange(e.target.checked);\n  };\n\n  const handleBlur = () => {\n    onBlur?.();\n  };\n\n  const baseClassName = \"checkbox\";\n  const errorClassName = error ? \"checkbox--error\" : \"\";\n  const combinedClassName = `${baseClassName} ${errorClassName} ${className}`.trim();\n\n  const checkbox = (\n    <input\n      ref={inputRef}\n      type=\"checkbox\"\n      name={name}\n      checked={value}\n      onChange={handleChange}\n      onBlur={handleBlur}\n      disabled={disabled}\n      required={required}\n      className={combinedClassName}\n      aria-invalid={error || props[\"aria-invalid\"]}\n      aria-describedby={props[\"aria-describedby\"]}\n      aria-required={required || props[\"aria-required\"]}\n      {...props}\n    />\n  );\n\n  // If label is provided, wrap checkbox in label element\n  if (label) {\n    return (\n      <label className=\"checkbox-label\">\n        {checkbox}\n        <span className=\"checkbox-label-text\">{label}</span>\n      </label>\n    );\n  }\n\n  return checkbox;\n}\n\nCheckbox.displayName = \"Checkbox\";\n","\"use client\";\n\nimport * as React from \"react\";\nimport type { InputProps } from \"../core/types\";\n\n/**\n * Radio option type\n */\nexport interface RadioOption {\n  /**\n   * The value for this radio option\n   */\n  value: string;\n\n  /**\n   * Display label for the option\n   */\n  label: React.ReactNode;\n\n  /**\n   * Optional description text below the label\n   */\n  description?: React.ReactNode;\n\n  /**\n   * Whether this option is disabled\n   */\n  disabled?: boolean;\n}\n\n/**\n * Additional props specific to Radio\n */\nexport interface RadioProps\n  extends Omit<InputProps<string>, \"onChange\" | \"placeholder\"> {\n  /**\n   * Change handler - receives selected value\n   */\n  onChange: (value: string) => void;\n\n  /**\n   * Array of radio options\n   */\n  options: RadioOption[];\n\n  /**\n   * Layout direction\n   * @default \"stacked\"\n   */\n  layout?: \"inline\" | \"stacked\";\n\n  /**\n   * Group-level label\n   */\n  label?: React.ReactNode;\n\n  /**\n   * Additional native input attributes\n   */\n  [key: string]: any;\n}\n\n/**\n * Radio - High-performance single selection component\n *\n * A lightweight, accessible radio group with error state support.\n * Designed to work seamlessly with useForm and Field components.\n *\n * Features:\n * - Full accessibility support (ARIA attributes, role=\"radiogroup\")\n * - Error state styling\n * - Controlled input behavior\n * - Keyboard navigation (arrow keys)\n * - Inline or stacked layout\n * - Optional descriptions for each option\n * - Individual option disabled state\n * - All native radio attributes supported\n *\n * @example\n * ```tsx\n * const form = useForm({ initialValues: { plan: 'basic' } });\n *\n * <Radio\n *   {...form.getFieldProps('plan')}\n *   label=\"Select your plan\"\n *   options={[\n *     { value: 'basic', label: 'Basic', description: '$9/month' },\n *     { value: 'pro', label: 'Pro', description: '$29/month' },\n *     { value: 'enterprise', label: 'Enterprise', description: '$99/month' }\n *   ]}\n *   error={!!form.errors.plan}\n *   aria-describedby={form.errors.plan ? 'plan-error' : undefined}\n * />\n * ```\n *\n * @example\n * ```tsx\n * // Inline layout\n * <Radio\n *   name=\"size\"\n *   value={size}\n *   onChange={handleSizeChange}\n *   layout=\"inline\"\n *   options={[\n *     { value: 'sm', label: 'Small' },\n *     { value: 'md', label: 'Medium' },\n *     { value: 'lg', label: 'Large' }\n *   ]}\n * />\n * ```\n *\n * @see https://opensite.ai/developers/page-speed/forms/radio\n */\nexport function Radio({\n  name,\n  value,\n  onChange,\n  onBlur,\n  disabled = false,\n  required = false,\n  error = false,\n  className = \"\",\n  layout = \"stacked\",\n  label,\n  options,\n  ...props\n}: RadioProps) {\n  const handleChange = (optionValue: string) => {\n    onChange(optionValue);\n  };\n\n  const handleKeyDown = (\n    e: React.KeyboardEvent<HTMLDivElement>,\n    currentIndex: number\n  ) => {\n    if (e.key === \"ArrowDown\" || e.key === \"ArrowRight\") {\n      e.preventDefault();\n      // Find next non-disabled option\n      let nextIndex = (currentIndex + 1) % options.length;\n      let attempts = 0;\n      while (\n        options[nextIndex].disabled &&\n        attempts < options.length &&\n        !disabled\n      ) {\n        nextIndex = (nextIndex + 1) % options.length;\n        attempts++;\n      }\n      if (!options[nextIndex].disabled) {\n        handleChange(options[nextIndex].value);\n      }\n    } else if (e.key === \"ArrowUp\" || e.key === \"ArrowLeft\") {\n      e.preventDefault();\n      // Find previous non-disabled option\n      let prevIndex = (currentIndex - 1 + options.length) % options.length;\n      let attempts = 0;\n      while (\n        options[prevIndex].disabled &&\n        attempts < options.length &&\n        !disabled\n      ) {\n        prevIndex = (prevIndex - 1 + options.length) % options.length;\n        attempts++;\n      }\n      if (!options[prevIndex].disabled) {\n        handleChange(options[prevIndex].value);\n      }\n    }\n  };\n\n  const handleBlur = () => {\n    onBlur?.();\n  };\n\n  const baseClassName = \"radio-group\";\n  const errorClassName = error ? \"radio-group--error\" : \"\";\n  const layoutClassName = `radio-group--${layout}`;\n  const combinedClassName =\n    `${baseClassName} ${errorClassName} ${layoutClassName} ${className}`.trim();\n\n  return (\n    <div\n      className={combinedClassName}\n      role=\"radiogroup\"\n      aria-invalid={error || props[\"aria-invalid\"]}\n      aria-describedby={props[\"aria-describedby\"]}\n      aria-required={required || props[\"aria-required\"]}\n      aria-label={typeof label === \"string\" ? label : props[\"aria-label\"]}\n    >\n      {label && <div className=\"radio-group-label\">{label}</div>}\n      <div className=\"radio-options\">\n        {options.map((option, index) => {\n          const isChecked = value === option.value;\n          const isDisabled = disabled || option.disabled;\n          const radioId = `${name}-${option.value}`;\n\n          return (\n            <label\n              key={option.value}\n              className={`radio-option ${isDisabled ? \"radio-option--disabled\" : \"\"}`}\n              htmlFor={radioId}\n            >\n              <input\n                type=\"radio\"\n                id={radioId}\n                name={name}\n                value={option.value}\n                checked={isChecked}\n                onChange={(e) => handleChange(e.target.value)}\n                onBlur={handleBlur}\n                onKeyDown={(e) => handleKeyDown(e, index)}\n                disabled={isDisabled}\n                required={required}\n                className=\"radio-input\"\n                aria-describedby={\n                  option.description\n                    ? `${radioId}-description`\n                    : props[\"aria-describedby\"]\n                }\n              />\n              <div className=\"radio-content\">\n                <span className=\"radio-label\">{option.label}</span>\n                {option.description && (\n                  <span\n                    className=\"radio-description\"\n                    id={`${radioId}-description`}\n                  >\n                    {option.description}\n                  </span>\n                )}\n              </div>\n            </label>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n\nRadio.displayName = \"Radio\";\n","\"use client\";\n\nimport * as React from \"react\";\nimport type { InputProps } from \"../core/types\";\n\n/**\n * Select option type\n */\nexport interface SelectOption {\n  /**\n   * The value for this option\n   */\n  value: string;\n\n  /**\n   * Display label for the option\n   */\n  label: React.ReactNode;\n\n  /**\n   * Whether this option is disabled\n   */\n  disabled?: boolean;\n}\n\n/**\n * Select option group type for organizing options\n */\nexport interface SelectOptionGroup {\n  /**\n   * Group label\n   */\n  label: string;\n\n  /**\n   * Options in this group\n   */\n  options: SelectOption[];\n}\n\n/**\n * Additional props specific to Select\n */\nexport interface SelectProps\n  extends Omit<InputProps<string>, \"onChange\" | \"onFocus\"> {\n  /**\n   * Change handler - receives selected value\n   */\n  onChange: (value: string) => void;\n\n  /**\n   * Focus handler\n   */\n  onFocus?: () => void;\n\n  /**\n   * Array of select options (flat structure)\n   */\n  options?: SelectOption[];\n\n  /**\n   * Array of option groups (grouped structure)\n   */\n  optionGroups?: SelectOptionGroup[];\n\n  /**\n   * Placeholder text when no option is selected\n   * @default \"Select...\"\n   */\n  placeholder?: string;\n\n  /**\n   * Enable search/filter functionality\n   * @default true\n   */\n  searchable?: boolean;\n\n  /**\n   * Enable clearable button to reset selection\n   * @default true\n   */\n  clearable?: boolean;\n\n  /**\n   * Loading state for async options\n   * @default false\n   */\n  loading?: boolean;\n\n  /**\n   * Custom render function for options\n   */\n  renderOption?: (option: SelectOption) => React.ReactNode;\n\n  /**\n   * Additional native input attributes\n   */\n  [key: string]: any;\n}\n\n/**\n * Select - High-performance dropdown selection component\n *\n * A lightweight, accessible select/dropdown with search, keyboard navigation,\n * and error state support. Designed to work seamlessly with useForm and Field components.\n *\n * Features:\n * - Full accessibility support (ARIA attributes, role=\"combobox\")\n * - Error state styling\n * - Controlled input behavior\n * - Keyboard navigation (arrow keys, Enter, Escape, type-ahead)\n * - Searchable options with filtering\n * - Clearable selection\n * - Option groups support\n * - Loading state for async options\n * - Disabled options support\n * - Click outside to close\n *\n * @example\n * ```tsx\n * const form = useForm({ initialValues: { country: '' } });\n *\n * <Select\n *   {...form.getFieldProps('country')}\n *   placeholder=\"Select a country\"\n *   options={[\n *     { value: 'us', label: 'United States' },\n *     { value: 'ca', label: 'Canada' },\n *     { value: 'mx', label: 'Mexico' }\n *   ]}\n *   searchable\n *   clearable\n *   error={!!form.errors.country}\n *   aria-describedby={form.errors.country ? 'country-error' : undefined}\n * />\n * ```\n *\n * @example\n * ```tsx\n * // With option groups\n * <Select\n *   name=\"timezone\"\n *   value={timezone}\n *   onChange={handleTimezoneChange}\n *   optionGroups={[\n *     {\n *       label: 'North America',\n *       options: [\n *         { value: 'est', label: 'Eastern Time' },\n *         { value: 'cst', label: 'Central Time' }\n *       ]\n *     },\n *     {\n *       label: 'Europe',\n *       options: [\n *         { value: 'gmt', label: 'GMT' },\n *         { value: 'cet', label: 'Central European Time' }\n *       ]\n *     }\n *   ]}\n * />\n * ```\n *\n * @see https://opensite.ai/developers/page-speed/forms/select\n */\nexport function Select({\n  name,\n  value,\n  onChange,\n  onBlur,\n  onFocus,\n  disabled = false,\n  required = false,\n  error = false,\n  className = \"\",\n  placeholder = \"Select...\",\n  searchable = true,\n  clearable = true,\n  loading = false,\n  options = [],\n  optionGroups = [],\n  renderOption,\n  ...props\n}: SelectProps) {\n  const [isOpen, setIsOpen] = React.useState(false);\n  const [searchQuery, setSearchQuery] = React.useState(\"\");\n  const [focusedIndex, setFocusedIndex] = React.useState(-1);\n  const selectRef = React.useRef<HTMLDivElement>(null);\n  const searchInputRef = React.useRef<HTMLInputElement>(null);\n  const dropdownId = `${name}-dropdown`;\n\n  // Flatten options from groups or use flat options\n  const allOptions = React.useMemo(() => {\n    if (optionGroups.length > 0) {\n      return optionGroups.flatMap((group) => group.options);\n    }\n    return options;\n  }, [options, optionGroups]);\n\n  // Filter options based on search query\n  const filteredOptions = React.useMemo(() => {\n    if (!searchQuery.trim()) {\n      return allOptions;\n    }\n    const query = searchQuery.toLowerCase();\n    return allOptions.filter((option) => {\n      const label =\n        typeof option.label === \"string\" ? option.label : String(option.label);\n      return label.toLowerCase().includes(query);\n    });\n  }, [allOptions, searchQuery]);\n\n  // Get selected option\n  const selectedOption = React.useMemo(() => {\n    return allOptions.find((opt) => opt.value === value);\n  }, [allOptions, value]);\n\n  // Handle option selection\n  const handleSelect = (optionValue: string) => {\n    onChange(optionValue);\n    setIsOpen(false);\n    setSearchQuery(\"\");\n    setFocusedIndex(-1);\n  };\n\n  // Handle clear selection\n  const handleClear = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    onChange(\"\");\n    setSearchQuery(\"\");\n    setFocusedIndex(-1);\n  };\n\n  // Toggle dropdown\n  const handleToggle = () => {\n    if (disabled) return;\n    const newIsOpen = !isOpen;\n    setIsOpen(newIsOpen);\n    if (newIsOpen && searchable && searchInputRef.current) {\n      // Focus search input when opening\n      setTimeout(() => searchInputRef.current?.focus(), 0);\n    }\n    if (newIsOpen) {\n      onFocus?.();\n    }\n  };\n\n  // Handle search input change\n  const handleSearchChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    setSearchQuery(e.target.value);\n    setFocusedIndex(0); // Reset focus to first filtered option\n  };\n\n  // Keyboard navigation\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if (disabled) return;\n\n    switch (e.key) {\n      case \"ArrowDown\":\n        e.preventDefault();\n        if (!isOpen) {\n          setIsOpen(true);\n          setFocusedIndex(0);\n        } else {\n          const enabledOptions = filteredOptions.filter((opt) => !opt.disabled);\n          if (enabledOptions.length > 0) {\n            const currentIndexInFiltered = focusedIndex;\n            const nextIndex = (currentIndexInFiltered + 1) % enabledOptions.length;\n            setFocusedIndex(\n              filteredOptions.indexOf(enabledOptions[nextIndex])\n            );\n          }\n        }\n        break;\n\n      case \"ArrowUp\":\n        e.preventDefault();\n        if (isOpen) {\n          const enabledOptions = filteredOptions.filter((opt) => !opt.disabled);\n          if (enabledOptions.length > 0) {\n            const currentIndexInFiltered = focusedIndex;\n            const prevIndex =\n              (currentIndexInFiltered - 1 + enabledOptions.length) %\n              enabledOptions.length;\n            setFocusedIndex(\n              filteredOptions.indexOf(enabledOptions[prevIndex])\n            );\n          }\n        }\n        break;\n\n      case \"Enter\":\n        e.preventDefault();\n        if (isOpen && focusedIndex >= 0 && focusedIndex < filteredOptions.length) {\n          const focusedOption = filteredOptions[focusedIndex];\n          if (!focusedOption.disabled) {\n            handleSelect(focusedOption.value);\n          }\n        } else if (!isOpen) {\n          setIsOpen(true);\n        }\n        break;\n\n      case \"Escape\":\n        e.preventDefault();\n        if (isOpen) {\n          setIsOpen(false);\n          setSearchQuery(\"\");\n          setFocusedIndex(-1);\n        }\n        break;\n\n      case \" \":\n        // Space key to open dropdown if not searching\n        if (!isOpen && !searchable) {\n          e.preventDefault();\n          setIsOpen(true);\n        }\n        break;\n\n      default:\n        // Type-ahead search (only if not already searching)\n        if (!searchable && e.key.length === 1 && !e.ctrlKey && !e.metaKey) {\n          const char = e.key.toLowerCase();\n          const matchingOption = filteredOptions.find((opt) => {\n            const label =\n              typeof opt.label === \"string\"\n                ? opt.label\n                : String(opt.label);\n            return label.toLowerCase().startsWith(char) && !opt.disabled;\n          });\n          if (matchingOption) {\n            handleSelect(matchingOption.value);\n          }\n        }\n        break;\n    }\n  };\n\n  // Handle blur\n  const handleBlur = () => {\n    onBlur?.();\n  };\n\n  // Close dropdown when clicking outside\n  React.useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (\n        selectRef.current &&\n        !selectRef.current.contains(event.target as Node)\n      ) {\n        setIsOpen(false);\n        setSearchQuery(\"\");\n        setFocusedIndex(-1);\n        handleBlur();\n      }\n    };\n\n    if (isOpen) {\n      document.addEventListener(\"mousedown\", handleClickOutside);\n      return () => {\n        document.removeEventListener(\"mousedown\", handleClickOutside);\n      };\n    }\n  }, [isOpen]);\n\n  const baseClassName = \"select\";\n  const errorClassName = error ? \"select--error\" : \"\";\n  const disabledClassName = disabled ? \"select--disabled\" : \"\";\n  const openClassName = isOpen ? \"select--open\" : \"\";\n  const combinedClassName =\n    `${baseClassName} ${errorClassName} ${disabledClassName} ${openClassName} ${className}`.trim();\n\n  return (\n    <div\n      ref={selectRef}\n      className={combinedClassName}\n      onKeyDown={handleKeyDown}\n      onBlur={handleBlur}\n    >\n      {/* Hidden native select for form submission */}\n      <select\n        name={name}\n        value={value}\n        onChange={() => {}}\n        disabled={disabled}\n        required={required}\n        aria-hidden=\"true\"\n        tabIndex={-1}\n        style={{ display: \"none\" }}\n      >\n        <option value=\"\">Select...</option>\n        {allOptions.map((option) => (\n          <option key={option.value} value={option.value}>\n            {typeof option.label === \"string\" ? option.label : option.value}\n          </option>\n        ))}\n      </select>\n\n      {/* Custom select trigger */}\n      <div\n        className=\"select-trigger\"\n        onClick={handleToggle}\n        role=\"combobox\"\n        aria-expanded={isOpen}\n        aria-controls={dropdownId}\n        aria-invalid={error || props[\"aria-invalid\"]}\n        aria-describedby={props[\"aria-describedby\"]}\n        aria-required={required || props[\"aria-required\"]}\n        aria-disabled={disabled}\n        tabIndex={disabled ? -1 : 0}\n      >\n        <span className=\"select-value\">\n          {selectedOption ? (\n            renderOption ? (\n              renderOption(selectedOption)\n            ) : (\n              selectedOption.label\n            )\n          ) : (\n            <span className=\"select-placeholder\">{placeholder}</span>\n          )}\n        </span>\n        <div className=\"select-icons\">\n          {loading && <span className=\"select-loading\">⏳</span>}\n          {clearable && value && !disabled && !loading && (\n            <button\n              type=\"button\"\n              className=\"select-clear\"\n              onClick={handleClear}\n              aria-label=\"Clear selection\"\n              tabIndex={-1}\n            >\n              ✕\n            </button>\n          )}\n          <span className=\"select-arrow\" aria-hidden=\"true\">\n            {isOpen ? \"▲\" : \"▼\"}\n          </span>\n        </div>\n      </div>\n\n      {/* Dropdown */}\n      {isOpen && (\n        <div id={dropdownId} className=\"select-dropdown\" role=\"listbox\">\n          {searchable && (\n            <div className=\"select-search\">\n              <input\n                ref={searchInputRef}\n                type=\"text\"\n                className=\"select-search-input\"\n                placeholder=\"Search...\"\n                value={searchQuery}\n                onChange={handleSearchChange}\n                onClick={(e) => e.stopPropagation()}\n                aria-label=\"Search options\"\n              />\n            </div>\n          )}\n\n          <div className=\"select-options\">\n            {filteredOptions.length === 0 ? (\n              <div className=\"select-no-options\">No options found</div>\n            ) : optionGroups.length > 0 ? (\n              // Render grouped options\n              optionGroups.map((group, groupIndex) => {\n                const groupOptions = group.options.filter((opt) =>\n                  filteredOptions.includes(opt)\n                );\n                if (groupOptions.length === 0) return null;\n\n                return (\n                  <div key={groupIndex} className=\"select-optgroup\">\n                    <div className=\"select-optgroup-label\">{group.label}</div>\n                    {groupOptions.map((option) => {\n                      const globalIndex = filteredOptions.indexOf(option);\n                      const isSelected = value === option.value;\n                      const isFocused = globalIndex === focusedIndex;\n                      const isDisabled = option.disabled;\n\n                      return (\n                        <div\n                          key={option.value}\n                          className={`select-option ${isSelected ? \"select-option--selected\" : \"\"} ${isFocused ? \"select-option--focused\" : \"\"} ${isDisabled ? \"select-option--disabled\" : \"\"}`}\n                          onClick={() =>\n                            !isDisabled && handleSelect(option.value)\n                          }\n                          role=\"option\"\n                          aria-selected={isSelected}\n                          aria-disabled={isDisabled}\n                        >\n                          {renderOption ? renderOption(option) : option.label}\n                        </div>\n                      );\n                    })}\n                  </div>\n                );\n              })\n            ) : (\n              // Render flat options\n              filteredOptions.map((option, index) => {\n                const isSelected = value === option.value;\n                const isFocused = index === focusedIndex;\n                const isDisabled = option.disabled;\n\n                return (\n                  <div\n                    key={option.value}\n                    className={`select-option ${isSelected ? \"select-option--selected\" : \"\"} ${isFocused ? \"select-option--focused\" : \"\"} ${isDisabled ? \"select-option--disabled\" : \"\"}`}\n                    onClick={() => !isDisabled && handleSelect(option.value)}\n                    role=\"option\"\n                    aria-selected={isSelected}\n                    aria-disabled={isDisabled}\n                  >\n                    {renderOption ? renderOption(option) : option.label}\n                  </div>\n                );\n              })\n            )}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n\nSelect.displayName = \"Select\";\n"]}

package/dist/integration.cjs

@@ -0,0 +1,4 @@
+'use strict';
+
+//# sourceMappingURL=integration.cjs.map
+//# sourceMappingURL=integration.cjs.map

package/dist/integration.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"integration.cjs"}

package/dist/integration.d.cts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/integration.d.ts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/integration.js

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=integration.js.map
+//# sourceMappingURL=integration.js.map

package/dist/integration.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"integration.js"}