fix: typecheck

chakra-ui · Aug 12, 2024 · f99f5ae · f99f5ae
1 parent c8179a7
commit f99f5ae
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 8 deletions.
diff --git a/packages/react/src/components/field/field-root.tsx b/packages/react/src/components/field/field-root.tsx
@@ -12,6 +12,7 @@ export interface FieldRootProps extends HTMLProps<'div'>, FieldRootBaseProps {}
 export const FieldRoot = forwardRef<HTMLDivElement, FieldRootProps>((props, ref) => {
   const [useFieldProps, localProps] = createSplitProps<UseFieldProps>()(props, [
     'id',
+    'ids',
     'disabled',
     'invalid',
     'readOnly',

diff --git a/packages/solid/src/components/field/field-root.tsx b/packages/solid/src/components/field/field-root.tsx
@@ -10,6 +10,7 @@ export interface FieldRootProps extends HTMLProps<'div'>, FieldRootBaseProps {}
 export const FieldRoot = (props: FieldRootProps) => {
   const [useFieldProps, localProps] = createSplitProps<UseFieldProps>()(props, [
     'id',
+    'ids',
     'disabled',
     'invalid',
     'readOnly',

diff --git a/packages/vue/src/components/field/field.types.ts b/packages/vue/src/components/field/field.types.ts
@@ -1,8 +1,20 @@
+export interface ElementIds {
+  root?: string
+  control?: string
+  label?: string
+  errorText?: string
+  helperText?: string
+}
+
 export interface RootProps {
   /**
    * The id of the field.
    */
   id?: string
+  /**
+   * The ids of the field parts.
+   */
+  ids?: ElementIds
   /**
    * Indicates whether the field is required.
    */

diff --git a/packages/vue/src/components/field/use-field.ts b/packages/vue/src/components/field/use-field.ts
@@ -1,14 +1,7 @@
 import { ariaAttr, dataAttr, getWindow } from '@zag-js/dom-query'
 import { type HTMLAttributes, computed, onBeforeUnmount, onMounted, reactive, ref } from 'vue'
 import { parts } from './field.anatomy'
-
-export interface ElementIds {
-  root?: string
-  control?: string
-  label?: string
-  errorText?: string
-  helperText?: string
-}
+import type { ElementIds } from './field.types'
 
 export interface UseFieldProps {
   /**