@jakubmazanec/ui 0.6.0 → 0.6.1-next.4df71cb5

package/build/components/CheckboxField.d.ts

@@ -7,7 +7,7 @@ export declare const useCheckboxFieldTheme: {
 } & (() => (baseClassName?: import("../theme/internals.js").ClassName, overrideClassName?: import("../theme/internals.js").ClassName) => string);
 export type CheckboxFieldProps = PropsWithChildren<ComponentProps<typeof useCheckboxFieldTheme> & ({
     className?: string | undefined;
-    field?: FieldMetadata<any, any> | undefined;
+    field?: FieldMetadata<any> | undefined;
     name?: undefined;
 } | {
     className?: string | undefined;

package/build/components/CheckboxField.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../source/components/CheckboxField.tsx"],
-  "sourcesContent": ["import {type FieldMetadata, type FieldName} from '@conform-to/react';\nimport {Field as HeadlessField} from '@headlessui/react';\nimport {type PropsWithChildren} from 'react';\n\nimport {\n  type ComponentProps,\n  type ComponentTheme,\n  createComponentTheme,\n} from '../theme/internals.js';\nimport {FieldContext, FieldNameContext} from './internals.js';\n\nexport const useCheckboxFieldTheme = createComponentTheme('CheckboxField');\n\nexport type CheckboxFieldProps = PropsWithChildren<\n  ComponentProps<typeof useCheckboxFieldTheme> &\n    (\n      | {\n          className?: string | undefined;\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n          field?: FieldMetadata<any, any> | undefined;\n          name?: undefined;\n        }\n      | {\n          className?: string | undefined;\n          field?: undefined;\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n          name?: FieldName<any, any> | string | undefined;\n        }\n    )\n>;\n\nexport function CheckboxField({field, name, className, children}: CheckboxFieldProps) {\n  let theme = useCheckboxFieldTheme();\n\n  if (field) {\n    return (\n      <FieldContext value={field}>\n        <HeadlessField className={theme(null, className)} data-component=\"checkbox-field\">\n          {children}\n        </HeadlessField>\n      </FieldContext>\n    );\n  }\n\n  if (name) {\n    return (\n      <FieldNameContext value={name}>\n        <HeadlessField className={theme(null, className)} data-component=\"checkbox-field\">\n          {children}\n        </HeadlessField>\n      </FieldNameContext>\n    );\n  }\n\n  return <HeadlessField className={theme(null, className)}>{children}</HeadlessField>;\n}\n\nexport const checkboxFieldTheme: ComponentTheme<typeof useCheckboxFieldTheme> = {\n  className:\n    'grid grid-cols-[theme(spacing.5)_1fr] gap-x-2 gap-y-1 [&>[data-component=description]]:col-start-2',\n};\n"],
+  "sourcesContent": ["import {type FieldMetadata, type FieldName} from '@conform-to/react';\nimport {Field as HeadlessField} from '@headlessui/react';\nimport {type PropsWithChildren} from 'react';\n\nimport {\n  type ComponentProps,\n  type ComponentTheme,\n  createComponentTheme,\n} from '../theme/internals.js';\nimport {FieldContext, FieldNameContext} from './internals.js';\n\nexport const useCheckboxFieldTheme = createComponentTheme('CheckboxField');\n\nexport type CheckboxFieldProps = PropsWithChildren<\n  ComponentProps<typeof useCheckboxFieldTheme> &\n    (\n      | {\n          className?: string | undefined;\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n          field?: FieldMetadata<any> | undefined;\n          name?: undefined;\n        }\n      | {\n          className?: string | undefined;\n          field?: undefined;\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n          name?: FieldName<any, any> | string | undefined;\n        }\n    )\n>;\n\nexport function CheckboxField({field, name, className, children}: CheckboxFieldProps) {\n  let theme = useCheckboxFieldTheme();\n\n  if (field) {\n    return (\n      <FieldContext value={field}>\n        <HeadlessField className={theme(null, className)} data-component=\"checkbox-field\">\n          {children}\n        </HeadlessField>\n      </FieldContext>\n    );\n  }\n\n  if (name) {\n    return (\n      <FieldNameContext value={name}>\n        <HeadlessField className={theme(null, className)} data-component=\"checkbox-field\">\n          {children}\n        </HeadlessField>\n      </FieldNameContext>\n    );\n  }\n\n  return <HeadlessField className={theme(null, className)}>{children}</HeadlessField>;\n}\n\nexport const checkboxFieldTheme: ComponentTheme<typeof useCheckboxFieldTheme> = {\n  className:\n    'grid grid-cols-[theme(spacing.5)_1fr] gap-x-2 gap-y-1 [&>[data-component=description]]:col-start-2',\n};\n"],
   "mappings": "AAqCQ;AApCR,SAAQ,SAAS,qBAAoB;AAGrC;AAAA,EAGE;AAAA,OACK;AACP,SAAQ,cAAc,wBAAuB;AAEtC,aAAM,wBAAwB,qBAAqB,eAAe;AAoBlE,gBAAS,cAAc,EAAC,OAAO,MAAM,WAAW,SAAQ,GAAuB;AACpF,MAAI,QAAQ,sBAAsB;AAElC,MAAI,OAAO;AACT,WACE,oBAAC,gBAAa,OAAO,OACnB,8BAAC,iBAAc,WAAW,MAAM,MAAM,SAAS,GAAG,kBAAe,kBAC9D,UACH,GACF;AAAA,EAEJ;AAEA,MAAI,MAAM;AACR,WACE,oBAAC,oBAAiB,OAAO,MACvB,8BAAC,iBAAc,WAAW,MAAM,MAAM,SAAS,GAAG,kBAAe,kBAC9D,UACH,GACF;AAAA,EAEJ;AAEA,SAAO,oBAAC,iBAAc,WAAW,MAAM,MAAM,SAAS,GAAI,UAAS;AACrE;AAEO,aAAM,qBAAmE;AAAA,EAC9E,WACE;AACJ;",
   "names": []
 }

package/build/components/Field.d.ts

@@ -16,7 +16,7 @@ export type FieldProps<T extends ElementType> = ComponentProps<typeof useFieldTh
     as?: T | undefined;
     className?: string | undefined;
     name?: undefined;
-    field?: FieldMetadata<any, any> | undefined;
+    field?: FieldMetadata<any> | undefined;
 });
 export declare function Field<T extends ElementType = typeof FIELD_ELEMENT>({ as, name, field, className, ref, children, ...rest }: FieldProps<T>): import("react").JSX.Element;
 export declare const fieldTheme: ComponentTheme<typeof useFieldTheme>;

package/build/components/Field.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../source/components/Field.tsx"],
-  "sourcesContent": ["import {type FieldMetadata, type FieldName} from '@conform-to/react';\nimport {Field as HeadlessField, type FieldProps as HeadlessFieldProps} from '@headlessui/react';\nimport {type ComponentPropsWithoutRef, type ElementType, type PropsWithChildren} from 'react';\n\nimport {\n  type ComponentProps,\n  type ComponentTheme,\n  createComponentTheme,\n} from '../theme/internals.js';\nimport {type ComponentRef} from './ComponentRef.js';\nimport {FieldContext, FieldNameContext, filterProps} from './internals.js';\n\nexport const useFieldTheme = createComponentTheme('Field');\n\nconst FIELD_ELEMENT = 'div';\n\nexport type FieldProps<T extends ElementType> = ComponentProps<typeof useFieldTheme> &\n  ComponentPropsWithoutRef<T> &\n  ComponentRef<T> &\n  PropsWithChildren &\n  (\n    | {\n        as?: T | undefined;\n        className?: string | undefined;\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n        name?: FieldName<any, any> | string | undefined;\n        field?: undefined;\n      }\n    | {\n        as?: T | undefined;\n        className?: string | undefined;\n        name?: undefined;\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n        field?: FieldMetadata<any, any> | undefined;\n      }\n  );\n\nexport function Field<T extends ElementType = typeof FIELD_ELEMENT>({\n  as = FIELD_ELEMENT as T,\n  name,\n  field,\n  className,\n  ref,\n  children,\n  ...rest\n}: FieldProps<T>) {\n  let theme = useFieldTheme();\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  let props: HeadlessFieldProps<any> = filterProps({\n    as,\n    ref,\n    className: theme(null, className),\n    'data-component': 'field',\n    ...rest,\n  });\n\n  if (field) {\n    return (\n      <FieldContext value={field}>\n        <HeadlessField {...props}>{children}</HeadlessField>\n      </FieldContext>\n    );\n  }\n\n  if (name) {\n    return (\n      <FieldNameContext value={name}>\n        <HeadlessField {...props}>{children}</HeadlessField>\n      </FieldNameContext>\n    );\n  }\n\n  return <HeadlessField {...props}>{children}</HeadlessField>;\n}\n\nexport const fieldTheme: ComponentTheme<typeof useFieldTheme> = {\n  className: 'flex flex-col gap-y-2 font-sans',\n};\n"],
+  "sourcesContent": ["import {type FieldMetadata, type FieldName} from '@conform-to/react';\nimport {Field as HeadlessField, type FieldProps as HeadlessFieldProps} from '@headlessui/react';\nimport {type ComponentPropsWithoutRef, type ElementType, type PropsWithChildren} from 'react';\n\nimport {\n  type ComponentProps,\n  type ComponentTheme,\n  createComponentTheme,\n} from '../theme/internals.js';\nimport {type ComponentRef} from './ComponentRef.js';\nimport {FieldContext, FieldNameContext, filterProps} from './internals.js';\n\nexport const useFieldTheme = createComponentTheme('Field');\n\nconst FIELD_ELEMENT = 'div';\n\nexport type FieldProps<T extends ElementType> = ComponentProps<typeof useFieldTheme> &\n  ComponentPropsWithoutRef<T> &\n  ComponentRef<T> &\n  PropsWithChildren &\n  (\n    | {\n        as?: T | undefined;\n        className?: string | undefined;\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n        name?: FieldName<any, any> | string | undefined;\n        field?: undefined;\n      }\n    | {\n        as?: T | undefined;\n        className?: string | undefined;\n        name?: undefined;\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n        field?: FieldMetadata<any> | undefined;\n      }\n  );\n\nexport function Field<T extends ElementType = typeof FIELD_ELEMENT>({\n  as = FIELD_ELEMENT as T,\n  name,\n  field,\n  className,\n  ref,\n  children,\n  ...rest\n}: FieldProps<T>) {\n  let theme = useFieldTheme();\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  let props: HeadlessFieldProps<any> = filterProps({\n    as,\n    ref,\n    className: theme(null, className),\n    'data-component': 'field',\n    ...rest,\n  });\n\n  if (field) {\n    return (\n      <FieldContext value={field}>\n        <HeadlessField {...props}>{children}</HeadlessField>\n      </FieldContext>\n    );\n  }\n\n  if (name) {\n    return (\n      <FieldNameContext value={name}>\n        <HeadlessField {...props}>{children}</HeadlessField>\n      </FieldNameContext>\n    );\n  }\n\n  return <HeadlessField {...props}>{children}</HeadlessField>;\n}\n\nexport const fieldTheme: ComponentTheme<typeof useFieldTheme> = {\n  className: 'flex flex-col gap-y-2 font-sans',\n};\n"],
   "mappings": "AA2DQ;AA1DR,SAAQ,SAAS,qBAA2D;AAG5E;AAAA,EAGE;AAAA,OACK;AAEP,SAAQ,cAAc,kBAAkB,mBAAkB;AAEnD,aAAM,gBAAgB,qBAAqB,OAAO;AAEzD,MAAM,gBAAgB;AAuBf,gBAAS,MAAoD;AAAA,EAClE,KAAK;AAAA,EACL;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAkB;AAChB,MAAI,QAAQ,cAAc;AAE1B,MAAI,QAAiC,YAAY;AAAA,IAC/C;AAAA,IACA;AAAA,IACA,WAAW,MAAM,MAAM,SAAS;AAAA,IAChC,kBAAkB;AAAA,IAClB,GAAG;AAAA,EACL,CAAC;AAED,MAAI,OAAO;AACT,WACE,oBAAC,gBAAa,OAAO,OACnB,8BAAC,iBAAe,GAAG,OAAQ,UAAS,GACtC;AAAA,EAEJ;AAEA,MAAI,MAAM;AACR,WACE,oBAAC,oBAAiB,OAAO,MACvB,8BAAC,iBAAe,GAAG,OAAQ,UAAS,GACtC;AAAA,EAEJ;AAEA,SAAO,oBAAC,iBAAe,GAAG,OAAQ,UAAS;AAC7C;AAEO,aAAM,aAAmD;AAAA,EAC9D,WAAW;AACb;",
   "names": []
 }

package/build/components/RadioGroup.d.ts

@@ -17,7 +17,7 @@ export type RadioGroupProps<T extends ElementType, V extends boolean | number |
     as?: T | undefined;
     value?: V | undefined;
     defaultValue?: V | undefined;
-    field?: FieldMetadata<any, any> | undefined;
+    field?: FieldMetadata<any> | undefined;
     name?: undefined;
     className?: string | undefined;
     onChange?: ((value: V) => void) | undefined;

package/build/components/RadioGroup.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../source/components/RadioGroup.tsx"],
-  "sourcesContent": ["import {type FieldMetadata, type FieldName} from '@conform-to/react';\nimport {RadioGroup as HeadlessRadioGroup} from '@headlessui/react';\nimport {\n  type ComponentPropsWithoutRef,\n  type ElementType,\n  type PropsWithChildren,\n  useCallback,\n} from 'react';\n\nimport {\n  type ComponentProps,\n  type ComponentTheme,\n  createComponentTheme,\n} from '../theme/internals.js';\nimport {type ComponentRef} from './ComponentRef.js';\nimport {FieldContext, FieldNameContext, useFormId} from './internals.js';\n\nexport const useRadioGroupTheme = createComponentTheme('RadioGroup', {\n  variants: {\n    disabled: [true, false],\n  },\n});\n\nconst RADIO_GROUP_ELEMENT = 'div';\n\nexport type RadioGroupProps<\n  T extends ElementType,\n  V extends boolean | number | string,\n> = ComponentProps<typeof useRadioGroupTheme> &\n  ComponentPropsWithoutRef<T> &\n  ComponentRef<T> &\n  PropsWithChildren &\n  (\n    | {\n        as?: T | undefined;\n        value?: V | undefined;\n        defaultValue?: V | undefined;\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n        field?: FieldMetadata<any, any> | undefined;\n        name?: undefined;\n        className?: string | undefined;\n        onChange?: ((value: V) => void) | undefined;\n      }\n    | {\n        as?: T | undefined;\n        value?: V | undefined;\n        defaultValue?: V | undefined;\n        field?: undefined;\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n        name?: FieldName<any, any> | string | undefined;\n        className?: string;\n        onChange?: ((value: V) => void) | undefined;\n      }\n  );\n\nexport function RadioGroup<\n  T extends ElementType = typeof RADIO_GROUP_ELEMENT,\n  V extends boolean | number | string = string,\n>({\n  disabled = false,\n  as = RADIO_GROUP_ELEMENT as T,\n  value,\n  defaultValue,\n  field,\n  name,\n  className,\n  onChange,\n  ref,\n  children,\n  ...rest\n}: RadioGroupProps<T, V>) {\n  let theme = useRadioGroupTheme({disabled});\n  let formId = useFormId();\n\n  let handleChange = useCallback(\n    (newValue: V) => {\n      onChange?.(newValue);\n    },\n    [onChange],\n  );\n\n  if (field) {\n    let props = {\n      ref,\n      disabled,\n      defaultValue,\n      name: field.name,\n      form: formId,\n      className: theme(null, className),\n      onChange: handleChange,\n      ...rest,\n    };\n\n    return (\n      <FieldContext value={field}>\n        <HeadlessRadioGroup {...props}>{children}</HeadlessRadioGroup>\n      </FieldContext>\n    );\n  }\n\n  if (name) {\n    let props = {\n      ref,\n      disabled,\n      defaultValue,\n      name,\n      form: formId,\n      className: theme(null, className),\n      onChange: handleChange,\n      'data-component': 'radio-group',\n      ...rest,\n    };\n\n    return (\n      <FieldNameContext value={name}>\n        <HeadlessRadioGroup {...props}>{children}</HeadlessRadioGroup>\n      </FieldNameContext>\n    );\n  }\n\n  let props = {\n    ref,\n    disabled,\n    value,\n    defaultValue,\n    className: theme(null, className),\n    onChange: handleChange,\n    'data-component': 'radio-group',\n    ...rest,\n  };\n\n  return <HeadlessRadioGroup {...props}>{children}</HeadlessRadioGroup>;\n}\n\nexport const radioGroupTheme: ComponentTheme<typeof useRadioGroupTheme> = {\n  className: 'flex flex-col gap-y-2',\n  variants: {\n    disabled: {\n      true: '',\n      false: '',\n    },\n  },\n};\n"],
+  "sourcesContent": ["import {type FieldMetadata, type FieldName} from '@conform-to/react';\nimport {RadioGroup as HeadlessRadioGroup} from '@headlessui/react';\nimport {\n  type ComponentPropsWithoutRef,\n  type ElementType,\n  type PropsWithChildren,\n  useCallback,\n} from 'react';\n\nimport {\n  type ComponentProps,\n  type ComponentTheme,\n  createComponentTheme,\n} from '../theme/internals.js';\nimport {type ComponentRef} from './ComponentRef.js';\nimport {FieldContext, FieldNameContext, useFormId} from './internals.js';\n\nexport const useRadioGroupTheme = createComponentTheme('RadioGroup', {\n  variants: {\n    disabled: [true, false],\n  },\n});\n\nconst RADIO_GROUP_ELEMENT = 'div';\n\nexport type RadioGroupProps<\n  T extends ElementType,\n  V extends boolean | number | string,\n> = ComponentProps<typeof useRadioGroupTheme> &\n  ComponentPropsWithoutRef<T> &\n  ComponentRef<T> &\n  PropsWithChildren &\n  (\n    | {\n        as?: T | undefined;\n        value?: V | undefined;\n        defaultValue?: V | undefined;\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n        field?: FieldMetadata<any> | undefined;\n        name?: undefined;\n        className?: string | undefined;\n        onChange?: ((value: V) => void) | undefined;\n      }\n    | {\n        as?: T | undefined;\n        value?: V | undefined;\n        defaultValue?: V | undefined;\n        field?: undefined;\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n        name?: FieldName<any, any> | string | undefined;\n        className?: string;\n        onChange?: ((value: V) => void) | undefined;\n      }\n  );\n\nexport function RadioGroup<\n  T extends ElementType = typeof RADIO_GROUP_ELEMENT,\n  V extends boolean | number | string = string,\n>({\n  disabled = false,\n  as = RADIO_GROUP_ELEMENT as T,\n  value,\n  defaultValue,\n  field,\n  name,\n  className,\n  onChange,\n  ref,\n  children,\n  ...rest\n}: RadioGroupProps<T, V>) {\n  let theme = useRadioGroupTheme({disabled});\n  let formId = useFormId();\n\n  let handleChange = useCallback(\n    (newValue: V) => {\n      onChange?.(newValue);\n    },\n    [onChange],\n  );\n\n  if (field) {\n    let props = {\n      ref,\n      disabled,\n      defaultValue,\n      name: field.name,\n      form: formId,\n      className: theme(null, className),\n      onChange: handleChange,\n      ...rest,\n    };\n\n    return (\n      <FieldContext value={field}>\n        <HeadlessRadioGroup {...props}>{children}</HeadlessRadioGroup>\n      </FieldContext>\n    );\n  }\n\n  if (name) {\n    let props = {\n      ref,\n      disabled,\n      defaultValue,\n      name,\n      form: formId,\n      className: theme(null, className),\n      onChange: handleChange,\n      'data-component': 'radio-group',\n      ...rest,\n    };\n\n    return (\n      <FieldNameContext value={name}>\n        <HeadlessRadioGroup {...props}>{children}</HeadlessRadioGroup>\n      </FieldNameContext>\n    );\n  }\n\n  let props = {\n    ref,\n    disabled,\n    value,\n    defaultValue,\n    className: theme(null, className),\n    onChange: handleChange,\n    'data-component': 'radio-group',\n    ...rest,\n  };\n\n  return <HeadlessRadioGroup {...props}>{children}</HeadlessRadioGroup>;\n}\n\nexport const radioGroupTheme: ComponentTheme<typeof useRadioGroupTheme> = {\n  className: 'flex flex-col gap-y-2',\n  variants: {\n    disabled: {\n      true: '',\n      false: '',\n    },\n  },\n};\n"],
   "mappings": "AA+FQ;AA9FR,SAAQ,cAAc,0BAAyB;AAC/C;AAAA,EAIE;AAAA,OACK;AAEP;AAAA,EAGE;AAAA,OACK;AAEP,SAAQ,cAAc,kBAAkB,iBAAgB;AAEjD,aAAM,qBAAqB,qBAAqB,cAAc;AAAA,EACnE,UAAU;AAAA,IACR,UAAU,CAAC,MAAM,KAAK;AAAA,EACxB;AACF,CAAC;AAED,MAAM,sBAAsB;AAgCrB,gBAAS,WAGd;AAAA,EACA,WAAW;AAAA,EACX,KAAK;AAAA,EACL;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA0B;AACxB,MAAI,QAAQ,mBAAmB,EAAC,SAAQ,CAAC;AACzC,MAAI,SAAS,UAAU;AAEvB,MAAI,eAAe;AAAA,IACjB,CAAC,aAAgB;AACf,iBAAW,QAAQ;AAAA,IACrB;AAAA,IACA,CAAC,QAAQ;AAAA,EACX;AAEA,MAAI,OAAO;AACT,QAAIA,SAAQ;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA,MAAM,MAAM;AAAA,MACZ,MAAM;AAAA,MACN,WAAW,MAAM,MAAM,SAAS;AAAA,MAChC,UAAU;AAAA,MACV,GAAG;AAAA,IACL;AAEA,WACE,oBAAC,gBAAa,OAAO,OACnB,8BAAC,sBAAoB,GAAGA,QAAQ,UAAS,GAC3C;AAAA,EAEJ;AAEA,MAAI,MAAM;AACR,QAAIA,SAAQ;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,MAAM;AAAA,MACN,WAAW,MAAM,MAAM,SAAS;AAAA,MAChC,UAAU;AAAA,MACV,kBAAkB;AAAA,MAClB,GAAG;AAAA,IACL;AAEA,WACE,oBAAC,oBAAiB,OAAO,MACvB,8BAAC,sBAAoB,GAAGA,QAAQ,UAAS,GAC3C;AAAA,EAEJ;AAEA,MAAI,QAAQ;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,MAAM,MAAM,SAAS;AAAA,IAChC,UAAU;AAAA,IACV,kBAAkB;AAAA,IAClB,GAAG;AAAA,EACL;AAEA,SAAO,oBAAC,sBAAoB,GAAG,OAAQ,UAAS;AAClD;AAEO,aAAM,kBAA6D;AAAA,EACxE,WAAW;AAAA,EACX,UAAU;AAAA,IACR,UAAU;AAAA,MACR,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AAAA,EACF;AACF;",
   "names": ["props"]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jakubmazanec/ui",
-  "version": "0.6.0",
+  "version": "0.6.1-next.4df71cb5",
   "description": "React component library.",
   "repository": {
     "type": "git",
@@ -22,9 +22,9 @@
     "source"
   ],
   "scripts": {
-    "build": "del-cli build tsconfig.tsbuildinfo && esbuild \"source/**/*\" --platform=node --target=node24.3 --outdir=build --sourcemap --loader:.woff2=copy && tsc && storybook build",
+    "build": "del-cli build tsconfig.tsbuildinfo && esbuild \"source/**/*\" --platform=node --target=node24.21 --outdir=build --sourcemap --loader:.woff2=copy && tsc && storybook build",
     "clean": "del-cli coverage build *.tsbuildinfo",
-    "develop": "concurrently \"esbuild \"source/**/*\" --platform=node --target=node24.3 --outdir=build --sourcemap --loader:.woff2=copy --watch\" \"tsc --watch\" \"storybook dev -p 6006 --no-open\"",
+    "develop": "concurrently \"esbuild \"source/**/*\" --platform=node --target=node24.21 --outdir=build --sourcemap --loader:.woff2=copy --watch\" \"tsc --watch\" \"storybook dev -p 6006 --no-open\"",
     "document": "del-cli docs && typedoc --options typedoc.config.cjs",
     "format": "prettier . --write --ignore-unknown",
     "lint": "eslint .",
@@ -33,64 +33,64 @@
     "typecheck": "tsc --project tsconfig.typecheck.json"
   },
   "dependencies": {
-    "@conform-to/react": "^1.19.4",
-    "@conform-to/zod": "^1.19.4",
+    "@conform-to/react": "^1.21.1",
+    "@conform-to/zod": "^1.21.1",
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/modifiers": "^9.0.0",
     "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/utilities": "^3.2.2",
     "@headlessui/react": "^2.2.10",
     "@heroicons/react": "^2.2.0",
-    "@jakubmazanec/ts-utils": "^3.0.1",
+    "@jakubmazanec/ts-utils": "3.0.20-next.4df71cb5",
     "@tanstack/match-sorter-utils": "^8.19.4",
     "@tanstack/react-table": "^8.21.3",
     "culori": "^4.0.2",
     "lodash": "^4.18.1",
-    "tailwind-merge": "^3.6.0",
-    "zod": "^4.4.3"
+    "tailwind-merge": "^3.7.0",
+    "zod": "^4.6.5"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^5.2.1",
-    "@jakubmazanec/eslint-config": "^5.0.0",
-    "@storybook/addon-docs": "^10.5.2",
-    "@storybook/addon-links": "^10.5.2",
-    "@storybook/react-vite": "^10.5.2",
+    "@chromatic-com/storybook": "^5.4.0",
+    "@jakubmazanec/eslint-config": "5.0.1-next.4df71cb5",
+    "@storybook/addon-docs": "^10.6.1",
+    "@storybook/addon-links": "^10.6.1",
+    "@storybook/react-vite": "^10.6.1",
     "@tailwindcss/vite": "^4.3.3",
     "@types/culori": "^4.0.1",
-    "@types/lodash": "^4.17.24",
-    "@types/node": "^24.0.4",
-    "@types/react": "^19.2.17",
-    "@types/react-dom": "^19.2.3",
-    "@vitest/browser-playwright": "^4.1.10",
-    "@vitest/coverage-v8": "^4.1.10",
-    "chromatic": "^18.0.1",
-    "concurrently": "^10.0.3",
+    "@types/lodash": "^4.17.25",
+    "@types/node": "^24.19.1",
+    "@types/react": "^19.3.0",
+    "@types/react-dom": "^19.3.0",
+    "@vitest/browser-playwright": "^4.1.11",
+    "@vitest/coverage-v8": "^4.1.11",
+    "chromatic": "^18.11.0",
+    "concurrently": "^10.0.6",
     "del-cli": "^7.0.0",
-    "esbuild": "^0.28.1",
-    "eslint": "^9.39.4",
-    "playwright": "^1.62.0",
-    "prettier": "^3.9.5",
+    "esbuild": "^0.28.2",
+    "eslint": "^9.39.5",
+    "playwright": "^1.64.0",
+    "prettier": "^3.9.9",
     "prettier-plugin-packagejson": "^2.5.22",
     "prettier-plugin-tailwindcss": "^0.8.1",
-    "react": "^19.2.7",
-    "react-dom": "^19.2.7",
-    "storybook": "^10.5.2",
+    "react": "^19.3.0",
+    "react-dom": "^19.3.0",
+    "storybook": "^10.6.1",
     "tailwindcss": "^4.3.3",
-    "tsx": "^4.23.1",
+    "tsx": "^4.23.15",
     "typedoc": "^0.28.20",
-    "typedoc-plugin-markdown": "^4.12.0",
-    "typescript": "^6.0.0",
-    "vitest": "^4.1.10",
-    "vitest-browser-react": "^2.2.0"
+    "typedoc-plugin-markdown": "^4.13.1",
+    "typescript": "^6.0.3",
+    "vitest": "^4.1.11",
+    "vitest-browser-react": "^2.3.0"
   },
   "peerDependencies": {
     "react": "19.x",
     "react-dom": "19.x",
     "tailwindcss": "4.x"
   },
-  "packageManager": "npm@11.3.0",
+  "packageManager": "npm@11.21.0",
   "engines": {
-    "node": "^24.3.0",
-    "npm": "^11.3.0"
+    "node": "^24.21.0",
+    "npm": "^11.21.0"
   }
 }

package/source/components/CheckboxField.tsx

@@ -17,7 +17,7 @@ export type CheckboxFieldProps = PropsWithChildren<
       | {
           className?: string | undefined;
           // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed
-          field?: FieldMetadata<any, any> | undefined;
+          field?: FieldMetadata<any> | undefined;
           name?: undefined;
         }
       | {

package/source/components/Field.tsx

@@ -31,7 +31,7 @@ export type FieldProps<T extends ElementType> = ComponentProps<typeof useFieldTh
         className?: string | undefined;
         name?: undefined;
         // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed
-        field?: FieldMetadata<any, any> | undefined;
+        field?: FieldMetadata<any> | undefined;
       }
   );
 

package/source/components/RadioGroup.tsx

@@ -36,7 +36,7 @@ export type RadioGroupProps<
         value?: V | undefined;
         defaultValue?: V | undefined;
         // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed
-        field?: FieldMetadata<any, any> | undefined;
+        field?: FieldMetadata<any> | undefined;
         name?: undefined;
         className?: string | undefined;
         onChange?: ((value: V) => void) | undefined;