@open-dy/vibecoding-sdk-taro 0.0.1-beta.5 → 0.0.1-beta.6

package/src/runtime/globals.d.ts

@@ -0,0 +1,342 @@
+/// <reference types="@tarojs/taro" />
+/// <reference path="../internal/runtime/douyin-open-button.d.ts" />
+
+declare const PROJECT_DOMAIN: string | undefined;
+declare const DOUYIN_CLOUD_ENV_ID: string;
+declare const DOUYIN_CLOUD_DEV_ENV_ID: string;
+declare const DOUYIN_CLOUD_SERVICE_ID: string;
+declare const AUDIT_DOUYIN_CLOUD_ENV_ID: string;
+declare const AUDIT_DOUYIN_CLOUD_SERVICE_ID: string;
+declare const OPEN_CARD_ID: string;
+declare const UPLOAD_URL: string;
+declare const DOWNLOAD_URL: string;
+
+declare namespace Taro {
+  interface ShareAppMessageReturnObject {
+    channel?: string;
+    success?: () => void;
+    fail?: (error?: unknown) => void;
+  }
+
+  interface ShareAppMessageObject {
+    channel?: string;
+    success?: () => void;
+    fail?: (error?: unknown) => void;
+  }
+
+  interface AppConfig {
+    isDependCard?: boolean;
+  }
+}
+
+type DouyinCallContainerSuccessResult<T = unknown> = {
+  data?: T | string;
+  body?: T | string;
+  statusCode: number;
+  headers?: Record<string, unknown>;
+  header?: Record<string, unknown>;
+  errMsg?: string;
+};
+
+type DouyinCallContainerFailResult = {
+  errMsg?: string;
+};
+
+type DouyinCloudInstance = {
+  callContainer?: <T = unknown>(options: {
+    path: string;
+    id?: string;
+    usePrefetchCache?: boolean;
+    init?: {
+      method?: string;
+      header?: Record<string, unknown>;
+      timeout?: number;
+      body?: unknown;
+    };
+    success?: (result: DouyinCallContainerSuccessResult<T>) => void;
+    fail?: (result: DouyinCallContainerFailResult) => void;
+  }) => void;
+  uploadFile: (params: {
+    cloudPath: string;
+    filePath: string;
+    timeout?: number;
+    success?: (res: { errMsg: string }) => void;
+    fail?: (res: { errMsg: string; errNo: number }) => void;
+  }) => void;
+  downloadFile: (params: {
+    cloudPath: string;
+    filePath?: string;
+    timeout?: number;
+    success?: (res: {
+      tempFilePath: string;
+      filePath: string;
+      errMsg: string;
+    }) => void;
+    fail?: (res: { errMsg: string; errNo: number }) => void;
+  }) => void;
+};
+
+interface EventSourceTask {
+  close: () => void;
+  onClose: (cb: () => void) => void;
+  onOpen: (cb: () => void) => void;
+  onError: (cb: () => void) => void;
+  onMessage: (cb: (chunk: { data: string; id: number }) => void) => void;
+  readonly readyState: 0 | 1 | 2;
+}
+
+type SceneActivityScene = "bind" | "receive";
+
+type SceneActivityEventType =
+  | "bind" // 绑定福利
+  | "receive" // 领取福利
+  | "autoReceive" // 复访自动领取（基础库 3.32.0+）
+  | "toUse"; // 复访“去使用”点击（基础库 3.32.0+）
+
+type SceneActivityFailResult = {
+  errMsg?: string;
+  errNo?: number; // 21001 / 21011 / 21021 / 21041 等，详见官方错误码表
+};
+
+type SceneActivityBindResult = {
+  mainTitle?: string; // 主标题
+  subTitle?: string; // 副标题
+  imageUrl?: string; // 封面图片
+  leftButtonText?: string; // 关闭按钮文案
+  rightButtonText?: string; // 引导标题文案
+  extra?: string; // 福利信息（透传字符串）
+  errMsg?: string; // "SceneActivityContext.bind:ok"
+};
+
+type SceneActivityQueryResult = {
+  activityList: string[]; // 复访福利活动 id 列表
+  errMsg?: string; // "SceneActivityContext.query:ok"
+};
+
+type SceneActivityReceiveResult = {
+  welfareId?: string; // 复访营销活动 id
+  errMsg?: string; // "SceneActivityContext.receive:ok"
+};
+
+type SceneActivityEvent = {
+  eventType: SceneActivityEventType;
+  data: {
+    welfareId: string;
+  };
+};
+
+type SceneActivityContext = {
+  query: (options?: {
+    success?: (result: SceneActivityQueryResult) => void;
+    fail?: (result: SceneActivityFailResult) => void;
+    complete?: () => void;
+  }) => void;
+  checkScene: (options: { scene: SceneActivityScene }) => boolean;
+  bind: (options: {
+    activityId?: string; // 留空时基础库默认选择最后创建的活动
+    success?: (result: SceneActivityBindResult) => void;
+    fail?: (result: SceneActivityFailResult) => void;
+    complete?: () => void;
+  }) => void;
+  jump: (options?: {
+    success?: (result: { errMsg?: string }) => void;
+    fail?: (result: SceneActivityFailResult) => void; // 21041：需先调用 bind
+    complete?: () => void;
+  }) => void;
+  receive: (options?: {
+    success?: (result: SceneActivityReceiveResult) => void;
+    fail?: (result: SceneActivityFailResult) => void;
+    complete?: () => void;
+  }) => void;
+  on: (cb: (event: SceneActivityEvent) => void) => void; // 监听复访营销活动状态变更
+};
+
+type DouyinMiniProgramRuntime = {
+  getEnvInfoSync?: () => { microapp?: { envType?: string } };
+  getEnvInfoSync?: () => { microapp?: { envType?: string } }
+  getSystemInfoSync?: () => { platform: string }
+  getLaunchOptionsSync?: () => {
+    refererInfo?: {
+      extraData?: {
+        version?: unknown
+      }
+    }
+  }
+  createCloud?: (options: {
+    envID: string;
+    serviceID?: string;
+  }) => DouyinCloudInstance;
+  login?: (options: {
+    success?: (result: { code?: string; errMsg?: string }) => void;
+    fail?: (result: { errMsg?: string }) => void;
+  }) => void;
+  createEventSource(params: any, timeout?: number): EventSourceTask;
+  canIUseVideoFormat?: (options: {
+    format: "H.265"; // 视频编码格式，目前仅支持 H.265​
+    success?: (result: {
+      errMsg: string;
+      result: boolean; // 表示是否支持特定编码格式的视频​
+    }) => void;
+    fail?: (result: { errMsg?: string }) => void;
+    complete?: () => void;
+  }) => void;
+  prerenderVideo?: (options: {
+    size?: number; // 预渲染资源大小，单位 byte，取值范围（0，10M]​。默认400*1024
+    src: string; // 视频资源地址​
+    success?: (result: { errMsg: string }) => void;
+    fail?: (result: { errMsg?: string }) => void;
+    complete?: () => void;
+  }) => void;
+  navigateToVideoView?: (options: {
+    videoId?: string; // 被分享视频的 id，通过 onShareAppMessage extra.withVideoId=true 获取
+    encryptedId?: string; // 加密后的抖音开放平台视频 id，与 videoId 二选一；同传时按 encryptedId 处理
+    success?: (result: { errMsg: string }) => void;
+    fail?: (result: { errMsg?: string; errCode?: number }) => void;
+    complete?: () => void;
+  }) => void;
+  createSceneActivityContext?: () => SceneActivityContext; // 基础库 3.27.0+；同步返回侧边栏复访营销活动实例
+  getSidebarActivity?: (options?: {
+    success?: (result: { activityList: string[]; errMsg?: string }) => void;
+    fail?: (result: { errMsg?: string; errorCode?: number; errorType?: string }) => void;
+    complete?: () => void;
+  }) => void; // 基础库 3.6.0+；获取生效中侧边栏活动 id 列表，可配合 tt.navigateToScene 使用
+  navigateToScene?: (options: {
+    scene: "sidebar"; // 目前仅支持跳转「侧边栏」场景
+    activity: string; // 活动 id；不填或填错会兜底样式
+    success?: (result: { code: 0 | 1; errMsg?: string }) => void; // code 0=成功跳转，1=用户取消
+    fail?: (result: { errMsg?: string; errorCode?: number; errorType?: string }) => void;
+    complete?: () => void;
+  }) => void; // 基础库 3.6.0+；跳转到指定入口场景，目前仅支持 sidebar
+  startFacialRecognitionVerify?: (options: {
+    ticket: string; // 由服务端 /api/apps/facial_recognition/v3/get_ticket 获取，30 天有效
+    scene: string; // 火山引擎为该小程序分配的业务场景值（microapp_xxx）
+    certAppId: "1128" | "2329" | string; // 1128=抖音；2329=抖音极速版（抖音火山版 8663 已下线）
+    success?: (result: { verifyResult: string; errMsg: string }) => void; // verifyResult 为中台 auth_ticket
+    fail?: (result: { errMsg?: string; errNo?: number }) => void; // 错误码见 SOP：10101/21101~21113/10200/10208/10301/10104 等
+    complete?: () => void;
+  }) => void; // 基础库 2.52.0+；活体人脸识别，仅抖音/抖音极速版 22.4+ 支持
+  showDouyinOpenAuth?: (options: {
+    // 抖音开放平台已开通的 scope，例如 { im: 0, "im.media": 2 }
+    // value: 0=必选（用户不可取消），1=非必选默认选中，2=非必选默认不选中
+    // 每次调用为「全量授权」，不支持增量，需要把所有需要的 scope 一起传入
+    scopes: Record<string, 0 | 1 | 2>;
+    success?: (result: {
+      ticket: string; // 即开放平台 authCode，需服务端换 access_token
+      grantPermissions: string[]; // 用户实际授权的 scope 列表
+      errMsg: string; // "showDouyinOpenAuth:ok"
+    }) => void;
+    fail?: (result: {
+      errMsg?: string; // "showDouyinOpenAuth:fail ..."
+      // 常见错误码：
+      // 20000 scopes 为空/内部错误；20001 参数错误；
+      // 10200/21105 用户拒绝授权；21104 该 scope 未配置使用场景；
+      // 21100 登录失败、21101 取票失败、21102 拉 scope 失败、21103 取 code 失败；
+      // 10301 当前宿主不支持；10403 unknown error
+      errNo?: number;
+    }) => void;
+    complete?: () => void;
+  }) => void; // 基础库 1.93.0+；仅抖音宿主，调起抖音开放能力授权弹窗
+  getCustomButtonBoundingClientRect?: (options?: {
+    measurementUnit?: "px" | "rpx"; // 默认 px
+  }) => {
+    // 左上角 logo/返回按钮位置；不存在或获取时机太早时为 undefined
+    leftIcon?: {
+      width: number;
+      height: number;
+      top: number; // 上边界坐标
+      right: number; // 右边界坐标
+      bottom: number; // 下边界坐标
+      left: number; // 左边界坐标
+    };
+    // 右上角反馈+more+close 胶囊位置；不存在或获取时机太早时为 undefined
+    capsule?: {
+      width: number;
+      height: number;
+      top: number;
+      right: number;
+      bottom: number;
+      left: number;
+    };
+    // 自定义导航栏可绘制区域
+    customNavigation?: {
+      width: number; // 可绘制区域宽度
+      height: number; // 可绘制区域高度
+      marginLeft: number; // 距可使用窗口的左边距
+      marginRight: number; // 距可使用窗口的右边距
+      marginTop: number; // 距可使用窗口的上边距
+      centerLineToTop: number; // 中线到顶部的距离
+    };
+  }; // 同步方法，仅自定义导航栏下返回真实数据，建议在 onReady 后调用
+};
+
+declare module "@tarojs/components" {
+  // 保留 @tarojs/components 原有导出
+  export * from "@tarojs/components/types/index";
+  import type { ComponentType } from "react";
+  import type {
+    CommonEventFunction,
+    StandardProps,
+  } from "@tarojs/components/types/common";
+
+  export interface ChannelVideoProps extends StandardProps {
+    itemId: string;
+    loop?: boolean;
+    objectFit?: "contain" | "cover";
+    preload?: boolean;
+    onPlay?: CommonEventFunction;
+    onPause?: CommonEventFunction;
+    onWaiting?: CommonEventFunction;
+    onStop?: CommonEventFunction;
+    onEnd?: CommonEventFunction;
+    onProgress?: CommonEventFunction<{
+      currentTime: number;
+    }>;
+    onError?: CommonEventFunction<{
+      errorCode?: number;
+      errorMsg?: string;
+      errorType?: string;
+    }>;
+  }
+
+  export const ChannelVideo: ComponentType<ChannelVideoProps>;
+}
+
+declare module "*.png";
+declare module "*.gif";
+declare module "*.jpg";
+declare module "*.jpeg";
+declare module "*.svg";
+declare module "*.css";
+declare module "*.less";
+declare module "*.scss";
+declare module "*.sass";
+declare module "*.styl";
+
+declare namespace NodeJS {
+  interface ProcessEnv {
+    /** NODE 内置环境变量, 会影响到最终构建生成产物 */
+    NODE_ENV: "development" | "production";
+    /** 当前构建的平台 */
+    TARO_ENV:
+      | "weapp"
+      | "swan"
+      | "alipay"
+      | "h5"
+      | "rn"
+      | "tt"
+      | "quickapp"
+      | "qq"
+      | "jd";
+    /**
+     * 当前构建的小程序 appid
+     * @description 若不同环境有不同的小程序，可通过在 env 文件中配置环境变量`TARO_APP_ID`来方便快速切换 appid， 而不必手动去修改 dist/project.config.json 文件
+     * @see https://taro-docs.jd.com/docs/next/env-mode-config#特殊环境变量-taro_app_id
+     */
+    TARO_APP_ID: string;
+    DOUYIN_CLOUD_ENV_ID?: string;
+    DOUYIN_CLOUD_DEV_ENV_ID?: string;
+    DOUYIN_CLOUD_SERVICE_ID?: string;
+    AUDIT_DOUYIN_CLOUD_ENV_ID?: string;
+    AUDIT_DOUYIN_CLOUD_SERVICE_ID?: string;
+  }
+}

package/src/runtime/index.ts

@@ -0,0 +1,4 @@
+export { createMicroappClient } from './default-client'
+export { type CreateMicroappClientOptions } from './client'
+export { clearDouyinLoginAuth } from './douyin-login-request'
+export { syncIframeAuth } from './default-iframe-auth'

package/src/runtime/network-url.ts

@@ -0,0 +1,63 @@
+export const createUrl = (url: string): string => {
+  if (url.startsWith('http://') || url.startsWith('https://')) {
+    return url
+  }
+
+  return `${PROJECT_DOMAIN}${url}`
+}
+
+const encodeExistingQuery = (url: string): string => {
+  const qIndex = url.indexOf('?')
+  if (qIndex === -1) return url
+
+  const path = url.slice(0, qIndex)
+  const query = url.slice(qIndex + 1)
+  const encodedQuery = query
+    .split('&')
+    .filter(Boolean)
+    .map(part => {
+      const eqIndex = part.indexOf('=')
+      if (eqIndex === -1) return encodeURIComponent(decodeURIComponent(part))
+      const k = part.slice(0, eqIndex)
+      const v = part.slice(eqIndex + 1)
+      return `${encodeURIComponent(decodeURIComponent(k))}=${encodeURIComponent(decodeURIComponent(v))}`
+    })
+    .join('&')
+  return `${path}?${encodedQuery}`
+}
+
+export const appendGetQuery = (
+  url: string,
+  data?: Record<string, any>,
+  method?: string,
+): string => {
+  if ((method ?? 'GET').toUpperCase() !== 'GET' || !data) {
+    const result = encodeExistingQuery(url)
+    // console.log('[appendGetQuery] path:', result)
+    return result
+  }
+
+  const queryString = Object.entries(data)
+    .filter(([, value]) => value !== undefined && value !== null)
+    .map(([key, value]) => `${encodeURIComponent(key)}=${encodeURIComponent(String(value))}`)
+    .join('&')
+
+  const base = encodeExistingQuery(url)
+  if (!queryString) {
+    // console.log('[appendGetQuery] path:', base)
+    return base
+  }
+
+  const result = `${base}${base.includes('?') ? '&' : '?'}${queryString}`
+  // console.log('[appendGetQuery] path:', result)
+  return result
+}
+
+export const createContainerPath = (url: string): string => {
+  if (!url.startsWith('http://') && !url.startsWith('https://')) {
+    return url
+  }
+
+  const parsedUrl = new URL(url)
+  return `${parsedUrl.pathname}${parsedUrl.search}`
+}

package/src/ui/accordion.tsx

@@ -0,0 +1,226 @@
+import * as React from "react"
+import { View, type ViewProps } from "@tarojs/components"
+
+import { cn } from "../lib/utils"
+import { ChevronDown, ChevronUp } from "@open-dy/lucide-taro"
+
+const AccordionContext = React.createContext<{
+  value: string[]
+  toggle: (val: string) => void
+  disabled: boolean
+}>({ value: [], toggle: () => {}, disabled: false })
+
+/**
+ * @desc 手风琴折叠面板组件。
+ * @param {Parameters<typeof Accordion>[0]} props 组件属性；自有字段的用途及默认行为见下表，继承属性另列。
+ * @return {ReturnType<typeof Accordion>} 组件渲染结果；类型见返回值契约。
+ * @example
+ * ```tsx
+ * import { Accordion } from '@open-dy/vibecoding-sdk-taro/ui/accordion'
+ * <Accordion />
+ * ```
+ */
+function Accordion({
+  className,
+  type = "single",
+  value: valueProp,
+  defaultValue,
+  onValueChange,
+  children,
+  disabled = false,
+  multiple = false,
+  ...props
+}: ViewProps & {
+  /** @desc 展开模式：single 仅展开一项、multiple 可展开多项，默认 single；multiple 为 true 时强制多项展开。 */
+  type?: "single" | "multiple"
+  /** @desc 受控展开项的标识；字符串表示单项，数组表示多项。传入后需在 onValueChange 中同步，省略时由内部状态管理。 */
+  value?: string | string[]
+  /** @desc 非受控模式的初始展开项；默认全部收起，字符串表示单项、数组表示多项。仅初始化时读取，传入 value 后不生效。 */
+  defaultValue?: string | string[]
+  /** @desc 是否禁止整组切换，默认 false；禁用后各项不能通过内部操作改变选中状态。 */
+  disabled?: boolean
+  /** @desc 多选快捷开关，默认 false；为 true 时优先于 type，允许同时选中多项。 */
+  multiple?: boolean
+  /** @desc 用户展开或收起项目时调用；单项模式返回字符串（全部收起为空字符串），多项模式返回字符串数组（全部收起为空数组）。 */
+  onValueChange?: (value: string | string[]) => void
+}) {
+  const [internal, setInternal] = React.useState<string[]>(
+    defaultValue
+      ? Array.isArray(defaultValue)
+        ? defaultValue
+        : [defaultValue]
+      : []
+  )
+  const controlled = valueProp !== undefined
+  const current = React.useMemo(
+    () =>
+      controlled
+        ? Array.isArray(valueProp)
+          ? valueProp
+          : [valueProp]
+        : internal,
+    [controlled, valueProp, internal]
+  )
+
+  const isMultiple = multiple || type === "multiple"
+
+  const toggle = React.useCallback(
+    (val: string) => {
+      if (disabled) return
+      let next: string[]
+      if (isMultiple) {
+        next = current.includes(val)
+          ? current.filter((v) => v !== val)
+          : [...current, val]
+      } else {
+        next = current.includes(val) ? [] : [val]
+      }
+      if (!controlled) setInternal(next)
+      onValueChange?.(isMultiple ? next : next[0] ?? "")
+    },
+    [current, isMultiple, controlled, onValueChange, disabled]
+  )
+
+  return (
+    <AccordionContext.Provider value={{ value: current, toggle, disabled }}>
+      <View
+        data-slot="accordion"
+        className={cn("flex w-full flex-col", className)}
+        {...props}
+      >
+        {children}
+      </View>
+    </AccordionContext.Provider>
+  )
+}
+
+const AccordionItemContext = React.createContext<{
+  value: string
+  disabled: boolean
+}>({ value: "", disabled: false })
+
+/**
+ * @desc 手风琴折叠面板条目。
+ * @param {Parameters<typeof AccordionItem>[0]} props 组件属性；自有字段的用途及默认行为见下表，继承属性另列。
+ * @return {ReturnType<typeof AccordionItem>} 组件渲染结果；类型见返回值契约。
+ * @example
+ * ```tsx
+ * import { Accordion, AccordionItem } from '@open-dy/vibecoding-sdk-taro/ui/accordion'
+ * <Accordion><AccordionItem value="details"><AccordionItem value="details" /></AccordionItem></Accordion>
+ * ```
+ */
+function AccordionItem({
+  className,
+  value,
+  children,
+  disabled = false,
+  ...props
+}: ViewProps & {
+  /** @desc 当前项目的唯一标识；必须与父组件的 value/defaultValue 对应，不同项目使用不同值。 */
+  value: string,
+  /** @desc 是否禁用当前项目，默认 false；禁用后不执行内部切换。父组件禁用时此项也不可操作。 */
+  disabled?: boolean }) {
+  const itemContext = React.useMemo(() => ({ value, disabled }), [value, disabled])
+  return (
+    <AccordionItemContext.Provider value={itemContext}>
+      <View
+        data-slot="accordion-item"
+        className={cn("not-last:border-b", className)}
+        {...props}
+      >
+        {children}
+      </View>
+    </AccordionItemContext.Provider>
+  )
+}
+
+/**
+ * @desc 手风琴折叠面板触发器。
+ * @param {Parameters<typeof AccordionTrigger>[0]} props 组件属性；自有字段的用途及默认行为见下表，继承属性另列。
+ * @return {ReturnType<typeof AccordionTrigger>} 组件渲染结果；类型见返回值契约。
+ * @example
+ * ```tsx
+ * import { Accordion, AccordionItem, AccordionTrigger } from '@open-dy/vibecoding-sdk-taro/ui/accordion'
+ * <Accordion><AccordionItem value="details"><AccordionTrigger /></AccordionItem></Accordion>
+ * ```
+ */
+function AccordionTrigger({
+  className,
+  children,
+  ...props
+}: ViewProps) {
+  const { value, toggle, disabled: accordionDisabled } = React.useContext(AccordionContext)
+  const { value: itemValue, disabled: itemDisabled } = React.useContext(AccordionItemContext)
+  const isOpen = value.includes(itemValue)
+  const isDisabled = accordionDisabled || itemDisabled
+
+  return (
+    <View className="flex">
+      <View
+        data-slot="accordion-trigger"
+        aria-expanded={isOpen}
+        aria-disabled={isDisabled}
+        className={cn(
+          "group/accordion-trigger relative flex flex-1 items-start justify-between rounded-lg border border-transparent py-2.5 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:after:border-ring aria-disabled:pointer-events-none aria-disabled:opacity-50",
+          className
+        )}
+        onClick={() => { if (!isDisabled) toggle(itemValue) }}
+        {...props}
+      >
+        {children}
+        {isOpen ? (
+          <ChevronUp
+            data-slot="accordion-trigger-icon"
+            className="pointer-events-none ml-auto size-4 shrink-0 text-muted-foreground"
+          />
+        ) : (
+          <ChevronDown
+            data-slot="accordion-trigger-icon"
+            className="pointer-events-none ml-auto size-4 shrink-0 text-muted-foreground"
+          />
+        )}
+      </View>
+    </View>
+  )
+}
+
+/**
+ * @desc 手风琴折叠面板内容容器。
+ * @param {Parameters<typeof AccordionContent>[0]} props 组件属性；自有字段的用途及默认行为见下表，继承属性另列。
+ * @return {ReturnType<typeof AccordionContent>} 组件渲染结果；类型见返回值契约。
+ * @example
+ * ```tsx
+ * import { Accordion, AccordionItem, AccordionContent } from '@open-dy/vibecoding-sdk-taro/ui/accordion'
+ * <Accordion><AccordionItem value="details"><AccordionContent /></AccordionItem></Accordion>
+ * ```
+ */
+function AccordionContent({
+  className,
+  children,
+  ...props
+}: ViewProps) {
+  const { value } = React.useContext(AccordionContext)
+  const { value: itemValue } = React.useContext(AccordionItemContext)
+  const isOpen = value.includes(itemValue)
+
+  if (!isOpen) return null
+
+  return (
+    <View
+      data-slot="accordion-content"
+      className="overflow-hidden text-sm"
+      {...props}
+    >
+      <View
+        className={cn(
+          "pt-0 pb-2.5 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4",
+          className
+        )}
+      >
+        {children}
+      </View>
+    </View>
+  )
+}
+
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent }