@spark-ui/components 13.1.4 → 13.2.0

package/dist/form-field/FormFieldControl.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+import { FormFieldContextState } from './FormFieldContext';
+type State = Partial<Pick<FormFieldContextState, 'id' | 'name' | 'description' | 'labelId' | 'disabled' | 'readOnly' | 'state' | 'isInvalid' | 'isRequired'>>;
+export interface FormFieldControlProps {
+    children: (state: State) => ReactNode;
+}
+export declare const useFormFieldControl: () => State;
+export declare const FormFieldControl: {
+    ({ children }: FormFieldControlProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/form-field/FormFieldErrorMessage.d.ts

@@ -0,0 +1,9 @@
+import { Ref } from 'react';
+import { FormFieldStateMessageProps } from './FormFieldStateMessage';
+export type FormFieldErrorMessageProps = Omit<FormFieldStateMessageProps, 'state'> & {
+    ref?: Ref<HTMLSpanElement>;
+};
+export declare const FormFieldErrorMessage: {
+    ({ ref, ...props }: FormFieldErrorMessageProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/form-field/FormFieldHelperMessage.d.ts

@@ -0,0 +1,9 @@
+import { Ref } from 'react';
+import { FormFieldMessageProps } from './FormFieldMessage';
+export type FormFieldHelperMessageProps = FormFieldMessageProps & {
+    ref?: Ref<HTMLSpanElement>;
+};
+export declare const FormFieldHelperMessage: {
+    ({ className, ref, ...others }: FormFieldHelperMessageProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/form-field/FormFieldLabel.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode, Ref } from 'react';
+import { LabelProps } from '../label';
+export interface FormFieldLabelProps extends LabelProps {
+    /**
+     * Element shown when the input is required inside the label.
+     */
+    requiredIndicator?: ReactNode;
+    ref?: Ref<HTMLLabelElement>;
+}
+export declare const FormFieldLabel: {
+    ({ htmlFor: htmlForProp, className, children, requiredIndicator, asChild, ref, ...others }: FormFieldLabelProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/form-field/FormFieldMessage.d.ts

@@ -0,0 +1,8 @@
+import { ComponentPropsWithoutRef, Ref } from 'react';
+export type FormFieldMessageProps = ComponentPropsWithoutRef<'span'> & {
+    ref?: Ref<HTMLSpanElement>;
+};
+export declare const FormFieldMessage: {
+    ({ id: idProp, className, ref, ...others }: FormFieldMessageProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/form-field/FormFieldProvider.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { FormFieldContextState } from './FormFieldContext';
+export interface FormFieldProviderProps extends Pick<FormFieldContextState, 'id' | 'name' | 'disabled' | 'readOnly' | 'state' | 'isRequired'> {
+    children: ReactNode;
+}
+export declare const FormFieldProvider: {
+    ({ id, name, disabled, readOnly, state, isRequired, children, }: FormFieldProviderProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/form-field/FormFieldRequiredIndicator.d.ts

@@ -0,0 +1,9 @@
+import { Ref } from 'react';
+import { LabelRequiredIndicatorProps } from '../label';
+export type FormFieldRequiredIndicatorProps = LabelRequiredIndicatorProps & {
+    ref?: Ref<HTMLSpanElement>;
+};
+export declare const FormFieldRequiredIndicator: {
+    ({ className, ref, ...props }: FormFieldRequiredIndicatorProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/form-field/FormFieldStateMessage.d.ts

@@ -0,0 +1,10 @@
+import { Ref } from 'react';
+import { FormFieldMessageProps } from './FormFieldMessage';
+export interface FormFieldStateMessageProps extends FormFieldMessageProps {
+    state: 'error' | 'alert' | 'success';
+    ref?: Ref<HTMLSpanElement>;
+}
+export declare const FormFieldStateMessage: {
+    ({ className, state, children, ref, ...others }: FormFieldStateMessageProps): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};

package/dist/form-field/FormFieldSuccessMessage.d.ts

@@ -0,0 +1,9 @@
+import { Ref } from 'react';
+import { FormFieldStateMessageProps } from './FormFieldStateMessage';
+export type FormFieldSuccessMessageProps = Omit<FormFieldStateMessageProps, 'state'> & {
+    ref?: Ref<HTMLSpanElement>;
+};
+export declare const FormFieldSuccessMessage: {
+    ({ ref, ...props }: FormFieldSuccessMessageProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/form-field/index.d.mts

@@ -1,177 +1,14 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ComponentPropsWithoutRef, Ref, ReactNode } from 'react';
-import { b as LabelProps, c as LabelRequiredIndicatorProps } from '../LabelRequiredIndicator-DRnCzHMU.mjs';
-import 'radix-ui';
-
-interface FormFieldContextState {
-    /**
-     * Generated id for the input component.
-     */
-    id: string;
-    /**
-     * Generated id for the label component.
-     */
-    labelId?: string;
-    /**
-     * The name of the input. Submitted with its owning form as part of a name/value pair.
-     */
-    name?: string;
-    /**
-     * A set of ids separated by a space used to describe the input component given by a set of messages.
-     */
-    description?: string;
-    /**
-     * Disables the field and its associated input
-     */
-    disabled?: boolean;
-    /**
-     * Marks the field and its associated input as read only
-     */
-    readOnly?: boolean;
-    /**
-     * The validation state of the input.
-     */
-    state?: 'error' | 'success' | 'alert';
-    /**
-     * If true, the form field will be invalid.
-     */
-    isInvalid?: boolean;
-    /**
-     * If true, the form field will be required.
-     */
-    isRequired?: boolean;
-    /**
-     * Callback used to store a descriptive message.
-     */
-    onMessageIdAdd: (id: string) => void;
-    /**
-     * Callback used to remove a descriptive message.
-     */
-    onMessageIdRemove: (id: string) => void;
-}
-
-interface FormFieldProps extends ComponentPropsWithoutRef<'div'>, Pick<FormFieldContextState, 'name' | 'state' | 'isRequired'> {
-    /**
-     * Change the component to the HTML tag or custom component of the only child. This will merge the original component props with the props of the supplied element/component and change the underlying DOM node.
-     */
-    asChild?: boolean;
-    /**
-     * When `true`, prevents the user from interacting.
-     */
-    disabled?: boolean;
-    /**
-     * Sets the component as interactive or not.
-     */
-    readOnly?: boolean;
-    ref?: Ref<HTMLDivElement>;
-}
-declare const FormField$1: {
-    ({ className, disabled, readOnly, name, state, isRequired, asChild, ref, ...others }: FormFieldProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-type FormFieldMessageProps = ComponentPropsWithoutRef<'span'> & {
-    ref?: Ref<HTMLSpanElement>;
-};
-
-interface FormFieldStateMessageProps extends FormFieldMessageProps {
-    state: 'error' | 'alert' | 'success';
-    ref?: Ref<HTMLSpanElement>;
-}
-declare const FormFieldStateMessage: {
-    ({ className, state, children, ref, ...others }: FormFieldStateMessageProps): react_jsx_runtime.JSX.Element | null;
-    displayName: string;
-};
-
-type FormFieldAlertMessageProps = Omit<FormFieldStateMessageProps, 'state'> & {
-    ref?: Ref<HTMLSpanElement>;
-};
-declare const FormFieldAlertMessage: {
-    ({ ref, ...props }: FormFieldAlertMessageProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-type FormFieldCharactersCountProps = ComponentPropsWithoutRef<'span'> & {
-    /**
-     * This description is for the screen reader, read when the input is focused.
-     */
-    description?: string;
-    /**
-     * The live announcement is for the screen read after a delay once the input value changes.
-     */
-    liveAnnouncement?: ({ remainingChars }: {
-        remainingChars: number;
-    }) => string;
-    /**
-     * Current value for the input this component belongs to.
-     */
-    value?: string;
-    /**
-     * Maximum numeric value to be displayed.
-     */
-    maxLength: number;
-    ref?: Ref<HTMLSpanElement>;
-};
-declare const FormFieldCharactersCount: {
-    ({ className, value, maxLength, description, liveAnnouncement, ref, ...others }: FormFieldCharactersCountProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-type State = Partial<Pick<FormFieldContextState, 'id' | 'name' | 'description' | 'labelId' | 'disabled' | 'readOnly' | 'state' | 'isInvalid' | 'isRequired'>>;
-interface FormFieldControlProps {
-    children: (state: State) => ReactNode;
-}
-declare const useFormFieldControl: () => State;
-declare const FormFieldControl: {
-    ({ children }: FormFieldControlProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-type FormFieldErrorMessageProps = Omit<FormFieldStateMessageProps, 'state'> & {
-    ref?: Ref<HTMLSpanElement>;
-};
-declare const FormFieldErrorMessage: {
-    ({ ref, ...props }: FormFieldErrorMessageProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-type FormFieldHelperMessageProps = FormFieldMessageProps & {
-    ref?: Ref<HTMLSpanElement>;
-};
-declare const FormFieldHelperMessage: {
-    ({ className, ref, ...others }: FormFieldHelperMessageProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-interface FormFieldLabelProps extends LabelProps {
-    /**
-     * Element shown when the input is required inside the label.
-     */
-    requiredIndicator?: ReactNode;
-    ref?: Ref<HTMLLabelElement>;
-}
-declare const FormFieldLabel: {
-    ({ htmlFor: htmlForProp, className, children, requiredIndicator, asChild, ref, ...others }: FormFieldLabelProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-type FormFieldRequiredIndicatorProps = LabelRequiredIndicatorProps & {
-    ref?: Ref<HTMLSpanElement>;
-};
-declare const FormFieldRequiredIndicator: {
-    ({ className, ref, ...props }: FormFieldRequiredIndicatorProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-type FormFieldSuccessMessageProps = Omit<FormFieldStateMessageProps, 'state'> & {
-    ref?: Ref<HTMLSpanElement>;
-};
-declare const FormFieldSuccessMessage: {
-    ({ ref, ...props }: FormFieldSuccessMessageProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-declare const FormField: typeof FormField$1 & {
+import { FormField as Root } from './FormField';
+import { FormFieldAlertMessage } from './FormFieldAlertMessage';
+import { FormFieldCharactersCount } from './FormFieldCharactersCount';
+import { FormFieldControl } from './FormFieldControl';
+import { FormFieldErrorMessage } from './FormFieldErrorMessage';
+import { FormFieldHelperMessage } from './FormFieldHelperMessage';
+import { FormFieldLabel } from './FormFieldLabel';
+import { FormFieldRequiredIndicator } from './FormFieldRequiredIndicator';
+import { FormFieldStateMessage } from './FormFieldStateMessage';
+import { FormFieldSuccessMessage } from './FormFieldSuccessMessage';
+export declare const FormField: typeof Root & {
     Label: typeof FormFieldLabel;
     Control: typeof FormFieldControl;
     StateMessage: typeof FormFieldStateMessage;
@@ -182,5 +19,13 @@ declare const FormField: typeof FormField$1 & {
     RequiredIndicator: typeof FormFieldRequiredIndicator;
     CharactersCount: typeof FormFieldCharactersCount;
 };
-
-export { FormField, type FormFieldAlertMessageProps, type FormFieldCharactersCountProps, FormFieldControl, type FormFieldErrorMessageProps, type FormFieldHelperMessageProps, type FormFieldLabelProps, type FormFieldProps, type FormFieldRequiredIndicatorProps, type FormFieldStateMessageProps, type FormFieldSuccessMessageProps, useFormFieldControl };
+export { type FormFieldProps } from './FormField';
+export { type FormFieldStateMessageProps } from './FormFieldStateMessage';
+export { type FormFieldControl, useFormFieldControl } from './FormFieldControl';
+export { type FormFieldHelperMessageProps } from './FormFieldHelperMessage';
+export { type FormFieldSuccessMessageProps } from './FormFieldSuccessMessage';
+export { type FormFieldAlertMessageProps } from './FormFieldAlertMessage';
+export { type FormFieldErrorMessageProps } from './FormFieldErrorMessage';
+export { type FormFieldLabelProps } from './FormFieldLabel';
+export { type FormFieldRequiredIndicatorProps } from './FormFieldRequiredIndicator';
+export { type FormFieldCharactersCountProps } from './FormFieldCharactersCount';

package/dist/form-field/index.d.ts

@@ -1,177 +1,14 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ComponentPropsWithoutRef, Ref, ReactNode } from 'react';
-import { b as LabelProps, c as LabelRequiredIndicatorProps } from '../LabelRequiredIndicator-DRnCzHMU.js';
-import 'radix-ui';
-
-interface FormFieldContextState {
-    /**
-     * Generated id for the input component.
-     */
-    id: string;
-    /**
-     * Generated id for the label component.
-     */
-    labelId?: string;
-    /**
-     * The name of the input. Submitted with its owning form as part of a name/value pair.
-     */
-    name?: string;
-    /**
-     * A set of ids separated by a space used to describe the input component given by a set of messages.
-     */
-    description?: string;
-    /**
-     * Disables the field and its associated input
-     */
-    disabled?: boolean;
-    /**
-     * Marks the field and its associated input as read only
-     */
-    readOnly?: boolean;
-    /**
-     * The validation state of the input.
-     */
-    state?: 'error' | 'success' | 'alert';
-    /**
-     * If true, the form field will be invalid.
-     */
-    isInvalid?: boolean;
-    /**
-     * If true, the form field will be required.
-     */
-    isRequired?: boolean;
-    /**
-     * Callback used to store a descriptive message.
-     */
-    onMessageIdAdd: (id: string) => void;
-    /**
-     * Callback used to remove a descriptive message.
-     */
-    onMessageIdRemove: (id: string) => void;
-}
-
-interface FormFieldProps extends ComponentPropsWithoutRef<'div'>, Pick<FormFieldContextState, 'name' | 'state' | 'isRequired'> {
-    /**
-     * Change the component to the HTML tag or custom component of the only child. This will merge the original component props with the props of the supplied element/component and change the underlying DOM node.
-     */
-    asChild?: boolean;
-    /**
-     * When `true`, prevents the user from interacting.
-     */
-    disabled?: boolean;
-    /**
-     * Sets the component as interactive or not.
-     */
-    readOnly?: boolean;
-    ref?: Ref<HTMLDivElement>;
-}
-declare const FormField$1: {
-    ({ className, disabled, readOnly, name, state, isRequired, asChild, ref, ...others }: FormFieldProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-type FormFieldMessageProps = ComponentPropsWithoutRef<'span'> & {
-    ref?: Ref<HTMLSpanElement>;
-};
-
-interface FormFieldStateMessageProps extends FormFieldMessageProps {
-    state: 'error' | 'alert' | 'success';
-    ref?: Ref<HTMLSpanElement>;
-}
-declare const FormFieldStateMessage: {
-    ({ className, state, children, ref, ...others }: FormFieldStateMessageProps): react_jsx_runtime.JSX.Element | null;
-    displayName: string;
-};
-
-type FormFieldAlertMessageProps = Omit<FormFieldStateMessageProps, 'state'> & {
-    ref?: Ref<HTMLSpanElement>;
-};
-declare const FormFieldAlertMessage: {
-    ({ ref, ...props }: FormFieldAlertMessageProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-type FormFieldCharactersCountProps = ComponentPropsWithoutRef<'span'> & {
-    /**
-     * This description is for the screen reader, read when the input is focused.
-     */
-    description?: string;
-    /**
-     * The live announcement is for the screen read after a delay once the input value changes.
-     */
-    liveAnnouncement?: ({ remainingChars }: {
-        remainingChars: number;
-    }) => string;
-    /**
-     * Current value for the input this component belongs to.
-     */
-    value?: string;
-    /**
-     * Maximum numeric value to be displayed.
-     */
-    maxLength: number;
-    ref?: Ref<HTMLSpanElement>;
-};
-declare const FormFieldCharactersCount: {
-    ({ className, value, maxLength, description, liveAnnouncement, ref, ...others }: FormFieldCharactersCountProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-type State = Partial<Pick<FormFieldContextState, 'id' | 'name' | 'description' | 'labelId' | 'disabled' | 'readOnly' | 'state' | 'isInvalid' | 'isRequired'>>;
-interface FormFieldControlProps {
-    children: (state: State) => ReactNode;
-}
-declare const useFormFieldControl: () => State;
-declare const FormFieldControl: {
-    ({ children }: FormFieldControlProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-type FormFieldErrorMessageProps = Omit<FormFieldStateMessageProps, 'state'> & {
-    ref?: Ref<HTMLSpanElement>;
-};
-declare const FormFieldErrorMessage: {
-    ({ ref, ...props }: FormFieldErrorMessageProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-type FormFieldHelperMessageProps = FormFieldMessageProps & {
-    ref?: Ref<HTMLSpanElement>;
-};
-declare const FormFieldHelperMessage: {
-    ({ className, ref, ...others }: FormFieldHelperMessageProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-interface FormFieldLabelProps extends LabelProps {
-    /**
-     * Element shown when the input is required inside the label.
-     */
-    requiredIndicator?: ReactNode;
-    ref?: Ref<HTMLLabelElement>;
-}
-declare const FormFieldLabel: {
-    ({ htmlFor: htmlForProp, className, children, requiredIndicator, asChild, ref, ...others }: FormFieldLabelProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-type FormFieldRequiredIndicatorProps = LabelRequiredIndicatorProps & {
-    ref?: Ref<HTMLSpanElement>;
-};
-declare const FormFieldRequiredIndicator: {
-    ({ className, ref, ...props }: FormFieldRequiredIndicatorProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-type FormFieldSuccessMessageProps = Omit<FormFieldStateMessageProps, 'state'> & {
-    ref?: Ref<HTMLSpanElement>;
-};
-declare const FormFieldSuccessMessage: {
-    ({ ref, ...props }: FormFieldSuccessMessageProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-declare const FormField: typeof FormField$1 & {
+import { FormField as Root } from './FormField';
+import { FormFieldAlertMessage } from './FormFieldAlertMessage';
+import { FormFieldCharactersCount } from './FormFieldCharactersCount';
+import { FormFieldControl } from './FormFieldControl';
+import { FormFieldErrorMessage } from './FormFieldErrorMessage';
+import { FormFieldHelperMessage } from './FormFieldHelperMessage';
+import { FormFieldLabel } from './FormFieldLabel';
+import { FormFieldRequiredIndicator } from './FormFieldRequiredIndicator';
+import { FormFieldStateMessage } from './FormFieldStateMessage';
+import { FormFieldSuccessMessage } from './FormFieldSuccessMessage';
+export declare const FormField: typeof Root & {
     Label: typeof FormFieldLabel;
     Control: typeof FormFieldControl;
     StateMessage: typeof FormFieldStateMessage;
@@ -182,5 +19,13 @@ declare const FormField: typeof FormField$1 & {
     RequiredIndicator: typeof FormFieldRequiredIndicator;
     CharactersCount: typeof FormFieldCharactersCount;
 };
-
-export { FormField, type FormFieldAlertMessageProps, type FormFieldCharactersCountProps, FormFieldControl, type FormFieldErrorMessageProps, type FormFieldHelperMessageProps, type FormFieldLabelProps, type FormFieldProps, type FormFieldRequiredIndicatorProps, type FormFieldStateMessageProps, type FormFieldSuccessMessageProps, useFormFieldControl };
+export { type FormFieldProps } from './FormField';
+export { type FormFieldStateMessageProps } from './FormFieldStateMessage';
+export { type FormFieldControl, useFormFieldControl } from './FormFieldControl';
+export { type FormFieldHelperMessageProps } from './FormFieldHelperMessage';
+export { type FormFieldSuccessMessageProps } from './FormFieldSuccessMessage';
+export { type FormFieldAlertMessageProps } from './FormFieldAlertMessage';
+export { type FormFieldErrorMessageProps } from './FormFieldErrorMessage';
+export { type FormFieldLabelProps } from './FormFieldLabel';
+export { type FormFieldRequiredIndicatorProps } from './FormFieldRequiredIndicator';
+export { type FormFieldCharactersCountProps } from './FormFieldCharactersCount';