@px-ui/forms 4.0.0 → 4.1.0

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as React$1 from "react";
 import { ReactNode } from "react";
 import { Combobox, FileUploadWithUploaderOptions, FileWithUploadStatus, Label, Select, VariantProps } from "@px-ui/core";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 import { ControllerProps, FieldPath, FieldValues } from "react-hook-form";
 
 //#region src/components/select-field.d.ts
@@ -58,7 +58,7 @@ interface SelectFieldProps<TItem = any, TMultiple extends boolean | undefined =
  * />
  * ```
  */
-declare function SelectField<TItem = any, TMultiple extends boolean | undefined = false>(props: SelectFieldProps<TItem, TMultiple>): react_jsx_runtime0.JSX.Element;
+declare function SelectField<TItem = any, TMultiple extends boolean | undefined = false>(props: SelectFieldProps<TItem, TMultiple>): react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/combobox-field.d.ts
 type AllRootProps<TItem = any, TSelectedValue = TItem, TMultiple extends boolean | undefined = false> = React$1.ComponentProps<typeof Combobox.Root<TItem, TSelectedValue, TMultiple>>;
@@ -149,7 +149,7 @@ interface ComboboxFieldProps<TItem = any, TSelectedValue = TItem, TMultiple exte
  *   onValueChange={setSelected}
  * />
  */
-declare function ComboboxField<TItem = any, TSelectedValue = TItem, TMultiple extends boolean | undefined = false>(props: ComboboxFieldProps<TItem, TSelectedValue, TMultiple>): react_jsx_runtime0.JSX.Element;
+declare function ComboboxField<TItem = any, TSelectedValue = TItem, TMultiple extends boolean | undefined = false>(props: ComboboxFieldProps<TItem, TSelectedValue, TMultiple>): react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/file-upload-field.d.ts
 interface FileUploadFieldProps extends Omit<FileUploadWithUploaderOptions, "initialFiles"> {
@@ -211,25 +211,25 @@ declare function FileUploadField({
   onFilesChange,
   onFilesAdded,
   upload
-}: FileUploadFieldProps): react_jsx_runtime0.JSX.Element;
+}: FileUploadFieldProps): react_jsx_runtime1.JSX.Element;
 declare namespace field_d_exports {
   export { Content, Description, Error, Group, Label$1 as Label, Legend, Root, Separator$1 as Separator, Set, Title };
 }
 declare function Set({
   className,
   ...props
-}: React.ComponentProps<"fieldset">): react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<"fieldset">): react_jsx_runtime1.JSX.Element;
 declare function Legend({
   className,
   variant,
   ...props
 }: React.ComponentProps<"legend"> & {
   variant?: "legend" | "label";
-}): react_jsx_runtime0.JSX.Element;
+}): react_jsx_runtime1.JSX.Element;
 declare function Group({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime1.JSX.Element;
 type FieldVariantsType = (props?: {
   orientation?: "vertical" | "horizontal" | "responsive";
 } | undefined) => string;
@@ -238,30 +238,30 @@ declare function Root({
   className,
   orientation,
   ...props
-}: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>): react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>): react_jsx_runtime1.JSX.Element;
 declare function Content({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime1.JSX.Element;
 declare function Label$1({
   className,
   ...props
-}: React.ComponentProps<typeof Label>): react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<typeof Label>): react_jsx_runtime1.JSX.Element;
 declare function Title({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime1.JSX.Element;
 declare function Description({
   className,
   ...props
-}: React.ComponentProps<"p">): react_jsx_runtime0.JSX.Element;
+}: React.ComponentProps<"p">): react_jsx_runtime1.JSX.Element;
 declare function Separator$1({
   children,
   className,
   ...props
 }: React.ComponentProps<"div"> & {
   children?: React.ReactNode;
-}): react_jsx_runtime0.JSX.Element;
+}): react_jsx_runtime1.JSX.Element;
 declare function Error({
   className,
   children,
@@ -271,7 +271,7 @@ declare function Error({
   errors?: Array<{
     message?: string;
   } | undefined>;
-}): react_jsx_runtime0.JSX.Element | null;
+}): react_jsx_runtime1.JSX.Element | null;
 //#endregion
 //#region src/components/form.d.ts
 type FormControlProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TTransformedValues = TFieldValues> = {
@@ -280,6 +280,7 @@ type FormControlProps<TFieldValues extends FieldValues = FieldValues, TName exte
   description?: ReactNode;
   control: ControllerProps<TFieldValues, TName, TTransformedValues>["control"];
   required?: boolean;
+  placeholder?: string;
 };
 type FormControlFunc<ExtraProps extends Record<string, unknown> = Record<never, never>> = <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TTransformedValues = TFieldValues>(props: FormControlProps<TFieldValues, TName, TTransformedValues> & ExtraProps) => ReactNode;
 declare const FormInput: FormControlFunc;

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../src/components/select-field.tsx","../src/components/combobox-field.tsx","../src/components/file-upload-field.tsx","../src/components/field.tsx","../src/components/form.tsx"],"sourcesContent":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../src/components/select-field.tsx","../src/components/combobox-field.tsx","../src/components/file-upload-field.tsx","../src/components/field.tsx","../src/components/form.tsx"],"sourcesContent":[],"mappings":"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"}

package/dist/index.js

@@ -509,16 +509,22 @@ function FormBase({ children, control, label, name, required, description, contr
 		}
 	});
 }
-const FormInput = (props) => {
+const FormInput = ({ placeholder, ...props }) => {
 	return /* @__PURE__ */ jsx(FormBase, {
 		...props,
-		children: (field) => /* @__PURE__ */ jsx(Input, { ...field })
+		children: (field) => /* @__PURE__ */ jsx(Input, {
+			...field,
+			placeholder
+		})
 	});
 };
-const FormTextarea = (props) => {
+const FormTextarea = ({ placeholder, ...props }) => {
 	return /* @__PURE__ */ jsx(FormBase, {
 		...props,
-		children: (field) => /* @__PURE__ */ jsx(Textarea, { ...field })
+		children: (field) => /* @__PURE__ */ jsx(Textarea, {
+			...field,
+			placeholder
+		})
 	});
 };
 const FormCheckbox = (props) => {

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["items","fieldVariants: FieldVariantsType","Label","LabelPrimitive","Separator","SeperatorPrimitive","Field.Label","Field.Description","control","Field.Error","Field.Root","FormInput: FormControlFunc","FormTextarea: FormControlFunc","FormCheckbox: FormControlFunc"],"sources":["../src/components/select-field.tsx","../src/components/combobox-field.tsx","../src/components/file-upload-field.tsx","../src/components/field.tsx","../src/components/form.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Select } from \"@px-ui/core\";\n\ntype AllRootProps<\n  TItem = any,\n  TMultiple extends boolean | undefined = false,\n> = React.ComponentProps<typeof Select.Root<TItem, TMultiple>>;\n\ntype RootProps<\n  TItem = any,\n  TMultiple extends boolean | undefined = false,\n> = Pick<\n  AllRootProps<TItem, TMultiple>,\n  | \"value\"\n  | \"onValueChange\"\n  | \"multiple\"\n  | \"disabled\"\n  | \"invalid\"\n  | \"isItemEqualToValue\"\n  | \"inputRef\"\n  | \"readOnly\"\n  | \"name\"\n>;\n\ninterface SelectFieldProps<\n  TItem = any,\n  TMultiple extends boolean | undefined = false,\n> extends RootProps<TItem, TMultiple> {\n  /**\n   * Array of items to display in the select dropdown\n   */\n  items: ReadonlyArray<TItem>;\n  /**\n   * Function to render the label in the trigger for the selected item\n   * If not provided and item has a 'label' property, it will be used automatically\n   */\n  renderLabel?: (item: TItem) => React.ReactNode;\n\n  /**\n   * Function to render each option in the dropdown\n   * If not provided and item has a 'label' property, it will be used automatically\n   */\n  renderOption?: (item: TItem) => React.ReactNode;\n\n  /**\n   * Placeholder text when no value is selected\n   */\n  placeholder?: string;\n\n  size?: React.ComponentProps<typeof Select.Trigger>[\"size\"];\n\n  widthVariant?: React.ComponentProps<typeof Select.Trigger>[\"widthVariant\"];\n\n  /**\n   * Width variant for the dropdown content\n   */\n  contentWidthVariant?: React.ComponentProps<\n    typeof Select.Content\n  >[\"widthVariant\"];\n\n  triggerClassName?: string;\n\n  /**\n   * Additional props for Select.Content\n   */\n  contentProps?: Omit<\n    React.ComponentProps<typeof Select.Content>,\n    \"children\" | \"widthVariant\"\n  >;\n}\n\n/**\n * A simplified Select component for common use cases.\n * For advanced customization, use the composable Select.* components from @px-ui/core.\n *\n * @example\n * ```tsx\n * const items = [\n *   { id: 1, label: 'Option 1' },\n *   { id: 2, label: 'Option 2' },\n * ];\n *\n * <SelectField\n *   items={items}\n *   value={selected}\n *   onValueChange={setSelected}\n *   renderLabel={(item) => item.label}\n *   renderOption={(item) => item.label}\n * />\n * ```\n */\nexport function SelectField<\n  TItem = any,\n  TMultiple extends boolean | undefined = false,\n>(props: SelectFieldProps<TItem, TMultiple>) {\n  const {\n    items,\n    value,\n    onValueChange,\n    renderLabel,\n    renderOption,\n    placeholder,\n    multiple,\n    disabled,\n    invalid,\n    name,\n    isItemEqualToValue,\n    size,\n    widthVariant,\n    contentWidthVariant,\n    contentProps,\n    triggerClassName,\n    inputRef,\n    readOnly,\n  } = props;\n\n  // Helper to get the key for an item\n  const getItemKey = (item: TItem, index: number): string => {\n    if (item && typeof item === \"object\") {\n      if (\"value\" in item) {\n        const val = (item as any).value;\n        return typeof val === \"string\" || typeof val === \"number\"\n          ? String(val)\n          : index.toString();\n      }\n      if (\"id\" in item) {\n        const id = (item as any).id;\n        return typeof id === \"string\" || typeof id === \"number\"\n          ? String(id)\n          : index.toString();\n      }\n    }\n    return index.toString();\n  };\n\n  // Helper to render item content\n  const renderItemContent = (item: TItem): React.ReactNode => {\n    if (renderOption) {\n      return renderOption(item);\n    }\n    // Auto-detect label property\n    if (item && typeof item === \"object\" && \"label\" in item) {\n      return (item as any).label;\n    }\n    // Fallback to string representation\n    return String(item);\n  };\n\n  // Helper to render selected value label\n  const renderValueLabel = (item: TItem): React.ReactNode => {\n    if (renderLabel) {\n      return renderLabel(item);\n    }\n    // Use same logic as renderOption\n    return renderItemContent(item);\n  };\n\n  return (\n    <Select.Root<TItem, TMultiple>\n      value={value}\n      onValueChange={onValueChange}\n      multiple={multiple}\n      disabled={disabled}\n      invalid={invalid}\n      name={name}\n      isItemEqualToValue={isItemEqualToValue}\n      inputRef={inputRef}\n      readOnly={readOnly}\n    >\n      <Select.Trigger\n        size={size}\n        widthVariant={widthVariant}\n        className={triggerClassName}\n      >\n        <Select.Value placeholder={placeholder}>\n          {(selectedValue: any) => {\n            // Handle multiple selection\n            if (multiple && Array.isArray(selectedValue)) {\n              // For multiple, show MultiSelectedValue by default\n              const labels = selectedValue.map((item: TItem) => {\n                const label = renderValueLabel(item);\n                return typeof label === \"string\" ? label : String(label);\n              });\n              return (\n                <Select.MultiSelectedValue\n                  selectedValue={labels}\n                  maxItems={2}\n                />\n              );\n            }\n\n            // Single selection - show placeholder if no value\n            if (selectedValue == null) {\n              return placeholder || null;\n            }\n\n            return renderValueLabel(selectedValue as TItem);\n          }}\n        </Select.Value>\n      </Select.Trigger>\n\n      <Select.Content widthVariant={contentWidthVariant} {...contentProps}>\n        <Select.List>\n          {(items as any[])?.map((item, index) => {\n            const key = getItemKey(item, index);\n            const ItemComponent = multiple ? Select.MultiItem : Select.Item;\n\n            return (\n              <ItemComponent key={key} value={item}>\n                {renderItemContent(item)}\n              </ItemComponent>\n            );\n          })}\n        </Select.List>\n      </Select.Content>\n    </Select.Root>\n  );\n}\n","import * as React from \"react\";\nimport { Combobox } from \"@px-ui/core\";\n\ntype AllRootProps<\n  TItem = any,\n  TSelectedValue = TItem,\n  TMultiple extends boolean | undefined = false,\n> = React.ComponentProps<\n  typeof Combobox.Root<TItem, TSelectedValue, TMultiple>\n>;\n\ntype RootProps<\n  TItem = any,\n  TSelectedValue = TItem,\n  TMultiple extends boolean | undefined = false,\n> = Pick<\n  AllRootProps<TItem, TSelectedValue, TMultiple>,\n  | \"items\"\n  | \"loadOptions\"\n  | \"value\"\n  | \"onValueChange\"\n  | \"multiple\"\n  | \"disabled\"\n  | \"invalid\"\n  | \"isItemEqualToValue\"\n  | \"inputRef\"\n  | \"readOnly\"\n>;\n\ninterface ComboboxFieldProps<\n  TItem = any,\n  TSelectedValue = TItem,\n  TMultiple extends boolean | undefined = false,\n> extends RootProps<TItem, TSelectedValue, TMultiple> {\n  /**\n   * Function to render the label in the trigger for the selected item(s)\n   * - For single select: receives a single item\n   * - For multiple select: receives an array of items\n   * If not provided and item has a 'label' property, it will be used automatically\n   */\n  renderLabel?: TMultiple extends true\n    ? (items: TSelectedValue[]) => React.ReactNode\n    : (item: TSelectedValue) => string | React.ReactNode;\n\n  /**\n   * Function to render each option in the dropdown\n   * If not provided and item has a 'label' property, it will be used automatically\n   */\n  renderOption?: (item: TItem) => React.ReactNode;\n\n  /**\n   * Function to render each chip in ChipsTrigger (multiple selection only)\n   * If not provided, renderLabel or auto-detected label will be used\n   */\n  renderChip?: (item: TSelectedValue) => React.ReactNode | string;\n\n  /**\n   * Placeholder text when no value is selected\n   */\n  placeholder?: string;\n\n  /**\n   * Show search input inside the popup instead of in trigger\n   * Only applicable when not using searchable trigger\n   * @default false\n   */\n  searchInPopup?: boolean;\n\n  /**\n   * Size variant for trigger\n   */\n  size?: React.ComponentProps<typeof Combobox.SearchableTrigger>[\"size\"];\n\n  /**\n   * Width variant for trigger\n   */\n  widthVariant?: \"enforced\" | \"full\";\n\n  /**\n   * Width variant for the dropdown content\n   */\n  contentWidthVariant?: \"trigger\" | \"fit\" | \"enforced\";\n\n  /**\n   * Additional className for the trigger\n   */\n  triggerClassName?: string;\n\n  /**\n   * Additional props for Combobox.Content\n   */\n  contentProps?: Omit<\n    React.ComponentProps<typeof Combobox.Content>,\n    \"children\" | \"widthVariant\" | \"empty\"\n  >;\n}\n\n/**\n * A simplified Combobox component for common use cases.\n * For advanced customization, use the composable Combobox.* components from @px-ui/core.\n *\n * Features:\n * - Single and multiple selection\n * - Inline search (SearchableTrigger or ChipsTrigger)\n * - Async data loading with loadOptions\n * - Type-safe with full inference\n *\n * @example\n * // Single select with search\n * <ComboboxField\n *   items={items}\n *   value={selected}\n *   onValueChange={setSelected}\n *   placeholder=\"Select an option\"\n * />\n *\n * @example\n * // Multiple select with chips\n * <ComboboxField\n *   items={items}\n *   value={selected}\n *   onValueChange={setSelected}\n *   multiple\n *   placeholder=\"Select options\"\n * />\n *\n * @example\n * // Async loading\n * <ComboboxField\n *   loadOptions={loadUsers}\n *   value={selected}\n *   onValueChange={setSelected}\n * />\n */\nexport function ComboboxField<\n  TItem = any,\n  TSelectedValue = TItem,\n  TMultiple extends boolean | undefined = false,\n>(props: ComboboxFieldProps<TItem, TSelectedValue, TMultiple>) {\n  const {\n    items,\n    loadOptions,\n    value,\n    onValueChange,\n    renderLabel,\n    renderOption,\n    renderChip,\n    placeholder,\n    searchInPopup = false,\n    multiple,\n    disabled,\n    invalid,\n    isItemEqualToValue,\n    size,\n    widthVariant,\n    contentWidthVariant = \"trigger\",\n    triggerClassName,\n    contentProps,\n    inputRef,\n    readOnly,\n  } = props;\n\n  // Helper to get the key for an item\n  const getItemKey = (item: TItem, index: number): string => {\n    if (item && typeof item === \"object\") {\n      if (\"value\" in item) {\n        const val = (item as any).value;\n        return typeof val === \"string\" || typeof val === \"number\"\n          ? String(val)\n          : index.toString();\n      }\n      if (\"id\" in item) {\n        const id = (item as any).id;\n        return typeof id === \"string\" || typeof id === \"number\"\n          ? String(id)\n          : index.toString();\n      }\n    }\n    return index.toString();\n  };\n\n  // Helper to render item content\n  const renderItemContent = (item: TItem): React.ReactNode => {\n    if (renderOption) {\n      return renderOption(item);\n    }\n    // Auto-detect label property\n    if (item && typeof item === \"object\" && \"label\" in item) {\n      return (item as any).label;\n    }\n    // Fallback to string representation\n    return String(item);\n  };\n\n  // Helper to render selected value label (single item)\n  const renderSingleValueLabel = (item: TSelectedValue): React.ReactNode => {\n    if (renderLabel && !multiple) {\n      return (renderLabel as (item: TSelectedValue) => React.ReactNode)(item);\n    }\n    // Auto-detect label property\n    if (item && typeof item === \"object\" && \"label\" in item) {\n      return (item as any).label;\n    }\n    // Fallback to string representation\n    return String(item);\n  };\n\n  // Helper to render selected value label (multiple items)\n  const renderMultipleValueLabel = (\n    items: TSelectedValue[],\n  ): React.ReactNode => {\n    if (renderLabel && multiple) {\n      return (renderLabel as (items: TSelectedValue[]) => React.ReactNode)(\n        items,\n      );\n    }\n    // Default: show count\n    return `${items.length} selected`;\n  };\n\n  // Helper to render chip content\n  const renderChipContent = (item: TSelectedValue): React.ReactNode => {\n    if (renderChip) {\n      return renderChip(item);\n    }\n    return renderSingleValueLabel(item);\n  };\n\n  return (\n    <Combobox.Root<TItem, TSelectedValue, TMultiple>\n      items={items}\n      loadOptions={loadOptions}\n      value={value}\n      onValueChange={onValueChange}\n      multiple={multiple}\n      disabled={disabled}\n      invalid={invalid}\n      isItemEqualToValue={isItemEqualToValue}\n      // @ts-expect-error\n      itemToStringLabel={multiple ? undefined : renderLabel}\n      inputRef={inputRef}\n      readOnly={readOnly}\n    >\n      {/* If searchInPopup, use regular Trigger (regardless of multiple) */}\n      {searchInPopup ? (\n        <Combobox.Trigger\n          size={size}\n          widthVariant={widthVariant}\n          className={triggerClassName}\n        >\n          <Combobox.Value placeholder={placeholder}>\n            {(selectedValue: any) => {\n              if (selectedValue == null) {\n                return null;\n              }\n\n              // Handle multiple selection\n              if (multiple && Array.isArray(selectedValue)) {\n                if (selectedValue.length === 0) {\n                  return null;\n                }\n                return renderMultipleValueLabel(selectedValue);\n              }\n\n              // Single selection\n              return renderSingleValueLabel(selectedValue);\n            }}\n          </Combobox.Value>\n        </Combobox.Trigger>\n      ) : multiple ? (\n        /* Multiple selection uses ChipsTrigger */\n        <Combobox.ChipsTrigger\n          placeholder={placeholder}\n          size={size}\n          widthVariant={widthVariant}\n          className={triggerClassName}\n        >\n          {(item: TSelectedValue) => (\n            <Combobox.Chip key={getItemKey(item as any, 0)}>\n              {renderChipContent(item)}\n            </Combobox.Chip>\n          )}\n        </Combobox.ChipsTrigger>\n      ) : (\n        /* Single selection uses SearchableTrigger */\n        <Combobox.SearchableTrigger\n          placeholder={placeholder}\n          size={size}\n          widthVariant={widthVariant}\n          className={triggerClassName}\n        />\n      )}\n\n      <Combobox.Content widthVariant={contentWidthVariant} {...contentProps}>\n        {/* Search in popup when using regular Trigger */}\n        {searchInPopup && <Combobox.Search placeholder={placeholder} />}\n\n        <Combobox.List>\n          {(item: TItem) => {\n            const key = getItemKey(item, 0);\n            const ItemComponent = multiple ? Combobox.MultiItem : Combobox.Item;\n\n            return (\n              <ItemComponent key={key} value={item}>\n                {renderItemContent(item)}\n              </ItemComponent>\n            );\n          }}\n        </Combobox.List>\n      </Combobox.Content>\n    </Combobox.Root>\n  );\n}\n","import * as React from \"react\";\nimport {\n  FileIcon,\n  UploadIcon,\n  FileUpload,\n  useFileUpload,\n  type FileUploadWithUploaderOptions,\n  type FileWithPreview,\n  type FileWithUploadStatus,\n} from \"@px-ui/core\";\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface FileUploadFieldProps\n  extends Omit<FileUploadWithUploaderOptions, \"initialFiles\"> {\n  /** Variant determines the visual layout */\n  variant?: \"dropzone\" | \"button\" | \"compact\";\n  /** Size of the dropzone (only applies to dropzone variant) */\n  size?: \"sm\" | \"default\" | \"lg\";\n  /** Text displayed in the dropzone */\n  dropzoneText?: string;\n  /** Text for the browse/upload button */\n  buttonText?: string;\n  /** Show file list below the dropzone */\n  showFileList?: boolean;\n  /** Show image grid instead of list for image files */\n  showImageGrid?: boolean;\n  /** Initial files (already uploaded) */\n  initialFiles?: Array<{\n    id: string;\n    name: string;\n    size: number;\n    type: string;\n    url: string;\n  }>;\n  /** Whether the upload is disabled */\n  disabled?: boolean;\n  /** Custom className */\n  className?: string;\n  /** Custom content to render inside the dropzone */\n  children?: React.ReactNode;\n  /** Render prop for custom file item rendering */\n  renderFileItem?: (\n    file: FileWithUploadStatus,\n    actions: { remove: () => void; retry: () => void },\n  ) => React.ReactNode;\n  /** Error handler */\n  onError?: (error: { type: string; message: string; files?: File[] }) => void;\n}\n\n// ============================================================================\n// Main Component\n// ============================================================================\n\nexport function FileUploadField({\n  variant = \"dropzone\",\n  size = \"default\",\n  dropzoneText = \"Paste Or Drag & Drop Files Here\",\n  buttonText = \"Browse for files\",\n  showFileList = true,\n  showImageGrid = false,\n  initialFiles = [],\n  disabled = false,\n  className,\n  children,\n  renderFileItem,\n  onError,\n  // Hook options\n  maxFiles,\n  maxSize,\n  accept,\n  multiple = false,\n  onFilesChange,\n  onFilesAdded,\n  upload,\n}: FileUploadFieldProps) {\n  const [state, actions] = useFileUpload({\n    maxFiles,\n    maxSize,\n    accept,\n    multiple,\n    initialFiles: initialFiles.map((f) => ({\n      ...f,\n      id: f.id,\n      name: f.name,\n      size: f.size,\n      type: f.type,\n      url: f.url,\n    })),\n    onFilesChange: onFilesChange as (files: FileWithPreview[]) => void,\n    onFilesAdded: onFilesAdded as (files: FileWithPreview[]) => void,\n    upload,\n  });\n\n  const { files, isDragging, errors, isUploading } = state;\n  const {\n    addFiles,\n    removeFile,\n    clearFiles,\n    handleDragEnter,\n    handleDragLeave,\n    handleDragOver,\n    handleDrop,\n    openFileDialog,\n    getInputProps,\n    retryUpload,\n  } = actions;\n\n  // Handle errors\n  React.useEffect(() => {\n    if (errors.length > 0 && onError) {\n      onError({\n        type: \"validation\",\n        message: errors[0],\n      });\n    }\n  }, [errors, onError]);\n\n  // Common props for FileUpload.Root\n  const rootProps = {\n    files,\n    addFiles,\n    removeFile,\n    clearFiles,\n    retryUpload,\n    openFileDialog,\n    getInputProps,\n    handleDragEnter,\n    handleDragLeave,\n    handleDragOver,\n    handleDrop,\n    isDragActive: isDragging,\n    isUploading,\n    accept,\n    multiple,\n    disabled,\n  };\n\n  // Render file item using primitives or custom render prop\n  const renderDefaultFileItem = (file: FileWithUploadStatus) => {\n    if (renderFileItem) {\n      return renderFileItem(file, {\n        remove: () => removeFile(file.id),\n        retry: () => retryUpload(file.id),\n      });\n    }\n\n    const isImage = file.file.type?.startsWith(\"image/\") ?? false;\n\n    return (\n      <FileUpload.Item key={file.id} file={file}>\n        <FileUpload.ItemPreview\n          fallback={\n            isImage ? undefined : (\n              <FileIcon className=\"text-ppx-neutral-10 size-5\" />\n            )\n          }\n        />\n\n        <div className=\"flex min-w-0 flex-1 flex-col gap-1\">\n          <FileUpload.ItemName />\n\n          <div className=\"flex items-center gap-2\">\n            <FileUpload.ItemSize />\n            {file.status === \"uploading\" && (\n              <FileUpload.ItemProgress className=\"flex-1\" />\n            )}\n          </div>\n\n          <FileUpload.ItemError />\n        </div>\n\n        <div className=\"flex shrink-0 items-center gap-1\">\n          <FileUpload.ItemStatus />\n          <FileUpload.ItemRetry />\n          <FileUpload.ItemRemove />\n        </div>\n      </FileUpload.Item>\n    );\n  };\n\n  // Render image grid item using primitives\n  const renderImageGridItem = (file: FileWithUploadStatus) => (\n    <FileUpload.ImageGridItem key={file.id} file={file} showStatusOverlay />\n  );\n\n  // Render based on variant\n  if (variant === \"button\" || variant === \"compact\") {\n    return (\n      <FileUpload.Root {...rootProps} className={className}>\n        <div className=\"flex items-center gap-3\">\n          <FileUpload.Trigger\n            variant={variant === \"compact\" ? \"outline\" : \"default\"}\n            size={variant === \"compact\" ? \"sm\" : \"default\"}\n            showUploadingState\n          >\n            <UploadIcon className=\"size-4\" />\n            {buttonText}\n          </FileUpload.Trigger>\n\n          {variant === \"compact\" && files.length > 0 && (\n            <span className=\"text-ppx-neutral-12 truncate text-sm\">\n              {files.length === 1\n                ? files[0].file.name\n                : `${files.length} files selected`}\n            </span>\n          )}\n        </div>\n\n        {/* File List */}\n        {showFileList && files.length > 0 && variant !== \"compact\" && (\n          <FileUpload.ItemList>\n            {files.map(renderDefaultFileItem)}\n          </FileUpload.ItemList>\n        )}\n      </FileUpload.Root>\n    );\n  }\n\n  // Dropzone variant (default)\n  return (\n    <FileUpload.Root {...rootProps} className={className}>\n      <FileUpload.Dropzone\n        size={size}\n        dropzoneText={dropzoneText}\n        browseText={buttonText}\n        hideDefaultContent={!!children}\n      >\n        {children}\n      </FileUpload.Dropzone>\n\n      {/* Errors */}\n      {errors.length > 0 && (\n        <div className=\"text-ppx-red-5 text-sm\">\n          {errors.map((error, i) => (\n            <p key={i}>{error}</p>\n          ))}\n        </div>\n      )}\n\n      {/* File List or Image Grid */}\n      {showFileList && files.length > 0 && (\n        <div>\n          <div className=\"mb-2 flex items-center justify-between\">\n            <span className=\"text-ppx-neutral-14 text-sm font-medium\">\n              {multiple ? `Files (${files.length})` : \"Selected file\"}\n            </span>\n            {multiple && files.length > 1 && (\n              <FileUpload.ClearButton\n                size=\"sm\"\n                className=\"text-ppx-red-5 hover:text-ppx-red-6\"\n              >\n                Remove all\n              </FileUpload.ClearButton>\n            )}\n          </div>\n\n          {showImageGrid ? (\n            <FileUpload.ImageGrid>\n              {files.map(renderImageGridItem)}\n            </FileUpload.ImageGrid>\n          ) : (\n            <FileUpload.ItemList>\n              {files.map(renderDefaultFileItem)}\n            </FileUpload.ItemList>\n          )}\n        </div>\n      )}\n    </FileUpload.Root>\n  );\n}\n\nexport type {\n  FileWithUploadStatus,\n  UploadConfig,\n  FileUploadWithUploaderOptions,\n} from \"@px-ui/core\";\n","import { useMemo } from \"react\";\nimport {\n  cn,\n  cva,\n  type VariantProps,\n  Label as LabelPrimitive,\n  Separator as SeperatorPrimitive,\n} from \"@px-ui/core\";\n\nexport function Set({ className, ...props }: React.ComponentProps<\"fieldset\">) {\n  return (\n    <fieldset\n      data-slot=\"field-set\"\n      className={cn(\n        \"flex flex-col gap-6\",\n        \"has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport function Legend({\n  className,\n  variant = \"legend\",\n  ...props\n}: React.ComponentProps<\"legend\"> & { variant?: \"legend\" | \"label\" }) {\n  return (\n    <legend\n      data-slot=\"field-legend\"\n      data-variant={variant}\n      className={cn(\n        \"mb-3 font-medium\",\n        \"data-[variant=legend]:text-base\",\n        \"data-[variant=label]:text-sm\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport function Group({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"field-group\"\n      className={cn(\n        \"group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\ntype FieldVariantsType = (\n  props?:\n    | {\n        orientation?: \"vertical\" | \"horizontal\" | \"responsive\";\n      }\n    | undefined,\n) => string;\n\nconst fieldVariants: FieldVariantsType = cva(\n  \"group/field flex w-full gap-2 data-[invalid=true]:text-ppx-red-5\",\n  {\n    variants: {\n      orientation: {\n        vertical: [\"flex-col [&>*]:w-full [&>.sr-only]:w-auto\"],\n        horizontal: [\n          \"flex-row items-center\",\n          \"[&>[data-slot=field-label]]:flex-auto\",\n          \"has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px\",\n        ],\n        responsive: [\n          \"flex-col [&>*]:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto\",\n          \"@md/field-group:[&>[data-slot=field-label]]:flex-auto\",\n          \"@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px\",\n        ],\n      },\n    },\n    defaultVariants: {\n      orientation: \"vertical\",\n    },\n  },\n) as FieldVariantsType;\n\nexport function Root({\n  className,\n  orientation = \"vertical\",\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof fieldVariants>) {\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"field\"\n      data-orientation={orientation}\n      className={cn(fieldVariants({ orientation }), className)}\n      {...props}\n    />\n  );\n}\n\nexport function Content({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"field-content\"\n      className={cn(\n        \"group/field-content flex flex-1 flex-col gap-1.5 leading-snug\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport function Label({\n  className,\n  ...props\n}: React.ComponentProps<typeof LabelPrimitive>) {\n  return (\n    <LabelPrimitive\n      data-slot=\"field-label\"\n      className={cn(\n        \"group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50\",\n        \"has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport function Title({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"field-label\"\n      className={cn(\n        \"text-ppx-sm flex w-fit items-center gap-2 font-medium leading-snug group-data-[disabled=true]/field:opacity-50\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport function Description({\n  className,\n  ...props\n}: React.ComponentProps<\"p\">) {\n  return (\n    <p\n      data-slot=\"field-description\"\n      className={cn(\n        \"text-ppx-sm text-ppx-muted-foreground font-normal leading-normal group-has-[[data-orientation=horizontal]]/field:text-balance\",\n        \"nth-last-2:-mt-1 last:mt-0 [[data-variant=legend]+&]:-mt-1.5\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport function Separator({\n  children,\n  className,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  children?: React.ReactNode;\n}) {\n  return (\n    <div\n      data-slot=\"field-separator\"\n      data-content={!!children}\n      className={cn(\n        \"text-ppx-sm relative -my-2 h-5 group-data-[variant=outline]/field-group:-mb-2\",\n        className,\n      )}\n      {...props}\n    >\n      <SeperatorPrimitive\n        orientation=\"horizontal\"\n        className=\"absolute inset-0 top-1/2\"\n      />\n      {children && (\n        <span\n          className=\"bg-ppx-background text-ppx-muted-foreground relative mx-auto block w-fit px-2\"\n          data-slot=\"field-separator-content\"\n        >\n          {children}\n        </span>\n      )}\n    </div>\n  );\n}\n\nexport function Error({\n  className,\n  children,\n  errors,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  errors?: Array<{ message?: string } | undefined>;\n}) {\n  const content = useMemo(() => {\n    if (children) {\n      return children;\n    }\n\n    if (!errors?.length) {\n      return null;\n    }\n\n    const uniqueErrors = [\n      ...new Map(errors.map((error) => [error?.message, error])).values(),\n    ];\n\n    if (uniqueErrors?.length == 1) {\n      return uniqueErrors[0]?.message;\n    }\n\n    return (\n      <ul className=\"ml-4 flex list-disc flex-col gap-1\">\n        {uniqueErrors.map(\n          (error, index) =>\n            error?.message && <li key={index}>{error.message}</li>,\n        )}\n      </ul>\n    );\n  }, [children, errors]);\n\n  if (!content) {\n    return null;\n  }\n\n  return (\n    <div\n      role=\"alert\"\n      data-slot=\"field-error\"\n      className={cn(\"text-ppx-sm text-ppx-red-5 font-normal\", className)}\n      {...props}\n    >\n      {content}\n    </div>\n  );\n}\n","import {\n  Controller,\n  type ControllerProps,\n  type FieldPath,\n  type FieldValues,\n} from \"react-hook-form\";\nimport * as Field from \"./field\";\nimport { type ReactNode } from \"react\";\nimport { Textarea, Checkbox, Input } from \"@px-ui/core\";\n\ntype FormControlProps<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n  TTransformedValues = TFieldValues,\n> = {\n  name: TName;\n  label: ReactNode;\n  description?: ReactNode;\n  control: ControllerProps<TFieldValues, TName, TTransformedValues>[\"control\"];\n  required?: boolean;\n};\n\ntype FormBaseProps<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n  TTransformedValues = TFieldValues,\n> = FormControlProps<TFieldValues, TName, TTransformedValues> & {\n  horizontal?: boolean;\n  controlFirst?: boolean;\n  children: (\n    field: Parameters<\n      ControllerProps<TFieldValues, TName, TTransformedValues>[\"render\"]\n    >[0][\"field\"] & {\n      invalid?: boolean;\n      id: string;\n    },\n  ) => ReactNode;\n};\n\ntype FormControlFunc<\n  ExtraProps extends Record<string, unknown> = Record<never, never>,\n> = <\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n  TTransformedValues = TFieldValues,\n>(\n  props: FormControlProps<TFieldValues, TName, TTransformedValues> & ExtraProps,\n) => ReactNode;\n\nfunction FormBase<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n  TTransformedValues = TFieldValues,\n>({\n  children,\n  control,\n  label,\n  name,\n  required,\n  description,\n  controlFirst,\n  horizontal,\n}: FormBaseProps<TFieldValues, TName, TTransformedValues>) {\n  return (\n    <Controller\n      control={control}\n      name={name}\n      render={({ field, fieldState }) => {\n        const labelElement = (\n          <Field.Label\n            className={required ? \"required\" : \"\"}\n            htmlFor={field.name}\n          >\n            {label}\n          </Field.Label>\n        );\n\n        const descriptionElement = description ? (\n          <Field.Description>{description}</Field.Description>\n        ) : null;\n\n        const control = children({\n          ...field,\n          id: field.name,\n          invalid: fieldState.invalid,\n        });\n\n        const errorElement = fieldState.invalid && (\n          <Field.Error errors={[fieldState.error]} />\n        );\n\n        return (\n          <Field.Root orientation={horizontal ? \"horizontal\" : undefined}>\n            {controlFirst ? (\n              <>\n                {control}\n                {labelElement}\n                {descriptionElement}\n                {errorElement}\n              </>\n            ) : (\n              <>\n                {labelElement}\n                {control}\n                {descriptionElement}\n                {errorElement}\n              </>\n            )}\n          </Field.Root>\n        );\n      }}\n    />\n  );\n}\n\nexport const FormInput: FormControlFunc = (props) => {\n  return <FormBase {...props}>{(field) => <Input {...field} />}</FormBase>;\n};\n\nexport const FormTextarea: FormControlFunc = (props) => {\n  return <FormBase {...props}>{(field) => <Textarea {...field} />}</FormBase>;\n};\n\nexport const FormCheckbox: FormControlFunc = (props) => {\n  return (\n    <FormBase {...props} horizontal controlFirst>\n      {({ onChange, value, ...field }) => (\n        <Checkbox {...field} checked={value} onCheckedChange={onChange} />\n      )}\n    </FormBase>\n  );\n};\n\n// Note: FormRadioItem is not included in the abstractions because radio buttons\n// work as a group and require a different pattern. Use the verbose Controller\n// approach with RadioGroup for radio buttons. See the stories for examples.\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["items","fieldVariants: FieldVariantsType","Label","LabelPrimitive","Separator","SeperatorPrimitive","Field.Label","Field.Description","control","Field.Error","Field.Root","FormInput: FormControlFunc","FormTextarea: FormControlFunc","FormCheckbox: FormControlFunc"],"sources":["../src/components/select-field.tsx","../src/components/combobox-field.tsx","../src/components/file-upload-field.tsx","../src/components/field.tsx","../src/components/form.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Select } from \"@px-ui/core\";\n\ntype AllRootProps<\n  TItem = any,\n  TMultiple extends boolean | undefined = false,\n> = React.ComponentProps<typeof Select.Root<TItem, TMultiple>>;\n\ntype RootProps<\n  TItem = any,\n  TMultiple extends boolean | undefined = false,\n> = Pick<\n  AllRootProps<TItem, TMultiple>,\n  | \"value\"\n  | \"onValueChange\"\n  | \"multiple\"\n  | \"disabled\"\n  | \"invalid\"\n  | \"isItemEqualToValue\"\n  | \"inputRef\"\n  | \"readOnly\"\n  | \"name\"\n>;\n\ninterface SelectFieldProps<\n  TItem = any,\n  TMultiple extends boolean | undefined = false,\n> extends RootProps<TItem, TMultiple> {\n  /**\n   * Array of items to display in the select dropdown\n   */\n  items: ReadonlyArray<TItem>;\n  /**\n   * Function to render the label in the trigger for the selected item\n   * If not provided and item has a 'label' property, it will be used automatically\n   */\n  renderLabel?: (item: TItem) => React.ReactNode;\n\n  /**\n   * Function to render each option in the dropdown\n   * If not provided and item has a 'label' property, it will be used automatically\n   */\n  renderOption?: (item: TItem) => React.ReactNode;\n\n  /**\n   * Placeholder text when no value is selected\n   */\n  placeholder?: string;\n\n  size?: React.ComponentProps<typeof Select.Trigger>[\"size\"];\n\n  widthVariant?: React.ComponentProps<typeof Select.Trigger>[\"widthVariant\"];\n\n  /**\n   * Width variant for the dropdown content\n   */\n  contentWidthVariant?: React.ComponentProps<\n    typeof Select.Content\n  >[\"widthVariant\"];\n\n  triggerClassName?: string;\n\n  /**\n   * Additional props for Select.Content\n   */\n  contentProps?: Omit<\n    React.ComponentProps<typeof Select.Content>,\n    \"children\" | \"widthVariant\"\n  >;\n}\n\n/**\n * A simplified Select component for common use cases.\n * For advanced customization, use the composable Select.* components from @px-ui/core.\n *\n * @example\n * ```tsx\n * const items = [\n *   { id: 1, label: 'Option 1' },\n *   { id: 2, label: 'Option 2' },\n * ];\n *\n * <SelectField\n *   items={items}\n *   value={selected}\n *   onValueChange={setSelected}\n *   renderLabel={(item) => item.label}\n *   renderOption={(item) => item.label}\n * />\n * ```\n */\nexport function SelectField<\n  TItem = any,\n  TMultiple extends boolean | undefined = false,\n>(props: SelectFieldProps<TItem, TMultiple>) {\n  const {\n    items,\n    value,\n    onValueChange,\n    renderLabel,\n    renderOption,\n    placeholder,\n    multiple,\n    disabled,\n    invalid,\n    name,\n    isItemEqualToValue,\n    size,\n    widthVariant,\n    contentWidthVariant,\n    contentProps,\n    triggerClassName,\n    inputRef,\n    readOnly,\n  } = props;\n\n  // Helper to get the key for an item\n  const getItemKey = (item: TItem, index: number): string => {\n    if (item && typeof item === \"object\") {\n      if (\"value\" in item) {\n        const val = (item as any).value;\n        return typeof val === \"string\" || typeof val === \"number\"\n          ? String(val)\n          : index.toString();\n      }\n      if (\"id\" in item) {\n        const id = (item as any).id;\n        return typeof id === \"string\" || typeof id === \"number\"\n          ? String(id)\n          : index.toString();\n      }\n    }\n    return index.toString();\n  };\n\n  // Helper to render item content\n  const renderItemContent = (item: TItem): React.ReactNode => {\n    if (renderOption) {\n      return renderOption(item);\n    }\n    // Auto-detect label property\n    if (item && typeof item === \"object\" && \"label\" in item) {\n      return (item as any).label;\n    }\n    // Fallback to string representation\n    return String(item);\n  };\n\n  // Helper to render selected value label\n  const renderValueLabel = (item: TItem): React.ReactNode => {\n    if (renderLabel) {\n      return renderLabel(item);\n    }\n    // Use same logic as renderOption\n    return renderItemContent(item);\n  };\n\n  return (\n    <Select.Root<TItem, TMultiple>\n      value={value}\n      onValueChange={onValueChange}\n      multiple={multiple}\n      disabled={disabled}\n      invalid={invalid}\n      name={name}\n      isItemEqualToValue={isItemEqualToValue}\n      inputRef={inputRef}\n      readOnly={readOnly}\n    >\n      <Select.Trigger\n        size={size}\n        widthVariant={widthVariant}\n        className={triggerClassName}\n      >\n        <Select.Value placeholder={placeholder}>\n          {(selectedValue: any) => {\n            // Handle multiple selection\n            if (multiple && Array.isArray(selectedValue)) {\n              // For multiple, show MultiSelectedValue by default\n              const labels = selectedValue.map((item: TItem) => {\n                const label = renderValueLabel(item);\n                return typeof label === \"string\" ? label : String(label);\n              });\n              return (\n                <Select.MultiSelectedValue\n                  selectedValue={labels}\n                  maxItems={2}\n                />\n              );\n            }\n\n            // Single selection - show placeholder if no value\n            if (selectedValue == null) {\n              return placeholder || null;\n            }\n\n            return renderValueLabel(selectedValue as TItem);\n          }}\n        </Select.Value>\n      </Select.Trigger>\n\n      <Select.Content widthVariant={contentWidthVariant} {...contentProps}>\n        <Select.List>\n          {(items as any[])?.map((item, index) => {\n            const key = getItemKey(item, index);\n            const ItemComponent = multiple ? Select.MultiItem : Select.Item;\n\n            return (\n              <ItemComponent key={key} value={item}>\n                {renderItemContent(item)}\n              </ItemComponent>\n            );\n          })}\n        </Select.List>\n      </Select.Content>\n    </Select.Root>\n  );\n}\n","import * as React from \"react\";\nimport { Combobox } from \"@px-ui/core\";\n\ntype AllRootProps<\n  TItem = any,\n  TSelectedValue = TItem,\n  TMultiple extends boolean | undefined = false,\n> = React.ComponentProps<\n  typeof Combobox.Root<TItem, TSelectedValue, TMultiple>\n>;\n\ntype RootProps<\n  TItem = any,\n  TSelectedValue = TItem,\n  TMultiple extends boolean | undefined = false,\n> = Pick<\n  AllRootProps<TItem, TSelectedValue, TMultiple>,\n  | \"items\"\n  | \"loadOptions\"\n  | \"value\"\n  | \"onValueChange\"\n  | \"multiple\"\n  | \"disabled\"\n  | \"invalid\"\n  | \"isItemEqualToValue\"\n  | \"inputRef\"\n  | \"readOnly\"\n>;\n\ninterface ComboboxFieldProps<\n  TItem = any,\n  TSelectedValue = TItem,\n  TMultiple extends boolean | undefined = false,\n> extends RootProps<TItem, TSelectedValue, TMultiple> {\n  /**\n   * Function to render the label in the trigger for the selected item(s)\n   * - For single select: receives a single item\n   * - For multiple select: receives an array of items\n   * If not provided and item has a 'label' property, it will be used automatically\n   */\n  renderLabel?: TMultiple extends true\n    ? (items: TSelectedValue[]) => React.ReactNode\n    : (item: TSelectedValue) => string | React.ReactNode;\n\n  /**\n   * Function to render each option in the dropdown\n   * If not provided and item has a 'label' property, it will be used automatically\n   */\n  renderOption?: (item: TItem) => React.ReactNode;\n\n  /**\n   * Function to render each chip in ChipsTrigger (multiple selection only)\n   * If not provided, renderLabel or auto-detected label will be used\n   */\n  renderChip?: (item: TSelectedValue) => React.ReactNode | string;\n\n  /**\n   * Placeholder text when no value is selected\n   */\n  placeholder?: string;\n\n  /**\n   * Show search input inside the popup instead of in trigger\n   * Only applicable when not using searchable trigger\n   * @default false\n   */\n  searchInPopup?: boolean;\n\n  /**\n   * Size variant for trigger\n   */\n  size?: React.ComponentProps<typeof Combobox.SearchableTrigger>[\"size\"];\n\n  /**\n   * Width variant for trigger\n   */\n  widthVariant?: \"enforced\" | \"full\";\n\n  /**\n   * Width variant for the dropdown content\n   */\n  contentWidthVariant?: \"trigger\" | \"fit\" | \"enforced\";\n\n  /**\n   * Additional className for the trigger\n   */\n  triggerClassName?: string;\n\n  /**\n   * Additional props for Combobox.Content\n   */\n  contentProps?: Omit<\n    React.ComponentProps<typeof Combobox.Content>,\n    \"children\" | \"widthVariant\" | \"empty\"\n  >;\n}\n\n/**\n * A simplified Combobox component for common use cases.\n * For advanced customization, use the composable Combobox.* components from @px-ui/core.\n *\n * Features:\n * - Single and multiple selection\n * - Inline search (SearchableTrigger or ChipsTrigger)\n * - Async data loading with loadOptions\n * - Type-safe with full inference\n *\n * @example\n * // Single select with search\n * <ComboboxField\n *   items={items}\n *   value={selected}\n *   onValueChange={setSelected}\n *   placeholder=\"Select an option\"\n * />\n *\n * @example\n * // Multiple select with chips\n * <ComboboxField\n *   items={items}\n *   value={selected}\n *   onValueChange={setSelected}\n *   multiple\n *   placeholder=\"Select options\"\n * />\n *\n * @example\n * // Async loading\n * <ComboboxField\n *   loadOptions={loadUsers}\n *   value={selected}\n *   onValueChange={setSelected}\n * />\n */\nexport function ComboboxField<\n  TItem = any,\n  TSelectedValue = TItem,\n  TMultiple extends boolean | undefined = false,\n>(props: ComboboxFieldProps<TItem, TSelectedValue, TMultiple>) {\n  const {\n    items,\n    loadOptions,\n    value,\n    onValueChange,\n    renderLabel,\n    renderOption,\n    renderChip,\n    placeholder,\n    searchInPopup = false,\n    multiple,\n    disabled,\n    invalid,\n    isItemEqualToValue,\n    size,\n    widthVariant,\n    contentWidthVariant = \"trigger\",\n    triggerClassName,\n    contentProps,\n    inputRef,\n    readOnly,\n  } = props;\n\n  // Helper to get the key for an item\n  const getItemKey = (item: TItem, index: number): string => {\n    if (item && typeof item === \"object\") {\n      if (\"value\" in item) {\n        const val = (item as any).value;\n        return typeof val === \"string\" || typeof val === \"number\"\n          ? String(val)\n          : index.toString();\n      }\n      if (\"id\" in item) {\n        const id = (item as any).id;\n        return typeof id === \"string\" || typeof id === \"number\"\n          ? String(id)\n          : index.toString();\n      }\n    }\n    return index.toString();\n  };\n\n  // Helper to render item content\n  const renderItemContent = (item: TItem): React.ReactNode => {\n    if (renderOption) {\n      return renderOption(item);\n    }\n    // Auto-detect label property\n    if (item && typeof item === \"object\" && \"label\" in item) {\n      return (item as any).label;\n    }\n    // Fallback to string representation\n    return String(item);\n  };\n\n  // Helper to render selected value label (single item)\n  const renderSingleValueLabel = (item: TSelectedValue): React.ReactNode => {\n    if (renderLabel && !multiple) {\n      return (renderLabel as (item: TSelectedValue) => React.ReactNode)(item);\n    }\n    // Auto-detect label property\n    if (item && typeof item === \"object\" && \"label\" in item) {\n      return (item as any).label;\n    }\n    // Fallback to string representation\n    return String(item);\n  };\n\n  // Helper to render selected value label (multiple items)\n  const renderMultipleValueLabel = (\n    items: TSelectedValue[],\n  ): React.ReactNode => {\n    if (renderLabel && multiple) {\n      return (renderLabel as (items: TSelectedValue[]) => React.ReactNode)(\n        items,\n      );\n    }\n    // Default: show count\n    return `${items.length} selected`;\n  };\n\n  // Helper to render chip content\n  const renderChipContent = (item: TSelectedValue): React.ReactNode => {\n    if (renderChip) {\n      return renderChip(item);\n    }\n    return renderSingleValueLabel(item);\n  };\n\n  return (\n    <Combobox.Root<TItem, TSelectedValue, TMultiple>\n      items={items}\n      loadOptions={loadOptions}\n      value={value}\n      onValueChange={onValueChange}\n      multiple={multiple}\n      disabled={disabled}\n      invalid={invalid}\n      isItemEqualToValue={isItemEqualToValue}\n      // @ts-expect-error\n      itemToStringLabel={multiple ? undefined : renderLabel}\n      inputRef={inputRef}\n      readOnly={readOnly}\n    >\n      {/* If searchInPopup, use regular Trigger (regardless of multiple) */}\n      {searchInPopup ? (\n        <Combobox.Trigger\n          size={size}\n          widthVariant={widthVariant}\n          className={triggerClassName}\n        >\n          <Combobox.Value placeholder={placeholder}>\n            {(selectedValue: any) => {\n              if (selectedValue == null) {\n                return null;\n              }\n\n              // Handle multiple selection\n              if (multiple && Array.isArray(selectedValue)) {\n                if (selectedValue.length === 0) {\n                  return null;\n                }\n                return renderMultipleValueLabel(selectedValue);\n              }\n\n              // Single selection\n              return renderSingleValueLabel(selectedValue);\n            }}\n          </Combobox.Value>\n        </Combobox.Trigger>\n      ) : multiple ? (\n        /* Multiple selection uses ChipsTrigger */\n        <Combobox.ChipsTrigger\n          placeholder={placeholder}\n          size={size}\n          widthVariant={widthVariant}\n          className={triggerClassName}\n        >\n          {(item: TSelectedValue) => (\n            <Combobox.Chip key={getItemKey(item as any, 0)}>\n              {renderChipContent(item)}\n            </Combobox.Chip>\n          )}\n        </Combobox.ChipsTrigger>\n      ) : (\n        /* Single selection uses SearchableTrigger */\n        <Combobox.SearchableTrigger\n          placeholder={placeholder}\n          size={size}\n          widthVariant={widthVariant}\n          className={triggerClassName}\n        />\n      )}\n\n      <Combobox.Content widthVariant={contentWidthVariant} {...contentProps}>\n        {/* Search in popup when using regular Trigger */}\n        {searchInPopup && <Combobox.Search placeholder={placeholder} />}\n\n        <Combobox.List>\n          {(item: TItem) => {\n            const key = getItemKey(item, 0);\n            const ItemComponent = multiple ? Combobox.MultiItem : Combobox.Item;\n\n            return (\n              <ItemComponent key={key} value={item}>\n                {renderItemContent(item)}\n              </ItemComponent>\n            );\n          }}\n        </Combobox.List>\n      </Combobox.Content>\n    </Combobox.Root>\n  );\n}\n","import * as React from \"react\";\nimport {\n  FileIcon,\n  UploadIcon,\n  FileUpload,\n  useFileUpload,\n  type FileUploadWithUploaderOptions,\n  type FileWithPreview,\n  type FileWithUploadStatus,\n} from \"@px-ui/core\";\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface FileUploadFieldProps\n  extends Omit<FileUploadWithUploaderOptions, \"initialFiles\"> {\n  /** Variant determines the visual layout */\n  variant?: \"dropzone\" | \"button\" | \"compact\";\n  /** Size of the dropzone (only applies to dropzone variant) */\n  size?: \"sm\" | \"default\" | \"lg\";\n  /** Text displayed in the dropzone */\n  dropzoneText?: string;\n  /** Text for the browse/upload button */\n  buttonText?: string;\n  /** Show file list below the dropzone */\n  showFileList?: boolean;\n  /** Show image grid instead of list for image files */\n  showImageGrid?: boolean;\n  /** Initial files (already uploaded) */\n  initialFiles?: Array<{\n    id: string;\n    name: string;\n    size: number;\n    type: string;\n    url: string;\n  }>;\n  /** Whether the upload is disabled */\n  disabled?: boolean;\n  /** Custom className */\n  className?: string;\n  /** Custom content to render inside the dropzone */\n  children?: React.ReactNode;\n  /** Render prop for custom file item rendering */\n  renderFileItem?: (\n    file: FileWithUploadStatus,\n    actions: { remove: () => void; retry: () => void },\n  ) => React.ReactNode;\n  /** Error handler */\n  onError?: (error: { type: string; message: string; files?: File[] }) => void;\n}\n\n// ============================================================================\n// Main Component\n// ============================================================================\n\nexport function FileUploadField({\n  variant = \"dropzone\",\n  size = \"default\",\n  dropzoneText = \"Paste Or Drag & Drop Files Here\",\n  buttonText = \"Browse for files\",\n  showFileList = true,\n  showImageGrid = false,\n  initialFiles = [],\n  disabled = false,\n  className,\n  children,\n  renderFileItem,\n  onError,\n  // Hook options\n  maxFiles,\n  maxSize,\n  accept,\n  multiple = false,\n  onFilesChange,\n  onFilesAdded,\n  upload,\n}: FileUploadFieldProps) {\n  const [state, actions] = useFileUpload({\n    maxFiles,\n    maxSize,\n    accept,\n    multiple,\n    initialFiles: initialFiles.map((f) => ({\n      ...f,\n      id: f.id,\n      name: f.name,\n      size: f.size,\n      type: f.type,\n      url: f.url,\n    })),\n    onFilesChange: onFilesChange as (files: FileWithPreview[]) => void,\n    onFilesAdded: onFilesAdded as (files: FileWithPreview[]) => void,\n    upload,\n  });\n\n  const { files, isDragging, errors, isUploading } = state;\n  const {\n    addFiles,\n    removeFile,\n    clearFiles,\n    handleDragEnter,\n    handleDragLeave,\n    handleDragOver,\n    handleDrop,\n    openFileDialog,\n    getInputProps,\n    retryUpload,\n  } = actions;\n\n  // Handle errors\n  React.useEffect(() => {\n    if (errors.length > 0 && onError) {\n      onError({\n        type: \"validation\",\n        message: errors[0],\n      });\n    }\n  }, [errors, onError]);\n\n  // Common props for FileUpload.Root\n  const rootProps = {\n    files,\n    addFiles,\n    removeFile,\n    clearFiles,\n    retryUpload,\n    openFileDialog,\n    getInputProps,\n    handleDragEnter,\n    handleDragLeave,\n    handleDragOver,\n    handleDrop,\n    isDragActive: isDragging,\n    isUploading,\n    accept,\n    multiple,\n    disabled,\n  };\n\n  // Render file item using primitives or custom render prop\n  const renderDefaultFileItem = (file: FileWithUploadStatus) => {\n    if (renderFileItem) {\n      return renderFileItem(file, {\n        remove: () => removeFile(file.id),\n        retry: () => retryUpload(file.id),\n      });\n    }\n\n    const isImage = file.file.type?.startsWith(\"image/\") ?? false;\n\n    return (\n      <FileUpload.Item key={file.id} file={file}>\n        <FileUpload.ItemPreview\n          fallback={\n            isImage ? undefined : (\n              <FileIcon className=\"text-ppx-neutral-10 size-5\" />\n            )\n          }\n        />\n\n        <div className=\"flex min-w-0 flex-1 flex-col gap-1\">\n          <FileUpload.ItemName />\n\n          <div className=\"flex items-center gap-2\">\n            <FileUpload.ItemSize />\n            {file.status === \"uploading\" && (\n              <FileUpload.ItemProgress className=\"flex-1\" />\n            )}\n          </div>\n\n          <FileUpload.ItemError />\n        </div>\n\n        <div className=\"flex shrink-0 items-center gap-1\">\n          <FileUpload.ItemStatus />\n          <FileUpload.ItemRetry />\n          <FileUpload.ItemRemove />\n        </div>\n      </FileUpload.Item>\n    );\n  };\n\n  // Render image grid item using primitives\n  const renderImageGridItem = (file: FileWithUploadStatus) => (\n    <FileUpload.ImageGridItem key={file.id} file={file} showStatusOverlay />\n  );\n\n  // Render based on variant\n  if (variant === \"button\" || variant === \"compact\") {\n    return (\n      <FileUpload.Root {...rootProps} className={className}>\n        <div className=\"flex items-center gap-3\">\n          <FileUpload.Trigger\n            variant={variant === \"compact\" ? \"outline\" : \"default\"}\n            size={variant === \"compact\" ? \"sm\" : \"default\"}\n            showUploadingState\n          >\n            <UploadIcon className=\"size-4\" />\n            {buttonText}\n          </FileUpload.Trigger>\n\n          {variant === \"compact\" && files.length > 0 && (\n            <span className=\"text-ppx-neutral-12 truncate text-sm\">\n              {files.length === 1\n                ? files[0].file.name\n                : `${files.length} files selected`}\n            </span>\n          )}\n        </div>\n\n        {/* File List */}\n        {showFileList && files.length > 0 && variant !== \"compact\" && (\n          <FileUpload.ItemList>\n            {files.map(renderDefaultFileItem)}\n          </FileUpload.ItemList>\n        )}\n      </FileUpload.Root>\n    );\n  }\n\n  // Dropzone variant (default)\n  return (\n    <FileUpload.Root {...rootProps} className={className}>\n      <FileUpload.Dropzone\n        size={size}\n        dropzoneText={dropzoneText}\n        browseText={buttonText}\n        hideDefaultContent={!!children}\n      >\n        {children}\n      </FileUpload.Dropzone>\n\n      {/* Errors */}\n      {errors.length > 0 && (\n        <div className=\"text-ppx-red-5 text-sm\">\n          {errors.map((error, i) => (\n            <p key={i}>{error}</p>\n          ))}\n        </div>\n      )}\n\n      {/* File List or Image Grid */}\n      {showFileList && files.length > 0 && (\n        <div>\n          <div className=\"mb-2 flex items-center justify-between\">\n            <span className=\"text-ppx-neutral-14 text-sm font-medium\">\n              {multiple ? `Files (${files.length})` : \"Selected file\"}\n            </span>\n            {multiple && files.length > 1 && (\n              <FileUpload.ClearButton\n                size=\"sm\"\n                className=\"text-ppx-red-5 hover:text-ppx-red-6\"\n              >\n                Remove all\n              </FileUpload.ClearButton>\n            )}\n          </div>\n\n          {showImageGrid ? (\n            <FileUpload.ImageGrid>\n              {files.map(renderImageGridItem)}\n            </FileUpload.ImageGrid>\n          ) : (\n            <FileUpload.ItemList>\n              {files.map(renderDefaultFileItem)}\n            </FileUpload.ItemList>\n          )}\n        </div>\n      )}\n    </FileUpload.Root>\n  );\n}\n\nexport type {\n  FileWithUploadStatus,\n  UploadConfig,\n  FileUploadWithUploaderOptions,\n} from \"@px-ui/core\";\n","import { useMemo } from \"react\";\nimport {\n  cn,\n  cva,\n  type VariantProps,\n  Label as LabelPrimitive,\n  Separator as SeperatorPrimitive,\n} from \"@px-ui/core\";\n\nexport function Set({ className, ...props }: React.ComponentProps<\"fieldset\">) {\n  return (\n    <fieldset\n      data-slot=\"field-set\"\n      className={cn(\n        \"flex flex-col gap-6\",\n        \"has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport function Legend({\n  className,\n  variant = \"legend\",\n  ...props\n}: React.ComponentProps<\"legend\"> & { variant?: \"legend\" | \"label\" }) {\n  return (\n    <legend\n      data-slot=\"field-legend\"\n      data-variant={variant}\n      className={cn(\n        \"mb-3 font-medium\",\n        \"data-[variant=legend]:text-base\",\n        \"data-[variant=label]:text-sm\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport function Group({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"field-group\"\n      className={cn(\n        \"group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\ntype FieldVariantsType = (\n  props?:\n    | {\n        orientation?: \"vertical\" | \"horizontal\" | \"responsive\";\n      }\n    | undefined,\n) => string;\n\nconst fieldVariants: FieldVariantsType = cva(\n  \"group/field flex w-full gap-2 data-[invalid=true]:text-ppx-red-5\",\n  {\n    variants: {\n      orientation: {\n        vertical: [\"flex-col [&>*]:w-full [&>.sr-only]:w-auto\"],\n        horizontal: [\n          \"flex-row items-center\",\n          \"[&>[data-slot=field-label]]:flex-auto\",\n          \"has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px\",\n        ],\n        responsive: [\n          \"flex-col [&>*]:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto\",\n          \"@md/field-group:[&>[data-slot=field-label]]:flex-auto\",\n          \"@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px\",\n        ],\n      },\n    },\n    defaultVariants: {\n      orientation: \"vertical\",\n    },\n  },\n) as FieldVariantsType;\n\nexport function Root({\n  className,\n  orientation = \"vertical\",\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof fieldVariants>) {\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"field\"\n      data-orientation={orientation}\n      className={cn(fieldVariants({ orientation }), className)}\n      {...props}\n    />\n  );\n}\n\nexport function Content({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"field-content\"\n      className={cn(\n        \"group/field-content flex flex-1 flex-col gap-1.5 leading-snug\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport function Label({\n  className,\n  ...props\n}: React.ComponentProps<typeof LabelPrimitive>) {\n  return (\n    <LabelPrimitive\n      data-slot=\"field-label\"\n      className={cn(\n        \"group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50\",\n        \"has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport function Title({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"field-label\"\n      className={cn(\n        \"text-ppx-sm flex w-fit items-center gap-2 font-medium leading-snug group-data-[disabled=true]/field:opacity-50\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport function Description({\n  className,\n  ...props\n}: React.ComponentProps<\"p\">) {\n  return (\n    <p\n      data-slot=\"field-description\"\n      className={cn(\n        \"text-ppx-sm text-ppx-muted-foreground font-normal leading-normal group-has-[[data-orientation=horizontal]]/field:text-balance\",\n        \"nth-last-2:-mt-1 last:mt-0 [[data-variant=legend]+&]:-mt-1.5\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport function Separator({\n  children,\n  className,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  children?: React.ReactNode;\n}) {\n  return (\n    <div\n      data-slot=\"field-separator\"\n      data-content={!!children}\n      className={cn(\n        \"text-ppx-sm relative -my-2 h-5 group-data-[variant=outline]/field-group:-mb-2\",\n        className,\n      )}\n      {...props}\n    >\n      <SeperatorPrimitive\n        orientation=\"horizontal\"\n        className=\"absolute inset-0 top-1/2\"\n      />\n      {children && (\n        <span\n          className=\"bg-ppx-background text-ppx-muted-foreground relative mx-auto block w-fit px-2\"\n          data-slot=\"field-separator-content\"\n        >\n          {children}\n        </span>\n      )}\n    </div>\n  );\n}\n\nexport function Error({\n  className,\n  children,\n  errors,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  errors?: Array<{ message?: string } | undefined>;\n}) {\n  const content = useMemo(() => {\n    if (children) {\n      return children;\n    }\n\n    if (!errors?.length) {\n      return null;\n    }\n\n    const uniqueErrors = [\n      ...new Map(errors.map((error) => [error?.message, error])).values(),\n    ];\n\n    if (uniqueErrors?.length == 1) {\n      return uniqueErrors[0]?.message;\n    }\n\n    return (\n      <ul className=\"ml-4 flex list-disc flex-col gap-1\">\n        {uniqueErrors.map(\n          (error, index) =>\n            error?.message && <li key={index}>{error.message}</li>,\n        )}\n      </ul>\n    );\n  }, [children, errors]);\n\n  if (!content) {\n    return null;\n  }\n\n  return (\n    <div\n      role=\"alert\"\n      data-slot=\"field-error\"\n      className={cn(\"text-ppx-sm text-ppx-red-5 font-normal\", className)}\n      {...props}\n    >\n      {content}\n    </div>\n  );\n}\n","import {\n  Controller,\n  type ControllerProps,\n  type FieldPath,\n  type FieldValues,\n} from \"react-hook-form\";\nimport * as Field from \"./field\";\nimport { type ReactNode } from \"react\";\nimport { Textarea, Checkbox, Input } from \"@px-ui/core\";\n\ntype FormControlProps<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n  TTransformedValues = TFieldValues,\n> = {\n  name: TName;\n  label: ReactNode;\n  description?: ReactNode;\n  control: ControllerProps<TFieldValues, TName, TTransformedValues>[\"control\"];\n  required?: boolean;\n  placeholder?: string;\n};\n\ntype FormBaseProps<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n  TTransformedValues = TFieldValues,\n> = FormControlProps<TFieldValues, TName, TTransformedValues> & {\n  horizontal?: boolean;\n  controlFirst?: boolean;\n  children: (\n    field: Parameters<\n      ControllerProps<TFieldValues, TName, TTransformedValues>[\"render\"]\n    >[0][\"field\"] & {\n      invalid?: boolean;\n      id: string;\n    },\n  ) => ReactNode;\n};\n\ntype FormControlFunc<\n  ExtraProps extends Record<string, unknown> = Record<never, never>,\n> = <\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n  TTransformedValues = TFieldValues,\n>(\n  props: FormControlProps<TFieldValues, TName, TTransformedValues> & ExtraProps,\n) => ReactNode;\n\nfunction FormBase<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n  TTransformedValues = TFieldValues,\n>({\n  children,\n  control,\n  label,\n  name,\n  required,\n  description,\n  controlFirst,\n  horizontal,\n}: FormBaseProps<TFieldValues, TName, TTransformedValues>) {\n  return (\n    <Controller\n      control={control}\n      name={name}\n      render={({ field, fieldState }) => {\n        const labelElement = (\n          <Field.Label\n            className={required ? \"required\" : \"\"}\n            htmlFor={field.name}\n          >\n            {label}\n          </Field.Label>\n        );\n\n        const descriptionElement = description ? (\n          <Field.Description>{description}</Field.Description>\n        ) : null;\n\n        const control = children({\n          ...field,\n          id: field.name,\n          invalid: fieldState.invalid,\n        });\n\n        const errorElement = fieldState.invalid && (\n          <Field.Error errors={[fieldState.error]} />\n        );\n\n        return (\n          <Field.Root orientation={horizontal ? \"horizontal\" : undefined}>\n            {controlFirst ? (\n              <>\n                {control}\n                {labelElement}\n                {descriptionElement}\n                {errorElement}\n              </>\n            ) : (\n              <>\n                {labelElement}\n                {control}\n                {descriptionElement}\n                {errorElement}\n              </>\n            )}\n          </Field.Root>\n        );\n      }}\n    />\n  );\n}\n\nexport const FormInput: FormControlFunc = ({ placeholder, ...props }) => {\n  return (\n    <FormBase {...props}>\n      {(field) => <Input {...field} placeholder={placeholder} />}\n    </FormBase>\n  );\n};\n\nexport const FormTextarea: FormControlFunc = ({ placeholder, ...props }) => {\n  return (\n    <FormBase {...props}>\n      {(field) => <Textarea {...field} placeholder={placeholder} />}\n    </FormBase>\n  );\n};\n\nexport const FormCheckbox: FormControlFunc = (props) => {\n  return (\n    <FormBase {...props} horizontal controlFirst>\n      {({ onChange, value, ...field }) => (\n        <Checkbox {...field} checked={value} onCheckedChange={onChange} />\n      )}\n    </FormBase>\n  );\n};\n\n// Note: FormRadioItem is not included in the abstractions because radio buttons\n// work as a group and require a different pattern. Use the verbose Controller\n// approach with RadioGroup for radio buttons. See the stories for examples.\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@px-ui/forms",
-  "version": "4.0.0",
+  "version": "4.1.0",
   "description": "Form components built on top of px-ui-core",
   "type": "module",
   "module": "./dist/index.js",