@cube-dev/ui-kit 0.196.0 → 0.198.0

package/dist/components/form/Form/Field.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { warn } from "../../../utils/warnings.js";
 import { useValidationProps } from "../validation/use-validation-props.js";
@@ -9,7 +9,6 @@ import { useField } from "./use-field/use-field.js";
 import { c } from "react/compiler-runtime";
 import { Children, cloneElement, createContext, useContext } from "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/form/Form/Field.tsx
 function getDefaultValidateTrigger(type) {
 	type = type || "";
@@ -149,7 +148,7 @@ function useInsideLegacyField() {
 	const { insideLegacyField: t0 } = useContext(LegacyFieldContext);
 	return t0 === void 0 ? false : t0;
 }
-
 //#endregion
 export { Field, useInsideLegacyField };
+
 //# sourceMappingURL=Field.js.map

package/dist/components/form/Form/Field.js.map

@@ -1 +1 @@
-{"version":3,"file":"Field.js","names":["Styles","Children","cloneElement","createContext","PropsWithChildren","ReactElement","useContext","FieldBaseProps","LabelPosition","mergeProps","warn","FieldWrapper","warnAboutLegacyTooltip","useValidationProps","useFormProps","FieldTypes","useField","CubeFormInstance","getDefaultValidateTrigger","type","includes","getValueProps","value","onChange","allowsCustomValue","String","isSelected","isIndeterminate","undefined","selectedKey","inputValue","onInputChange","val","onSelectionChange","CubeFieldProps","name","defaultValue","styles","children","form","T","CubeFullFieldProps","CubeReplaceFieldProps","isRequired","isOptional","any","onBlur","labelPosition","Field","props","allProps","label","extra","necessityIndicator","labelTooltip","isHidden","isDisabled","isLoading","labelProps","labelStyles","labelSuffix","child","only","inputType","cubeInputType","__props","defaultValidationTrigger","isInvalid","isValid","message","description","errorMessage","id","resolvedNecessityIndicator","for","nonInput","field","newProps","childDeclaresNecessity","Object","assign","childProps","LegacyFieldContextValue","insideLegacyField","LegacyFieldContext","INSIDE_LEGACY_FIELD","LegacyFieldProvider","$","_c","t0","useInsideLegacyField"],"sources":["../../../../src/components/form/Form/Field.tsx"],"sourcesContent":["import { Styles } from '@tenphi/tasty';\nimport {\n  Children,\n  cloneElement,\n  createContext,\n  PropsWithChildren,\n  ReactElement,\n  useContext,\n} from 'react';\n\nimport { FieldBaseProps, LabelPosition } from '../../../shared/index';\nimport { mergeProps } from '../../../utils/react/index';\nimport { warn } from '../../../utils/warnings';\nimport { FieldWrapper } from '../FieldWrapper/index';\nimport { warnAboutLegacyTooltip } from '../legacy-tooltip';\nimport { useValidationProps } from '../validation/index';\n\nimport { useFormProps } from './Form';\nimport { FieldTypes } from './types';\nimport { useField } from './use-field/index';\nimport { CubeFormInstance } from './use-form';\n\nfunction getDefaultValidateTrigger(type) {\n  type = type || '';\n\n  return type === 'Number' || type.includes('Text') ? 'onBlur' : 'onChange';\n}\n\nfunction getValueProps(\n  type?: string,\n  value?,\n  onChange?,\n  allowsCustomValue?: boolean,\n) {\n  type = type || '';\n\n  if (type === 'Number') {\n    return {\n      value: value != null ? value : null,\n      onChange: onChange,\n    };\n  } else if (type === 'Text') {\n    return {\n      value:\n        typeof value === 'string' || typeof value === 'number'\n          ? String(value)\n          : '',\n      onChange: onChange,\n    };\n  } else if (type === 'Checkbox') {\n    return {\n      isSelected: value != null ? value : false,\n      isIndeterminate: false,\n      onChange: onChange,\n    };\n  } else if (type === 'CheckboxGroup') {\n    return {\n      value: value != null ? value : [],\n      onChange: onChange,\n    };\n  } else if (type === 'RangeSlider') {\n    return {\n      value: value != null ? value : undefined,\n      onChange: onChange,\n    };\n  } else if (type === 'ComboBox') {\n    return {\n      selectedKey: !allowsCustomValue ? value ?? null : undefined,\n      inputValue: allowsCustomValue ? value ?? '' : undefined,\n      onInputChange(val) {\n        if (!allowsCustomValue) {\n          return;\n        }\n\n        onChange(val);\n      },\n      onSelectionChange(val: string) {\n        if (val == null && allowsCustomValue) {\n          return;\n        }\n\n        onChange(val);\n      },\n    };\n  } else if (type === 'Select') {\n    return {\n      selectedKey: value ?? null,\n      onSelectionChange: onChange,\n    };\n  }\n\n  return {\n    value: value != null ? value : null,\n    onChange,\n  };\n}\n\nexport interface CubeFieldProps<T extends FieldTypes> extends FieldBaseProps {\n  /** Legacy field name; nested fields use dot notation. */\n  name?: string;\n  /** The initial value of the input. */\n  defaultValue?: any;\n  styles?: Styles;\n  children?: ReactElement | ((CubeFormInstance) => ReactElement);\n  /** The form instance */\n  form?: CubeFormInstance<T>;\n}\n\ninterface CubeFullFieldProps<T extends FieldTypes> extends CubeFieldProps<T> {\n  form: CubeFormInstance<T>;\n}\n\ninterface CubeReplaceFieldProps<T extends FieldTypes>\n  extends CubeFieldProps<T> {\n  isRequired?: boolean;\n  isOptional?: boolean;\n  onChange?: (any) => void;\n  onSelectionChange?: (any) => void;\n  onBlur: () => void;\n  labelPosition?: LabelPosition;\n}\n\nexport function Field<T extends FieldTypes>(props: CubeFieldProps<T>) {\n  'use no memo';\n  // Legacy form state is mutable; preserve its render-time reads until migration.\n\n  const allProps: CubeFullFieldProps<T> = useValidationProps(\n    useFormProps(props),\n  );\n\n  let {\n    children,\n    form,\n    label,\n    extra,\n    necessityIndicator,\n    labelTooltip,\n    isHidden,\n    isDisabled,\n    isLoading,\n    isOptional,\n    styles,\n    labelProps,\n    labelPosition = 'top',\n    labelStyles,\n    labelSuffix,\n  } = allProps;\n\n  if (typeof children === 'function') {\n    children = children(form);\n  }\n\n  if (label) {\n    warnAboutLegacyTooltip(allProps);\n  }\n\n  let child = children == null ? null : Children.only(children);\n\n  const inputType = (child?.type as any)?.cubeInputType ?? 'Text';\n\n  const __props = useField<T, CubeFullFieldProps<T>>(allProps, {\n    defaultValidationTrigger: getDefaultValidateTrigger(inputType),\n  });\n\n  const {\n    isInvalid,\n    isValid,\n    message,\n    description,\n    errorMessage,\n    isRequired,\n    name,\n    id,\n  } = __props;\n\n  // `useField` reports `null` here when `isRequired` came from a `required` rule\n  // rather than from the props, which suppresses the label marker. An indicator\n  // set on the `Field` itself is an explicit request and outranks that.\n  const resolvedNecessityIndicator =\n    necessityIndicator !== undefined\n      ? necessityIndicator\n      : __props.necessityIndicator;\n\n  if (!child) return null;\n\n  if (id) {\n    if (!labelProps) {\n      labelProps = {};\n    }\n\n    labelProps.for = id;\n  }\n\n  if (__props.nonInput) {\n    return (\n      <LegacyFieldProvider>\n        <FieldWrapper\n          isHidden={isHidden}\n          isDisabled={isDisabled}\n          isInvalid={isInvalid}\n          isValid={isValid}\n          necessityIndicator={resolvedNecessityIndicator}\n          isRequired={isRequired}\n          isOptional={isOptional}\n          label={label}\n          labelProps={labelProps}\n          extra={extra}\n          labelTooltip={labelTooltip}\n          message={message}\n          description={description}\n          errorMessage={errorMessage}\n          Component={child}\n          styles={styles}\n          labelPosition={labelPosition}\n          labelStyles={labelStyles}\n          labelSuffix={labelSuffix}\n        />\n      </LegacyFieldProvider>\n    );\n  }\n\n  if (!form) {\n    warn(\n      'Form Field requires declared form instance if field name is specified',\n    );\n\n    return null;\n  }\n\n  if (!__props.field) {\n    return (\n      <LegacyFieldProvider>\n        {cloneElement(\n          child,\n          mergeProps(child.props as any, {\n            ...getValueProps(inputType),\n            label: name,\n            name,\n            id,\n          }),\n        )}\n      </LegacyFieldProvider>\n    );\n  }\n\n  const newProps: CubeReplaceFieldProps<T> = {\n    id,\n    name,\n    onBlur: __props.onBlur,\n  };\n\n  // A `null` indicator suppresses the marker for a rule-derived `isRequired`. It\n  // must not override a necessity the child input declares for itself, which the\n  // `useField` above never saw.\n  const childDeclaresNecessity =\n    (child.props as any).isRequired != null ||\n    (child.props as any).necessityIndicator !== undefined;\n\n  if (\n    resolvedNecessityIndicator !== undefined &&\n    !(resolvedNecessityIndicator === null && childDeclaresNecessity)\n  ) {\n    newProps.necessityIndicator = resolvedNecessityIndicator;\n  }\n\n  if (isInvalid) {\n    newProps.isInvalid = isInvalid;\n  }\n\n  if (isValid) {\n    newProps.isValid = isValid;\n  }\n\n  if (isRequired) {\n    newProps.isRequired = isRequired;\n  }\n\n  if (isOptional != null) {\n    newProps.isOptional = isOptional;\n  }\n\n  if (label) {\n    newProps.label = label;\n  }\n\n  if (extra) {\n    newProps.extra = extra;\n  }\n\n  if (labelTooltip) {\n    newProps.labelTooltip = labelTooltip;\n  }\n\n  if (message !== undefined) {\n    newProps.message = message;\n  }\n\n  if (errorMessage !== undefined) {\n    newProps.errorMessage = errorMessage;\n  }\n\n  if (description !== undefined) {\n    newProps.description = description;\n  }\n\n  if (isHidden != null) {\n    newProps.isHidden = isHidden;\n  }\n\n  if (isDisabled != null) {\n    newProps.isDisabled = isDisabled;\n  }\n\n  if (isLoading != null) {\n    newProps.isLoading = isLoading;\n  }\n\n  Object.assign(\n    newProps,\n    getValueProps(\n      inputType,\n      __props.field?.value,\n      __props.onChange,\n      (child.props as any).allowsCustomValue,\n    ),\n  );\n\n  const { onChange, onSelectionChange, ...childProps } = child.props as any;\n\n  // onChange event passed to the child should be executed after Form onChange logic\n  return (\n    <LegacyFieldProvider>\n      {cloneElement(\n        child,\n        mergeProps(\n          childProps,\n          newProps,\n          onChange ? { onChange: __props.onChange } : {},\n          onSelectionChange ? { onSelectionChange: __props.onChange } : {},\n        ),\n      )}\n    </LegacyFieldProvider>\n  );\n}\n\ntype LegacyFieldContextValue = {\n  insideLegacyField: boolean;\n};\n\nconst LegacyFieldContext = createContext<LegacyFieldContextValue>({\n  insideLegacyField: false,\n});\n\nconst INSIDE_LEGACY_FIELD: LegacyFieldContextValue = {\n  insideLegacyField: true,\n};\n\nfunction LegacyFieldProvider(props: PropsWithChildren<unknown>) {\n  return (\n    <LegacyFieldContext.Provider value={INSIDE_LEGACY_FIELD}>\n      {props.children}\n    </LegacyFieldContext.Provider>\n  );\n}\n\nexport function useInsideLegacyField() {\n  const { insideLegacyField = false } = useContext(LegacyFieldContext);\n\n  return insideLegacyField;\n}\n"],"mappings":"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"}
+{"version":3,"file":"Field.js","names":["Styles","Children","cloneElement","createContext","PropsWithChildren","ReactElement","useContext","FieldBaseProps","LabelPosition","mergeProps","warn","FieldWrapper","warnAboutLegacyTooltip","useValidationProps","useFormProps","FieldTypes","useField","CubeFormInstance","getDefaultValidateTrigger","type","includes","getValueProps","value","onChange","allowsCustomValue","String","isSelected","isIndeterminate","undefined","selectedKey","inputValue","onInputChange","val","onSelectionChange","CubeFieldProps","name","defaultValue","styles","children","form","T","CubeFullFieldProps","CubeReplaceFieldProps","isRequired","isOptional","any","onBlur","labelPosition","Field","props","allProps","label","extra","necessityIndicator","labelTooltip","isHidden","isDisabled","isLoading","labelProps","labelStyles","labelSuffix","child","only","inputType","cubeInputType","__props","defaultValidationTrigger","isInvalid","isValid","message","description","errorMessage","id","resolvedNecessityIndicator","for","nonInput","field","newProps","childDeclaresNecessity","Object","assign","childProps","LegacyFieldContextValue","insideLegacyField","LegacyFieldContext","INSIDE_LEGACY_FIELD","LegacyFieldProvider","$","_c","t0","useInsideLegacyField","_c"],"sources":["../../../../src/components/form/Form/Field.tsx"],"sourcesContent":["import { Styles } from '@tenphi/tasty';\nimport {\n  Children,\n  cloneElement,\n  createContext,\n  PropsWithChildren,\n  ReactElement,\n  useContext,\n} from 'react';\n\nimport { FieldBaseProps, LabelPosition } from '../../../shared/index';\nimport { mergeProps } from '../../../utils/react/index';\nimport { warn } from '../../../utils/warnings';\nimport { FieldWrapper } from '../FieldWrapper/index';\nimport { warnAboutLegacyTooltip } from '../legacy-tooltip';\nimport { useValidationProps } from '../validation/index';\n\nimport { useFormProps } from './Form';\nimport { FieldTypes } from './types';\nimport { useField } from './use-field/index';\nimport { CubeFormInstance } from './use-form';\n\nfunction getDefaultValidateTrigger(type) {\n  type = type || '';\n\n  return type === 'Number' || type.includes('Text') ? 'onBlur' : 'onChange';\n}\n\nfunction getValueProps(\n  type?: string,\n  value?,\n  onChange?,\n  allowsCustomValue?: boolean,\n) {\n  type = type || '';\n\n  if (type === 'Number') {\n    return {\n      value: value != null ? value : null,\n      onChange: onChange,\n    };\n  } else if (type === 'Text') {\n    return {\n      value:\n        typeof value === 'string' || typeof value === 'number'\n          ? String(value)\n          : '',\n      onChange: onChange,\n    };\n  } else if (type === 'Checkbox') {\n    return {\n      isSelected: value != null ? value : false,\n      isIndeterminate: false,\n      onChange: onChange,\n    };\n  } else if (type === 'CheckboxGroup') {\n    return {\n      value: value != null ? value : [],\n      onChange: onChange,\n    };\n  } else if (type === 'RangeSlider') {\n    return {\n      value: value != null ? value : undefined,\n      onChange: onChange,\n    };\n  } else if (type === 'ComboBox') {\n    return {\n      selectedKey: !allowsCustomValue ? (value ?? null) : undefined,\n      inputValue: allowsCustomValue ? (value ?? '') : undefined,\n      onInputChange(val) {\n        if (!allowsCustomValue) {\n          return;\n        }\n\n        onChange(val);\n      },\n      onSelectionChange(val: string) {\n        if (val == null && allowsCustomValue) {\n          return;\n        }\n\n        onChange(val);\n      },\n    };\n  } else if (type === 'Select') {\n    return {\n      selectedKey: value ?? null,\n      onSelectionChange: onChange,\n    };\n  }\n\n  return {\n    value: value != null ? value : null,\n    onChange,\n  };\n}\n\nexport interface CubeFieldProps<T extends FieldTypes> extends FieldBaseProps {\n  /** Legacy field name; nested fields use dot notation. */\n  name?: string;\n  /** The initial value of the input. */\n  defaultValue?: any;\n  styles?: Styles;\n  children?: ReactElement | ((CubeFormInstance) => ReactElement);\n  /** The form instance */\n  form?: CubeFormInstance<T>;\n}\n\ninterface CubeFullFieldProps<T extends FieldTypes> extends CubeFieldProps<T> {\n  form: CubeFormInstance<T>;\n}\n\ninterface CubeReplaceFieldProps<\n  T extends FieldTypes,\n> extends CubeFieldProps<T> {\n  isRequired?: boolean;\n  isOptional?: boolean;\n  onChange?: (any) => void;\n  onSelectionChange?: (any) => void;\n  onBlur: () => void;\n  labelPosition?: LabelPosition;\n}\n\nexport function Field<T extends FieldTypes>(props: CubeFieldProps<T>) {\n  'use no memo';\n  // Legacy form state is mutable; preserve its render-time reads until migration.\n\n  const allProps: CubeFullFieldProps<T> = useValidationProps(\n    useFormProps(props),\n  );\n\n  let {\n    children,\n    form,\n    label,\n    extra,\n    necessityIndicator,\n    labelTooltip,\n    isHidden,\n    isDisabled,\n    isLoading,\n    isOptional,\n    styles,\n    labelProps,\n    labelPosition = 'top',\n    labelStyles,\n    labelSuffix,\n  } = allProps;\n\n  if (typeof children === 'function') {\n    children = children(form);\n  }\n\n  if (label) {\n    warnAboutLegacyTooltip(allProps);\n  }\n\n  let child = children == null ? null : Children.only(children);\n\n  const inputType = (child?.type as any)?.cubeInputType ?? 'Text';\n\n  const __props = useField<T, CubeFullFieldProps<T>>(allProps, {\n    defaultValidationTrigger: getDefaultValidateTrigger(inputType),\n  });\n\n  const {\n    isInvalid,\n    isValid,\n    message,\n    description,\n    errorMessage,\n    isRequired,\n    name,\n    id,\n  } = __props;\n\n  // `useField` reports `null` here when `isRequired` came from a `required` rule\n  // rather than from the props, which suppresses the label marker. An indicator\n  // set on the `Field` itself is an explicit request and outranks that.\n  const resolvedNecessityIndicator =\n    necessityIndicator !== undefined\n      ? necessityIndicator\n      : __props.necessityIndicator;\n\n  if (!child) return null;\n\n  if (id) {\n    if (!labelProps) {\n      labelProps = {};\n    }\n\n    labelProps.for = id;\n  }\n\n  if (__props.nonInput) {\n    return (\n      <LegacyFieldProvider>\n        <FieldWrapper\n          isHidden={isHidden}\n          isDisabled={isDisabled}\n          isInvalid={isInvalid}\n          isValid={isValid}\n          necessityIndicator={resolvedNecessityIndicator}\n          isRequired={isRequired}\n          isOptional={isOptional}\n          label={label}\n          labelProps={labelProps}\n          extra={extra}\n          labelTooltip={labelTooltip}\n          message={message}\n          description={description}\n          errorMessage={errorMessage}\n          Component={child}\n          styles={styles}\n          labelPosition={labelPosition}\n          labelStyles={labelStyles}\n          labelSuffix={labelSuffix}\n        />\n      </LegacyFieldProvider>\n    );\n  }\n\n  if (!form) {\n    warn(\n      'Form Field requires declared form instance if field name is specified',\n    );\n\n    return null;\n  }\n\n  if (!__props.field) {\n    return (\n      <LegacyFieldProvider>\n        {cloneElement(\n          child,\n          mergeProps(child.props as any, {\n            ...getValueProps(inputType),\n            label: name,\n            name,\n            id,\n          }),\n        )}\n      </LegacyFieldProvider>\n    );\n  }\n\n  const newProps: CubeReplaceFieldProps<T> = {\n    id,\n    name,\n    onBlur: __props.onBlur,\n  };\n\n  // A `null` indicator suppresses the marker for a rule-derived `isRequired`. It\n  // must not override a necessity the child input declares for itself, which the\n  // `useField` above never saw.\n  const childDeclaresNecessity =\n    (child.props as any).isRequired != null ||\n    (child.props as any).necessityIndicator !== undefined;\n\n  if (\n    resolvedNecessityIndicator !== undefined &&\n    !(resolvedNecessityIndicator === null && childDeclaresNecessity)\n  ) {\n    newProps.necessityIndicator = resolvedNecessityIndicator;\n  }\n\n  if (isInvalid) {\n    newProps.isInvalid = isInvalid;\n  }\n\n  if (isValid) {\n    newProps.isValid = isValid;\n  }\n\n  if (isRequired) {\n    newProps.isRequired = isRequired;\n  }\n\n  if (isOptional != null) {\n    newProps.isOptional = isOptional;\n  }\n\n  if (label) {\n    newProps.label = label;\n  }\n\n  if (extra) {\n    newProps.extra = extra;\n  }\n\n  if (labelTooltip) {\n    newProps.labelTooltip = labelTooltip;\n  }\n\n  if (message !== undefined) {\n    newProps.message = message;\n  }\n\n  if (errorMessage !== undefined) {\n    newProps.errorMessage = errorMessage;\n  }\n\n  if (description !== undefined) {\n    newProps.description = description;\n  }\n\n  if (isHidden != null) {\n    newProps.isHidden = isHidden;\n  }\n\n  if (isDisabled != null) {\n    newProps.isDisabled = isDisabled;\n  }\n\n  if (isLoading != null) {\n    newProps.isLoading = isLoading;\n  }\n\n  Object.assign(\n    newProps,\n    getValueProps(\n      inputType,\n      __props.field?.value,\n      __props.onChange,\n      (child.props as any).allowsCustomValue,\n    ),\n  );\n\n  const { onChange, onSelectionChange, ...childProps } = child.props as any;\n\n  // onChange event passed to the child should be executed after Form onChange logic\n  return (\n    <LegacyFieldProvider>\n      {cloneElement(\n        child,\n        mergeProps(\n          childProps,\n          newProps,\n          onChange ? { onChange: __props.onChange } : {},\n          onSelectionChange ? { onSelectionChange: __props.onChange } : {},\n        ),\n      )}\n    </LegacyFieldProvider>\n  );\n}\n\ntype LegacyFieldContextValue = {\n  insideLegacyField: boolean;\n};\n\nconst LegacyFieldContext = createContext<LegacyFieldContextValue>({\n  insideLegacyField: false,\n});\n\nconst INSIDE_LEGACY_FIELD: LegacyFieldContextValue = {\n  insideLegacyField: true,\n};\n\nfunction LegacyFieldProvider(props: PropsWithChildren<unknown>) {\n  return (\n    <LegacyFieldContext.Provider value={INSIDE_LEGACY_FIELD}>\n      {props.children}\n    </LegacyFieldContext.Provider>\n  );\n}\n\nexport function useInsideLegacyField() {\n  const { insideLegacyField = false } = useContext(LegacyFieldContext);\n\n  return insideLegacyField;\n}\n"],"mappings":"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"}

package/dist/components/form/Form/Form.d.ts

@@ -5,16 +5,14 @@ import { FieldTypes } from "./types.js";
 import { CubeFormData, CubeFormInstance } from "./use-form.js";
 import { ModernFormProps } from "./ModernFormRoot.js";
 import { BaseProps, ContainerStyleProps, Styles } from "@tenphi/tasty";
-import * as react from "react";
 import { ContextType, FormHTMLAttributes, ReactElement, ReactNode, Ref } from "react";
-
 //#region src/components/form/Form/Form.d.ts
 /**
  * Public legacy context. Its value is the full legacy scope (presentation
  * props, the instance, `submitError`, `idPrefix`) and is part of the exported
  * contract: wrappers outside the kit read it and Radio/Checkbox groups mask it.
  */
-declare const FormContext: react.Context<{}>;
+export declare const FormContext: import("react").Context<{}>;
 /**
  * Scope the inputs below to a new form context. Radio/Checkbox groups use it
  * for their options: they see the group's validation state, but neither the
@@ -23,15 +21,12 @@ declare const FormContext: react.Context<{}>;
  * `FormContext` directly for the same purpose should render this instead — a
  * bare `FormContext.Provider` no longer masks the presentation context.
  */
-declare function FormScopeMask({
-  value,
-  children
-}: {
+export declare function FormScopeMask({ value, children }: {
   value: ContextType<typeof FormContext>;
   children?: ReactNode;
-}): react.JSX.Element;
+}): import("react").JSX.Element;
 /** Separate overloads retain contextual callback typing for each backend. */
-interface FormRootComponent {
+export interface FormRootComponent {
   <T extends FieldTypes = FieldTypes>(props: CubeFormProps<T> & {
     ref?: Ref<HTMLFormElement>;
   }): ReactElement;
@@ -44,8 +39,8 @@ interface FormRootComponent {
  * props. Under a legacy root the two contexts carry the same presentation
  * values, so the result is exactly `{ ...FormContext, ...props }` as before.
  */
-declare function useFormProps(props: any): any;
-interface CubeFormProps<T extends FieldTypes = FieldTypes> extends FormBaseProps, BaseProps, ContainerStyleProps, Pick<FormHTMLAttributes<HTMLFormElement>, 'action' | 'autoComplete' | 'encType' | 'method' | 'target'> {
+export declare function useFormProps(props: any): any;
+export interface CubeFormProps<T extends FieldTypes = FieldTypes> extends FormBaseProps, BaseProps, ContainerStyleProps, Pick<FormHTMLAttributes<HTMLFormElement>, 'action' | 'autoComplete' | 'encType' | 'method' | 'target'> {
   /** Form name */
   name?: string;
   /** Default field values */
@@ -63,5 +58,4 @@ interface CubeFormProps<T extends FieldTypes = FieldTypes> extends FormBaseProps
   orientation?: 'vertical' | 'horizontal';
 }
 //#endregion
-export { CubeFormProps, FormContext, FormRootComponent, FormScopeMask, useFormProps };
 //# sourceMappingURL=Form.d.ts.map

package/dist/components/form/Form/Form.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
@@ -8,14 +8,13 @@ import { timeout } from "../../../utils/promise.js";
 import { isModernFormController } from "./backend.js";
 import { ModernControllerContext } from "./modern/context.js";
 import { resetUnboundControls } from "./reset-unbound-controls.js";
-import { _ModernFormRoot } from "./ModernFormRoot.js";
+import { ModernFormRoot as _ModernFormRoot } from "./ModernFormRoot.js";
 import { useForm } from "./use-form.js";
 import { c } from "react/compiler-runtime";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { createContext, forwardRef, useContext, useRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { useObjectRef } from "@react-aria/utils";
-
 //#region src/components/form/Form/Form.tsx
 /**
 * Public legacy context. Its value is the full legacy scope (presentation
@@ -121,7 +120,7 @@ function useFormProps(props) {
 	} else t1 = $[6];
 	return t1;
 }
-const formPropNames = new Set([
+const formPropNames = /* @__PURE__ */ new Set([
 	"action",
 	"autoComplete",
 	"encType",
@@ -287,7 +286,7 @@ function Form(props, ref) {
 */
 const _Form = forwardRef(Form);
 _Form.displayName = "Form";
-
 //#endregion
-export { FormContext, FormElement, FormPresentationContext, FormScopeMask, _Form, formPropNames, useFormProps };
+export { _Form as Form, FormContext, FormElement, FormPresentationContext, FormScopeMask, _LegacyFormRoot as LegacyFormRoot, formPropNames, useFormProps };
+
 //# sourceMappingURL=Form.js.map

package/dist/components/form/Form/Form.js.map

@@ -1 +1 @@
-{"version":3,"file":"Form.js","names":["useObjectRef","BaseProps","CONTAINER_STYLES","ContainerStyleProps","filterBaseProps","Styles","tasty","ContextType","createContext","FormEvent","FormHTMLAttributes","forwardRef","ReactElement","ReactNode","Ref","useContext","useRef","useEvent","Provider","useProviderProps","FormBaseProps","timeout","useCombinedRefs","extractStyles","useValidationProps","isModernFormController","ModernControllerContext","ModernFormRoot","resetUnboundControls","FieldTypes","CubeFormData","CubeFormInstance","useForm","ModernFormProps","FormContext","FormPresentationContextValue","labelPosition","labelStyles","orientation","necessityIndicator","validateTrigger","requiredMark","showValid","idPrefix","EMPTY_PRESENTATION","FormPresentationContext","FormScopeMask","t0","$","_c","value","children","t1","FormRootComponent","props","CubeFormProps","T","ref","HTMLFormElement","FormElement","as","qa","styles","display","horizontal","flow","placeItems","gap","flexGrow","height","useFormProps","presentation","ctx","modern","form","formPropNames","Set","const","Pick","name","defaultValues","Partial","onValuesChange","onSubmit","onSubmitFailed","any","Promise","labelWidth","LegacyFormRoot","isDisabled","isReadOnly","isInvalid","isValid","otherProps","defaultValuesRef","firstRunRef","isHorizontal","undefined","onSubmitCallback","action","e","preventDefault","stopPropagation","nativeEvent","evt","submitter","getAttribute","isSubmitting","submitError","setSubmitting","validateFields","getFormData","Error","current","handleReset","event","currentTarget","getFieldInstance","resetFields","domRef","setInitialFieldsValue","propNames","_LegacyFormRoot","displayName","Form","_Form"],"sources":["../../../../src/components/form/Form/Form.tsx"],"sourcesContent":["import { useObjectRef } from '@react-aria/utils';\nimport {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  filterBaseProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport {\n  ContextType,\n  createContext,\n  FormEvent,\n  FormHTMLAttributes,\n  forwardRef,\n  ReactElement,\n  ReactNode,\n  Ref,\n  useContext,\n  useRef,\n} from 'react';\n\nimport { useEvent } from '../../../_internal/hooks/use-event';\nimport { Provider, useProviderProps } from '../../../provider';\nimport { FormBaseProps } from '../../../shared/index';\nimport { timeout } from '../../../utils/promise';\nimport { useCombinedRefs } from '../../../utils/react/index';\nimport { extractStyles } from '../../../utils/styles';\nimport { useValidationProps } from '../validation/index';\n\nimport { isModernFormController } from './backend';\nimport { ModernControllerContext } from './modern/context';\nimport { ModernFormRoot } from './ModernFormRoot';\nimport { resetUnboundControls } from './reset-unbound-controls';\nimport { FieldTypes } from './types';\nimport { CubeFormData, CubeFormInstance, useForm } from './use-form';\n\nimport type { ModernFormProps } from './ModernFormRoot';\n\n/**\n * Public legacy context. Its value is the full legacy scope (presentation\n * props, the instance, `submitError`, `idPrefix`) and is part of the exported\n * contract: wrappers outside the kit read it and Radio/Checkbox groups mask it.\n */\nexport const FormContext = createContext({});\n\n/**\n * Presentation and configuration that any root — legacy or modern — hands to\n * the fields below it. Backend-neutral by construction: no instance in here.\n */\nexport interface FormPresentationContextValue {\n  labelPosition?: FormBaseProps['labelPosition'];\n  labelStyles?: FormBaseProps['labelStyles'];\n  orientation?: 'vertical' | 'horizontal';\n  necessityIndicator?: FormBaseProps['necessityIndicator'];\n  validateTrigger?: FormBaseProps['validateTrigger'];\n  requiredMark?: boolean;\n  showValid?: boolean;\n  idPrefix?: string;\n}\n\nconst EMPTY_PRESENTATION: FormPresentationContextValue = {};\n\nexport const FormPresentationContext =\n  createContext<FormPresentationContextValue>(EMPTY_PRESENTATION);\n\n/**\n * Scope the inputs below to a new form context. Radio/Checkbox groups use it\n * for their options: they see the group's validation state, but neither the\n * surrounding form's presentation props nor its instance, so a nested `name`\n * never registers as an independent field. Wrappers that used to override\n * `FormContext` directly for the same purpose should render this instead — a\n * bare `FormContext.Provider` no longer masks the presentation context.\n */\nexport function FormScopeMask({\n  value,\n  children,\n}: {\n  value: ContextType<typeof FormContext>;\n  children?: ReactNode;\n}) {\n  return (\n    <ModernControllerContext.Provider value={null}>\n      <FormPresentationContext.Provider value={EMPTY_PRESENTATION}>\n        <FormContext.Provider value={value}>{children}</FormContext.Provider>\n      </FormPresentationContext.Provider>\n    </ModernControllerContext.Provider>\n  );\n}\n\n/** Separate overloads retain contextual callback typing for each backend. */\nexport interface FormRootComponent {\n  <T extends FieldTypes = FieldTypes>(\n    props: CubeFormProps<T> & { ref?: Ref<HTMLFormElement> },\n  ): ReactElement;\n  <T extends FieldTypes = FieldTypes>(\n    props: ModernFormProps<T> & { ref?: Ref<HTMLFormElement> },\n  ): ReactElement;\n}\n\nexport const FormElement = tasty({\n  as: 'form',\n  qa: 'Form',\n  styles: {\n    // A form placed directly in a `Dialog` sits between the dialog and its\n    // slots (`Dialog > Form > Content + Footer`), so it takes over the dialog's\n    // own slot layout: a flex column that grows into the dialog, lets `Content`\n    // shrink and scroll (`min-height: 0` — a flex item's default `auto` refuses\n    // to shrink below its content), and adds no space between the slots, whose\n    // padding already spaces them. Direct child only: a form nested inside\n    // `Content` is an ordinary form.\n    //\n    // It lives here, in the form's own styles, so a consumer's `styles` on the\n    // form replace it key by key, inside a dialog as anywhere else — and can\n    // name `@in-dialog` themselves. Last in each map, so\n    // `orientation=\"horizontal\"` cannot turn the slots into a row.\n    '@in-dialog': '@parent(id=Dialog, >)',\n\n    display: {\n      '': 'block',\n      horizontal: 'flex',\n      '@in-dialog': 'flex',\n    },\n    flow: {\n      '': 'column',\n      horizontal: 'row',\n      '@in-dialog': 'column',\n    },\n    placeItems: {\n      '': 'initial',\n      horizontal: 'center',\n      '@in-dialog': 'initial',\n    },\n    gap: {\n      '': '2x',\n      '@in-dialog': 0,\n    },\n    flexGrow: {\n      '': false,\n      '@in-dialog': 1,\n    },\n    height: {\n      '': false,\n      '@in-dialog': 'min 0',\n    },\n    '$label-width': '25x',\n  },\n});\n\n/**\n * Merge order: presentation context, then the legacy `FormContext`, then the\n * props. Under a legacy root the two contexts carry the same presentation\n * values, so the result is exactly `{ ...FormContext, ...props }` as before.\n */\nexport function useFormProps(props) {\n  const presentation = useContext(FormPresentationContext);\n  const ctx = useContext(FormContext);\n  const modern = useContext(ModernControllerContext);\n\n  return {\n    ...presentation,\n    ...(modern ? { form: modern } : {}),\n    ...ctx,\n    ...props,\n  };\n}\n\nexport const formPropNames = new Set([\n  'action',\n  'autoComplete',\n  'encType',\n  'method',\n  'target',\n] as const);\n\nexport interface CubeFormProps<T extends FieldTypes = FieldTypes>\n  extends FormBaseProps,\n    BaseProps,\n    ContainerStyleProps,\n    Pick<\n      FormHTMLAttributes<HTMLFormElement>,\n      'action' | 'autoComplete' | 'encType' | 'method' | 'target'\n    > {\n  /** Form name */\n  name?: string;\n  /** Default field values */\n  defaultValues?: Partial<T>;\n  /** Trigger when any value of the Field is changed */\n  onValuesChange?: CubeFormInstance<T>['onValuesChange'];\n  /** Trigger on form submit and success */\n  onSubmit?: CubeFormInstance<T>['onSubmit'];\n  /** Trigger on form submit and failed */\n  onSubmitFailed?: (any?) => void | Promise<any>;\n  /** Set form instance created by useForm */\n  form?: CubeFormInstance<T, CubeFormData<T>>;\n  /** The size of the side area with labels. Only for `labelPosition=\"side\"` */\n  labelWidth?: Styles['width'];\n  orientation?: 'vertical' | 'horizontal';\n}\n\n/**\n * The legacy backend's root: the current engine under an internal name. Its\n * role is compatibility; see `legacy-contract/README.md` for what is frozen.\n */\nfunction LegacyFormRoot<T extends FieldTypes>(\n  props: CubeFormProps<T>,\n  ref: Ref<HTMLFormElement>,\n) {\n  'use no memo';\n  // Legacy form state is mutable; preserve its render-time reads until migration.\n\n  props = useValidationProps(useProviderProps(props));\n  let {\n    qa,\n    name,\n    children,\n    labelPosition,\n    orientation,\n    necessityIndicator,\n    isDisabled,\n    isReadOnly,\n    isInvalid,\n    isValid,\n    labelStyles,\n    validateTrigger,\n    showValid,\n    defaultValues,\n    onValuesChange,\n    requiredMark = true,\n    form,\n    labelWidth,\n    onSubmit,\n    onSubmitFailed,\n    ...otherProps\n  } = props;\n  const defaultValuesRef = useRef(defaultValues);\n  const firstRunRef = useRef(true);\n  const isHorizontal = orientation === 'horizontal';\n\n  if (!orientation) {\n    orientation = 'vertical';\n  }\n\n  if (!labelPosition) {\n    labelPosition = isHorizontal ? 'side' : 'top';\n  }\n\n  if (!labelWidth) {\n    labelWidth = isHorizontal ? 'auto' : undefined;\n  }\n\n  ref = useCombinedRefs(ref);\n\n  let onSubmitCallback;\n\n  if ((onSubmit || onSubmitFailed) && !otherProps.action) {\n    onSubmitCallback = async (e) => {\n      if (e && e?.preventDefault) {\n        e && e?.preventDefault && e?.preventDefault();\n        e && e?.stopPropagation && e?.stopPropagation();\n\n        if (e.nativeEvent) {\n          const evt = e.nativeEvent;\n\n          if (\n            evt.submitter &&\n            evt.submitter.getAttribute('type') !== 'submit'\n          ) {\n            return;\n          }\n        }\n      }\n\n      if (!form || form.isSubmitting) return;\n\n      form.submitError = null;\n      form.setSubmitting(true);\n\n      try {\n        try {\n          await form.validateFields();\n        } catch (e) {\n          form?.setSubmitting(false);\n\n          return;\n        }\n\n        await timeout();\n        await onSubmit?.(form.getFormData());\n      } catch (e) {\n        await timeout();\n\n        // errors are shown\n        form.submitError = e as ReactNode;\n        // transfer errors to the callback\n        onSubmitFailed?.(e);\n\n        if (e instanceof Error) {\n          throw e;\n        }\n      } finally {\n        form?.setSubmitting(false);\n      }\n\n      // output data from form directly\n      // onSubmit(Object.fromEntries(new FormData(e.target).entries()));\n    };\n  }\n\n  [form] = useForm<T>(form, ref && ref.current, {\n    onSubmit: onSubmitCallback,\n    onValuesChange,\n  });\n\n  // A native reset (`ResetButton` is `type=\"reset\"`) reaches React Aria's\n  // `useFormReset` listener on every input, which writes the value the input\n  // started with through `onChange` and ignores `preventDefault`; a\n  // `CheckboxGroup` even lands on `[]`. Reset the form once instead, in\n  // capture, before those listeners run, as `ModernFormRoot` does, and report\n  // the result to `onValuesChange`. Also with `action`: it hands only the submit\n  // to the browser, and the form still owns every bound value. Controls it does\n  // not own get the browser's reset from `resetUnboundControls`.\n  const handleReset = useEvent((event: FormEvent<HTMLFormElement>) => {\n    event.stopPropagation();\n    event.preventDefault();\n    resetUnboundControls(\n      event.currentTarget,\n      (name) => form.getFieldInstance(name) != null,\n    );\n    form.resetFields();\n    form.onValuesChange?.(form.getFormData());\n  });\n\n  let styles = extractStyles(otherProps, CONTAINER_STYLES);\n\n  if (labelWidth) {\n    styles['$label-width'] = labelWidth;\n  }\n\n  let domRef = useObjectRef(ref);\n\n  const presentation: FormPresentationContextValue = {\n    labelPosition,\n    labelStyles,\n    orientation,\n    necessityIndicator,\n    validateTrigger,\n    requiredMark,\n    showValid,\n    idPrefix: name,\n  };\n\n  let ctx = {\n    ...presentation,\n    form,\n    submitError: form.submitError,\n  };\n\n  if (firstRunRef.current && form) {\n    if (defaultValues) {\n      form.setInitialFieldsValue(defaultValues);\n      form.resetFields(undefined, true);\n      firstRunRef.current = false;\n    }\n  }\n\n  if (defaultValuesRef.current !== defaultValues) {\n    form?.setInitialFieldsValue(defaultValues ?? {});\n    defaultValuesRef.current = defaultValues;\n  }\n\n  return (\n    <FormElement\n      {...filterBaseProps(otherProps, { propNames: formPropNames })}\n      ref={domRef}\n      noValidate\n      qa={qa}\n      styles={styles}\n      mods={{\n        'has-sider': labelPosition === 'side',\n        'has-split': labelPosition === 'split',\n        horizontal: isHorizontal,\n      }}\n      onSubmit={onSubmitCallback}\n      onResetCapture={handleReset}\n    >\n      <ModernControllerContext.Provider value={null}>\n        <FormPresentationContext.Provider value={presentation}>\n          <FormContext.Provider value={ctx}>\n            <Provider\n              insideForm={true}\n              isDisabled={isDisabled}\n              isReadOnly={isReadOnly}\n              isInvalid={isInvalid}\n              isValid={isValid}\n            >\n              {children}\n            </Provider>\n          </FormContext.Provider>\n        </FormPresentationContext.Provider>\n      </ModernControllerContext.Provider>\n    </FormElement>\n  );\n}\n\nconst _LegacyFormRoot = forwardRef(LegacyFormRoot) as unknown as <\n  T extends FieldTypes,\n>(\n  props: CubeFormProps<T> & { ref?: Ref<HTMLFormElement> },\n) => ReactElement;\n\n(_LegacyFormRoot as any).displayName = 'LegacyFormRoot';\n\n/**\n * The `<Form>` facade. It chooses the root by the brand of the `form` prop\n * before any backend hook runs. Without an explicit modern controller it is\n * the legacy root, so existing `<Form>` and `Form.useForm()` keep their behavior.\n */\nfunction Form<T extends FieldTypes>(\n  props: CubeFormProps<T> | ModernFormProps<T>,\n  ref: Ref<HTMLFormElement>,\n) {\n  if (isModernFormController(props.form)) {\n    return <ModernFormRoot {...(props as ModernFormProps<T>)} ref={ref} />;\n  }\n\n  return <_LegacyFormRoot {...(props as CubeFormProps<T>)} ref={ref} />;\n}\n\n/**\n * Forms allow users to enter data that can be submitted while providing alignment and styling for form fields.\n */\nconst _Form = forwardRef(Form) as unknown as FormRootComponent;\n\n(_Form as any).displayName = 'Form';\n\nexport { _Form as Form, _LegacyFormRoot as LegacyFormRoot };\n"],"mappings":"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"}
+{"version":3,"file":"Form.js","names":["useObjectRef","BaseProps","CONTAINER_STYLES","ContainerStyleProps","filterBaseProps","Styles","tasty","ContextType","createContext","FormEvent","FormHTMLAttributes","forwardRef","ReactElement","ReactNode","Ref","useContext","useRef","useEvent","Provider","useProviderProps","FormBaseProps","timeout","useCombinedRefs","extractStyles","useValidationProps","isModernFormController","ModernControllerContext","ModernFormRoot","resetUnboundControls","FieldTypes","CubeFormData","CubeFormInstance","useForm","ModernFormProps","FormContext","FormPresentationContextValue","labelPosition","labelStyles","orientation","necessityIndicator","validateTrigger","requiredMark","showValid","idPrefix","EMPTY_PRESENTATION","FormPresentationContext","FormScopeMask","t0","$","_c","value","children","t1","FormRootComponent","props","CubeFormProps","T","ref","HTMLFormElement","FormElement","as","qa","styles","display","horizontal","flow","placeItems","gap","flexGrow","height","useFormProps","presentation","ctx","modern","form","formPropNames","Set","const","Pick","name","defaultValues","Partial","onValuesChange","onSubmit","onSubmitFailed","any","Promise","labelWidth","LegacyFormRoot","isDisabled","isReadOnly","isInvalid","isValid","otherProps","defaultValuesRef","firstRunRef","isHorizontal","undefined","onSubmitCallback","action","e","preventDefault","stopPropagation","nativeEvent","evt","submitter","getAttribute","isSubmitting","submitError","setSubmitting","validateFields","getFormData","Error","current","handleReset","event","currentTarget","getFieldInstance","resetFields","domRef","setInitialFieldsValue","propNames","_LegacyFormRoot","displayName","Form","_Form","_c","ModernFormRoot"],"sources":["../../../../src/components/form/Form/Form.tsx"],"sourcesContent":["import { useObjectRef } from '@react-aria/utils';\nimport {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  filterBaseProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport {\n  ContextType,\n  createContext,\n  FormEvent,\n  FormHTMLAttributes,\n  forwardRef,\n  ReactElement,\n  ReactNode,\n  Ref,\n  useContext,\n  useRef,\n} from 'react';\n\nimport { useEvent } from '../../../_internal/hooks/use-event';\nimport { Provider, useProviderProps } from '../../../provider';\nimport { FormBaseProps } from '../../../shared/index';\nimport { timeout } from '../../../utils/promise';\nimport { useCombinedRefs } from '../../../utils/react/index';\nimport { extractStyles } from '../../../utils/styles';\nimport { useValidationProps } from '../validation/index';\n\nimport { isModernFormController } from './backend';\nimport { ModernControllerContext } from './modern/context';\nimport { ModernFormRoot } from './ModernFormRoot';\nimport { resetUnboundControls } from './reset-unbound-controls';\nimport { FieldTypes } from './types';\nimport { CubeFormData, CubeFormInstance, useForm } from './use-form';\n\nimport type { ModernFormProps } from './ModernFormRoot';\n\n/**\n * Public legacy context. Its value is the full legacy scope (presentation\n * props, the instance, `submitError`, `idPrefix`) and is part of the exported\n * contract: wrappers outside the kit read it and Radio/Checkbox groups mask it.\n */\nexport const FormContext = createContext({});\n\n/**\n * Presentation and configuration that any root — legacy or modern — hands to\n * the fields below it. Backend-neutral by construction: no instance in here.\n */\nexport interface FormPresentationContextValue {\n  labelPosition?: FormBaseProps['labelPosition'];\n  labelStyles?: FormBaseProps['labelStyles'];\n  orientation?: 'vertical' | 'horizontal';\n  necessityIndicator?: FormBaseProps['necessityIndicator'];\n  validateTrigger?: FormBaseProps['validateTrigger'];\n  requiredMark?: boolean;\n  showValid?: boolean;\n  idPrefix?: string;\n}\n\nconst EMPTY_PRESENTATION: FormPresentationContextValue = {};\n\nexport const FormPresentationContext =\n  createContext<FormPresentationContextValue>(EMPTY_PRESENTATION);\n\n/**\n * Scope the inputs below to a new form context. Radio/Checkbox groups use it\n * for their options: they see the group's validation state, but neither the\n * surrounding form's presentation props nor its instance, so a nested `name`\n * never registers as an independent field. Wrappers that used to override\n * `FormContext` directly for the same purpose should render this instead — a\n * bare `FormContext.Provider` no longer masks the presentation context.\n */\nexport function FormScopeMask({\n  value,\n  children,\n}: {\n  value: ContextType<typeof FormContext>;\n  children?: ReactNode;\n}) {\n  return (\n    <ModernControllerContext.Provider value={null}>\n      <FormPresentationContext.Provider value={EMPTY_PRESENTATION}>\n        <FormContext.Provider value={value}>{children}</FormContext.Provider>\n      </FormPresentationContext.Provider>\n    </ModernControllerContext.Provider>\n  );\n}\n\n/** Separate overloads retain contextual callback typing for each backend. */\nexport interface FormRootComponent {\n  <T extends FieldTypes = FieldTypes>(\n    props: CubeFormProps<T> & { ref?: Ref<HTMLFormElement> },\n  ): ReactElement;\n  <T extends FieldTypes = FieldTypes>(\n    props: ModernFormProps<T> & { ref?: Ref<HTMLFormElement> },\n  ): ReactElement;\n}\n\nexport const FormElement = tasty({\n  as: 'form',\n  qa: 'Form',\n  styles: {\n    // A form placed directly in a `Dialog` sits between the dialog and its\n    // slots (`Dialog > Form > Content + Footer`), so it takes over the dialog's\n    // own slot layout: a flex column that grows into the dialog, lets `Content`\n    // shrink and scroll (`min-height: 0` — a flex item's default `auto` refuses\n    // to shrink below its content), and adds no space between the slots, whose\n    // padding already spaces them. Direct child only: a form nested inside\n    // `Content` is an ordinary form.\n    //\n    // It lives here, in the form's own styles, so a consumer's `styles` on the\n    // form replace it key by key, inside a dialog as anywhere else — and can\n    // name `@in-dialog` themselves. Last in each map, so\n    // `orientation=\"horizontal\"` cannot turn the slots into a row.\n    '@in-dialog': '@parent(id=Dialog, >)',\n\n    display: {\n      '': 'block',\n      horizontal: 'flex',\n      '@in-dialog': 'flex',\n    },\n    flow: {\n      '': 'column',\n      horizontal: 'row',\n      '@in-dialog': 'column',\n    },\n    placeItems: {\n      '': 'initial',\n      horizontal: 'center',\n      '@in-dialog': 'initial',\n    },\n    gap: {\n      '': '2x',\n      '@in-dialog': 0,\n    },\n    flexGrow: {\n      '': false,\n      '@in-dialog': 1,\n    },\n    height: {\n      '': false,\n      '@in-dialog': 'min 0',\n    },\n    '$label-width': '25x',\n  },\n});\n\n/**\n * Merge order: presentation context, then the legacy `FormContext`, then the\n * props. Under a legacy root the two contexts carry the same presentation\n * values, so the result is exactly `{ ...FormContext, ...props }` as before.\n */\nexport function useFormProps(props) {\n  const presentation = useContext(FormPresentationContext);\n  const ctx = useContext(FormContext);\n  const modern = useContext(ModernControllerContext);\n\n  return {\n    ...presentation,\n    ...(modern ? { form: modern } : {}),\n    ...ctx,\n    ...props,\n  };\n}\n\nexport const formPropNames = new Set([\n  'action',\n  'autoComplete',\n  'encType',\n  'method',\n  'target',\n] as const);\n\nexport interface CubeFormProps<T extends FieldTypes = FieldTypes>\n  extends\n    FormBaseProps,\n    BaseProps,\n    ContainerStyleProps,\n    Pick<\n      FormHTMLAttributes<HTMLFormElement>,\n      'action' | 'autoComplete' | 'encType' | 'method' | 'target'\n    > {\n  /** Form name */\n  name?: string;\n  /** Default field values */\n  defaultValues?: Partial<T>;\n  /** Trigger when any value of the Field is changed */\n  onValuesChange?: CubeFormInstance<T>['onValuesChange'];\n  /** Trigger on form submit and success */\n  onSubmit?: CubeFormInstance<T>['onSubmit'];\n  /** Trigger on form submit and failed */\n  onSubmitFailed?: (any?) => void | Promise<any>;\n  /** Set form instance created by useForm */\n  form?: CubeFormInstance<T, CubeFormData<T>>;\n  /** The size of the side area with labels. Only for `labelPosition=\"side\"` */\n  labelWidth?: Styles['width'];\n  orientation?: 'vertical' | 'horizontal';\n}\n\n/**\n * The legacy backend's root: the current engine under an internal name. Its\n * role is compatibility; see `legacy-contract/README.md` for what is frozen.\n */\nfunction LegacyFormRoot<T extends FieldTypes>(\n  props: CubeFormProps<T>,\n  ref: Ref<HTMLFormElement>,\n) {\n  'use no memo';\n  // Legacy form state is mutable; preserve its render-time reads until migration.\n\n  props = useValidationProps(useProviderProps(props));\n  let {\n    qa,\n    name,\n    children,\n    labelPosition,\n    orientation,\n    necessityIndicator,\n    isDisabled,\n    isReadOnly,\n    isInvalid,\n    isValid,\n    labelStyles,\n    validateTrigger,\n    showValid,\n    defaultValues,\n    onValuesChange,\n    requiredMark = true,\n    form,\n    labelWidth,\n    onSubmit,\n    onSubmitFailed,\n    ...otherProps\n  } = props;\n  const defaultValuesRef = useRef(defaultValues);\n  const firstRunRef = useRef(true);\n  const isHorizontal = orientation === 'horizontal';\n\n  if (!orientation) {\n    orientation = 'vertical';\n  }\n\n  if (!labelPosition) {\n    labelPosition = isHorizontal ? 'side' : 'top';\n  }\n\n  if (!labelWidth) {\n    labelWidth = isHorizontal ? 'auto' : undefined;\n  }\n\n  ref = useCombinedRefs(ref);\n\n  let onSubmitCallback;\n\n  if ((onSubmit || onSubmitFailed) && !otherProps.action) {\n    onSubmitCallback = async (e) => {\n      if (e && e?.preventDefault) {\n        e && e?.preventDefault && e?.preventDefault();\n        e && e?.stopPropagation && e?.stopPropagation();\n\n        if (e.nativeEvent) {\n          const evt = e.nativeEvent;\n\n          if (\n            evt.submitter &&\n            evt.submitter.getAttribute('type') !== 'submit'\n          ) {\n            return;\n          }\n        }\n      }\n\n      if (!form || form.isSubmitting) return;\n\n      form.submitError = null;\n      form.setSubmitting(true);\n\n      try {\n        try {\n          await form.validateFields();\n        } catch (e) {\n          form?.setSubmitting(false);\n\n          return;\n        }\n\n        await timeout();\n        await onSubmit?.(form.getFormData());\n      } catch (e) {\n        await timeout();\n\n        // errors are shown\n        form.submitError = e as ReactNode;\n        // transfer errors to the callback\n        onSubmitFailed?.(e);\n\n        if (e instanceof Error) {\n          throw e;\n        }\n      } finally {\n        form?.setSubmitting(false);\n      }\n\n      // output data from form directly\n      // onSubmit(Object.fromEntries(new FormData(e.target).entries()));\n    };\n  }\n\n  [form] = useForm<T>(form, ref && ref.current, {\n    onSubmit: onSubmitCallback,\n    onValuesChange,\n  });\n\n  // A native reset (`ResetButton` is `type=\"reset\"`) reaches React Aria's\n  // `useFormReset` listener on every input, which writes the value the input\n  // started with through `onChange` and ignores `preventDefault`; a\n  // `CheckboxGroup` even lands on `[]`. Reset the form once instead, in\n  // capture, before those listeners run, as `ModernFormRoot` does, and report\n  // the result to `onValuesChange`. Also with `action`: it hands only the submit\n  // to the browser, and the form still owns every bound value. Controls it does\n  // not own get the browser's reset from `resetUnboundControls`.\n  const handleReset = useEvent((event: FormEvent<HTMLFormElement>) => {\n    event.stopPropagation();\n    event.preventDefault();\n    resetUnboundControls(\n      event.currentTarget,\n      (name) => form.getFieldInstance(name) != null,\n    );\n    form.resetFields();\n    form.onValuesChange?.(form.getFormData());\n  });\n\n  let styles = extractStyles(otherProps, CONTAINER_STYLES);\n\n  if (labelWidth) {\n    styles['$label-width'] = labelWidth;\n  }\n\n  let domRef = useObjectRef(ref);\n\n  const presentation: FormPresentationContextValue = {\n    labelPosition,\n    labelStyles,\n    orientation,\n    necessityIndicator,\n    validateTrigger,\n    requiredMark,\n    showValid,\n    idPrefix: name,\n  };\n\n  let ctx = {\n    ...presentation,\n    form,\n    submitError: form.submitError,\n  };\n\n  if (firstRunRef.current && form) {\n    if (defaultValues) {\n      form.setInitialFieldsValue(defaultValues);\n      form.resetFields(undefined, true);\n      firstRunRef.current = false;\n    }\n  }\n\n  if (defaultValuesRef.current !== defaultValues) {\n    form?.setInitialFieldsValue(defaultValues ?? {});\n    defaultValuesRef.current = defaultValues;\n  }\n\n  return (\n    <FormElement\n      {...filterBaseProps(otherProps, { propNames: formPropNames })}\n      ref={domRef}\n      noValidate\n      qa={qa}\n      styles={styles}\n      mods={{\n        'has-sider': labelPosition === 'side',\n        'has-split': labelPosition === 'split',\n        horizontal: isHorizontal,\n      }}\n      onSubmit={onSubmitCallback}\n      onResetCapture={handleReset}\n    >\n      <ModernControllerContext.Provider value={null}>\n        <FormPresentationContext.Provider value={presentation}>\n          <FormContext.Provider value={ctx}>\n            <Provider\n              insideForm={true}\n              isDisabled={isDisabled}\n              isReadOnly={isReadOnly}\n              isInvalid={isInvalid}\n              isValid={isValid}\n            >\n              {children}\n            </Provider>\n          </FormContext.Provider>\n        </FormPresentationContext.Provider>\n      </ModernControllerContext.Provider>\n    </FormElement>\n  );\n}\n\nconst _LegacyFormRoot = forwardRef(LegacyFormRoot) as unknown as <\n  T extends FieldTypes,\n>(\n  props: CubeFormProps<T> & { ref?: Ref<HTMLFormElement> },\n) => ReactElement;\n\n(_LegacyFormRoot as any).displayName = 'LegacyFormRoot';\n\n/**\n * The `<Form>` facade. It chooses the root by the brand of the `form` prop\n * before any backend hook runs. Without an explicit modern controller it is\n * the legacy root, so existing `<Form>` and `Form.useForm()` keep their behavior.\n */\nfunction Form<T extends FieldTypes>(\n  props: CubeFormProps<T> | ModernFormProps<T>,\n  ref: Ref<HTMLFormElement>,\n) {\n  if (isModernFormController(props.form)) {\n    return <ModernFormRoot {...(props as ModernFormProps<T>)} ref={ref} />;\n  }\n\n  return <_LegacyFormRoot {...(props as CubeFormProps<T>)} ref={ref} />;\n}\n\n/**\n * Forms allow users to enter data that can be submitted while providing alignment and styling for form fields.\n */\nconst _Form = forwardRef(Form) as unknown as FormRootComponent;\n\n(_Form as any).displayName = 'Form';\n\nexport { _Form as Form, _LegacyFormRoot as LegacyFormRoot };\n"],"mappings":"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"}

package/dist/components/form/Form/ModernFormRoot.d.ts

@@ -3,10 +3,9 @@ import { FormCallbacks } from "./modern/types.js";
 import { FormController } from "./modern/controller.js";
 import { CubeFormProps } from "./Form.js";
 import { FormEvent, ReactElement, ReactNode, Ref } from "react";
-
 //#region src/components/form/Form/ModernFormRoot.d.ts
 /** Modern root owns callback bindings; subscriptions stay in descendants. */
-interface ModernFormProps<T extends object = Record<string, unknown>> extends Omit<CubeFormProps<T>, 'form' | 'defaultValues' | 'onSubmit' | 'onSubmitFailed' | 'onValuesChange'> {
+export interface ModernFormProps<T extends object = Record<string, unknown>> extends Omit<CubeFormProps<T>, 'form' | 'defaultValues' | 'onSubmit' | 'onSubmitFailed' | 'onValuesChange'> {
   form: FormController<T>;
   defaultValues?: never;
   /** Runs before a controller reset; preventDefault cancels the reset, including nested controls. */
@@ -20,5 +19,4 @@ interface ModernFormProps<T extends object = Record<string, unknown>> extends Om
   submitValues?: 'active' | 'all';
 }
 //#endregion
-export { ModernFormProps };
 //# sourceMappingURL=ModernFormRoot.d.ts.map

package/dist/components/form/Form/ModernFormRoot.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useLayoutEffect as useLayoutEffect$1 } from "../../../utils/react/useLayoutEffect.js";
 import { mergeRefs } from "../../../utils/react/useCombinedRefs.js";
@@ -13,7 +13,6 @@ import { c } from "react/compiler-runtime";
 import { CONTAINER_STYLES, filterBaseProps } from "@tenphi/tasty";
 import { forwardRef, useRef } from "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/form/Form/ModernFormRoot.tsx
 const EMPTY_LEGACY_CONTEXT = {};
 function ModernFormRoot(props, ref) {
@@ -321,7 +320,7 @@ function ModernFormRoot(props, ref) {
 }
 const _ModernFormRoot = forwardRef(ModernFormRoot);
 _ModernFormRoot.displayName = "ModernFormRoot";
-
 //#endregion
-export { _ModernFormRoot };
+export { _ModernFormRoot as ModernFormRoot };
+
 //# sourceMappingURL=ModernFormRoot.js.map

package/dist/components/form/Form/ModernFormRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModernFormRoot.js","names":["CONTAINER_STYLES","filterBaseProps","forwardRef","useMemo","useRef","useEvent","Provider","useProviderProps","mergeRefs","useLayoutEffect","extractStyles","useValidationProps","FormContext","FormElement","FormPresentationContext","formPropNames","ModernControllerContext","getControllerInternals","resetUnboundControls","FormEvent","ReactElement","ReactNode","Ref","CubeFormProps","FormPresentationContextValue","FormController","CallbackBinding","FormCallbacks","ModernFormProps","Record","Omit","T","form","defaultValues","onReset","event","HTMLFormElement","onResetCapture","onSubmit","onSubmitFailed","onValuesChange","submitValues","EMPTY_LEGACY_CONTEXT","InternalModernFormProps","onSubmitted","ModernFormRoot","props","ref","$","_c","resolved","authoredLabelPosition","authoredLabelWidth","children","isDisabled","isInvalid","isReadOnly","isValid","labelStyles","name","necessityIndicator","otherProps","qa","showValid","t0","t1","t2","validateTrigger","orientation","labelPosition","labelWidth","requiredMark","undefined","t3","internals","store","rootRef","t4","mergedRef","t5","t6","bindRootElement","current","Error","binding","t7","handleSubmitted","t8","t9","token","bindCallbacks","release","t10","update","t11","preventDefault","stopPropagation","submit","include","handleSubmit","t12","event_0","defaultPrevented","fields","getSnapshot","currentTarget","name_0","active","reset","handleReset","t13","idPrefix","presentation","styles","t14","propNames","t15","t16","t17","t18","horizontal","t19","action","t20","t21","t22","t23","_ModernFormRoot","displayName"],"sources":["../../../../src/components/form/Form/ModernFormRoot.tsx"],"sourcesContent":["import { CONTAINER_STYLES, filterBaseProps } from '@tenphi/tasty';\nimport { forwardRef, useMemo, useRef } from 'react';\n\nimport { useEvent } from '../../../_internal/hooks/use-event';\nimport { Provider, useProviderProps } from '../../../provider';\nimport { mergeRefs } from '../../../utils/react/useCombinedRefs';\nimport { useLayoutEffect } from '../../../utils/react/useLayoutEffect';\nimport { extractStyles } from '../../../utils/styles';\nimport { useValidationProps } from '../validation/use-validation-props';\n\nimport {\n  FormContext,\n  FormElement,\n  FormPresentationContext,\n  formPropNames,\n} from './Form';\nimport { ModernControllerContext } from './modern/context';\nimport { getControllerInternals } from './modern/controller';\nimport { resetUnboundControls } from './reset-unbound-controls';\n\nimport type { FormEvent, ReactElement, ReactNode, Ref } from 'react';\nimport type { CubeFormProps, FormPresentationContextValue } from './Form';\nimport type { FormController } from './modern/controller';\nimport type { CallbackBinding, FormCallbacks } from './modern/types';\n\n/** Modern root owns callback bindings; subscriptions stay in descendants. */\nexport interface ModernFormProps<T extends object = Record<string, unknown>>\n  extends Omit<\n    CubeFormProps<T>,\n    'form' | 'defaultValues' | 'onSubmit' | 'onSubmitFailed' | 'onValuesChange'\n  > {\n  form: FormController<T>;\n  defaultValues?: never;\n  /** Runs before a controller reset; preventDefault cancels the reset, including nested controls. */\n  onReset?: (event: FormEvent<HTMLFormElement>) => void;\n  /** Reserved for controller reset interception. Use onReset to cancel. */\n  onResetCapture?: never;\n  onSubmit?: FormCallbacks<T, ReactNode>['onSubmit'];\n  onSubmitFailed?: FormCallbacks<T, ReactNode>['onSubmitFailed'];\n  onValuesChange?: FormCallbacks<T, ReactNode>['onValuesChange'];\n  /** Payload selection for native submission, including Enter and external buttons. */\n  submitValues?: 'active' | 'all';\n}\n\nconst EMPTY_LEGACY_CONTEXT = {};\n\n/** Wrapper lifecycle hook, intentionally absent from the public Form props. */\ninterface InternalModernFormProps<T extends object> extends ModernFormProps<T> {\n  onSubmitted?: () => void;\n}\n\nfunction ModernFormRoot<T extends object>(\n  props: InternalModernFormProps<T>,\n  ref: Ref<HTMLFormElement>,\n): ReactElement {\n  const resolved = useValidationProps(useProviderProps(props));\n  const {\n    form,\n    qa,\n    name,\n    children,\n    orientation = 'vertical',\n    labelPosition: authoredLabelPosition,\n    labelWidth: authoredLabelWidth,\n    labelStyles,\n    necessityIndicator,\n    validateTrigger,\n    requiredMark = true,\n    showValid,\n    isDisabled,\n    isReadOnly,\n    isInvalid,\n    isValid,\n    defaultValues,\n    onSubmit,\n    onSubmitted,\n    onSubmitFailed,\n    onValuesChange,\n    submitValues = 'active',\n    ...otherProps\n  } = resolved;\n  const labelPosition =\n    authoredLabelPosition ?? (orientation === 'horizontal' ? 'side' : 'top');\n  const labelWidth =\n    authoredLabelWidth ?? (orientation === 'horizontal' ? 'auto' : undefined);\n  const internals = getControllerInternals(form, '<Form>');\n  const { store } = internals;\n  const rootRef = useRef<HTMLFormElement>(null);\n  const mergedRef = useMemo(() => mergeRefs(ref, rootRef), [ref]);\n  useLayoutEffect(\n    () => internals.bindRootElement(rootRef.current),\n    [internals],\n  );\n  if (defaultValues !== undefined) {\n    throw new Error(\n      'A modern <Form> does not accept defaultValues. Seed Form.useController() or use an explicit defaults command.',\n    );\n  }\n  const binding = useRef<CallbackBinding<T, ReactNode> | undefined>(undefined);\n  const handleSubmitted = useEvent(() => onSubmitted?.());\n  useLayoutEffect(() => {\n    const token = store.bindCallbacks({}, handleSubmitted);\n    binding.current = token;\n    return () => {\n      token.release();\n      if (binding.current === token) binding.current = undefined;\n    };\n  }, [store, handleSubmitted]);\n  useLayoutEffect(() => {\n    binding.current?.update({\n      ...(onSubmit === undefined ? {} : { onSubmit }),\n      ...(onSubmitFailed === undefined ? {} : { onSubmitFailed }),\n      ...(onValuesChange === undefined ? {} : { onValuesChange }),\n    });\n  });\n  const handleSubmit = useEvent((event: FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    void form.submit({ include: submitValues });\n  });\n  const handleReset = useEvent((event: FormEvent<HTMLFormElement>) => {\n    // React Aria's native reset listeners do not honor preventDefault. Handle\n    // controller resets in capture, before they can write mount-time defaults.\n    // Also with `action`: it hands only the submit to the browser, and\n    // `Form.Reset` resets through this event.\n    event.stopPropagation();\n    otherProps.onReset?.(event);\n    if (!event.defaultPrevented) {\n      event.preventDefault();\n      const { fields } = form.getSnapshot();\n      resetUnboundControls(\n        event.currentTarget,\n        (name) => !!fields[name]?.active,\n      );\n      form.reset();\n    }\n  });\n  const presentation = useMemo<FormPresentationContextValue>(\n    () => ({\n      labelPosition,\n      labelStyles,\n      orientation,\n      necessityIndicator,\n      validateTrigger,\n      requiredMark,\n      showValid,\n      idPrefix: name,\n    }),\n    [\n      labelPosition,\n      labelStyles,\n      orientation,\n      necessityIndicator,\n      validateTrigger,\n      requiredMark,\n      showValid,\n      name,\n    ],\n  );\n  const styles = extractStyles(otherProps, CONTAINER_STYLES);\n  if (labelWidth) styles['$label-width'] = labelWidth;\n\n  return (\n    <FormElement\n      {...filterBaseProps(otherProps, { propNames: formPropNames })}\n      ref={mergedRef}\n      qa={qa}\n      noValidate\n      styles={styles}\n      mods={{\n        'has-sider': labelPosition === 'side',\n        'has-split': labelPosition === 'split',\n        horizontal: orientation === 'horizontal',\n      }}\n      onSubmit={otherProps.action == null ? handleSubmit : undefined}\n      onResetCapture={handleReset}\n    >\n      <FormContext.Provider value={EMPTY_LEGACY_CONTEXT}>\n        <ModernControllerContext.Provider value={form}>\n          <FormPresentationContext.Provider value={presentation}>\n            <Provider\n              insideForm\n              isDisabled={isDisabled}\n              isReadOnly={isReadOnly}\n              isInvalid={isInvalid}\n              isValid={isValid}\n            >\n              {children}\n            </Provider>\n          </FormPresentationContext.Provider>\n        </ModernControllerContext.Provider>\n      </FormContext.Provider>\n    </FormElement>\n  );\n}\n\nconst _ModernFormRoot = forwardRef(ModernFormRoot) as unknown as <\n  T extends object,\n>(\n  props: InternalModernFormProps<T> & { ref?: Ref<HTMLFormElement> },\n) => ReactElement;\n\n(_ModernFormRoot as any).displayName = 'ModernFormRoot';\n\nexport { _ModernFormRoot as ModernFormRoot };\n"],"mappings":"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"}
+{"version":3,"file":"ModernFormRoot.js","names":["CONTAINER_STYLES","filterBaseProps","forwardRef","useMemo","useRef","useEvent","Provider","useProviderProps","mergeRefs","useLayoutEffect","extractStyles","useValidationProps","FormContext","FormElement","FormPresentationContext","formPropNames","ModernControllerContext","getControllerInternals","resetUnboundControls","FormEvent","ReactElement","ReactNode","Ref","CubeFormProps","FormPresentationContextValue","FormController","CallbackBinding","FormCallbacks","ModernFormProps","Record","Omit","T","form","defaultValues","onReset","event","HTMLFormElement","onResetCapture","onSubmit","onSubmitFailed","onValuesChange","submitValues","EMPTY_LEGACY_CONTEXT","InternalModernFormProps","onSubmitted","ModernFormRoot","props","ref","$","_c","resolved","authoredLabelPosition","authoredLabelWidth","children","isDisabled","isInvalid","isReadOnly","isValid","labelStyles","name","necessityIndicator","otherProps","qa","showValid","t0","t1","t2","validateTrigger","orientation","labelPosition","labelWidth","requiredMark","undefined","t3","internals","store","rootRef","t4","mergedRef","t5","t6","bindRootElement","current","Error","binding","t7","handleSubmitted","t8","t9","token","bindCallbacks","release","t10","update","t11","preventDefault","stopPropagation","submit","include","handleSubmit","t12","event_0","defaultPrevented","fields","getSnapshot","currentTarget","name_0","active","reset","handleReset","t13","idPrefix","presentation","styles","t14","propNames","t15","t16","t17","t18","horizontal","t19","action","t20","t21","t22","t23","_ModernFormRoot","displayName","_c"],"sources":["../../../../src/components/form/Form/ModernFormRoot.tsx"],"sourcesContent":["import { CONTAINER_STYLES, filterBaseProps } from '@tenphi/tasty';\nimport { forwardRef, useMemo, useRef } from 'react';\n\nimport { useEvent } from '../../../_internal/hooks/use-event';\nimport { Provider, useProviderProps } from '../../../provider';\nimport { mergeRefs } from '../../../utils/react/useCombinedRefs';\nimport { useLayoutEffect } from '../../../utils/react/useLayoutEffect';\nimport { extractStyles } from '../../../utils/styles';\nimport { useValidationProps } from '../validation/use-validation-props';\n\nimport {\n  FormContext,\n  FormElement,\n  FormPresentationContext,\n  formPropNames,\n} from './Form';\nimport { ModernControllerContext } from './modern/context';\nimport { getControllerInternals } from './modern/controller';\nimport { resetUnboundControls } from './reset-unbound-controls';\n\nimport type { FormEvent, ReactElement, ReactNode, Ref } from 'react';\nimport type { CubeFormProps, FormPresentationContextValue } from './Form';\nimport type { FormController } from './modern/controller';\nimport type { CallbackBinding, FormCallbacks } from './modern/types';\n\n/** Modern root owns callback bindings; subscriptions stay in descendants. */\nexport interface ModernFormProps<\n  T extends object = Record<string, unknown>,\n> extends Omit<\n  CubeFormProps<T>,\n  'form' | 'defaultValues' | 'onSubmit' | 'onSubmitFailed' | 'onValuesChange'\n> {\n  form: FormController<T>;\n  defaultValues?: never;\n  /** Runs before a controller reset; preventDefault cancels the reset, including nested controls. */\n  onReset?: (event: FormEvent<HTMLFormElement>) => void;\n  /** Reserved for controller reset interception. Use onReset to cancel. */\n  onResetCapture?: never;\n  onSubmit?: FormCallbacks<T, ReactNode>['onSubmit'];\n  onSubmitFailed?: FormCallbacks<T, ReactNode>['onSubmitFailed'];\n  onValuesChange?: FormCallbacks<T, ReactNode>['onValuesChange'];\n  /** Payload selection for native submission, including Enter and external buttons. */\n  submitValues?: 'active' | 'all';\n}\n\nconst EMPTY_LEGACY_CONTEXT = {};\n\n/** Wrapper lifecycle hook, intentionally absent from the public Form props. */\ninterface InternalModernFormProps<T extends object> extends ModernFormProps<T> {\n  onSubmitted?: () => void;\n}\n\nfunction ModernFormRoot<T extends object>(\n  props: InternalModernFormProps<T>,\n  ref: Ref<HTMLFormElement>,\n): ReactElement {\n  const resolved = useValidationProps(useProviderProps(props));\n  const {\n    form,\n    qa,\n    name,\n    children,\n    orientation = 'vertical',\n    labelPosition: authoredLabelPosition,\n    labelWidth: authoredLabelWidth,\n    labelStyles,\n    necessityIndicator,\n    validateTrigger,\n    requiredMark = true,\n    showValid,\n    isDisabled,\n    isReadOnly,\n    isInvalid,\n    isValid,\n    defaultValues,\n    onSubmit,\n    onSubmitted,\n    onSubmitFailed,\n    onValuesChange,\n    submitValues = 'active',\n    ...otherProps\n  } = resolved;\n  const labelPosition =\n    authoredLabelPosition ?? (orientation === 'horizontal' ? 'side' : 'top');\n  const labelWidth =\n    authoredLabelWidth ?? (orientation === 'horizontal' ? 'auto' : undefined);\n  const internals = getControllerInternals(form, '<Form>');\n  const { store } = internals;\n  const rootRef = useRef<HTMLFormElement>(null);\n  const mergedRef = useMemo(() => mergeRefs(ref, rootRef), [ref]);\n  useLayoutEffect(\n    () => internals.bindRootElement(rootRef.current),\n    [internals],\n  );\n  if (defaultValues !== undefined) {\n    throw new Error(\n      'A modern <Form> does not accept defaultValues. Seed Form.useController() or use an explicit defaults command.',\n    );\n  }\n  const binding = useRef<CallbackBinding<T, ReactNode> | undefined>(undefined);\n  const handleSubmitted = useEvent(() => onSubmitted?.());\n  useLayoutEffect(() => {\n    const token = store.bindCallbacks({}, handleSubmitted);\n    binding.current = token;\n    return () => {\n      token.release();\n      if (binding.current === token) binding.current = undefined;\n    };\n  }, [store, handleSubmitted]);\n  useLayoutEffect(() => {\n    binding.current?.update({\n      ...(onSubmit === undefined ? {} : { onSubmit }),\n      ...(onSubmitFailed === undefined ? {} : { onSubmitFailed }),\n      ...(onValuesChange === undefined ? {} : { onValuesChange }),\n    });\n  });\n  const handleSubmit = useEvent((event: FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    void form.submit({ include: submitValues });\n  });\n  const handleReset = useEvent((event: FormEvent<HTMLFormElement>) => {\n    // React Aria's native reset listeners do not honor preventDefault. Handle\n    // controller resets in capture, before they can write mount-time defaults.\n    // Also with `action`: it hands only the submit to the browser, and\n    // `Form.Reset` resets through this event.\n    event.stopPropagation();\n    otherProps.onReset?.(event);\n    if (!event.defaultPrevented) {\n      event.preventDefault();\n      const { fields } = form.getSnapshot();\n      resetUnboundControls(\n        event.currentTarget,\n        (name) => !!fields[name]?.active,\n      );\n      form.reset();\n    }\n  });\n  const presentation = useMemo<FormPresentationContextValue>(\n    () => ({\n      labelPosition,\n      labelStyles,\n      orientation,\n      necessityIndicator,\n      validateTrigger,\n      requiredMark,\n      showValid,\n      idPrefix: name,\n    }),\n    [\n      labelPosition,\n      labelStyles,\n      orientation,\n      necessityIndicator,\n      validateTrigger,\n      requiredMark,\n      showValid,\n      name,\n    ],\n  );\n  const styles = extractStyles(otherProps, CONTAINER_STYLES);\n  if (labelWidth) styles['$label-width'] = labelWidth;\n\n  return (\n    <FormElement\n      {...filterBaseProps(otherProps, { propNames: formPropNames })}\n      ref={mergedRef}\n      qa={qa}\n      noValidate\n      styles={styles}\n      mods={{\n        'has-sider': labelPosition === 'side',\n        'has-split': labelPosition === 'split',\n        horizontal: orientation === 'horizontal',\n      }}\n      onSubmit={otherProps.action == null ? handleSubmit : undefined}\n      onResetCapture={handleReset}\n    >\n      <FormContext.Provider value={EMPTY_LEGACY_CONTEXT}>\n        <ModernControllerContext.Provider value={form}>\n          <FormPresentationContext.Provider value={presentation}>\n            <Provider\n              insideForm\n              isDisabled={isDisabled}\n              isReadOnly={isReadOnly}\n              isInvalid={isInvalid}\n              isValid={isValid}\n            >\n              {children}\n            </Provider>\n          </FormPresentationContext.Provider>\n        </ModernControllerContext.Provider>\n      </FormContext.Provider>\n    </FormElement>\n  );\n}\n\nconst _ModernFormRoot = forwardRef(ModernFormRoot) as unknown as <\n  T extends object,\n>(\n  props: InternalModernFormProps<T> & { ref?: Ref<HTMLFormElement> },\n) => ReactElement;\n\n(_ModernFormRoot as any).displayName = 'ModernFormRoot';\n\nexport { _ModernFormRoot as ModernFormRoot };\n"],"mappings":"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"}

package/dist/components/form/Form/ResetButton/ResetButton.d.ts

@@ -3,14 +3,11 @@ import { FormController } from "../modern/controller.js";
 import { CubeButtonProps } from "../../../actions/Button/Button.js";
 import { FieldTypes } from "../types.js";
 import { CubeFormInstance } from "../use-form.js";
-import * as react from "react";
-import * as _react_types_shared0 from "@react-types/shared";
-
 //#region src/components/form/Form/ResetButton/ResetButton.d.ts
-interface CubeResetButtonProps<T extends FieldTypes = FieldTypes> extends Omit<CubeButtonProps, 'form'> {
+export interface CubeResetButtonProps<T extends FieldTypes = FieldTypes> extends Omit<CubeButtonProps, 'form'> {
   form?: CubeFormInstance<T> | FormController<T>;
 }
-declare const _ResetButton: react.ForwardRefExoticComponent<CubeResetButtonProps<FieldTypes> & react.RefAttributes<_react_types_shared0.FocusableRefValue<HTMLElement, HTMLElement>>>;
+declare const _ResetButton: import("react").ForwardRefExoticComponent<CubeResetButtonProps<FieldTypes> & import("react").RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLElement, HTMLElement>>>;
 //#endregion
-export { CubeResetButtonProps, _ResetButton };
+export { _ResetButton as ResetButton };
 //# sourceMappingURL=ResetButton.d.ts.map

package/dist/components/form/Form/ResetButton/ResetButton.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { mergeProps } from "../../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../../_internal/hooks/use-event.js";
 import { useProviderProps } from "../../../../provider.js";
@@ -9,7 +9,6 @@ import { ModernResetButton } from "../modern/actions.js";
 import { c } from "react/compiler-runtime";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/form/Form/ResetButton/ResetButton.tsx
 function LegacyResetButton(props, ref) {
 	"use no memo";
@@ -69,7 +68,7 @@ function ResetButton(props, ref) {
 const LegacyResetButtonWithRef = forwardRef(LegacyResetButton);
 const _ResetButton = forwardRef(ResetButton);
 _ResetButton.displayName = "ResetButton";
-
 //#endregion
-export { _ResetButton };
+export { _ResetButton as ResetButton };
+
 //# sourceMappingURL=ResetButton.js.map

package/dist/components/form/Form/ResetButton/ResetButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResetButton.js","names":["FocusableRef","forwardRef","useEvent","useProviderProps","mergeProps","Button","CubeButtonProps","isModernFormController","useFormProps","ModernResetButton","FieldTypes","CubeFormInstance","FormController","CubeResetButtonProps","Omit","form","T","LegacyResetButton","props","ref","HTMLElement","providerProps","isDisabled","isContextDisabled","otherProps","onPress","setTimeout","resetFields","isSomethingDisabled","isSubmitting","isTouched","ResetButton","$","_c","resolved","t0","t1","LegacyResetButtonWithRef","_ResetButton","displayName"],"sources":["../../../../../src/components/form/Form/ResetButton/ResetButton.tsx"],"sourcesContent":["import { FocusableRef } from '@react-types/shared';\nimport { forwardRef } from 'react';\n\nimport { useEvent } from '../../../../_internal/index';\nimport { useProviderProps } from '../../../../provider';\nimport { mergeProps } from '../../../../utils/react/index';\nimport { Button, CubeButtonProps } from '../../../actions/Button/Button';\nimport { isModernFormController } from '../backend';\nimport { useFormProps } from '../Form';\nimport { ModernResetButton } from '../modern/actions';\nimport { FieldTypes } from '../types';\nimport { CubeFormInstance } from '../use-form';\n\nimport type { FormController } from '../modern/controller';\n\nexport interface CubeResetButtonProps<T extends FieldTypes = FieldTypes>\n  extends Omit<CubeButtonProps, 'form'> {\n  form?: CubeFormInstance<T> | FormController<T>;\n}\n\nfunction LegacyResetButton(\n  props: Omit<CubeResetButtonProps, 'form'> & {\n    form?: CubeFormInstance<FieldTypes>;\n  },\n  ref: FocusableRef<HTMLElement>,\n) {\n  'use no memo';\n  // Legacy form state is mutable; preserve its render-time reads until migration.\n\n  const providerProps = useProviderProps({} as CubeButtonProps);\n\n  props = useFormProps(props);\n\n  const { isDisabled: isContextDisabled } = providerProps;\n  const { form, isDisabled, ...otherProps } = props;\n\n  const onPress = useEvent(() => {\n    // Use setTimeout to avoid conflict with onBlur handlers\n    setTimeout(() => {\n      form?.resetFields();\n    });\n  });\n\n  const isSomethingDisabled = isDisabled || isContextDisabled;\n\n  return (\n    <Button\n      ref={ref}\n      type=\"primary\"\n      htmlType=\"reset\"\n      isDisabled={form?.isSubmitting || !form?.isTouched}\n      {...mergeProps(\n        {\n          onPress,\n          isDisabled: isSomethingDisabled\n            ? true\n            : form?.isSubmitting || !form?.isTouched,\n        },\n        otherProps,\n      )}\n    />\n  );\n}\n\nfunction ResetButton(\n  props: CubeResetButtonProps,\n  ref: FocusableRef<HTMLElement>,\n) {\n  const resolved = useFormProps(props);\n  if (isModernFormController(resolved.form)) {\n    return (\n      <ModernResetButton\n        {...resolved}\n        form={resolved.form as FormController}\n        buttonRef={ref}\n      />\n    );\n  }\n  return (\n    <LegacyResetButtonWithRef\n      {...(props as Omit<CubeResetButtonProps, 'form'> & {\n        form?: CubeFormInstance<FieldTypes>;\n      })}\n      ref={ref}\n    />\n  );\n}\n\nconst LegacyResetButtonWithRef = forwardRef(LegacyResetButton);\nconst _ResetButton = forwardRef(ResetButton);\n\n_ResetButton.displayName = 'ResetButton';\n\nexport { _ResetButton as ResetButton };\n"],"mappings":";;;;;;;;;;;;;AAoBA,SAASiB,kBACPC,OAGAC,KACA;AACA;CAGA,MAAME,gBAAgBlB,iBAAiB,EAAE,CAAoB;AAE7De,SAAQV,aAAaU,MAAM;CAE3B,MAAM,EAAEI,YAAYC,sBAAsBF;CAC1C,MAAM,EAAEN,MAAMO,YAAY,GAAGE,eAAeN;CAE5C,MAAMO,UAAUvB,eAAe;AAE7BwB,mBAAiB;AACfX,SAAMY,aAAa;IACnB;GACF;CAEF,MAAMC,sBAAsBN,cAAcC;AAE1C,QACE,oBAAC;EACMJ;EACL,MAAK;EACL,UAAS;EACT,YAAYJ,MAAMc,gBAAgB,CAACd,MAAMe;EACzC,GAAI1B,WACF;GACEqB;GACAH,YAAYM,sBACR,OACAb,MAAMc,gBAAgB,CAACd,MAAMe;GAClC,EACDN,WACD;GACD;;AAIN,SAAAO,YAAAb,OAAAC,KAAA;CAAA,MAAAa,IAAAC,EAAA,EAAA;CAIE,MAAAC,WAAiB1B,aAAaU,MAAM;AACpC,KAAIX,uBAAuB2B,SAAQnB,KAAM,EAAA;EAI7B,MAAAoB,KAAAD,SAAQnB;EAAuB,IAAAqB;AAAA,MAAAJ,EAAA,OAAAb,OAAAa,EAAA,OAAAE,YAAAF,EAAA,OAAAG,IAAA;AAFvCC,QAAA,oBAAC;IAAiB,GACZF;IACE,MAAAC;IACKhB,WAAAA;KACX;AAAAa,KAAA,KAAAb;AAAAa,KAAA,KAAAE;AAAAF,KAAA,KAAAG;AAAAH,KAAA,KAAAI;QAAAA,MAAAJ,EAAA;AAAA,SAJFI;;CASK,MAAAD,KAAAjB;CAEJ,IAAAkB;AAAA,KAAAJ,EAAA,OAAAb,OAAAa,EAAA,OAAAG,IAAA;AAHHC,OAAA,oBAAC;GAAwB,GAClBD;GAGAhB;IACL;AAAAa,IAAA,KAAAb;AAAAa,IAAA,KAAAG;AAAAH,IAAA,KAAAI;OAAAA,MAAAJ,EAAA;AAAA,QALFI;;AASJ,MAAMC,2BAA2BpC,WAAWgB,kBAAkB;AAC9D,MAAMqB,eAAerC,WAAW8B,YAAY;AAE5CO,aAAaC,cAAc"}
+{"version":3,"file":"ResetButton.js","names":["FocusableRef","forwardRef","useEvent","useProviderProps","mergeProps","Button","CubeButtonProps","isModernFormController","useFormProps","ModernResetButton","FieldTypes","CubeFormInstance","FormController","CubeResetButtonProps","Omit","form","T","LegacyResetButton","props","ref","HTMLElement","providerProps","isDisabled","isContextDisabled","otherProps","onPress","setTimeout","resetFields","isSomethingDisabled","isSubmitting","isTouched","ResetButton","$","_c","resolved","t0","t1","LegacyResetButtonWithRef","_ResetButton","displayName","_c"],"sources":["../../../../../src/components/form/Form/ResetButton/ResetButton.tsx"],"sourcesContent":["import { FocusableRef } from '@react-types/shared';\nimport { forwardRef } from 'react';\n\nimport { useEvent } from '../../../../_internal/index';\nimport { useProviderProps } from '../../../../provider';\nimport { mergeProps } from '../../../../utils/react/index';\nimport { Button, CubeButtonProps } from '../../../actions/Button/Button';\nimport { isModernFormController } from '../backend';\nimport { useFormProps } from '../Form';\nimport { ModernResetButton } from '../modern/actions';\nimport { FieldTypes } from '../types';\nimport { CubeFormInstance } from '../use-form';\n\nimport type { FormController } from '../modern/controller';\n\nexport interface CubeResetButtonProps<\n  T extends FieldTypes = FieldTypes,\n> extends Omit<CubeButtonProps, 'form'> {\n  form?: CubeFormInstance<T> | FormController<T>;\n}\n\nfunction LegacyResetButton(\n  props: Omit<CubeResetButtonProps, 'form'> & {\n    form?: CubeFormInstance<FieldTypes>;\n  },\n  ref: FocusableRef<HTMLElement>,\n) {\n  'use no memo';\n  // Legacy form state is mutable; preserve its render-time reads until migration.\n\n  const providerProps = useProviderProps({} as CubeButtonProps);\n\n  props = useFormProps(props);\n\n  const { isDisabled: isContextDisabled } = providerProps;\n  const { form, isDisabled, ...otherProps } = props;\n\n  const onPress = useEvent(() => {\n    // Use setTimeout to avoid conflict with onBlur handlers\n    setTimeout(() => {\n      form?.resetFields();\n    });\n  });\n\n  const isSomethingDisabled = isDisabled || isContextDisabled;\n\n  return (\n    <Button\n      ref={ref}\n      type=\"primary\"\n      htmlType=\"reset\"\n      isDisabled={form?.isSubmitting || !form?.isTouched}\n      {...mergeProps(\n        {\n          onPress,\n          isDisabled: isSomethingDisabled\n            ? true\n            : form?.isSubmitting || !form?.isTouched,\n        },\n        otherProps,\n      )}\n    />\n  );\n}\n\nfunction ResetButton(\n  props: CubeResetButtonProps,\n  ref: FocusableRef<HTMLElement>,\n) {\n  const resolved = useFormProps(props);\n  if (isModernFormController(resolved.form)) {\n    return (\n      <ModernResetButton\n        {...resolved}\n        form={resolved.form as FormController}\n        buttonRef={ref}\n      />\n    );\n  }\n  return (\n    <LegacyResetButtonWithRef\n      {...(props as Omit<CubeResetButtonProps, 'form'> & {\n        form?: CubeFormInstance<FieldTypes>;\n      })}\n      ref={ref}\n    />\n  );\n}\n\nconst LegacyResetButtonWithRef = forwardRef(LegacyResetButton);\nconst _ResetButton = forwardRef(ResetButton);\n\n_ResetButton.displayName = 'ResetButton';\n\nexport { _ResetButton as ResetButton };\n"],"mappings":";;;;;;;;;;;;AAqBA,SAASiB,kBACPC,OAGAC,KACA;CACA;CAGA,MAAME,gBAAgBlB,iBAAiB,CAAC,CAAoB;CAE5De,QAAQV,aAAaU,KAAK;CAE1B,MAAM,EAAEI,YAAYC,sBAAsBF;CAC1C,MAAM,EAAEN,MAAMO,YAAY,GAAGE,eAAeN;CAE5C,MAAMO,UAAUvB,eAAe;EAE7BwB,iBAAiB;GACfX,MAAMY,YAAY;EACpB,CAAC;CACH,CAAC;CAED,MAAMC,sBAAsBN,cAAcC;CAE1C,OACE,oBAAC,QAAD;EACOJ;EACL,MAAK;EACL,UAAS;EACT,YAAYJ,MAAMc,gBAAgB,CAACd,MAAMe;EACzC,GAAI1B,WACF;GACEqB;GACAH,YAAYM,sBACR,OACAb,MAAMc,gBAAgB,CAACd,MAAMe;EACnC,GACAN,UACF;CAAE,CAAA;AAGR;AAEA,SAAAO,YAAAb,OAAAC,KAAA;CAAA,MAAAa,IAAAC,EAAA,CAAA;CAIE,MAAAC,WAAiB1B,aAAaU,KAAK;CACnC,IAAIX,uBAAuB2B,SAAQnB,IAAK,GAAC;EAI7B,MAAAoB,KAAAD,SAAQnB;EAAuB,IAAAqB;EAAA,IAAAJ,EAAA,OAAAb,OAAAa,EAAA,OAAAE,YAAAF,EAAA,OAAAG,IAAA;GAFvCC,KAAA,oBAAC,mBAAD;IAAkB,GACZF;IACE,MAAAC;IACKhB,WAAAA;GAAG,CAAA;GACda,EAAA,KAAAb;GAAAa,EAAA,KAAAE;GAAAF,EAAA,KAAAG;GAAAH,EAAA,KAAAI;EAAA,OAAAA,KAAAJ,EAAA;EAAA,OAJFI;CAIE;CAKG,MAAAD,KAAAjB;CAEJ,IAAAkB;CAAA,IAAAJ,EAAA,OAAAb,OAAAa,EAAA,OAAAG,IAAA;EAHHC,KAAA,oBAAC,0BAAD;GAAyB,GAClBD;GAGAhB;EAAG,CAAA;EACRa,EAAA,KAAAb;EAAAa,EAAA,KAAAG;EAAAH,EAAA,KAAAI;CAAA,OAAAA,KAAAJ,EAAA;CAAA,OALFI;AAKE;AAIN,MAAMC,2BAA2BpC,WAAWgB,iBAAiB;AAC7D,MAAMqB,eAAerC,WAAW8B,WAAW;AAE3CO,aAAaC,cAAc"}

package/dist/components/form/Form/ResetButton/index.d.ts

@@ -1,2 +1,3 @@
 
-import { CubeResetButtonProps, _ResetButton } from "./ResetButton.js";
+import { CubeResetButtonProps, ResetButton as _ResetButton } from "./ResetButton.js";
+export { CubeResetButtonProps, _ResetButton as ResetButton };

package/dist/components/form/Form/SubmitButton/SubmitButton.d.ts

@@ -3,16 +3,13 @@ import { FormController } from "../modern/controller.js";
 import { CubeButtonProps } from "../../../actions/Button/Button.js";
 import { FieldTypes } from "../types.js";
 import { CubeFormInstance } from "../use-form.js";
-import * as react from "react";
-import * as _react_types_shared0 from "@react-types/shared";
-
 //#region src/components/form/Form/SubmitButton/SubmitButton.d.ts
-interface CubeSubmitButtonProps<T extends FieldTypes = FieldTypes> extends Omit<CubeButtonProps, 'form'> {
+export interface CubeSubmitButtonProps<T extends FieldTypes = FieldTypes> extends Omit<CubeButtonProps, 'form'> {
   form?: CubeFormInstance<T> | FormController<T>;
   /** Modern forms: disable after validation fails. Defaults to false so submit can show errors. */
   disableOnInvalid?: boolean;
 }
-declare const _SubmitButton: react.ForwardRefExoticComponent<CubeSubmitButtonProps<FieldTypes> & react.RefAttributes<_react_types_shared0.FocusableRefValue<HTMLElement, HTMLElement>>>;
+declare const _SubmitButton: import("react").ForwardRefExoticComponent<CubeSubmitButtonProps<FieldTypes> & import("react").RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLElement, HTMLElement>>>;
 //#endregion
-export { CubeSubmitButtonProps, _SubmitButton };
+export { _SubmitButton as SubmitButton };
 //# sourceMappingURL=SubmitButton.d.ts.map

package/dist/components/form/Form/SubmitButton/SubmitButton.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.196.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.0 | Cube Dev Team */
 import { useProviderProps } from "../../../../provider.js";
 import { Button } from "../../../actions/Button/Button.js";
 import { isModernFormController } from "../backend.js";
@@ -7,7 +7,6 @@ import { ModernSubmitButton } from "../modern/actions.js";
 import { c } from "react/compiler-runtime";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/components/form/Form/SubmitButton/SubmitButton.tsx
 function LegacySubmitButton(props, ref) {
 	"use no memo";
@@ -61,7 +60,7 @@ function SubmitButton(props, ref) {
 const LegacySubmitButtonWithRef = forwardRef(LegacySubmitButton);
 const _SubmitButton = forwardRef(SubmitButton);
 _SubmitButton.displayName = "SubmitButton";
-
 //#endregion
-export { _SubmitButton };
+export { _SubmitButton as SubmitButton };
+
 //# sourceMappingURL=SubmitButton.js.map

package/dist/components/form/Form/SubmitButton/SubmitButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubmitButton.js","names":["FocusableRef","forwardRef","useProviderProps","Button","CubeButtonProps","isModernFormController","useFormProps","ModernSubmitButton","FieldTypes","CubeFormInstance","FormController","CubeSubmitButtonProps","Omit","form","T","disableOnInvalid","LegacySubmitButton","props","ref","HTMLElement","providerProps","isDisabled","isContextDisabled","_disableOnInvalid","otherProps","isSomethingDisabled","isSubmitting","isInvalid","SubmitButton","$","_c","resolved","t0","t1","LegacySubmitButtonWithRef","_SubmitButton","displayName"],"sources":["../../../../../src/components/form/Form/SubmitButton/SubmitButton.tsx"],"sourcesContent":["import { FocusableRef } from '@react-types/shared';\nimport { forwardRef } from 'react';\n\nimport { useProviderProps } from '../../../../provider';\nimport { Button, CubeButtonProps } from '../../../actions/Button/Button';\nimport { isModernFormController } from '../backend';\nimport { useFormProps } from '../Form';\nimport { ModernSubmitButton } from '../modern/actions';\nimport { FieldTypes } from '../types';\nimport { CubeFormInstance } from '../use-form';\n\nimport type { FormController } from '../modern/controller';\n\nexport interface CubeSubmitButtonProps<T extends FieldTypes = FieldTypes>\n  extends Omit<CubeButtonProps, 'form'> {\n  form?: CubeFormInstance<T> | FormController<T>;\n  /** Modern forms: disable after validation fails. Defaults to false so submit can show errors. */\n  disableOnInvalid?: boolean;\n}\n\nfunction LegacySubmitButton(\n  props: Omit<CubeSubmitButtonProps, 'form'> & {\n    form?: CubeFormInstance<FieldTypes>;\n  },\n  ref: FocusableRef<HTMLElement>,\n) {\n  'use no memo';\n  // Legacy form state is mutable; preserve its render-time reads until migration.\n\n  const providerProps = useProviderProps({} as CubeButtonProps);\n\n  props = useFormProps(props);\n\n  const { isDisabled: isContextDisabled } = providerProps;\n\n  props = useFormProps(props);\n\n  const {\n    form,\n    isDisabled,\n    disableOnInvalid: _disableOnInvalid,\n    ...otherProps\n  } = props;\n  const isSomethingDisabled = isDisabled || isContextDisabled;\n\n  return (\n    <Button\n      ref={ref}\n      type=\"primary\"\n      htmlType=\"submit\"\n      isLoading={form?.isSubmitting}\n      isDisabled={\n        isSomethingDisabled || form?.isSubmitting ? true : form?.isInvalid\n      }\n      {...otherProps}\n    />\n  );\n}\n\nfunction SubmitButton(\n  props: CubeSubmitButtonProps,\n  ref: FocusableRef<HTMLElement>,\n) {\n  const resolved = useFormProps(props);\n  if (isModernFormController(resolved.form)) {\n    return (\n      <ModernSubmitButton\n        {...resolved}\n        form={resolved.form as FormController}\n        buttonRef={ref}\n      />\n    );\n  }\n  return (\n    <LegacySubmitButtonWithRef\n      {...(props as Omit<CubeSubmitButtonProps, 'form'> & {\n        form?: CubeFormInstance<FieldTypes>;\n      })}\n      ref={ref}\n    />\n  );\n}\n\nconst LegacySubmitButtonWithRef = forwardRef(LegacySubmitButton);\nconst _SubmitButton = forwardRef(SubmitButton);\n\n_SubmitButton.displayName = 'SubmitButton';\n\nexport { _SubmitButton as SubmitButton };\n"],"mappings":";;;;;;;;;;;AAoBA,SAASgB,mBACPC,OAGAC,KACA;AACA;CAGA,MAAME,gBAAgBlB,iBAAiB,EAAE,CAAoB;AAE7De,SAAQX,aAAaW,MAAM;CAE3B,MAAM,EAAEI,YAAYC,sBAAsBF;AAE1CH,SAAQX,aAAaW,MAAM;CAE3B,MAAM,EACJJ,MACAQ,YACAN,kBAAkBQ,mBAClB,GAAGC,eACDP;CACJ,MAAMQ,sBAAsBJ,cAAcC;AAE1C,QACE,oBAAC;EACMJ;EACL,MAAK;EACL,UAAS;EACT,WAAWL,MAAMa;EACjB,YACED,uBAAuBZ,MAAMa,eAAe,OAAOb,MAAMc;EAE3D,GAAIH;GACJ;;AAIN,SAAAI,aAAAX,OAAAC,KAAA;CAAA,MAAAW,IAAAC,EAAA,EAAA;CAIE,MAAAC,WAAiBzB,aAAaW,MAAM;AACpC,KAAIZ,uBAAuB0B,SAAQlB,KAAM,EAAA;EAI7B,MAAAmB,KAAAD,SAAQlB;EAAuB,IAAAoB;AAAA,MAAAJ,EAAA,OAAAX,OAAAW,EAAA,OAAAE,YAAAF,EAAA,OAAAG,IAAA;AAFvCC,QAAA,oBAAC;IAAkB,GACbF;IACE,MAAAC;IACKd,WAAAA;KACX;AAAAW,KAAA,KAAAX;AAAAW,KAAA,KAAAE;AAAAF,KAAA,KAAAG;AAAAH,KAAA,KAAAI;QAAAA,MAAAJ,EAAA;AAAA,SAJFI;;CASK,MAAAD,KAAAf;CAEJ,IAAAgB;AAAA,KAAAJ,EAAA,OAAAX,OAAAW,EAAA,OAAAG,IAAA;AAHHC,OAAA,oBAAC;GAAyB,GACnBD;GAGAd;IACL;AAAAW,IAAA,KAAAX;AAAAW,IAAA,KAAAG;AAAAH,IAAA,KAAAI;OAAAA,MAAAJ,EAAA;AAAA,QALFI;;AASJ,MAAMC,4BAA4BjC,WAAWe,mBAAmB;AAChE,MAAMmB,gBAAgBlC,WAAW2B,aAAa;AAE9CO,cAAcC,cAAc"}
+{"version":3,"file":"SubmitButton.js","names":["FocusableRef","forwardRef","useProviderProps","Button","CubeButtonProps","isModernFormController","useFormProps","ModernSubmitButton","FieldTypes","CubeFormInstance","FormController","CubeSubmitButtonProps","Omit","form","T","disableOnInvalid","LegacySubmitButton","props","ref","HTMLElement","providerProps","isDisabled","isContextDisabled","_disableOnInvalid","otherProps","isSomethingDisabled","isSubmitting","isInvalid","SubmitButton","$","_c","resolved","t0","t1","LegacySubmitButtonWithRef","_SubmitButton","displayName","_c"],"sources":["../../../../../src/components/form/Form/SubmitButton/SubmitButton.tsx"],"sourcesContent":["import { FocusableRef } from '@react-types/shared';\nimport { forwardRef } from 'react';\n\nimport { useProviderProps } from '../../../../provider';\nimport { Button, CubeButtonProps } from '../../../actions/Button/Button';\nimport { isModernFormController } from '../backend';\nimport { useFormProps } from '../Form';\nimport { ModernSubmitButton } from '../modern/actions';\nimport { FieldTypes } from '../types';\nimport { CubeFormInstance } from '../use-form';\n\nimport type { FormController } from '../modern/controller';\n\nexport interface CubeSubmitButtonProps<\n  T extends FieldTypes = FieldTypes,\n> extends Omit<CubeButtonProps, 'form'> {\n  form?: CubeFormInstance<T> | FormController<T>;\n  /** Modern forms: disable after validation fails. Defaults to false so submit can show errors. */\n  disableOnInvalid?: boolean;\n}\n\nfunction LegacySubmitButton(\n  props: Omit<CubeSubmitButtonProps, 'form'> & {\n    form?: CubeFormInstance<FieldTypes>;\n  },\n  ref: FocusableRef<HTMLElement>,\n) {\n  'use no memo';\n  // Legacy form state is mutable; preserve its render-time reads until migration.\n\n  const providerProps = useProviderProps({} as CubeButtonProps);\n\n  props = useFormProps(props);\n\n  const { isDisabled: isContextDisabled } = providerProps;\n\n  props = useFormProps(props);\n\n  const {\n    form,\n    isDisabled,\n    disableOnInvalid: _disableOnInvalid,\n    ...otherProps\n  } = props;\n  const isSomethingDisabled = isDisabled || isContextDisabled;\n\n  return (\n    <Button\n      ref={ref}\n      type=\"primary\"\n      htmlType=\"submit\"\n      isLoading={form?.isSubmitting}\n      isDisabled={\n        isSomethingDisabled || form?.isSubmitting ? true : form?.isInvalid\n      }\n      {...otherProps}\n    />\n  );\n}\n\nfunction SubmitButton(\n  props: CubeSubmitButtonProps,\n  ref: FocusableRef<HTMLElement>,\n) {\n  const resolved = useFormProps(props);\n  if (isModernFormController(resolved.form)) {\n    return (\n      <ModernSubmitButton\n        {...resolved}\n        form={resolved.form as FormController}\n        buttonRef={ref}\n      />\n    );\n  }\n  return (\n    <LegacySubmitButtonWithRef\n      {...(props as Omit<CubeSubmitButtonProps, 'form'> & {\n        form?: CubeFormInstance<FieldTypes>;\n      })}\n      ref={ref}\n    />\n  );\n}\n\nconst LegacySubmitButtonWithRef = forwardRef(LegacySubmitButton);\nconst _SubmitButton = forwardRef(SubmitButton);\n\n_SubmitButton.displayName = 'SubmitButton';\n\nexport { _SubmitButton as SubmitButton };\n"],"mappings":";;;;;;;;;;AAqBA,SAASgB,mBACPC,OAGAC,KACA;CACA;CAGA,MAAME,gBAAgBlB,iBAAiB,CAAC,CAAoB;CAE5De,QAAQX,aAAaW,KAAK;CAE1B,MAAM,EAAEI,YAAYC,sBAAsBF;CAE1CH,QAAQX,aAAaW,KAAK;CAE1B,MAAM,EACJJ,MACAQ,YACAN,kBAAkBQ,mBAClB,GAAGC,eACDP;CACJ,MAAMQ,sBAAsBJ,cAAcC;CAE1C,OACE,oBAAC,QAAD;EACOJ;EACL,MAAK;EACL,UAAS;EACT,WAAWL,MAAMa;EACjB,YACED,uBAAuBZ,MAAMa,eAAe,OAAOb,MAAMc;EAE3D,GAAIH;CAAW,CAAA;AAGrB;AAEA,SAAAI,aAAAX,OAAAC,KAAA;CAAA,MAAAW,IAAAC,EAAA,CAAA;CAIE,MAAAC,WAAiBzB,aAAaW,KAAK;CACnC,IAAIZ,uBAAuB0B,SAAQlB,IAAK,GAAC;EAI7B,MAAAmB,KAAAD,SAAQlB;EAAuB,IAAAoB;EAAA,IAAAJ,EAAA,OAAAX,OAAAW,EAAA,OAAAE,YAAAF,EAAA,OAAAG,IAAA;GAFvCC,KAAA,oBAAC,oBAAD;IAAmB,GACbF;IACE,MAAAC;IACKd,WAAAA;GAAG,CAAA;GACdW,EAAA,KAAAX;GAAAW,EAAA,KAAAE;GAAAF,EAAA,KAAAG;GAAAH,EAAA,KAAAI;EAAA,OAAAA,KAAAJ,EAAA;EAAA,OAJFI;CAIE;CAKG,MAAAD,KAAAf;CAEJ,IAAAgB;CAAA,IAAAJ,EAAA,OAAAX,OAAAW,EAAA,OAAAG,IAAA;EAHHC,KAAA,oBAAC,2BAAD;GAA0B,GACnBD;GAGAd;EAAG,CAAA;EACRW,EAAA,KAAAX;EAAAW,EAAA,KAAAG;EAAAH,EAAA,KAAAI;CAAA,OAAAA,KAAAJ,EAAA;CAAA,OALFI;AAKE;AAIN,MAAMC,4BAA4BjC,WAAWe,kBAAkB;AAC/D,MAAMmB,gBAAgBlC,WAAW2B,YAAY;AAE7CO,cAAcC,cAAc"}

package/dist/components/form/Form/SubmitButton/index.d.ts

@@ -1,2 +1,3 @@
 
-import { CubeSubmitButtonProps, _SubmitButton } from "./SubmitButton.js";
+import { CubeSubmitButtonProps, SubmitButton as _SubmitButton } from "./SubmitButton.js";
+export { CubeSubmitButtonProps, _SubmitButton as SubmitButton };