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

package/lib/__templates__/expo/client/heroui/components/text-field/text-field.md

@@ -1,256 +0,0 @@
-# TextField
-
-A text input component with label, description, and error handling for collecting user input.
-
-## Import
-
-```tsx
-import { TextField } from '@/heroui';
-```
-
-## Anatomy
-
-```tsx
-<TextField>
-  <Label>...</Label>
-  <Input />
-  <Description>...</Description>
-  <FieldError>...</FieldError>
-</TextField>
-```
-
-- **TextField**: Root container that provides spacing and state management
-- **Label**: Label with optional asterisk for required fields (from [Label](../label/label.md) component)
-- **Input**: Input container with animated border and background (from [Input](../input/input.md) component)
-- **Description**: Secondary descriptive helper text (from [Description](../description/description.md) component)
-- **FieldError**: Validation error message display (from [FieldError](../field-error/field-error.md) component)
-
-## Usage
-
-### Basic Usage
-
-TextField provides a complete form input structure with label and description.
-
-```tsx
-<TextField>
-  <Label>Email</Label>
-  <Input placeholder="Enter your email" />
-  <Description>We'll never share your email</Description>
-</TextField>
-```
-
-### With Required Field
-
-Mark fields as required to show an asterisk in the label.
-
-```tsx
-<TextField isRequired>
-  <Label>Username</Label>
-  <Input placeholder="Choose a username" />
-</TextField>
-```
-
-### With Validation
-
-Display error messages when the field is invalid.
-
-```tsx
-import { FieldError, Input, Label, TextField } from '@/heroui';
-
-<TextField isRequired isInvalid={true}>
-  <Label>Email</Label>
-  <Input placeholder="Enter your email" />
-  <FieldError>Please enter a valid email</FieldError>
-</TextField>;
-```
-
-### With Local Invalid State Override
-
-Override the context's invalid state for individual components.
-
-```tsx
-import {
-  Description,
-  FieldError,
-  Input,
-  Label,
-  TextField,
-} from '@/heroui';
-
-<TextField isInvalid={true}>
-  <Label isInvalid={false}>Email</Label>
-  <Input placeholder="Enter your email" isInvalid={false} />
-  <Description isInvalid={false}>
-    This shows despite input being invalid
-  </Description>
-  <FieldError>Email format is incorrect</FieldError>
-</TextField>;
-```
-
-### Multiline Input
-
-Create text areas for longer content.
-
-```tsx
-<TextField>
-  <Label>Message</Label>
-  <Input placeholder="Type your message..." multiline numberOfLines={4} />
-  <Description>Maximum 500 characters</Description>
-</TextField>
-```
-
-### Disabled State
-
-Disable the entire field to prevent interaction.
-
-```tsx
-<TextField isDisabled>
-  <Label>Disabled Field</Label>
-  <Input placeholder="Cannot edit" value="Read only value" />
-</TextField>
-```
-
-### With Variant
-
-Use different variants to style the input based on context.
-
-```tsx
-<TextField>
-  <Label>Primary Variant</Label>
-  <Input placeholder="Primary style" variant="primary" />
-</TextField>
-
-<TextField>
-  <Label>Secondary Variant</Label>
-  <Input placeholder="Secondary style" variant="secondary" />
-</TextField>
-```
-
-### Custom Styling
-
-Customize the input appearance using className.
-
-```tsx
-<TextField>
-  <Label>Custom Styled</Label>
-  <Input
-    placeholder="Custom colors"
-    className="bg-blue-50 border-blue-500 focus:border-blue-700"
-  />
-</TextField>
-```
-
-## Example
-
-```tsx
-import { Ionicons } from '@expo/vector-icons';
-import { Description, Input, Label, TextField } from '@/heroui';
-import { useState } from 'react';
-import { Pressable, View } from 'react-native';
-import { withUniwind } from 'uniwind';
-
-const StyledIonicons = withUniwind(Ionicons);
-
-export const TextInputContent = () => {
-  const [email, setEmail] = useState('');
-  const [password, setPassword] = useState('');
-  const [isPasswordVisible, setIsPasswordVisible] = useState(false);
-
-  return (
-    <View className="gap-4">
-      <TextField isRequired>
-        <Label>Email</Label>
-        <Input
-          placeholder="Enter your email"
-          keyboardType="email-address"
-          autoCapitalize="none"
-          value={email}
-          onChangeText={setEmail}
-        />
-        <Description>
-          We'll never share your email with anyone else.
-        </Description>
-      </TextField>
-
-      <TextField isRequired>
-        <Label>New password</Label>
-        <View className="w-full flex-row items-center">
-          <Input
-            value={password}
-            onChangeText={setPassword}
-            className="flex-1 px-10"
-            placeholder="Enter your password"
-            secureTextEntry={!isPasswordVisible}
-          />
-          <StyledIonicons
-            name="lock-closed-outline"
-            size={16}
-            className="absolute left-3.5 text-muted"
-            pointerEvents="none"
-          />
-          <Pressable
-            className="absolute right-4"
-            onPress={() => setIsPasswordVisible(!isPasswordVisible)}
-          >
-            <StyledIonicons
-              name={isPasswordVisible ? 'eye-off-outline' : 'eye-outline'}
-              size={16}
-              className="text-muted"
-            />
-          </Pressable>
-        </View>
-        <Description>Password must be at least 6 characters</Description>
-      </TextField>
-    </View>
-  );
-};
-```
-
-You can find more examples in the [GitHub repository](<https://github.com/heroui-inc/heroui-native/blob/rc/example/src/app/(home)/components/text-field.tsx>).
-
-## API Reference
-
-### TextField
-
-| prop         | type                         | default     | description                                                                               |
-| ------------ | ---------------------------- | ----------- | ----------------------------------------------------------------------------------------- |
-| children     | `React.ReactNode`            | -           | Content to render inside the text field                                                   |
-| isDisabled   | `boolean`                    | `false`     | Whether the entire text field is disabled                                                 |
-| isInvalid    | `boolean`                    | `false`     | Whether the text field is in an invalid state                                             |
-| isRequired   | `boolean`                    | `false`     | Whether the text field is required (shows asterisk)                                       |
-| className    | `string`                     | -           | Custom class name for the root element                                                    |
-| 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                                        |
-
-> **Note**: For Label, Input, Description, and FieldError components, see their respective documentation:
->
-> - [Label documentation](../label/label.md)
-> - [Input documentation](../input/input.md)
-> - [Description documentation](../description/description.md)
-> - [FieldError documentation](../field-error/field-error.md)
->
-> These components automatically consume form state from TextField via the form-item-state context.
-
-## Hooks
-
-### useTextField
-
-Hook to access the TextField context values. Must be used within a `TextField` component.
-
-```tsx
-import { TextField, useTextField } from '@/heroui';
-
-function CustomComponent() {
-  const { isDisabled, isInvalid, isRequired } = useTextField();
-
-  // Use the context values...
-}
-```
-
-#### Returns
-
-| property   | type      | description                                   |
-| ---------- | --------- | --------------------------------------------- |
-| isDisabled | `boolean` | Whether the entire text field is disabled     |
-| isInvalid  | `boolean` | Whether the text field is in an invalid state |
-| isRequired | `boolean` | Whether the text field is required            |

package/lib/__templates__/expo/client/heroui/components/text-field/text-field.styles.ts

@@ -1,10 +0,0 @@
-import { tv } from 'tailwind-variants';
-import { combineStyles } from '../../helpers/internal/utils';
-
-const root = tv({
-  base: 'gap-1.5',
-});
-
-export const textFieldClassNames = combineStyles({
-  root,
-});

package/lib/__templates__/expo/client/heroui/components/text-field/text-field.tsx

@@ -1,82 +0,0 @@
-import { forwardRef, useMemo } from 'react';
-import { View } from 'react-native';
-import {
-  AnimationSettingsProvider,
-  FormFieldProvider,
-} from '../../helpers/internal/contexts';
-import type { ViewRef } from '../../helpers/internal/types';
-import { createContext } from '../../helpers/internal/utils';
-import { useTextFieldRootAnimation } from './text-field.animation';
-import { DISPLAY_NAME } from './text-field.constants';
-import { textFieldClassNames } from './text-field.styles';
-import type {
-  TextFieldContextValue,
-  TextFieldRootProps,
-} from './text-field.types';
-
-const [TextFieldProvider, useTextField] = createContext<TextFieldContextValue>({
-  name: 'TextFieldContext',
-  strict: false,
-});
-
-// --------------------------------------------------
-
-const TextFieldRoot = forwardRef<ViewRef, TextFieldRootProps>((props, ref) => {
-  const {
-    children,
-    className,
-    isDisabled = false,
-    isInvalid = false,
-    isRequired = false,
-    animation,
-    ...restProps
-  } = props;
-
-  const rootClassName = textFieldClassNames.root({ className });
-
-  const { isAllAnimationsDisabled } = useTextFieldRootAnimation({ animation });
-
-  const contextValue = useMemo(
-    () => ({ isDisabled, isInvalid, isRequired }),
-    [isDisabled, isInvalid, isRequired]
-  );
-
-  const formFieldContextValue = useMemo(
-    () => ({ isDisabled, isInvalid, isRequired, hasFieldPadding: true }),
-    [isDisabled, isInvalid, isRequired]
-  );
-
-  const animationSettingsContextValue = useMemo(
-    () => ({
-      isAllAnimationsDisabled,
-    }),
-    [isAllAnimationsDisabled]
-  );
-
-  return (
-    <AnimationSettingsProvider value={animationSettingsContextValue}>
-      <FormFieldProvider value={formFieldContextValue}>
-        <TextFieldProvider value={contextValue}>
-          <View ref={ref} className={rootClassName} {...restProps}>
-            {children}
-          </View>
-        </TextFieldProvider>
-      </FormFieldProvider>
-    </AnimationSettingsProvider>
-  );
-});
-
-// --------------------------------------------------
-
-TextFieldRoot.displayName = DISPLAY_NAME.ROOT;
-
-/**
- * TextField component - Main container that provides gap-1 spacing between children.
- * Handles disabled state and validation state for the entire field.
- *
- * @see Full documentation: https://v3.heroui.com/docs/native/components/text-field
- */
-const TextField = TextFieldRoot;
-
-export default TextField;
-export { useTextField };

package/lib/__templates__/expo/client/heroui/components/text-field/text-field.types.ts

@@ -1,56 +0,0 @@
-import type { ViewProps } from 'react-native';
-import type { AnimationRootDisableAll } from '../../helpers/internal/types';
-
-/**
- * Props for the TextField component
- */
-export interface TextFieldRootProps extends ViewProps {
-  /**
-   * Children elements to be rendered inside the root container
-   */
-  children?: React.ReactNode;
-  /**
-   * Whether the entire text field is disabled
-   * @default false
-   */
-  isDisabled?: boolean;
-  /**
-   * Whether the text field is in an invalid state
-   * @default false
-   */
-  isInvalid?: boolean;
-  /**
-   * Whether the text field is required (shows asterisk in label)
-   * @default false
-   */
-  isRequired?: boolean;
-  /**
-   * Additional CSS classes
-   */
-  className?: string;
-  /**
-   * Animation configuration for text field root
-   * - `"disable-all"`: Disable all animations including children (cascades down to all child components)
-   * - `undefined`: Use default animations
-   */
-  animation?: AnimationRootDisableAll;
-}
-
-/**
- * Context value for the TextField component
- */
-export interface TextFieldContextValue {
-  /**
-   * Whether the entire text field is disabled
-   */
-  isDisabled: boolean;
-  /**
-   * Whether the text field is in an invalid state
-   * @default false
-   */
-  isInvalid: boolean;
-  /**
-   * Whether the text field is required
-   */
-  isRequired: boolean;
-}

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

@@ -1,4 +0,0 @@
-export * from '../../providers/toast';
-export { default as Toast } from './toast';
-export { toastClassNames } from './toast.styles';
-export type * from './toast.types';