fix: remove all use client

.changeset/big-zebras-boil.md

@@ -0,0 +1,6 @@
+---
+"@alice-ui/react": patch
+"@alice-ui/theme": patch
+---
+
+Rmove all use client

packages/react/src/avatar/avatar-group.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import { getValidChildren } from '@alice-ui/react-utils';
 import { clsx, compact } from '@alice-ui/shared-utils';
 import { avatarGroup } from '@alice-ui/theme';

packages/react/src/avatar/avatar.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import { useImage } from '@alice-ui/hooks';
 import { clsx, dataAttr } from '@alice-ui/shared-utils';
 import { AvatarSlots, AvatarVariantProps, SlotsToClasses, avatar } from '@alice-ui/theme';

packages/react/src/avatar/index.ts

@@ -1,5 +1,3 @@
-'use client';
-
 import { Avatar } from './avatar';
 import { AvatarGroup } from './avatar-group';
 

packages/react/src/button/button.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import type { ButtonVariantProps } from '@alice-ui/theme';
 import { button } from '@alice-ui/theme';
 import {

packages/react/src/button/close-button.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import { XMarkIcon } from '@alice-ui/icons';
 import { ForwardedRef, forwardRef } from 'react';
 import { IconButton, IconButtonProps } from './icon-button';

packages/react/src/button/icon-button.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import type { ButtonVariantProps } from '@alice-ui/theme';
 import { button } from '@alice-ui/theme';
 import { ForwardedRef, cloneElement, forwardRef, isValidElement, useMemo } from 'react';

packages/react/src/button/index.ts

@@ -1,5 +1,3 @@
-'use client';
-
 import { Button } from './button';
 import { CloseButton } from './close-button';
 import { IconButton } from './icon-button';

packages/react/src/card/card.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import { clsx, dataAttr } from '@alice-ui/shared-utils';
 import {
   CardReturnType,

packages/react/src/card/index.ts

@@ -1,5 +1,3 @@
-'use client';
-
 import { Card } from './card';
 import { CardBody } from './card-body';
 import { CardFooter } from './card-footer';

packages/react/src/checkbox/checkbox-group.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import { clsx } from '@alice-ui/shared-utils';
 import type { CheckboxGroupSlots, CheckboxVariantProps, SlotsToClasses } from '@alice-ui/theme';
 import { checkboxGroup } from '@alice-ui/theme';

packages/react/src/checkbox/checkbox.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import { clsx } from '@alice-ui/shared-utils';
 import type { CheckboxSlots, CheckboxVariantProps, SlotsToClasses } from '@alice-ui/theme';
 import { checkbox } from '@alice-ui/theme';

packages/react/src/checkbox/index.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import { Checkbox } from './checkbox';
 import { CheckboxGroup } from './checkbox-group';
 import { CheckboxIcon } from './checkbox-icon';

packages/react/src/chip/chip.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import { XCircleFilledIcon } from '@alice-ui/icons';
 import { clsx } from '@alice-ui/shared-utils';
 import type { ChipSlots, ChipVariantProps, SlotsToClasses } from '@alice-ui/theme';

packages/react/src/chip/index.ts

@@ -1,5 +1,3 @@
-'use client';
-
 import { Chip } from './chip';
 
 // export types

packages/react/src/divider/divider.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import { divider } from '@alice-ui/theme';
 import { useMemo } from 'react';
 import { Separator, SeparatorProps } from 'react-aria-components';

packages/react/src/divider/index.ts

@@ -1,5 +1,3 @@
-'use client';
-
 import { Divider } from './divider';
 
 // export types

packages/react/src/drawer/drawer.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import { clsx } from '@alice-ui/shared-utils';
 import type { DrawerSlots, DrawerVariantProps, SlotsToClasses } from '@alice-ui/theme';
 import { drawer } from '@alice-ui/theme';

packages/react/src/drawer/index.ts

@@ -1,5 +1,3 @@
-'use client';
-
 import { ModalBody } from '../modal/modal-body';
 import { ModalCloseButton } from '../modal/modal-close-button';
 import { ModalContent } from '../modal/modal-content';

packages/react/src/image/base-image.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import { FallbackStrategy, shouldShowFallbackImage, useImage } from '@alice-ui/hooks';
 import { dataAttr } from '@alice-ui/shared-utils';
 import { ForwardedRef, ImgHTMLAttributes, forwardRef } from 'react';

packages/react/src/image/image.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import { useImage as useImageBase } from '@alice-ui/hooks';
 import { clsx, dataAttr } from '@alice-ui/shared-utils';
 import type { ImageSlots, ImageVariantProps, SlotsToClasses } from '@alice-ui/theme';

packages/react/src/image/index.ts

@@ -1,5 +1,3 @@
-'use client';
-
 import { BaseImage } from './base-image';
 import { Image } from './image';
 

packages/react/src/input/index.ts

@@ -1,5 +1,3 @@
-'use client';
-
 import { Input } from './input';
 import { TextArea } from './textarea';
 

packages/react/src/input/input.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import { XCircleFilledIcon } from '@alice-ui/icons';
 import { clsx } from '@alice-ui/shared-utils';
 import type { InputSlots, InputVariantProps, SlotsToClasses } from '@alice-ui/theme';

packages/react/src/input/textarea.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import { XCircleFilledIcon } from '@alice-ui/icons';
 import { clsx } from '@alice-ui/shared-utils';
 import type { InputSlots, InputVariantProps, SlotsToClasses } from '@alice-ui/theme';

packages/react/src/input/use-input.ts

@@ -1,5 +1,3 @@
-'use client';
-
 import { dataAttr } from '@alice-ui/shared-utils';
 import { InputHTMLAttributes, Ref, TextareaHTMLAttributes, useCallback } from 'react';
 import { mergeProps, useFocusRing, useHover, usePress } from 'react-aria';

packages/react/src/link/index.ts

@@ -1,5 +1,3 @@
-'use client';
-
 // export types
 export type { LinkRenderProps } from 'react-aria-components';
 export type { LinkProps } from './link';

packages/react/src/link/link.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import type { LinkVariantProps } from '@alice-ui/theme';
 import { link } from '@alice-ui/theme';
 import { ForwardedRef, forwardRef, useMemo } from 'react';

packages/react/src/listbox/index.ts

@@ -1,5 +1,3 @@
-'use client';
-
 import { ListBox } from './listbox';
 import { ListBoxItem } from './listbox-item';
 import { ListBoxSection } from './listbox-section';

packages/react/src/listbox/listbox-item.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import { clsx } from '@alice-ui/shared-utils';
 import { MenuItemSlots, MenuItemVariantProps, SlotsToClasses, menuItem } from '@alice-ui/theme';
 import { ReactNode, useContext, useMemo } from 'react';

packages/react/src/listbox/listbox-section.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import { clsx } from '@alice-ui/shared-utils';
 import { MenuSectionSlots, SlotsToClasses, menuSection } from '@alice-ui/theme';
 import { ReactNode, useMemo } from 'react';

packages/react/src/listbox/listbox.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import { clsx } from '@alice-ui/shared-utils';
 import { MenuSlots, MenuVariantProps, SlotsToClasses, menu } from '@alice-ui/theme';
 import { createContext, useMemo } from 'react';

packages/react/src/menu/index.ts

@@ -1,5 +1,3 @@
-'use client';
-
 import { Menu } from './menu';
 import { MenuItem } from './menu-item';
 import { MenuSection } from './menu-section';

packages/react/src/menu/menu-item.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import { clsx } from '@alice-ui/shared-utils';
 import { MenuItemSlots, MenuItemVariantProps, SlotsToClasses, menuItem } from '@alice-ui/theme';
 import { ReactNode, useContext, useMemo } from 'react';

packages/react/src/menu/menu-section.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import { clsx } from '@alice-ui/shared-utils';
 import { MenuSectionSlots, SlotsToClasses, menuSection } from '@alice-ui/theme';
 import { ReactNode, useMemo } from 'react';

packages/react/src/menu/menu.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import { clsx } from '@alice-ui/shared-utils';
 import { MenuSlots, MenuVariantProps, SlotsToClasses, menu } from '@alice-ui/theme';
 import { createContext, useMemo } from 'react';

packages/react/src/modal/index.ts

@@ -1,5 +1,3 @@
-'use client';
-
 import { Modal } from './modal';
 import { ModalBody } from './modal-body';
 import { ModalCloseButton } from './modal-close-button';

packages/react/src/modal/modal-body.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import { clsx } from '@alice-ui/shared-utils';
 import { ForwardedRef, forwardRef, useContext } from 'react';
 

packages/react/src/modal/modal-close-button.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import { callAllHandlers, clsx } from '@alice-ui/shared-utils';
 import { ForwardedRef, forwardRef, useContext } from 'react';
 import { CloseButton, CloseButtonProps } from '../button';

packages/react/src/modal/modal-content.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import { clsx } from '@alice-ui/shared-utils';
 import { useContext } from 'react';
 import { Dialog, DialogProps } from 'react-aria-components';

packages/react/src/modal/modal-footer.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import { clsx } from '@alice-ui/shared-utils';
 import { ForwardedRef, forwardRef, useContext } from 'react';
 

packages/react/src/modal/modal-header.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import { clsx } from '@alice-ui/shared-utils';
 import { useContext } from 'react';
 import { Heading, HeadingProps } from 'react-aria-components';

packages/react/src/modal/modal.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import { clsx } from '@alice-ui/shared-utils';
 import type {
   DrawerReturnType,

packages/react/src/modal/use-disclosure.ts

@@ -1,5 +1,3 @@
-'use client';
-
 import { useCallbackRef } from '@alice-ui/hooks';
 import { chain } from '@react-aria/utils';
 import { useControlledState } from '@react-stately/utils';

packages/react/src/number-input/index.ts

@@ -1,5 +1,3 @@
-'use client';
-
 import { NumberInput } from './number-input';
 
 // export types

packages/react/src/number-input/number-input.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import { clsx } from '@alice-ui/shared-utils';
 import type {
   ButtonVariantProps,

packages/react/src/overlay-arrow/index.ts

@@ -1,5 +1,3 @@
-'use client';
-
 import { OverlayArrow } from './overlay-arrow';
 
 // export types

packages/react/src/overlay-arrow/overlay-arrow.tsx

@@ -1,8 +1,6 @@
 /**
  * This code comes from react-aria-components
  */
-'use client';
-
 import { createContext, CSSProperties, ForwardedRef, forwardRef, HTMLAttributes } from 'react';
 import { PlacementAxis } from 'react-aria';
 import { ContextValue, useContextProps } from 'react-aria-components';

packages/react/src/popover/base-popover.tsx

@@ -1,8 +1,6 @@
 /**
  * This code comes from react-aria-components/Popover
  */
-'use client';
-
 import { filterDOMProps, mergeProps } from '@react-aria/utils';
 import { ForwardedRef, RefObject, forwardRef, useContext } from 'react';
 import { AriaPopoverProps, DismissButton, Overlay, PlacementAxis, PositionProps } from 'react-aria';

packages/react/src/popover/index.ts

@@ -1,5 +1,3 @@
-'use client';
-
 import { BasePopover } from './base-popover';
 import { Popover, PopoverTrigger } from './popover';
 

packages/react/src/popover/popover.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import { clsx } from '@alice-ui/shared-utils';
 import type { PopoverSlots, PopoverVariantProps, SlotsToClasses } from '@alice-ui/theme';
 import { popover } from '@alice-ui/theme';

packages/react/src/popover/use-popover.ts

@@ -1,4 +1,3 @@
-'use client';
 /**
  * This code comes from @react-aria/overlays
  */

packages/react/src/provider/index.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import type { ModalProviderProps } from '@react-aria/overlays';
 
 import { I18nProvider, I18nProviderProps, OverlayProvider, RouterProvider } from 'react-aria';

packages/react/src/radio/index.ts

@@ -1,5 +1,3 @@
-'use client';
-
 import { Radio } from './radio';
 import { RadioGroup } from './radio-group';
 

packages/react/src/radio/radio-group.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import { clsx } from '@alice-ui/shared-utils';
 import type { RadioGroupSlots, SlotsToClasses } from '@alice-ui/theme';
 import { RadioVariantProps, radioGroup } from '@alice-ui/theme';

packages/react/src/radio/radio.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import { clsx } from '@alice-ui/shared-utils';
 import type { RadioSlots, RadioVariantProps, SlotsToClasses } from '@alice-ui/theme';
 import { radio } from '@alice-ui/theme';

packages/react/src/ripple/index.ts

@@ -1,5 +1,3 @@
-'use client';
-
 import Ripple from './ripple';
 
 // export types

packages/react/src/ripple/ripple.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import { AnimatePresence, HTMLMotionProps, motion } from 'framer-motion';
 import { FC } from 'react';
 import { useIsSSR } from 'react-aria';

packages/react/src/ripple/use-ripple.ts

@@ -1,5 +1,3 @@
-'use client';
-
 import { useCallback, useEffect, useState } from 'react';
 
 export type RippleType = {

packages/react/src/select/index.ts

@@ -1,5 +1,3 @@
-'use client';
-
 import type { ListBoxItemProps, ListBoxSectionProps } from '../listbox';
 
 import { ListBoxItem, ListBoxSection } from '../listbox';

packages/react/src/select/select.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import { ChevronDownIcon } from '@alice-ui/icons';
 import { clsx } from '@alice-ui/shared-utils';
 import { SelectSlots, SelectVariantProps, SlotsToClasses, select } from '@alice-ui/theme';

packages/react/src/switch/index.ts

@@ -1,5 +1,3 @@
-'use client';
-
 import { Switch } from './switch';
 
 // export types

packages/react/src/switch/switch.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import { clsx } from '@alice-ui/shared-utils';
 import type { SlotsToClasses, ToggleSlots, ToggleVariantProps } from '@alice-ui/theme';
 import { toggle } from '@alice-ui/theme';

packages/react/src/tabs/index.ts

@@ -1,5 +1,3 @@
-'use client';
-
 // export types
 export type { TabListProps, TabPanelProps, TabProps } from 'react-aria-components';
 export type { TabsProps } from './tabs';

packages/react/src/tabs/tabs.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import { clsx } from '@alice-ui/shared-utils';
 import type { SlotsToClasses, TabsReturnType, TabsSlots, TabsVariantProps } from '@alice-ui/theme';
 import { filterVariantProps, tabs } from '@alice-ui/theme';