@coze-arch/cli 0.0.10-alpha.11b7ea → 0.0.10-alpha.954690

package/lib/__templates__/expo/client/heroui/components/spinner/spinner.types.ts

@@ -1,158 +0,0 @@
-import type { ViewProps } from 'react-native';
-import type {
-  AnimatedProps,
-  EntryOrExitLayoutType,
-  WithTimingConfig,
-} from 'react-native-reanimated';
-import type {
-  Animation,
-  AnimationRoot,
-  AnimationValue,
-} from '../../helpers/internal/types';
-
-/**
- * Base spinner size variants
- */
-export type SpinnerSize = 'sm' | 'md' | 'lg';
-
-/**
- * Base spinner color variants
- */
-export type SpinnerColor = 'default' | 'success' | 'warning' | 'danger';
-
-/**
- * Animation configuration for spinner root component
- */
-export type SpinnerRootAnimation = AnimationRoot<{
-  entering?: AnimationValue<{
-    /**
-     * Custom entering animation for spinner root
-     */
-    value?: EntryOrExitLayoutType;
-  }>;
-  exiting?: AnimationValue<{
-    /**
-     * Custom exiting animation for spinner root
-     */
-    value?: EntryOrExitLayoutType;
-  }>;
-}>;
-
-/**
- * Props for the main Spinner component
- */
-export interface SpinnerProps extends AnimatedProps<ViewProps> {
-  /** Content to render inside the spinner */
-  children?: React.ReactNode;
-
-  /** Size of the spinner @default 'md' */
-  size?: SpinnerSize;
-
-  /** Color theme of the spinner @default 'default' */
-  color?: SpinnerColor | (string & {});
-
-  /** Whether the spinner is loading @default true */
-  isLoading?: boolean;
-
-  /** Custom class name for the spinner */
-  className?: string;
-
-  /**
-   * Animation configuration for spinner root
-   * - `"disable-all"`: Disable all animations including children
-   * - `false` or `"disabled"`: Disable only root animations
-   * - `true` or `undefined`: Use default animations
-   * - `object`: Custom animation configuration
-   */
-  animation?: SpinnerRootAnimation;
-}
-
-/**
- * Props for icon component
- */
-export interface SpinnerIconProps {
-  /** Width of the icon */
-  width?: number | string;
-
-  /** Height of the icon */
-  height?: number | string;
-
-  /** Color of the icon */
-  color?: string;
-}
-
-/**
- * Animation configuration for spinner indicator component
- */
-export type SpinnerIndicatorAnimation = Animation<{
-  rotation?: AnimationValue<{
-    /**
-     * Rotation speed multiplier
-     * @default 1.1
-     */
-    speed?: number;
-    /**
-     * Animation easing configuration
-     * @default Easing.linear
-     */
-    easing?: WithTimingConfig['easing'];
-  }>;
-}>;
-
-/**
- * Props for the SpinnerIndicator component
- */
-export interface SpinnerIndicatorProps extends AnimatedProps<ViewProps> {
-  /** Content to render inside the indicator */
-  children?: React.ReactNode;
-
-  /** Props for the default icon */
-  iconProps?: SpinnerIconProps;
-
-  /** Custom class name for the indicator element
-   *
-   * @note The following style properties are occupied by animations and cannot be set via className:
-   * - `transform` (specifically `rotate`) - Animated for continuous rotation animation
-   *
-   * To customize this property, use the `animation` prop:
-   * ```tsx
-   * <Spinner.Indicator
-   *   animation={{
-   *     rotation: { speed: 1.1, easing: Easing.linear }
-   *   }}
-   * />
-   * ```
-   *
-   * To completely disable animated styles and use your own via className or style prop, set `isAnimatedStyleActive={false}`.
-   */
-  className?: string;
-
-  /**
-   * Animation configuration for spinner indicator
-   * - `false` or `"disabled"`: Disable all animations
-   * - `true` or `undefined`: Use default animations
-   * - `object`: Custom animation configuration
-   */
-  animation?: SpinnerIndicatorAnimation;
-  /**
-   * Whether animated styles (react-native-reanimated) are active
-   * When `false`, the animated style is removed and you can implement custom logic
-   * This prop should only be used when you want to write custom styling logic instead of the default animated styles
-   * @default true
-   */
-  isAnimatedStyleActive?: boolean;
-}
-
-/**
- * Context value for spinner components
- */
-export interface SpinnerContextValue {
-  /** Size of the spinner */
-  size: SpinnerSize;
-
-  /** Color of the spinner */
-  color: SpinnerColor | string;
-
-  /** Whether the spinner is loading */
-  isLoading: boolean;
-}

package/lib/__templates__/expo/client/heroui/components/surface/index.ts

@@ -1,3 +0,0 @@
-export { default as Surface, useSurface } from './surface';
-export { surfaceClassNames } from './surface.styles';
-export type { SurfaceRootProps, SurfaceVariant } from './surface.types';

package/lib/__templates__/expo/client/heroui/components/surface/surface.animation.ts

@@ -1,18 +0,0 @@
-import { useCombinedAnimationDisabledState } from '../../helpers/internal/hooks';
-import type { AnimationRootDisableAll } from '../../helpers/internal/types';
-
-/**
- * Animation hook for Surface root component
- * Handles root-level animation configuration and provides context for child components
- */
-export function useSurfaceRootAnimation(options: {
-  animation: AnimationRootDisableAll | undefined;
-}) {
-  const { animation } = options;
-
-  const isAllAnimationsDisabled = useCombinedAnimationDisabledState(animation);
-
-  return {
-    isAllAnimationsDisabled,
-  };
-}

package/lib/__templates__/expo/client/heroui/components/surface/surface.constants.ts

@@ -1,6 +0,0 @@
-/**
- * Display names for Surface components
- */
-export const DISPLAY_NAME = {
-  ROOT: 'HeroUINative.Surface.Root',
-};

package/lib/__templates__/expo/client/heroui/components/surface/surface.md

@@ -1,136 +0,0 @@
-# Surface
-
-Container component that provides elevation and background styling.
-
-## Import
-
-```tsx
-import { Surface } from '@/heroui';
-```
-
-## Anatomy
-
-The Surface component is a container that provides elevation and background styling. It accepts children and can be customized with variants and styling props.
-
-```tsx
-<Surface>...</Surface>
-```
-
-- **Surface**: Main container component that provides consistent padding, background styling, and elevation through variants.
-
-## Usage
-
-### Basic Usage
-
-The Surface component creates a container with consistent padding and styling.
-
-```tsx
-<Surface>...</Surface>
-```
-
-### Variants
-
-Control the visual appearance with different surface levels.
-
-```tsx
-<Surface variant="default">
-  ...
-</Surface>
-
-<Surface variant="secondary">
-  ...
-</Surface>
-
-<Surface variant="tertiary">
-  ...
-</Surface>
-```
-
-### Nested Surfaces
-
-Create visual hierarchy by nesting surfaces with different variants.
-
-```tsx
-<Surface variant="default">
-  ...
-  <Surface variant="secondary">
-    ...
-    <Surface variant="tertiary">...</Surface>
-  </Surface>
-</Surface>
-```
-
-### Custom Styling
-
-Apply custom styles using className or style props.
-
-```tsx
-<Surface className="bg-accent-soft">
-  ...
-</Surface>
-
-<Surface variant="tertiary" className="p-0">
-  ...
-</Surface>
-```
-
-### Disable All Animations
-
-Disable all animations including children by using the `"disable-all"` value for the `animation` prop.
-
-```tsx
-{
-  /* Disable all animations including children */
-}
-<Surface animation="disable-all">No Animations</Surface>;
-```
-
-## Example
-
-```tsx
-import { Surface } from '@/heroui';
-import { Text, View } from 'react-native';
-
-export default function SurfaceExample() {
-  return (
-    <View className="gap-4">
-      <Surface variant="default" className="gap-2">
-        <AppText className="text-foreground">Surface Content</AppText>
-        <AppText className="text-muted">
-          This is a default surface variant. It uses bg-surface styling.
-        </AppText>
-      </Surface>
-
-      <Surface variant="secondary" className="gap-2">
-        <AppText className="text-foreground">Surface Content</AppText>
-        <AppText className="text-muted">
-          This is a secondary surface variant. It uses bg-surface-secondary
-          styling.
-        </AppText>
-      </Surface>
-
-      <Surface variant="tertiary" className="gap-2">
-        <AppText className="text-foreground">Surface Content</AppText>
-        <AppText className="text-muted">
-          This is a tertiary surface variant. It uses bg-surface-tertiary
-          styling.
-        </AppText>
-      </Surface>
-    </View>
-  );
-}
-```
-
-You can find more examples in the [GitHub repository](<https://github.com/heroui-inc/heroui-native/blob/rc/example/src/app/(home)/components/surface.tsx>).
-
-## API Reference
-
-### Surface
-
-| prop           | type                                                      | default     | description                                                                               |
-| -------------- | --------------------------------------------------------- | ----------- | ----------------------------------------------------------------------------------------- |
-| `variant`      | `'default' \| 'secondary' \| 'tertiary' \| 'transparent'` | `'default'` | Visual variant controlling background color and border                                    |
-| `children`     | `React.ReactNode`                                         | -           | Content to be rendered inside the surface                                                 |
-| `className`    | `string`                                                  | -           | Additional CSS classes to apply                                                           |
-| `animation`    | `"disable-all" \| undefined`                              | `undefined` | Animation configuration. Use `"disable-all"` to disable all animations including children |
-| `...ViewProps` | `ViewProps`                                               | -           | All standard React Native View props are supported                                        |

package/lib/__templates__/expo/client/heroui/components/surface/surface.styles.ts

@@ -1,28 +0,0 @@
-import { StyleSheet } from 'react-native';
-import { tv } from 'tailwind-variants';
-import { combineStyles } from '../../helpers/internal/utils';
-
-const root = tv({
-  base: 'p-4 rounded-3xl shadow-surface overflow-hidden',
-  variants: {
-    variant: {
-      default: 'bg-surface',
-      secondary: 'bg-surface-secondary',
-      tertiary: 'bg-surface-tertiary',
-      transparent: 'bg-transparent shadow-none',
-    },
-  },
-  defaultVariants: {
-    variant: 'default',
-  },
-});
-
-export const surfaceClassNames = combineStyles({
-  root,
-});
-
-export const surfaceStyleSheet = StyleSheet.create({
-  root: {
-    borderCurve: 'continuous',
-  },
-});

package/lib/__templates__/expo/client/heroui/components/surface/surface.tsx

@@ -1,66 +0,0 @@
-import { forwardRef, useMemo } from 'react';
-import { View } from 'react-native';
-import { AnimationSettingsProvider } from '../../helpers/internal/contexts';
-import type { ViewRef } from '../../helpers/internal/types';
-import { createContext } from '../../helpers/internal/utils';
-import { useSurfaceRootAnimation } from './surface.animation';
-import { DISPLAY_NAME } from './surface.constants';
-import { surfaceClassNames, surfaceStyleSheet } from './surface.styles';
-import type { SurfaceContextValue, SurfaceRootProps } from './surface.types';
-
-const [SurfaceProvider, useSurface] = createContext<SurfaceContextValue>({
-  name: 'SurfaceContext',
-  strict: false,
-});
-
-const Surface = forwardRef<ViewRef, SurfaceRootProps>(
-  (
-    { children, variant = 'default', className, style, animation, ...props },
-    ref
-  ) => {
-    const rootClassName = surfaceClassNames.root({ variant, className });
-
-    const { isAllAnimationsDisabled } = useSurfaceRootAnimation({
-      animation,
-    });
-
-    const animationSettingsContextValue = useMemo(
-      () => ({
-        isAllAnimationsDisabled,
-      }),
-      [isAllAnimationsDisabled]
-    );
-
-    const contextValue = useMemo(() => ({ variant }), [variant]);
-
-    return (
-      <AnimationSettingsProvider value={animationSettingsContextValue}>
-        <SurfaceProvider value={contextValue}>
-          <View
-            ref={ref}
-            className={rootClassName}
-            style={[surfaceStyleSheet.root, style]}
-            {...props}
-          >
-            {children}
-          </View>
-        </SurfaceProvider>
-      </AnimationSettingsProvider>
-    );
-  }
-);
-
-Surface.displayName = DISPLAY_NAME.ROOT;
-
-/**
- * Surface component
- *
- * @component Surface - Container component that provides elevation and background styling.
- * Used as a base for other components like Card. Supports different visual variants
- * for various elevation levels and styling needs.
- *
- * @see Full documentation: https://v3.heroui.com/docs/native/components/surface
- */
-export default Surface;
-
-export { useSurface };

package/lib/__templates__/expo/client/heroui/components/surface/surface.types.ts

@@ -1,46 +0,0 @@
-import type { ViewProps } from 'react-native';
-import type { AnimationRootDisableAll } from '../../helpers/internal/types';
-
-/**
- * Variant options for the Surface component
- */
-export type SurfaceVariant =
-  | 'default'
-  | 'secondary'
-  | 'tertiary'
-  | 'transparent';
-
-/**
- * Props for the Surface.Root component
- */
-export interface SurfaceRootProps extends ViewProps {
-  /**
-   * Children elements to be rendered inside the surface
-   */
-  children?: React.ReactNode;
-  /**
-   * Visual variant of the surface
-   * @default 'default'
-   */
-  variant?: SurfaceVariant;
-  /**
-   * Additional CSS classes
-   */
-  className?: string;
-  /**
-   * Animation configuration for surface
-   * - `"disable-all"`: Disable all animations including children
-   * - `undefined`: Use default animations
-   */
-  animation?: AnimationRootDisableAll;
-}
-
-/**
- * Context value for the Surface component
- */
-export interface SurfaceContextValue {
-  /**
-   * Visual variant of the surface
-   */
-  variant: SurfaceVariant;
-}

package/lib/__templates__/expo/client/heroui/components/switch/index.ts

@@ -1,3 +0,0 @@
-export { default as Switch, useSwitch } from './switch';
-export { switchClassNames } from './switch.styles';
-export * from './switch.types';