chore: update base-ui to 1.0.0

package.json

@@ -43,7 +43,7 @@
     "db:seed": "dotenv -- cross-env node ./run-jiti ./prisma/seed/index.ts"
   },
   "dependencies": {
-    "@base-ui-components/react": "1.0.0-beta.1",
+    "@base-ui/react": "1.0.0",
     "@bearstudio/ui-state": "1.0.2",
     "@better-auth/expo": "1.3.27",
     "@fontsource-variable/inter": "5.2.8",

src/components/form/field-number/index.tsx

@@ -76,7 +76,6 @@ export const FieldNumber = <
           >
             <NumberInput
               id={ctx.id}
-              invalid={fieldState.error ? true : undefined}
               aria-describedby={
                 !fieldState.error
                   ? `${ctx.descriptionId}`
@@ -85,9 +84,9 @@ export const FieldNumber = <
               {...rest}
               {...fieldProps}
               value={formatValue(value, 'from-cents')}
-              onValueChange={(value) => {
+              onValueChange={(value, event) => {
                 onChange(formatValue(value, 'to-cents'));
-                rest.onValueChange?.(value);
+                rest.onValueChange?.(value, event);
               }}
               onBlur={(e) => {
                 field.onBlur();

src/components/ui/checkbox-group.tsx

@@ -1,4 +1,4 @@
-import { CheckboxGroup as CheckboxGroupPrimitive } from '@base-ui-components/react/checkbox-group';
+import { CheckboxGroup as CheckboxGroupPrimitive } from '@base-ui/react/checkbox-group';
 
 import { cn } from '@/lib/tailwind/utils';
 

src/components/ui/checkbox.tsx

@@ -1,7 +1,7 @@
-import { Checkbox as CheckboxPrimitive } from '@base-ui-components/react/checkbox';
+import { Checkbox as CheckboxPrimitive } from '@base-ui/react/checkbox';
 import { cva } from 'class-variance-authority';
 import { CheckIcon, MinusIcon } from 'lucide-react';
-import React from 'react';
+import React, { useId } from 'react';
 
 import { cn } from '@/lib/tailwind/utils';
 
@@ -53,10 +53,13 @@ export function Checkbox({
 }: CheckboxProps) {
   const Comp = noLabel ? React.Fragment : 'label';
 
+  const _compId = useId();
+  const id = labelProps?.id ?? _compId;
   const compProps = noLabel
     ? {}
     : {
         ...labelProps,
+        id,
         className: cn(labelVariants({ size }), labelProps?.className),
       };
 
@@ -65,6 +68,7 @@ export function Checkbox({
       <CheckboxPrimitive.Root
         className={cn(checkboxVariants({ size }), className)}
         {...props}
+        aria-labelledby={id}
       >
         <CheckboxPrimitive.Indicator
           keepMounted={true}

src/components/ui/number-input.stories.tsx

@@ -16,7 +16,7 @@ export const Placeholder = () => {
 };
 
 export const Invalid = () => {
-  return <NumberInput invalid />;
+  return <NumberInput aria-invalid={true} data-invalid />;
 };
 
 export const Disabled = () => {

src/components/ui/number-input.tsx

@@ -1,4 +1,4 @@
-import { NumberField } from '@base-ui-components/react';
+import { NumberField } from '@base-ui/react/number-field';
 import { ChevronDown, ChevronUp, Minus, Plus } from 'lucide-react';
 import { ComponentProps, useRef } from 'react';
 import { useTranslation } from 'react-i18next';
@@ -25,13 +25,13 @@ type NumberInputProps = ComponentProps<typeof NumberField.Root> &
 export const NumberInput = ({
   inputProps,
   size,
-  invalid,
   placeholder,
   locale,
   buttons,
   className,
   onKeyDown,
   ref,
+  'aria-invalid': invalid,
   ...props
 }: NumberInputProps) => {
   const inputRef = useRef<HTMLInputElement>(null);
@@ -75,8 +75,8 @@ export const NumberInput = ({
         <NumberField.Input
           render={
             <Input
+              aria-invalid={invalid}
               ref={mergeRefs([ref, inputRef])}
-              aria-invalid={invalid ? true : undefined}
               endElement={
                 buttons === 'classic' && (
                   <NumberField.Group className="flex flex-col">

src/components/ui/radio-group.tsx

@@ -1,8 +1,8 @@
-import { Radio as RadioPrimitive } from '@base-ui-components/react/radio';
-import { RadioGroup as RadioGroupPrimitive } from '@base-ui-components/react/radio-group';
+import { Radio as RadioPrimitive } from '@base-ui/react/radio';
+import { RadioGroup as RadioGroupPrimitive } from '@base-ui/react/radio-group';
 import { cva } from 'class-variance-authority';
 import { Circle } from 'lucide-react';
-import * as React from 'react';
+import { Fragment, useId } from 'react';
 
 import { cn } from '@/lib/tailwind/utils';
 
@@ -63,19 +63,22 @@ export function Radio({
   size,
   ...rest
 }: RadioProps) {
-  const Comp = noLabel ? React.Fragment : 'label';
-
+  const Comp = noLabel ? Fragment : 'label';
+  const _compId = useId();
+  const id = labelProps?.id ?? _compId;
   const compProps = noLabel
     ? {}
     : {
         ...labelProps,
+        id,
         className: cn(labelVariants({ size }), labelProps?.className),
       };
 
   return (
     <Comp {...compProps}>
       <RadioPrimitive.Root
         className={cn(radioVariants({ size }), className)}
+        aria-labelledby={id}
         {...rest}
       >
         <RadioPrimitive.Indicator