npm - @alneas/appkit-react - Versions diffs - 0.2.0 → 0.3.1 - Mend

@alneas/appkit-react 0.2.0 → 0.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1525) hide show

package/dist/ui/components/ui/field.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"field.cjs","names":["FieldsetPrimitive","cn","cva","React","FieldPrimitive","Separator","useMemo","require_runtime","require_ui_lib_utils","require_ui_components_ui_separator","react_jsx_runtime","react","class_variance_authority","_base_ui_react_field","_base_ui_react_fieldset","FieldSet","props","className","FieldLegend","variant","FieldGroup","fieldVariants","Field","orientation","FieldContent","FieldLabel","FieldTitle","FieldDescription","FieldSeparator","children","FieldError","content","errors","uniqueErrors","error","index","FieldValidity","FieldControl"],"sources":["../../../../src/ui/components/ui/field.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useMemo } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { Field as FieldPrimitive } from '@base-ui/react/field';\nimport { Fieldset as FieldsetPrimitive } from '@base-ui/react/fieldset';\n\nimport { cn } from '../../lib/utils';\nimport { Separator } from './separator';\n\n// ============================================================================\n// FieldSet (Fieldset.Root)\n// ============================================================================\n\n/*\n Groups related form fields using the Base UI fieldset root.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered FieldSet composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Label, Control, Description, Error and Validity require the surrounding Field context. FieldSet/Legend provide related-field semantics. FieldError prefers truthy children; otherwise it deduplicates errors by message and returns null when empty. These wrappers do not persist form values.\n * @example\n * ```tsx\n * import { FieldSet, FieldLegend, FieldGroup, Field, FieldLabel, FieldControl, FieldDescription, FieldError } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n \n export function Example() {\n * return (<FieldSet><FieldLegend>Contact</FieldLegend><FieldGroup><Field name=\"email\"><FieldLabel>Email</FieldLabel><FieldControl type=\"email\" /><FieldDescription>Used for replies</FieldDescription><FieldError /></Field></FieldGroup></FieldSet>);\n * }\n * ```\n /\nfunction FieldSet({ className, ...props }: FieldsetPrimitive.Root.Props) {\n return (\n <FieldsetPrimitive.Root\n data-slot='field-set'\n className={cn(\n 'gap-4 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3 flex flex-col',\n className,\n )}\n {...props}\n />\n );\n}\n\n// ============================================================================\n// FieldLegend (Fieldset.Legend)\n// ============================================================================\n\n/\n Labels the fieldset with legend or compact label styling.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: variant='legend'.\n * @returns The rendered FieldLegend composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Label, Control, Description, Error and Validity require the surrounding Field context. FieldSet/Legend provide related-field semantics. FieldError prefers truthy children; otherwise it deduplicates errors by message and returns null when empty. These wrappers do not persist form values. variant defaults to legend; label selects smaller typography.\n * @example\n * ```tsx\n * import { FieldSet, FieldLegend, FieldGroup, Field, FieldLabel, FieldControl, FieldDescription, FieldError } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n \n export function Example() {\n * return (<FieldSet><FieldLegend>Contact</FieldLegend><FieldGroup><Field name=\"email\"><FieldLabel>Email</FieldLabel><FieldControl type=\"email\" /><FieldDescription>Used for replies</FieldDescription><FieldError /></Field></FieldGroup></FieldSet>);\n * }\n * ```\n /\nfunction FieldLegend({\n className,\n variant = 'legend',\n ...props\n}: FieldsetPrimitive.Legend.Props & { /\n Visual treatment from the declared variant union; changing it does not alter host action semantics.\n /\n/\n Visual treatment from the declared variant union; changing it does not alter host action semantics.\n /\nvariant?: 'legend' \| 'label' }) {\n return (\n <FieldsetPrimitive.Legend\n data-slot='field-legend'\n data-variant={variant}\n className={cn(\n 'mb-1.5 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base',\n className,\n )}\n {...props}\n />\n );\n}\n\n// ============================================================================\n// FieldGroup\n// ============================================================================\n\n/\n Lays out a vertical group of fields and nested field groups.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered FieldGroup composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Label, Control, Description, Error and Validity require the surrounding Field context. FieldSet/Legend provide related-field semantics. FieldError prefers truthy children; otherwise it deduplicates errors by message and returns null when empty. These wrappers do not persist form values.\n * @example\n * ```tsx\n * import { FieldSet, FieldLegend, FieldGroup, Field, FieldLabel, FieldControl, FieldDescription, FieldError } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n \n export function Example() {\n * return (<FieldSet><FieldLegend>Contact</FieldLegend><FieldGroup><Field name=\"email\"><FieldLabel>Email</FieldLabel><FieldControl type=\"email\" /><FieldDescription>Used for replies</FieldDescription><FieldError /></Field></FieldGroup></FieldSet>);\n * }\n * ```\n /\nfunction FieldGroup({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot='field-group'\n className={cn(\n 'gap-5 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4 group/field-group @container/field-group flex w-full flex-col',\n className,\n )}\n {...props}\n />\n );\n}\n\n// ============================================================================\n// Field (Field.Root)\n// Primtive Field Component (was FieldRoot)\n// ============================================================================\n\nconst fieldVariants = cva('data-[invalid]:text-destructive gap-2 group/field flex w-full', {\n variants: {\n /\n Axis used to join/group controls or arrange field content.\n * Accepted values: vertical, horizontal, responsive.\n * @defaultValue 'vertical'\n * @see fieldVariants\n /\n orientation: {\n vertical: 'flex-col [&>]:w-full [&>.sr-only]:w-auto',\n horizontal:\n 'flex-row items-center [&>[data-slot=field-label]]:w-24 [&>[data-slot=field-label]]:shrink-0 [&>[data-slot=field-label]]:text-right has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px',\n responsive:\n 'flex-row items-center [&>[data-slot=field-label]]:w-24 [&>[data-slot=field-label]]:shrink-0 [&>[data-slot=field-label]]:text-right has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px max-sm:flex-col max-sm:[&>]:w-full max-sm:[&>[data-slot=field-label]]:w-full max-sm:[&>[data-slot=field-label]]:text-left',\n },\n },\n defaultVariants: {\n orientation: 'vertical',\n },\n});\n\n/\n Coordinates one field control, label, description and validation state.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: orientation='vertical'.\n * @returns The rendered Field composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Label, Control, Description, Error and Validity require the surrounding Field context. FieldSet/Legend provide related-field semantics. FieldError prefers truthy children; otherwise it deduplicates errors by message and returns null when empty. These wrappers do not persist form values. The ref prop forwards to the rendered control or container declared by the component ref type. orientation defaults to vertical; horizontal/responsive change layout rather than field validation.\n * @example\n * ```tsx\n * import { FieldSet, FieldLegend, FieldGroup, Field, FieldLabel, FieldControl, FieldDescription, FieldError } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n \n export function Example() {\n * return (<FieldSet><FieldLegend>Contact</FieldLegend><FieldGroup><Field name=\"email\"><FieldLabel>Email</FieldLabel><FieldControl type=\"email\" /><FieldDescription>Used for replies</FieldDescription><FieldError /></Field></FieldGroup></FieldSet>);\n * }\n * ```\n /\nconst Field = React.forwardRef<\n HTMLDivElement,\n FieldPrimitive.Root.Props & VariantProps<typeof fieldVariants>\n>(({ className, orientation = 'vertical', ...props }, ref) => {\n return (\n <FieldPrimitive.Root\n ref={ref}\n data-slot='field'\n data-orientation={orientation}\n className={cn(fieldVariants({ orientation }), className)}\n {...props}\n />\n );\n});\nField.displayName = 'Field';\n\n// ============================================================================\n// FieldContent\n// ============================================================================\n\n/\n Groups the textual content adjacent to a field control.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered FieldContent composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Label, Control, Description, Error and Validity require the surrounding Field context. FieldSet/Legend provide related-field semantics. FieldError prefers truthy children; otherwise it deduplicates errors by message and returns null when empty. These wrappers do not persist form values.\n * @example\n * ```tsx\n * import { FieldSet, FieldLegend, FieldGroup, Field, FieldLabel, FieldControl, FieldDescription, FieldError } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n \n export function Example() {\n * return (<FieldSet><FieldLegend>Contact</FieldLegend><FieldGroup><Field name=\"email\"><FieldLabel>Email</FieldLabel><FieldControl type=\"email\" /><FieldDescription>Used for replies</FieldDescription><FieldError /></Field></FieldGroup></FieldSet>);\n * }\n * ```\n /\nfunction FieldContent({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot='field-content'\n className={cn('gap-0.5 group/field-content flex flex-1 flex-col leading-snug', className)}\n {...props}\n />\n );\n}\n\n// ============================================================================\n// FieldLabel (Field.Label)\n// ============================================================================\n\n/\n Associates a visible label with its Base UI field control.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered FieldLabel composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Label, Control, Description, Error and Validity require the surrounding Field context. FieldSet/Legend provide related-field semantics. FieldError prefers truthy children; otherwise it deduplicates errors by message and returns null when empty. These wrappers do not persist form values. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { FieldSet, FieldLegend, FieldGroup, Field, FieldLabel, FieldControl, FieldDescription, FieldError } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n \n export function Example() {\n * return (<FieldSet><FieldLegend>Contact</FieldLegend><FieldGroup><Field name=\"email\"><FieldLabel>Email</FieldLabel><FieldControl type=\"email\" /><FieldDescription>Used for replies</FieldDescription><FieldError /></Field></FieldGroup></FieldSet>);\n * }\n * ```\n /\nconst FieldLabel = React.forwardRef<HTMLLabelElement, FieldPrimitive.Label.Props>(\n ({ className, ...props }, ref) => {\n return (\n <FieldPrimitive.Label\n ref={ref}\n data-slot='field-label'\n className={cn(\n 'has-data-checked:bg-primary/5 has-data-checked:border-primary dark:has-data-checked:bg-primary/10 gap-2 group-data-[disabled]/field:opacity-50 has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border [&>]:data-[slot=field]:p-2.5 group/field-label peer/field-label flex w-fit leading-snug text-sm font-medium',\n 'has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col',\n 'data-[invalid]:text-destructive',\n className,\n )}\n {...props}\n />\n );\n },\n);\nFieldLabel.displayName = 'FieldLabel';\n\n// ============================================================================\n// FieldTitle\n// ============================================================================\n\n/*\n Styles label-like title content without creating a label association.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered FieldTitle composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Label, Control, Description, Error and Validity require the surrounding Field context. FieldSet/Legend provide related-field semantics. FieldError prefers truthy children; otherwise it deduplicates errors by message and returns null when empty. These wrappers do not persist form values.\n * @example\n * ```tsx\n * import { FieldSet, FieldLegend, FieldGroup, Field, FieldLabel, FieldControl, FieldDescription, FieldError } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n \n export function Example() {\n * return (<FieldSet><FieldLegend>Contact</FieldLegend><FieldGroup><Field name=\"email\"><FieldLabel>Email</FieldLabel><FieldControl type=\"email\" /><FieldDescription>Used for replies</FieldDescription><FieldError /></Field></FieldGroup></FieldSet>);\n * }\n * ```\n /\nfunction FieldTitle({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot='field-label'\n className={cn(\n 'gap-2 text-sm font-medium group-data-[disabled]/field:opacity-50 flex w-fit items-center leading-snug',\n className,\n )}\n {...props}\n />\n );\n}\n\n// ============================================================================\n// FieldDescription (Field.Description)\n// ============================================================================\n\n/\n Provides descriptive text associated with the surrounding field.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered FieldDescription composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Label, Control, Description, Error and Validity require the surrounding Field context. FieldSet/Legend provide related-field semantics. FieldError prefers truthy children; otherwise it deduplicates errors by message and returns null when empty. These wrappers do not persist form values. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { FieldSet, FieldLegend, FieldGroup, Field, FieldLabel, FieldControl, FieldDescription, FieldError } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n \n export function Example() {\n * return (<FieldSet><FieldLegend>Contact</FieldLegend><FieldGroup><Field name=\"email\"><FieldLabel>Email</FieldLabel><FieldControl type=\"email\" /><FieldDescription>Used for replies</FieldDescription><FieldError /></Field></FieldGroup></FieldSet>);\n * }\n * ```\n /\nconst FieldDescription = React.forwardRef<HTMLParagraphElement, FieldPrimitive.Description.Props>(\n ({ className, ...props }, ref) => {\n return (\n <FieldPrimitive.Description\n ref={ref}\n data-slot='field-description'\n className={cn(\n 'text-muted-foreground text-left text-sm [[data-variant=legend]+&]:-mt-1.5 leading-normal font-normal group-has-[[data-orientation=horizontal]]/field:text-balance',\n 'last:mt-0 nth-last-2:-mt-1',\n '[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4',\n className,\n )}\n {...props}\n />\n );\n },\n);\nFieldDescription.displayName = 'FieldDescription';\n\n// ============================================================================\n// FieldSeparator\n// ============================================================================\n\n/\n Draws a divider with optional centered text between field groups.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered FieldSeparator composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Label, Control, Description, Error and Validity require the surrounding Field context. FieldSet/Legend provide related-field semantics. FieldError prefers truthy children; otherwise it deduplicates errors by message and returns null when empty. These wrappers do not persist form values.\n * @example\n * ```tsx\n * import { FieldSet, FieldLegend, FieldGroup, Field, FieldLabel, FieldControl, FieldDescription, FieldError } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n \n export function Example() {\n * return (<FieldSet><FieldLegend>Contact</FieldLegend><FieldGroup><Field name=\"email\"><FieldLabel>Email</FieldLabel><FieldControl type=\"email\" /><FieldDescription>Used for replies</FieldDescription><FieldError /></Field></FieldGroup></FieldSet>);\n * }\n * ```\n /\nfunction FieldSeparator({\n children,\n className,\n ...props\n}: React.ComponentProps<'div'> & {\n /\n Content rendered in the wrapper's child region.\n /\n children?: React.ReactNode;\n}) {\n return (\n <div\n data-slot='field-separator'\n data-content={!!children}\n className={cn(\n '-my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2 relative',\n className,\n )}\n {...props}\n >\n <Separator className='absolute inset-0 top-1/2' />\n {children && (\n <span\n className='text-muted-foreground px-2 bg-background relative mx-auto block w-fit'\n data-slot='field-separator-content'\n >\n {children}\n </span>\n )}\n </div>\n );\n}\n\n// ============================================================================\n// FieldError (Field.Error)\n// ============================================================================\n\n/\n Renders supplied children or deduplicated error messages when content exists.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered FieldError composition, or null when it has no visible content.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Label, Control, Description, Error and Validity require the surrounding Field context. FieldSet/Legend provide related-field semantics. FieldError prefers truthy children; otherwise it deduplicates errors by message and returns null when empty. These wrappers do not persist form values. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { FieldSet, FieldLegend, FieldGroup, Field, FieldLabel, FieldControl, FieldDescription, FieldError } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n \n export function Example() {\n * return (<FieldSet><FieldLegend>Contact</FieldLegend><FieldGroup><Field name=\"email\"><FieldLabel>Email</FieldLabel><FieldControl type=\"email\" /><FieldDescription>Used for replies</FieldDescription><FieldError /></Field></FieldGroup></FieldSet>);\n * }\n * ```\n /\nconst FieldError = React.forwardRef<\n HTMLDivElement,\n FieldPrimitive.Error.Props & {\n /\n Explicit validation messages; duplicate message strings are collapsed and missing/empty messages may yield no content.\n /\n errors?: Array<{ /\n Optional error message used for deduplication and display; missing messages do not render a list item.\n /\n /\n Optional error message used for deduplication and display; missing messages do not render a list item.\n /\n message?: string } \| undefined>;\n }\n>(({ className, children, errors, ...props }, ref) => {\n const content = useMemo(() => {\n if (children) {\n return children;\n }\n\n if (!errors?.length) {\n return null;\n }\n\n const uniqueErrors = [...new Map(errors.map((error) => [error?.message, error])).values()];\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((error, index) => error?.message && <li key={index}>{error.message}</li>)}\n </ul>\n );\n }, [children, errors]);\n\n if (!content) {\n return null;\n }\n\n return (\n <FieldPrimitive.Error\n ref={ref}\n data-slot='field-error'\n className={cn('text-destructive text-sm font-normal', className)}\n {...props}\n >\n {content}\n </FieldPrimitive.Error>\n );\n});\nFieldError.displayName = 'FieldError';\n\n// ============================================================================\n// FieldValidity (Field.Validity)\n// ============================================================================\n\n/\n Exposes the surrounding Base UI field validity state to its child renderer.\n * @param props - Inherited primitive configuration, children and controlled/default state; the upstream prop type remains authoritative.\n * @returns The rendered FieldValidity composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Label, Control, Description, Error and Validity require the surrounding Field context. FieldSet/Legend provide related-field semantics. FieldError prefers truthy children; otherwise it deduplicates errors by message and returns null when empty. These wrappers do not persist form values.\n * @example\n * ```tsx\n * import { FieldSet, FieldLegend, FieldGroup, Field, FieldLabel, FieldControl, FieldDescription, FieldError } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n \n export function Example() {\n * return (<FieldSet><FieldLegend>Contact</FieldLegend><FieldGroup><Field name=\"email\"><FieldLabel>Email</FieldLabel><FieldControl type=\"email\" /><FieldDescription>Used for replies</FieldDescription><FieldError /></Field></FieldGroup></FieldSet>);\n * }\n * ```\n /\nconst FieldValidity = FieldPrimitive.Validity;\n\n// ============================================================================\n// FieldControl (Helper for Smart Field / Legacy)\n// ============================================================================\n\n/\n Renders a Base UI control bound to its surrounding field context.\n * @param props - Inherited primitive configuration, children and controlled/default state; the upstream prop type remains authoritative.\n * @returns The rendered FieldControl composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Label, Control, Description, Error and Validity require the surrounding Field context. FieldSet/Legend provide related-field semantics. FieldError prefers truthy children; otherwise it deduplicates errors by message and returns null when empty. These wrappers do not persist form values.\n * @example\n * ```tsx\n * import { FieldSet, FieldLegend, FieldGroup, Field, FieldLabel, FieldControl, FieldDescription, FieldError } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n \n export function Example() {\n * return (<FieldSet><FieldLegend>Contact</FieldLegend><FieldGroup><Field name=\"email\"><FieldLabel>Email</FieldLabel><FieldControl type=\"email\" /><FieldDescription>Used for replies</FieldDescription><FieldError /></Field></FieldGroup></FieldSet>);\n * }\n * ```\n */\nconst FieldControl = FieldPrimitive.Control;\n\n\nexport { Field, FieldLabel, FieldControl, FieldError, FieldDescription, FieldGroup, FieldLegend, FieldSeparator, FieldSet, FieldContent, FieldTitle, FieldValidity };\n"],"mappings":"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"}
1	+ {"version":3,"file":"field.cjs","names":["FieldsetPrimitive","cn","cva","FieldPrimitive","Separator","useMemo","require_runtime","require_ui_lib_utils","require_ui_components_ui_separator","react_jsx_runtime","react","class_variance_authority","_base_ui_react_field","_base_ui_react_fieldset","FieldSet","props","className","FieldLegend","variant","FieldGroup","fieldVariants","Field","orientation","FieldContent","FieldLabel","FieldTitle","FieldDescription","FieldSeparator","children","FieldError","content","errors","uniqueErrors","error","index","FieldValidity","FieldControl"],"sources":["../../../../src/ui/components/ui/field.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useMemo } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { Field as FieldPrimitive } from '@base-ui/react/field';\nimport { Fieldset as FieldsetPrimitive } from '@base-ui/react/fieldset';\n\nimport { cn } from '../../lib/utils';\nimport { Separator } from './separator';\n\n// ============================================================================\n// FieldSet (Fieldset.Root)\n// ============================================================================\n\n/*\n Groups related form fields using the Base UI fieldset root.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered FieldSet composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Label, Control, Description, Error and Validity require the surrounding Field context. FieldSet/Legend provide related-field semantics. FieldError prefers truthy children; otherwise it deduplicates errors by message and returns null when empty. These wrappers do not persist form values.\n * @example\n * ```tsx\n * import { FieldSet, FieldLegend, FieldGroup, Field, FieldLabel, FieldControl, FieldDescription, FieldError } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n \n export function Example() {\n * return (<FieldSet><FieldLegend>Contact</FieldLegend><FieldGroup><Field name=\"email\"><FieldLabel>Email</FieldLabel><FieldControl type=\"email\" /><FieldDescription>Used for replies</FieldDescription><FieldError /></Field></FieldGroup></FieldSet>);\n * }\n * ```\n /\nfunction FieldSet({ className, ...props }: FieldsetPrimitive.Root.Props) {\n return (\n <FieldsetPrimitive.Root\n data-slot='field-set'\n className={cn(\n 'gap-4 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3 flex flex-col',\n className,\n )}\n {...props}\n />\n );\n}\n\n// ============================================================================\n// FieldLegend (Fieldset.Legend)\n// ============================================================================\n\n/\n Labels the fieldset with legend or compact label styling.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: variant='legend'.\n * @returns The rendered FieldLegend composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Label, Control, Description, Error and Validity require the surrounding Field context. FieldSet/Legend provide related-field semantics. FieldError prefers truthy children; otherwise it deduplicates errors by message and returns null when empty. These wrappers do not persist form values. variant defaults to legend; label selects smaller typography.\n * @example\n * ```tsx\n * import { FieldSet, FieldLegend, FieldGroup, Field, FieldLabel, FieldControl, FieldDescription, FieldError } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n \n export function Example() {\n * return (<FieldSet><FieldLegend>Contact</FieldLegend><FieldGroup><Field name=\"email\"><FieldLabel>Email</FieldLabel><FieldControl type=\"email\" /><FieldDescription>Used for replies</FieldDescription><FieldError /></Field></FieldGroup></FieldSet>);\n * }\n * ```\n /\nfunction FieldLegend({\n className,\n variant = 'legend',\n ...props\n}: FieldsetPrimitive.Legend.Props & { /\n Visual treatment from the declared variant union; changing it does not alter host action semantics.\n /\n/\n Visual treatment from the declared variant union; changing it does not alter host action semantics.\n /\nvariant?: 'legend' \| 'label' }) {\n return (\n <FieldsetPrimitive.Legend\n data-slot='field-legend'\n data-variant={variant}\n className={cn(\n 'mb-1.5 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base',\n className,\n )}\n {...props}\n />\n );\n}\n\n// ============================================================================\n// FieldGroup\n// ============================================================================\n\n/\n Lays out a vertical group of fields and nested field groups.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered FieldGroup composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Label, Control, Description, Error and Validity require the surrounding Field context. FieldSet/Legend provide related-field semantics. FieldError prefers truthy children; otherwise it deduplicates errors by message and returns null when empty. These wrappers do not persist form values.\n * @example\n * ```tsx\n * import { FieldSet, FieldLegend, FieldGroup, Field, FieldLabel, FieldControl, FieldDescription, FieldError } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n \n export function Example() {\n * return (<FieldSet><FieldLegend>Contact</FieldLegend><FieldGroup><Field name=\"email\"><FieldLabel>Email</FieldLabel><FieldControl type=\"email\" /><FieldDescription>Used for replies</FieldDescription><FieldError /></Field></FieldGroup></FieldSet>);\n * }\n * ```\n /\nfunction FieldGroup({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot='field-group'\n className={cn(\n 'gap-5 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4 group/field-group @container/field-group flex w-full flex-col',\n className,\n )}\n {...props}\n />\n );\n}\n\n// ============================================================================\n// Field (Field.Root)\n// Primtive Field Component (was FieldRoot)\n// ============================================================================\n\nconst fieldVariants = cva('data-[invalid]:text-destructive gap-2 group/field flex w-full', {\n variants: {\n /\n Axis used to join/group controls or arrange field content.\n * Accepted values: vertical, horizontal, responsive.\n * @defaultValue 'vertical'\n * @see fieldVariants\n /\n orientation: {\n vertical: 'flex-col [&>]:w-full [&>.sr-only]:w-auto',\n horizontal:\n 'flex-row items-center [&>[data-slot=field-label]]:w-24 [&>[data-slot=field-label]]:shrink-0 [&>[data-slot=field-label]]:text-right has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px',\n responsive:\n 'flex-row items-center [&>[data-slot=field-label]]:w-24 [&>[data-slot=field-label]]:shrink-0 [&>[data-slot=field-label]]:text-right has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px max-sm:flex-col max-sm:[&>]:w-full max-sm:[&>[data-slot=field-label]]:w-full max-sm:[&>[data-slot=field-label]]:text-left',\n },\n },\n defaultVariants: {\n orientation: 'vertical',\n },\n});\n\n/\n Coordinates one field control, label, description and validation state.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: orientation='vertical'.\n * @returns The rendered Field composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Label, Control, Description, Error and Validity require the surrounding Field context. FieldSet/Legend provide related-field semantics. FieldError prefers truthy children; otherwise it deduplicates errors by message and returns null when empty. These wrappers do not persist form values. The ref prop forwards to the rendered control or container declared by the component ref type. orientation defaults to vertical; horizontal/responsive change layout rather than field validation.\n * @example\n * ```tsx\n * import { FieldSet, FieldLegend, FieldGroup, Field, FieldLabel, FieldControl, FieldDescription, FieldError } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n \n export function Example() {\n * return (<FieldSet><FieldLegend>Contact</FieldLegend><FieldGroup><Field name=\"email\"><FieldLabel>Email</FieldLabel><FieldControl type=\"email\" /><FieldDescription>Used for replies</FieldDescription><FieldError /></Field></FieldGroup></FieldSet>);\n * }\n * ```\n /\nfunction Field({\n ref,\n className,\n orientation = 'vertical',\n ...props\n}: React.PropsWithoutRef<FieldPrimitive.Root.Props & VariantProps<typeof fieldVariants>> &\n React.RefAttributes<HTMLDivElement>) {\n return (\n <FieldPrimitive.Root\n ref={ref}\n data-slot='field'\n data-orientation={orientation}\n className={cn(fieldVariants({ orientation }), className)}\n {...props}\n />\n );\n}\nField.displayName = 'Field';\n\n// ============================================================================\n// FieldContent\n// ============================================================================\n\n/\n Groups the textual content adjacent to a field control.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered FieldContent composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Label, Control, Description, Error and Validity require the surrounding Field context. FieldSet/Legend provide related-field semantics. FieldError prefers truthy children; otherwise it deduplicates errors by message and returns null when empty. These wrappers do not persist form values.\n * @example\n * ```tsx\n * import { FieldSet, FieldLegend, FieldGroup, Field, FieldLabel, FieldControl, FieldDescription, FieldError } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n \n export function Example() {\n * return (<FieldSet><FieldLegend>Contact</FieldLegend><FieldGroup><Field name=\"email\"><FieldLabel>Email</FieldLabel><FieldControl type=\"email\" /><FieldDescription>Used for replies</FieldDescription><FieldError /></Field></FieldGroup></FieldSet>);\n * }\n * ```\n /\nfunction FieldContent({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot='field-content'\n className={cn('gap-0.5 group/field-content flex flex-1 flex-col leading-snug', className)}\n {...props}\n />\n );\n}\n\n// ============================================================================\n// FieldLabel (Field.Label)\n// ============================================================================\n\n/\n Associates a visible label with its Base UI field control.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered FieldLabel composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Label, Control, Description, Error and Validity require the surrounding Field context. FieldSet/Legend provide related-field semantics. FieldError prefers truthy children; otherwise it deduplicates errors by message and returns null when empty. These wrappers do not persist form values. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { FieldSet, FieldLegend, FieldGroup, Field, FieldLabel, FieldControl, FieldDescription, FieldError } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n \n export function Example() {\n * return (<FieldSet><FieldLegend>Contact</FieldLegend><FieldGroup><Field name=\"email\"><FieldLabel>Email</FieldLabel><FieldControl type=\"email\" /><FieldDescription>Used for replies</FieldDescription><FieldError /></Field></FieldGroup></FieldSet>);\n * }\n * ```\n /\nfunction FieldLabel({\n ref,\n className,\n ...props\n}: React.PropsWithoutRef<FieldPrimitive.Label.Props> & React.RefAttributes<HTMLLabelElement>) {\n return (\n <FieldPrimitive.Label\n ref={ref}\n data-slot='field-label'\n className={cn(\n 'has-data-checked:bg-primary/5 has-data-checked:border-primary dark:has-data-checked:bg-primary/10 gap-2 group-data-[disabled]/field:opacity-50 has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border [&>]:data-[slot=field]:p-2.5 group/field-label peer/field-label flex w-fit leading-snug text-sm font-medium',\n 'has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col',\n 'data-[invalid]:text-destructive',\n className,\n )}\n {...props}\n />\n );\n}\nFieldLabel.displayName = 'FieldLabel';\n\n// ============================================================================\n// FieldTitle\n// ============================================================================\n\n/*\n Styles label-like title content without creating a label association.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered FieldTitle composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Label, Control, Description, Error and Validity require the surrounding Field context. FieldSet/Legend provide related-field semantics. FieldError prefers truthy children; otherwise it deduplicates errors by message and returns null when empty. These wrappers do not persist form values.\n * @example\n * ```tsx\n * import { FieldSet, FieldLegend, FieldGroup, Field, FieldLabel, FieldControl, FieldDescription, FieldError } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n \n export function Example() {\n * return (<FieldSet><FieldLegend>Contact</FieldLegend><FieldGroup><Field name=\"email\"><FieldLabel>Email</FieldLabel><FieldControl type=\"email\" /><FieldDescription>Used for replies</FieldDescription><FieldError /></Field></FieldGroup></FieldSet>);\n * }\n * ```\n /\nfunction FieldTitle({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot='field-label'\n className={cn(\n 'gap-2 text-sm font-medium group-data-[disabled]/field:opacity-50 flex w-fit items-center leading-snug',\n className,\n )}\n {...props}\n />\n );\n}\n\n// ============================================================================\n// FieldDescription (Field.Description)\n// ============================================================================\n\n/\n Provides descriptive text associated with the surrounding field.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered FieldDescription composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Label, Control, Description, Error and Validity require the surrounding Field context. FieldSet/Legend provide related-field semantics. FieldError prefers truthy children; otherwise it deduplicates errors by message and returns null when empty. These wrappers do not persist form values. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { FieldSet, FieldLegend, FieldGroup, Field, FieldLabel, FieldControl, FieldDescription, FieldError } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n \n export function Example() {\n * return (<FieldSet><FieldLegend>Contact</FieldLegend><FieldGroup><Field name=\"email\"><FieldLabel>Email</FieldLabel><FieldControl type=\"email\" /><FieldDescription>Used for replies</FieldDescription><FieldError /></Field></FieldGroup></FieldSet>);\n * }\n * ```\n /\nfunction FieldDescription({\n ref,\n className,\n ...props\n}: React.PropsWithoutRef<FieldPrimitive.Description.Props> &\n React.RefAttributes<HTMLParagraphElement>) {\n return (\n <FieldPrimitive.Description\n ref={ref}\n data-slot='field-description'\n className={cn(\n 'text-muted-foreground text-left text-sm [[data-variant=legend]+&]:-mt-1.5 leading-normal font-normal group-has-[[data-orientation=horizontal]]/field:text-balance',\n 'last:mt-0 nth-last-2:-mt-1',\n '[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4',\n className,\n )}\n {...props}\n />\n );\n}\nFieldDescription.displayName = 'FieldDescription';\n\n// ============================================================================\n// FieldSeparator\n// ============================================================================\n\n/\n Draws a divider with optional centered text between field groups.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered FieldSeparator composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Label, Control, Description, Error and Validity require the surrounding Field context. FieldSet/Legend provide related-field semantics. FieldError prefers truthy children; otherwise it deduplicates errors by message and returns null when empty. These wrappers do not persist form values.\n * @example\n * ```tsx\n * import { FieldSet, FieldLegend, FieldGroup, Field, FieldLabel, FieldControl, FieldDescription, FieldError } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n \n export function Example() {\n * return (<FieldSet><FieldLegend>Contact</FieldLegend><FieldGroup><Field name=\"email\"><FieldLabel>Email</FieldLabel><FieldControl type=\"email\" /><FieldDescription>Used for replies</FieldDescription><FieldError /></Field></FieldGroup></FieldSet>);\n * }\n * ```\n /\nfunction FieldSeparator({\n children,\n className,\n ...props\n}: React.ComponentProps<'div'> & {\n /\n Content rendered in the wrapper's child region.\n /\n children?: React.ReactNode;\n}) {\n return (\n <div\n data-slot='field-separator'\n data-content={!!children}\n className={cn(\n '-my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2 relative',\n className,\n )}\n {...props}\n >\n <Separator className='absolute inset-0 top-1/2' />\n {children && (\n <span\n className='text-muted-foreground px-2 bg-background relative mx-auto block w-fit'\n data-slot='field-separator-content'\n >\n {children}\n </span>\n )}\n </div>\n );\n}\n\n// ============================================================================\n// FieldError (Field.Error)\n// ============================================================================\n\n/\n Renders supplied children or deduplicated error messages when content exists.\n * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.\n * @returns The rendered FieldError composition, or null when it has no visible content.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Label, Control, Description, Error and Validity require the surrounding Field context. FieldSet/Legend provide related-field semantics. FieldError prefers truthy children; otherwise it deduplicates errors by message and returns null when empty. These wrappers do not persist form values. The ref prop forwards to the rendered control or container declared by the component ref type.\n * @example\n * ```tsx\n * import { FieldSet, FieldLegend, FieldGroup, Field, FieldLabel, FieldControl, FieldDescription, FieldError } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n \n export function Example() {\n * return (<FieldSet><FieldLegend>Contact</FieldLegend><FieldGroup><Field name=\"email\"><FieldLabel>Email</FieldLabel><FieldControl type=\"email\" /><FieldDescription>Used for replies</FieldDescription><FieldError /></Field></FieldGroup></FieldSet>);\n * }\n * ```\n /\nfunction FieldError({\n ref,\n className,\n children,\n errors,\n ...props\n}: React.PropsWithoutRef<\n FieldPrimitive.Error.Props & {\n /\n Explicit validation messages; duplicate message strings are collapsed and missing/empty messages may yield no content.\n /\n errors?: Array<\n \| {\n /\n Optional error message used for deduplication and display; missing messages do not render a list item.\n /\n /\n Optional error message used for deduplication and display; missing messages do not render a list item.\n /\n message?: string;\n }\n \| undefined\n >;\n }\n> &\n React.RefAttributes<HTMLDivElement>) {\n const content = useMemo(() => {\n if (children) {\n return children;\n }\n\n if (!errors?.length) {\n return null;\n }\n\n const uniqueErrors = [...new Map(errors.map((error) => [error?.message, error])).values()];\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((error, index) => error?.message && <li key={index}>{error.message}</li>)}\n </ul>\n );\n }, [children, errors]);\n\n if (!content) {\n return null;\n }\n\n return (\n <FieldPrimitive.Error\n ref={ref}\n data-slot='field-error'\n className={cn('text-destructive text-sm font-normal', className)}\n {...props}\n >\n {content}\n </FieldPrimitive.Error>\n );\n}\nFieldError.displayName = 'FieldError';\n\n// ============================================================================\n// FieldValidity (Field.Validity)\n// ============================================================================\n\n/\n Exposes the surrounding Base UI field validity state to its child renderer.\n * @param props - Inherited primitive configuration, children and controlled/default state; the upstream prop type remains authoritative.\n * @returns The rendered FieldValidity composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Label, Control, Description, Error and Validity require the surrounding Field context. FieldSet/Legend provide related-field semantics. FieldError prefers truthy children; otherwise it deduplicates errors by message and returns null when empty. These wrappers do not persist form values.\n * @example\n * ```tsx\n * import { FieldSet, FieldLegend, FieldGroup, Field, FieldLabel, FieldControl, FieldDescription, FieldError } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n \n export function Example() {\n * return (<FieldSet><FieldLegend>Contact</FieldLegend><FieldGroup><Field name=\"email\"><FieldLabel>Email</FieldLabel><FieldControl type=\"email\" /><FieldDescription>Used for replies</FieldDescription><FieldError /></Field></FieldGroup></FieldSet>);\n * }\n * ```\n /\nconst FieldValidity = FieldPrimitive.Validity;\n\n// ============================================================================\n// FieldControl (Helper for Smart Field / Legacy)\n// ============================================================================\n\n/\n Renders a Base UI control bound to its surrounding field context.\n * @param props - Inherited primitive configuration, children and controlled/default state; the upstream prop type remains authoritative.\n * @returns The rendered FieldControl composition.\n * @remarks Import @alneas/appkit-react/styles in the rendering host. Label, Control, Description, Error and Validity require the surrounding Field context. FieldSet/Legend provide related-field semantics. FieldError prefers truthy children; otherwise it deduplicates errors by message and returns null when empty. These wrappers do not persist form values.\n * @example\n * ```tsx\n * import { FieldSet, FieldLegend, FieldGroup, Field, FieldLabel, FieldControl, FieldDescription, FieldError } from '@alneas/appkit-react/ui';\n * import '@alneas/appkit-react/styles';\n \n export function Example() {\n * return (<FieldSet><FieldLegend>Contact</FieldLegend><FieldGroup><Field name=\"email\"><FieldLabel>Email</FieldLabel><FieldControl type=\"email\" /><FieldDescription>Used for replies</FieldDescription><FieldError /></Field></FieldGroup></FieldSet>);\n * }\n * ```\n */\nconst FieldControl = FieldPrimitive.Control;\n\n\nexport { Field, FieldLabel, FieldControl, FieldError, FieldDescription, FieldGroup, FieldLegend, FieldSeparator, FieldSet, FieldContent, FieldTitle, FieldValidity };\n"],"mappings":"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"}

package/dist/ui/components/ui/field.d.cts CHANGED Viewed

@@ -1,4 +1,5 @@
 import { VariantProps } from 'class-variance-authority';
+import { Field as FieldPrimitive } from '@base-ui/react/field';
 import { Fieldset as FieldsetPrimitive } from '@base-ui/react/fieldset';
 import * as React from 'react';
 /**
@@ -54,6 +55,9 @@ declare function FieldLegend({ className, variant, ...props }: FieldsetPrimitive
  * ```
  */
 declare function FieldGroup({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare const fieldVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
 /**
  * Coordinates one field control, label, description and validation state.
  * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: orientation='vertical'.
@@ -69,9 +73,10 @@ declare function FieldGroup({ className, ...props }: React.ComponentProps<'div'>
  * }
  * ```
  */
-declare const Field: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').FieldRootProps & VariantProps<(props?: ({
-    orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function Field({ ref, className, orientation, ...props }: React.PropsWithoutRef<FieldPrimitive.Root.Props & VariantProps<typeof fieldVariants>> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace Field {
+    var displayName: string;
+}
 /**
  * Groups the textual content adjacent to a field control.
  * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
@@ -103,7 +108,10 @@ declare function FieldContent({ className, ...props }: React.ComponentProps<'div
  * }
  * ```
  */
-declare const FieldLabel: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').FieldLabelProps, "ref"> & React.RefAttributes<HTMLLabelElement>>;
+declare function FieldLabel({ ref, className, ...props }: React.PropsWithoutRef<FieldPrimitive.Label.Props> & React.RefAttributes<HTMLLabelElement>): React.JSX.Element;
+declare namespace FieldLabel {
+    var displayName: string;
+}
 /**
  * Styles label-like title content without creating a label association.
  * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
@@ -135,7 +143,10 @@ declare function FieldTitle({ className, ...props }: React.ComponentProps<'div'>
  * }
  * ```
  */
-declare const FieldDescription: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').FieldDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+declare function FieldDescription({ ref, className, ...props }: React.PropsWithoutRef<FieldPrimitive.Description.Props> & React.RefAttributes<HTMLParagraphElement>): React.JSX.Element;
+declare namespace FieldDescription {
+    var displayName: string;
+}
 /**
  * Draws a divider with optional centered text between field groups.
  * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
@@ -172,17 +183,23 @@ declare function FieldSeparator({ children, className, ...props }: React.Compone
  * }
  * ```
  */
-declare const FieldError: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').FieldErrorProps & {
+declare function FieldError({ ref, className, children, errors, ...props }: React.PropsWithoutRef<FieldPrimitive.Error.Props & {
     /**
      * Explicit validation messages; duplicate message strings are collapsed and missing/empty messages may yield no content.
      */
     errors?: Array<{
+        /**
+         * Optional error message used for deduplication and display; missing messages do not render a list item.
+         */
         /**
          * Optional error message used for deduplication and display; missing messages do not render a list item.
          */
         message?: string;
     } | undefined>;
-}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+}> & React.RefAttributes<HTMLDivElement>): React.JSX.Element | null;
+declare namespace FieldError {
+    var displayName: string;
+}
 /**
  * Exposes the surrounding Base UI field validity state to its child renderer.
  * @param props - Inherited primitive configuration, children and controlled/default state; the upstream prop type remains authoritative.

package/dist/ui/components/ui/field.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
 import { VariantProps } from 'class-variance-authority';
+import { Field as FieldPrimitive } from '@base-ui/react/field';
 import { Fieldset as FieldsetPrimitive } from '@base-ui/react/fieldset';
 import * as React from 'react';
 /**
@@ -54,6 +55,9 @@ declare function FieldLegend({ className, variant, ...props }: FieldsetPrimitive
  * ```
  */
 declare function FieldGroup({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+declare const fieldVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
 /**
  * Coordinates one field control, label, description and validation state.
  * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling. Wrapper defaults: orientation='vertical'.
@@ -69,9 +73,10 @@ declare function FieldGroup({ className, ...props }: React.ComponentProps<'div'>
  * }
  * ```
  */
-declare const Field: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').FieldRootProps & VariantProps<(props?: ({
-    orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function Field({ ref, className, orientation, ...props }: React.PropsWithoutRef<FieldPrimitive.Root.Props & VariantProps<typeof fieldVariants>> & React.RefAttributes<HTMLDivElement>): React.JSX.Element;
+declare namespace Field {
+    var displayName: string;
+}
 /**
  * Groups the textual content adjacent to a field control.
  * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
@@ -103,7 +108,10 @@ declare function FieldContent({ className, ...props }: React.ComponentProps<'div
  * }
  * ```
  */
-declare const FieldLabel: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').FieldLabelProps, "ref"> & React.RefAttributes<HTMLLabelElement>>;
+declare function FieldLabel({ ref, className, ...props }: React.PropsWithoutRef<FieldPrimitive.Label.Props> & React.RefAttributes<HTMLLabelElement>): React.JSX.Element;
+declare namespace FieldLabel {
+    var displayName: string;
+}
 /**
  * Styles label-like title content without creating a label association.
  * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
@@ -135,7 +143,10 @@ declare function FieldTitle({ className, ...props }: React.ComponentProps<'div'>
  * }
  * ```
  */
-declare const FieldDescription: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').FieldDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+declare function FieldDescription({ ref, className, ...props }: React.PropsWithoutRef<FieldPrimitive.Description.Props> & React.RefAttributes<HTMLParagraphElement>): React.JSX.Element;
+declare namespace FieldDescription {
+    var displayName: string;
+}
 /**
  * Draws a divider with optional centered text between field groups.
  * @param props - Component attributes and children accepted by the declared Base UI or native prop type; className customizes wrapper styling.
@@ -172,17 +183,23 @@ declare function FieldSeparator({ children, className, ...props }: React.Compone
  * }
  * ```
  */
-declare const FieldError: React.ForwardRefExoticComponent<Omit<import('@base-ui/react').FieldErrorProps & {
+declare function FieldError({ ref, className, children, errors, ...props }: React.PropsWithoutRef<FieldPrimitive.Error.Props & {
     /**
      * Explicit validation messages; duplicate message strings are collapsed and missing/empty messages may yield no content.
      */
     errors?: Array<{
+        /**
+         * Optional error message used for deduplication and display; missing messages do not render a list item.
+         */
         /**
          * Optional error message used for deduplication and display; missing messages do not render a list item.
          */
         message?: string;
     } | undefined>;
-}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+}> & React.RefAttributes<HTMLDivElement>): React.JSX.Element | null;
+declare namespace FieldError {
+    var displayName: string;
+}
 /**
  * Exposes the surrounding Base UI field validity state to its child renderer.
  * @param props - Inherited primitive configuration, children and controlled/default state; the upstream prop type remains authoritative.

package/dist/ui/components/ui/field.js CHANGED Viewed

@@ -3,78 +3,84 @@
 import { cn as e } from "../../lib/utils.js";
 import { Separator as t } from "./separator.js";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import * as i from "react";
-import { useMemo as a } from "react";
-import { cva as o } from "class-variance-authority";
-import { Field as s } from "@base-ui/react/field";
-import { Fieldset as c } from "@base-ui/react/fieldset";
+import { useMemo as i } from "react";
+import { cva as a } from "class-variance-authority";
+import { Field as o } from "@base-ui/react/field";
+import { Fieldset as s } from "@base-ui/react/fieldset";
 //#region src/ui/components/ui/field.tsx
-function l({ className: t, ...r }) {
-	return /* @__PURE__ */ n(c.Root, {
+function c({ className: t, ...r }) {
+	return /* @__PURE__ */ n(s.Root, {
 		"data-slot": "field-set",
 		className: e("gap-4 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3 flex flex-col", t),
 		...r
 	});
 }
-function u({ className: t, variant: r = "legend", ...i }) {
-	return /* @__PURE__ */ n(c.Legend, {
+function l({ className: t, variant: r = "legend", ...i }) {
+	return /* @__PURE__ */ n(s.Legend, {
 		"data-slot": "field-legend",
 		"data-variant": r,
 		className: e("mb-1.5 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base", t),
 		...i
 	});
 }
-function d({ className: t, ...r }) {
+function u({ className: t, ...r }) {
 	return /* @__PURE__ */ n("div", {
 		"data-slot": "field-group",
 		className: e("gap-5 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4 group/field-group @container/field-group flex w-full flex-col", t),
 		...r
 	});
 }
-var f = o("data-[invalid]:text-destructive gap-2 group/field flex w-full", {
+var d = a("data-[invalid]:text-destructive gap-2 group/field flex w-full", {
 	variants: { orientation: {
 		vertical: "flex-col [&>*]:w-full [&>.sr-only]:w-auto",
 		horizontal: "flex-row items-center [&>[data-slot=field-label]]:w-24 [&>[data-slot=field-label]]:shrink-0 [&>[data-slot=field-label]]:text-right has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
 		responsive: "flex-row items-center [&>[data-slot=field-label]]:w-24 [&>[data-slot=field-label]]:shrink-0 [&>[data-slot=field-label]]:text-right has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px max-sm:flex-col max-sm:[&>*]:w-full max-sm:[&>[data-slot=field-label]]:w-full max-sm:[&>[data-slot=field-label]]:text-left"
 	} },
 	defaultVariants: { orientation: "vertical" }
-}), p = i.forwardRef(({ className: t, orientation: r = "vertical", ...i }, a) => /* @__PURE__ */ n(s.Root, {
-	ref: a,
-	"data-slot": "field",
-	"data-orientation": r,
-	className: e(f({ orientation: r }), t),
-	...i
-}));
-p.displayName = "Field";
-function m({ className: t, ...r }) {
+});
+function f({ ref: t, className: r, orientation: i = "vertical", ...a }) {
+	return /* @__PURE__ */ n(o.Root, {
+		ref: t,
+		"data-slot": "field",
+		"data-orientation": i,
+		className: e(d({ orientation: i }), r),
+		...a
+	});
+}
+f.displayName = "Field";
+function p({ className: t, ...r }) {
 	return /* @__PURE__ */ n("div", {
 		"data-slot": "field-content",
 		className: e("gap-0.5 group/field-content flex flex-1 flex-col leading-snug", t),
 		...r
 	});
 }
-var h = i.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n(s.Label, {
-	ref: i,
-	"data-slot": "field-label",
-	className: e("has-data-checked:bg-primary/5 has-data-checked:border-primary dark:has-data-checked:bg-primary/10 gap-2 group-data-[disabled]/field:opacity-50 has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-2.5 group/field-label peer/field-label flex w-fit leading-snug text-sm font-medium", "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col", "data-[invalid]:text-destructive", t),
-	...r
-}));
-h.displayName = "FieldLabel";
-function g({ className: t, ...r }) {
+function m({ ref: t, className: r, ...i }) {
+	return /* @__PURE__ */ n(o.Label, {
+		ref: t,
+		"data-slot": "field-label",
+		className: e("has-data-checked:bg-primary/5 has-data-checked:border-primary dark:has-data-checked:bg-primary/10 gap-2 group-data-[disabled]/field:opacity-50 has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-2.5 group/field-label peer/field-label flex w-fit leading-snug text-sm font-medium", "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col", "data-[invalid]:text-destructive", r),
+		...i
+	});
+}
+m.displayName = "FieldLabel";
+function h({ className: t, ...r }) {
 	return /* @__PURE__ */ n("div", {
 		"data-slot": "field-label",
 		className: e("gap-2 text-sm font-medium group-data-[disabled]/field:opacity-50 flex w-fit items-center leading-snug", t),
 		...r
 	});
 }
-var _ = i.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n(s.Description, {
-	ref: i,
-	"data-slot": "field-description",
-	className: e("text-muted-foreground text-left text-sm [[data-variant=legend]+&]:-mt-1.5 leading-normal font-normal group-has-[[data-orientation=horizontal]]/field:text-balance", "last:mt-0 nth-last-2:-mt-1", "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4", t),
-	...r
-}));
-_.displayName = "FieldDescription";
-function v({ children: i, className: a, ...o }) {
+function g({ ref: t, className: r, ...i }) {
+	return /* @__PURE__ */ n(o.Description, {
+		ref: t,
+		"data-slot": "field-description",
+		className: e("text-muted-foreground text-left text-sm [[data-variant=legend]+&]:-mt-1.5 leading-normal font-normal group-has-[[data-orientation=horizontal]]/field:text-balance", "last:mt-0 nth-last-2:-mt-1", "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4", r),
+		...i
+	});
+}
+g.displayName = "FieldDescription";
+function _({ children: i, className: a, ...o }) {
 	return /* @__PURE__ */ r("div", {
 		"data-slot": "field-separator",
 		"data-content": !!i,
@@ -87,27 +93,27 @@ function v({ children: i, className: a, ...o }) {
 		})]
 	});
 }
-var y = i.forwardRef(({ className: t, children: r, errors: i, ...o }, c) => {
-	let l = a(() => {
-		if (r) return r;
-		if (!i?.length) return null;
-		let e = [...new Map(i.map((e) => [e?.message, e])).values()];
+function v({ ref: t, className: r, children: a, errors: s, ...c }) {
+	let l = i(() => {
+		if (a) return a;
+		if (!s?.length) return null;
+		let e = [...new Map(s.map((e) => [e?.message, e])).values()];
 		return e?.length == 1 ? e[0]?.message : /* @__PURE__ */ n("ul", {
 			className: "ml-4 flex list-disc flex-col gap-1",
 			children: e.map((e, t) => e?.message && /* @__PURE__ */ n("li", { children: e.message }, t))
 		});
-	}, [r, i]);
-	return l ? /* @__PURE__ */ n(s.Error, {
-		ref: c,
+	}, [a, s]);
+	return l ? /* @__PURE__ */ n(o.Error, {
+		ref: t,
 		"data-slot": "field-error",
-		className: e("text-destructive text-sm font-normal", t),
-		...o,
+		className: e("text-destructive text-sm font-normal", r),
+		...c,
 		children: l
 	}) : null;
-});
-y.displayName = "FieldError";
-var b = s.Validity, x = s.Control;
+}
+v.displayName = "FieldError";
+var y = o.Validity, b = o.Control;
 //#endregion
-export { p as Field, m as FieldContent, x as FieldControl, _ as FieldDescription, y as FieldError, d as FieldGroup, h as FieldLabel, u as FieldLegend, v as FieldSeparator, l as FieldSet, g as FieldTitle, b as FieldValidity };
+export { f as Field, p as FieldContent, b as FieldControl, g as FieldDescription, v as FieldError, u as FieldGroup, m as FieldLabel, l as FieldLegend, _ as FieldSeparator, c as FieldSet, h as FieldTitle, y as FieldValidity };
 //# sourceMappingURL=field.js.map