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

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

@@ -1,341 +0,0 @@
-import type { ScrollViewProps, ViewProps } from 'react-native';
-import type {
-  AnimatedProps,
-  WithSpringConfig,
-  WithTimingConfig,
-} from 'react-native-reanimated';
-import type {
-  Animation,
-  AnimationRootDisableAll,
-  AnimationValue,
-} from '../../helpers/internal/types';
-import type * as TabsPrimitivesTypes from '../../primitives/tabs/tabs.types';
-
-/**
- * Props for the Tabs root component
- */
-export interface TabsProps extends TabsPrimitivesTypes.RootProps {
-  /**
-   * Additional CSS classes for the root element
-   */
-  className?: string;
-  /**
-   * React children elements
-   */
-  children?: React.ReactNode;
-  /**
-   * Visual variant of the tabs
-   * @default 'primary'
-   */
-  variant?: 'primary' | 'secondary';
-  /**
-   * Animation configuration for tabs
-   * - `"disable-all"`: Disable all animations including children (cascades down to all child components)
-   * - `undefined`: Use default animations
-   */
-  animation?: AnimationRootDisableAll;
-}
-
-/**
- * Props for the TabsList component
- */
-export interface TabsListProps extends TabsPrimitivesTypes.ListProps {
-  /**
-   * Additional CSS classes for the list element
-   */
-  className?: string;
-  /**
-   * React children elements
-   */
-  children?: React.ReactNode;
-}
-
-/**
- * Props for the TabsScrollView component
- */
-export interface TabsScrollViewProps extends ScrollViewProps {
-  /**
-   * Additional CSS classes for the scroll view
-   */
-  className?: string;
-  /**
-   * Additional CSS classes for the content container
-   */
-  contentContainerClassName?: string;
-  /**
-   * React children elements
-   */
-  children?: React.ReactNode;
-  /**
-   * Scroll alignment variant for the selected item
-   * @default 'center'
-   */
-  scrollAlign?: 'start' | 'center' | 'end' | 'none';
-}
-
-/**
- * Render function props for TabsTrigger children
- */
-export interface TabsTriggerRenderProps {
-  /** Whether this trigger is currently selected */
-  isSelected: boolean;
-  /** The value of the trigger */
-  value: string;
-  /** Whether the trigger is disabled */
-  isDisabled: boolean;
-}
-
-/**
- * Props for the TabsTrigger component
- */
-export interface TabsTriggerProps
-  extends Omit<TabsPrimitivesTypes.TriggerProps, 'children'> {
-  /**
-   * The unique value identifying this tab
-   */
-  value: string;
-  /**
-   * Whether the trigger is disabled
-   * @default false
-   */
-  isDisabled?: boolean;
-  /**
-   * Additional CSS classes for the trigger element
-   */
-  className?: string;
-  /**
-   * Child elements to render inside the trigger, or a render function
-   */
-  children?:
-    | React.ReactNode
-    | ((props: TabsTriggerRenderProps) => React.ReactNode);
-}
-
-/**
- * Props for the TabsLabel component
- */
-export interface TabsLabelProps extends TabsPrimitivesTypes.LabelProps {
-  /**
-   * Additional CSS classes for the label element
-   */
-  className?: string;
-  /**
-   * React children elements
-   */
-  children?: React.ReactNode;
-}
-
-/**
- * Spring animation value for tabs indicator properties
- */
-type TabsIndicatorSpringAnimationValue = AnimationValue<{
-  /**
-   * Animation type
-   */
-  type: 'spring';
-  /**
-   * Spring animation configuration
-   * @default { stiffness: 1200, damping: 120 }
-   */
-  config?: WithSpringConfig;
-}>;
-
-/**
- * Timing animation value for tabs indicator properties
- */
-type TabsIndicatorTimingAnimationValue = AnimationValue<{
-  /**
-   * Animation type
-   */
-  type: 'timing';
-  /**
-   * Timing animation configuration
-   * @default { duration: 200 }
-   */
-  config?: WithTimingConfig;
-}>;
-
-/**
- * Animation value for tabs indicator properties (width, height, translateX)
- */
-type TabsIndicatorPropertyAnimationValue =
-  | TabsIndicatorSpringAnimationValue
-  | TabsIndicatorTimingAnimationValue;
-
-/**
- * Animation configuration for tabs indicator component
- */
-export type TabsIndicatorAnimation = Animation<{
-  /**
-   * Width animation configuration
-   */
-  width?: TabsIndicatorPropertyAnimationValue;
-  /**
-   * Height animation configuration
-   */
-  height?: TabsIndicatorPropertyAnimationValue;
-  /**
-   * TranslateX animation configuration
-   * Controls the horizontal position animation using GPU-accelerated transforms
-   */
-  translateX?: TabsIndicatorPropertyAnimationValue;
-}>;
-
-/**
- * Props for the TabsIndicator component
- */
-export interface TabsIndicatorProps extends TabsPrimitivesTypes.IndicatorProps {
-  /**
-   * Additional CSS classes for the indicator element
-   *
-   * @note The following style properties are occupied by animations and cannot be set via className:
-   * - `width` - Animated for indicator width transitions when switching tabs
-   * - `height` - Animated for indicator height transitions when switching tabs
-   * - `translateX` - Animated for indicator position transitions when switching tabs (uses translateX for GPU-accelerated performance)
-   * - `opacity` - Animated for indicator visibility transitions (0 when no active tab, 1 when active tab is selected)
-   *
-   * To customize these properties, use the `animation` prop:
-   * ```tsx
-   * <Tabs.Indicator
-   *   animation={{
-   *     width: { type: 'spring', config: { stiffness: 1200, damping: 120 } },
-   *     height: { type: 'spring', config: { stiffness: 1200, damping: 120 } },
-   *     translateX: { type: 'timing', config: { duration: 200 } }
-   *   }}
-   * />
-   * ```
-   *
-   * To completely disable animated styles and use your own via className or style prop, set `isAnimatedStyleActive={false}`.
-   */
-  className?: string;
-  /**
-   * React children elements
-   */
-  children?: React.ReactNode;
-  /**
-   * Animation configuration for indicator
-   * - `false` or `"disabled"`: Disable all animations
-   * - `true` or `undefined`: Use default animations
-   * - `object`: Custom animation configuration
-   */
-  animation?: TabsIndicatorAnimation;
-  /**
-   * 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;
-}
-
-/**
- * Animation configuration for tabs separator component
- */
-export type TabsSeparatorAnimation = Animation<{
-  /**
-   * Opacity animation configuration
-   */
-  opacity?: AnimationValue<{
-    /**
-     * Opacity values [hidden, visible]
-     * @default [0, 1]
-     */
-    value?: [number, number];
-    /**
-     * Timing animation configuration
-     * @default { duration: 200 }
-     */
-    timingConfig?: WithTimingConfig;
-  }>;
-}>;
-
-/**
- * Props for the TabsSeparator component
- */
-export interface TabsSeparatorProps extends AnimatedProps<ViewProps> {
-  /**
-   * Array of tab values between which the separator should be visible
-   * The separator will be visible when the current tab value is between these values
-   */
-  betweenValues: string[];
-  /**
-   * If true, opacity is always 1 regardless of the current tab value
-   * @default false
-   */
-  isAlwaysVisible?: boolean;
-  /**
-   * Animation configuration for separator
-   * - `false` or `"disabled"`: Disable all animations
-   * - `true` or `undefined`: Use default animations
-   * - `object`: Custom animation configuration
-   */
-  animation?: TabsSeparatorAnimation;
-  /**
-   * 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;
-  /**
-   * Additional CSS classes for the separator element
-   *
-   * @note The following style properties are occupied by animations and cannot be set via className:
-   * - `opacity` - Animated for separator visibility transitions (0 when not between values, 1 when between values)
-   *
-   * To customize these properties, use the `animation` prop:
-   * ```tsx
-   * <Tabs.Separator
-   *   betweenValues={["tab1", "tab2"]}
-   *   animation={{
-   *     opacity: { value: [0, 1], timingConfig: { duration: 200 } }
-   *   }}
-   * />
-   * ```
-   *
-   * To completely disable animated styles and use your own via className or style prop, set `isAnimatedStyleActive={false}`.
-   */
-  className?: string;
-  /**
-   * React children elements
-   */
-  children?: React.ReactNode;
-}
-
-/**
- * Props for the TabsContent component
- */
-export interface TabsContentProps extends TabsPrimitivesTypes.ContentProps {
-  /**
-   * The value of the tab this content belongs to
-   */
-  value: string;
-  /**
-   * Additional CSS classes for the content element
-   */
-  className?: string;
-  /**
-   * React children elements
-   */
-  children?: React.ReactNode;
-}
-
-/**
- * Measurements for a tab item
- */
-export type ItemMeasurements = {
-  width: number;
-  height: number;
-  x: number;
-};
-
-/**
- * Context value for tab measurements
- */
-export type MeasurementsContextValue = {
-  measurements: Record<string, ItemMeasurements>;
-  setMeasurements: (key: string, measurements: ItemMeasurements) => void;
-  variant: 'primary' | 'secondary';
-  isScrollView: boolean;
-  setIsScrollView: (isScrollView: boolean) => void;
-};

package/lib/__templates__/expo/client/heroui/components/tag-group/index.ts

@@ -1,15 +0,0 @@
-export type { TagKey } from '../../primitives/tag-group/tag-group.types';
-export { default as TagGroup, useTagGroup, useTagGroupItem } from './tag-group';
-export { tagGroupClassNames } from './tag-group.styles';
-export type {
-  TagGroupContextValue,
-  TagGroupItemLabelProps,
-  TagGroupItemProps,
-  TagGroupItemRemoveButtonProps,
-  TagGroupListProps,
-  TagGroupProps,
-  TagGroupSize,
-  TagGroupVariant,
-  TagRemoveButtonIconProps,
-  TagRenderProps,
-} from './tag-group.types';

package/lib/__templates__/expo/client/heroui/components/tag-group/tag-group.animation.ts

@@ -1,17 +0,0 @@
-import { useCombinedAnimationDisabledState } from '../../helpers/internal/hooks';
-import type { AnimationRootDisableAll } from '../../helpers/internal/types';
-import { getRootAnimationState } from '../../helpers/internal/utils';
-
-/** Root animation hook for TagGroup */
-export function useTagGroupRootAnimation(options: {
-  animation: AnimationRootDisableAll | undefined;
-}) {
-  const { animation } = options;
-
-  getRootAnimationState(animation);
-  const isAllAnimationsDisabled = useCombinedAnimationDisabledState(animation);
-
-  return {
-    isAllAnimationsDisabled,
-  };
-}

package/lib/__templates__/expo/client/heroui/components/tag-group/tag-group.constants.ts

@@ -1,10 +0,0 @@
-/**
- * Display names for TagGroup components
- */
-export const DISPLAY_NAME = {
-  TAG_GROUP_ROOT: 'HeroUINative.TagGroup.Root',
-  TAG_GROUP_LIST: 'HeroUINative.TagGroup.List',
-  TAG_GROUP_ITEM: 'HeroUINative.TagGroup.Item',
-  TAG_GROUP_ITEM_LABEL: 'HeroUINative.TagGroup.ItemLabel',
-  TAG_GROUP_ITEM_REMOVE_BUTTON: 'HeroUINative.TagGroup.ItemRemoveButton',
-} as const;