react-solidlike 2.0.0

package/dist/For.d.ts

@@ -0,0 +1,36 @@
+import { type Key, type ReactNode } from "react";
+export interface ForProps<T> {
+    /** Array to iterate over | 要遍历的数组 */
+    each: T[] | readonly T[] | null | undefined;
+    /** Render function for each element | 渲染每个元素的函数 */
+    children: (item: T, index: number) => ReactNode;
+    /** Function to extract key from element, defaults to index | 从元素中提取 key 的函数，默认使用索引 */
+    keyExtractor?: (item: T, index: number) => Key;
+    /** Fallback content when array is empty | 数组为空时渲染的备选内容 */
+    fallback?: ReactNode;
+}
+/**
+ * List rendering component, replaces array.map() in JSX
+ *
+ * 列表渲染组件，用于替代 JSX 中的 array.map()
+ *
+ * @example
+ * // Basic usage | 基础用法
+ * <For each={items}>
+ *   {(item) => <ListItem {...item} />}
+ * </For>
+ *
+ * @example
+ * // With keyExtractor | 带 keyExtractor
+ * <For each={users} keyExtractor={(user) => user.id}>
+ *   {(user) => <UserCard user={user} />}
+ * </For>
+ *
+ * @example
+ * // With fallback | 带 fallback
+ * <For each={items} fallback={<EmptyState />}>
+ *   {(item, index) => <ListItem key={item.id} item={item} index={index} />}
+ * </For>
+ */
+export declare function For<T>({ each, children, keyExtractor, fallback }: ForProps<T>): ReactNode;
+//# sourceMappingURL=For.d.ts.map

package/dist/For.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"For.d.ts","sourceRoot":"","sources":["../src/For.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,GAAG,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3D,MAAM,WAAW,QAAQ,CAAC,CAAC;IACvB,qCAAqC;IACrC,IAAI,EAAE,CAAC,EAAE,GAAG,SAAS,CAAC,EAAE,GAAG,IAAI,GAAG,SAAS,CAAC;IAC5C,mDAAmD;IACnD,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IAChD,sFAAsF;IACtF,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,GAAG,CAAC;IAC/C,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,GAAG,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAe,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,SAAS,CAShG"}

package/dist/If.d.ts

@@ -0,0 +1,32 @@
+import type { ReactNode } from "react";
+export interface IfProps<T> {
+    /** 条件表达式，为真时渲染 children */
+    condition: T;
+    /** 条件为真时渲染的内容 */
+    children: ReactNode | ((value: NonNullable<T>) => ReactNode);
+    /** 条件为假时渲染的备选内容 */
+    fallback?: ReactNode;
+}
+/**
+ * 条件渲染组件，用于替代 JSX 中的三元表达式
+ *
+ * @example
+ * // 基础用法
+ * <If condition={isLoggedIn}>
+ *   <UserProfile />
+ * </If>
+ *
+ * @example
+ * // 带 fallback
+ * <If condition={isLoggedIn} fallback={<LoginButton />}>
+ *   <UserProfile />
+ * </If>
+ *
+ * @example
+ * // 使用 render props 获取类型安全的值
+ * <If condition={user}>
+ *   {(user) => <UserProfile name={user.name} />}
+ * </If>
+ */
+export declare function If<T>({ condition, children, fallback }: IfProps<T>): ReactNode;
+//# sourceMappingURL=If.d.ts.map

package/dist/If.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"If.d.ts","sourceRoot":"","sources":["../src/If.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,OAAO,CAAC,CAAC;IACtB,2BAA2B;IAC3B,SAAS,EAAE,CAAC,CAAC;IACb,iBAAiB;IACjB,QAAQ,EAAE,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC,CAAC;IAC7D,mBAAmB;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,EAAE,CAAC,CAAC,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAe,EAAE,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,SAAS,CAUrF"}

package/dist/QueryBoundary.d.ts

@@ -0,0 +1,61 @@
+import type { ReactNode } from "react";
+/** Query result object type definition | 查询结果对象的类型定义 */
+export interface QueryResult<T> {
+    /** Data returned by query | 查询返回的数据 */
+    data?: T;
+    /** Whether loading is in progress | 是否正在加载中 */
+    isPending?: boolean;
+    /** Whether an error occurred | 是否发生错误 */
+    isError?: boolean;
+    /** Whether data is empty (optional, for custom empty logic) | 数据是否为空（可选，用于自定义空判断逻辑） */
+    isEmpty?: boolean;
+}
+export interface QueryBoundaryProps<T> {
+    /** Query result object, usually from @tanstack/react-query's useQuery | 查询结果对象，通常来自 @tanstack/react-query 的 useQuery */
+    query: QueryResult<T> | null | undefined;
+    /** Content to show while loading | 加载中时显示的内容 */
+    loading?: ReactNode;
+    /** Content to show when error occurs | 发生错误时显示的内容 */
+    error?: ReactNode;
+    /** Content to show when data is empty | 数据为空时显示的内容 */
+    empty?: ReactNode;
+    /** Content to render on success, supports render props | 成功时渲染的内容，支持 render props 模式 */
+    children: ReactNode | ((data: T) => ReactNode);
+    /** Custom empty data check function, defaults to checking null/undefined or empty array | 自定义空数据判断函数，默认检查 data 是否为 null/undefined 或空数组 */
+    isEmptyFn?: (data: T | undefined) => boolean;
+}
+/**
+ * Query boundary component, handles various async query states
+ *
+ * 查询边界组件，用于处理异步查询的各种状态
+ *
+ * @example
+ * // Basic usage - with @tanstack/react-query | 基础用法 - 配合 @tanstack/react-query
+ * const query = useQuery({ queryKey: ['users'], queryFn: fetchUsers })
+ *
+ * <QueryBoundary
+ *   query={query}
+ *   loading={<Spinner />}
+ *   error={<ErrorMessage />}
+ *   empty={<NoData />}
+ * >
+ *   {(users) => <UserList users={users} />}
+ * </QueryBoundary>
+ *
+ * @example
+ * // Static children usage | 静态 children 用法
+ * <QueryBoundary query={query} loading={<Spinner />}>
+ *   <DataDisplay />
+ * </QueryBoundary>
+ *
+ * @example
+ * // Custom empty check logic | 自定义空判断逻辑
+ * <QueryBoundary
+ *   query={query}
+ *   isEmptyFn={(data) => !data?.items?.length}
+ * >
+ *   {(data) => <ItemList items={data.items} />}
+ * </QueryBoundary>
+ */
+export declare function QueryBoundary<T>({ query, loading, error, empty, children, isEmptyFn, }: QueryBoundaryProps<T>): ReactNode;
+//# sourceMappingURL=QueryBoundary.d.ts.map

package/dist/QueryBoundary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QueryBoundary.d.ts","sourceRoot":"","sources":["../src/QueryBoundary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,wDAAwD;AACxD,MAAM,WAAW,WAAW,CAAC,CAAC;IAC1B,uCAAuC;IACvC,IAAI,CAAC,EAAE,CAAC,CAAC;IACT,+CAA+C;IAC/C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,yCAAyC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uFAAuF;IACvF,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,kBAAkB,CAAC,CAAC;IACjC,wHAAwH;IACxH,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IACzC,gDAAgD;IAChD,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,qDAAqD;IACrD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,sDAAsD;IACtD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,wFAAwF;IACxF,QAAQ,EAAE,SAAS,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC,CAAC;IAC/C,0IAA0I;IAC1I,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,GAAG,SAAS,KAAK,OAAO,CAAC;CAChD;AAUD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,wBAAgB,aAAa,CAAC,CAAC,EAAE,EAC7B,KAAK,EACL,OAAc,EACd,KAAY,EACZ,KAAY,EACZ,QAAQ,EACR,SAA0B,GAC7B,EAAE,kBAAkB,CAAC,CAAC,CAAC,GAAG,SAAS,CA8BnC"}

package/dist/Repeat.d.ts

@@ -0,0 +1,32 @@
+import { type ReactNode } from "react";
+export interface RepeatProps {
+    /** Number of times to repeat | 重复次数 */
+    times: number;
+    /** Render function, receives current index (starting from 0) | 渲染函数，接收当前索引（从 0 开始） */
+    children: (index: number) => ReactNode;
+}
+/**
+ * Repeat rendering component, replaces Array.from({ length: n }).map()
+ *
+ * 重复渲染组件，用于替代 Array.from({ length: n }).map()
+ *
+ * @example
+ * // Basic usage - render 5 stars | 基础用法 - 渲染 5 颗星
+ * <Repeat times={5}>
+ *   {(i) => <Star key={i} />}
+ * </Repeat>
+ *
+ * @example
+ * // Render list with index | 渲染带索引的列表
+ * <Repeat times={3}>
+ *   {(i) => <div key={i}>Item {i + 1}</div>}
+ * </Repeat>
+ *
+ * @example
+ * // Dynamic count | 动态次数
+ * <Repeat times={rating}>
+ *   {(i) => <FilledStar key={i} />}
+ * </Repeat>
+ */
+export declare function Repeat({ times, children }: RepeatProps): ReactNode;
+//# sourceMappingURL=Repeat.d.ts.map

package/dist/Repeat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Repeat.d.ts","sourceRoot":"","sources":["../src/Repeat.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjD,MAAM,WAAW,WAAW;IACxB,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,sFAAsF;IACtF,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;CAC1C;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,MAAM,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,WAAW,GAAG,SAAS,CAWlE"}

package/dist/Show.d.ts

@@ -0,0 +1,34 @@
+import type { ReactNode } from "react";
+export interface ShowProps<T> {
+    /** Condition expression, renders children when truthy | 条件表达式，为真时渲染 children */
+    when: T;
+    /** Content to render when condition is truthy | 条件为真时渲染的内容 */
+    children: ReactNode | ((value: NonNullable<T>) => ReactNode);
+    /** Fallback content when condition is falsy | 条件为假时渲染的备选内容 */
+    fallback?: ReactNode;
+}
+/**
+ * Conditional rendering component, replaces ternary expressions in JSX
+ *
+ * 条件渲染组件，用于替代 JSX 中的三元表达式
+ *
+ * @example
+ * // Basic usage | 基础用法
+ * <Show when={isLoggedIn}>
+ *   <UserProfile />
+ * </Show>
+ *
+ * @example
+ * // With fallback | 带 fallback
+ * <Show when={isLoggedIn} fallback={<LoginButton />}>
+ *   <UserProfile />
+ * </Show>
+ *
+ * @example
+ * // Using render props for type-safe value access | 使用 render props 获取类型安全的值
+ * <Show when={user}>
+ *   {(user) => <UserProfile name={user.name} />}
+ * </Show>
+ */
+export declare function Show<T>({ when, children, fallback }: ShowProps<T>): ReactNode;
+//# sourceMappingURL=Show.d.ts.map

package/dist/Show.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Show.d.ts","sourceRoot":"","sources":["../src/Show.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,SAAS,CAAC,CAAC;IACxB,gFAAgF;IAChF,IAAI,EAAE,CAAC,CAAC;IACR,8DAA8D;IAC9D,QAAQ,EAAE,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC,CAAC;IAC7D,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,IAAI,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAe,EAAE,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG,SAAS,CAUpF"}

package/dist/Switch.d.ts

@@ -0,0 +1,85 @@
+import { type ReactElement, type ReactNode } from "react";
+export interface MatchProps<T> {
+    /** Condition expression | 条件表达式 */
+    when: T;
+    /** Content to render when condition is truthy | 条件为真时渲染的内容 */
+    children: ReactNode | ((value: NonNullable<T>) => ReactNode);
+}
+export interface DefaultProps {
+    /** Content to render when no Match matches | 所有 Match 都不匹配时渲染的内容 */
+    children: ReactNode;
+}
+export interface SwitchProps {
+    /** Match and Default components | Match 和 Default 组件 */
+    children: ReactNode;
+    /** Fallback content when no conditions match (can also use Default component) | 所有条件都不匹配时的备选内容（也可用 Default 组件） */
+    fallback?: ReactNode;
+}
+/**
+ * Condition match component, used with Switch
+ *
+ * 条件匹配组件，配合 Switch 使用
+ *
+ * Note: Match component cannot be used alone, must be a child of Switch
+ *
+ * 注意：Match 组件不能单独使用，必须作为 Switch 的子组件
+ */
+export declare function Match<T>(_props: MatchProps<T>): ReactElement | null;
+export declare namespace Match {
+    var __isMatch: boolean;
+}
+/**
+ * Default match component, used with Switch
+ *
+ * 默认匹配组件，配合 Switch 使用
+ *
+ * Renders when no Match matches
+ *
+ * 当所有 Match 都不匹配时渲染
+ */
+export declare function Default(_props: DefaultProps): ReactElement | null;
+export declare namespace Default {
+    var __isDefault: boolean;
+}
+/**
+ * Multi-condition branch component, replaces nested if-else if-else
+ *
+ * 多条件分支组件，用于替代嵌套的 if-else if-else
+ *
+ * @example
+ * // Basic usage | 基础用法
+ * <Switch>
+ *   <Match when={status === 'loading'}>
+ *     <Loading />
+ *   </Match>
+ *   <Match when={status === 'error'}>
+ *     <Error />
+ *   </Match>
+ *   <Match when={status === 'success'}>
+ *     <Success />
+ *   </Match>
+ *   <Default>
+ *     <Unknown />
+ *   </Default>
+ * </Switch>
+ *
+ * @example
+ * // Using render props for type-safe value access | 使用 render props 获取类型安全的值
+ * <Switch>
+ *   <Match when={user}>
+ *     {(user) => <UserProfile name={user.name} />}
+ *   </Match>
+ *   <Match when={guest}>
+ *     {(guest) => <GuestProfile id={guest.id} />}
+ *   </Match>
+ * </Switch>
+ *
+ * @example
+ * // Using fallback prop | 使用 fallback 属性
+ * <Switch fallback={<NotFound />}>
+ *   <Match when={page === 'home'}><Home /></Match>
+ *   <Match when={page === 'about'}><About /></Match>
+ * </Switch>
+ */
+export declare function Switch({ children, fallback }: SwitchProps): ReactNode;
+//# sourceMappingURL=Switch.d.ts.map

package/dist/Switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../src/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEpE,MAAM,WAAW,UAAU,CAAC,CAAC;IACzB,mCAAmC;IACnC,IAAI,EAAE,CAAC,CAAC;IACR,8DAA8D;IAC9D,QAAQ,EAAE,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC,CAAC;CAChE;AAED,MAAM,WAAW,YAAY;IACzB,oEAAoE;IACpE,QAAQ,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,WAAW,WAAW;IACxB,wDAAwD;IACxD,QAAQ,EAAE,SAAS,CAAC;IACpB,kHAAkH;IAClH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED;;;;;;;;GAQG;AACH,wBAAgB,KAAK,CAAC,CAAC,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,YAAY,GAAG,IAAI,CAInE;yBAJe,KAAK;;;AAMrB;;;;;;;;GAQG;AACH,wBAAgB,OAAO,CAAC,MAAM,EAAE,YAAY,GAAG,YAAY,GAAG,IAAI,CAIjE;yBAJe,OAAO;;;AAwCvB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,wBAAgB,MAAM,CAAC,EAAE,QAAQ,EAAE,QAAe,EAAE,EAAE,WAAW,GAAG,SAAS,CA4B5E"}

package/dist/index.cjs

@@ -0,0 +1,241 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __moduleCache = /* @__PURE__ */ new WeakMap;
+var __toCommonJS = (from) => {
+  var entry = __moduleCache.get(from), desc;
+  if (entry)
+    return entry;
+  entry = __defProp({}, "__esModule", { value: true });
+  if (from && typeof from === "object" || typeof from === "function")
+    __getOwnPropNames(from).map((key) => !__hasOwnProp.call(entry, key) && __defProp(entry, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    }));
+  __moduleCache.set(from, entry);
+  return entry;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, {
+      get: all[name],
+      enumerable: true,
+      configurable: true,
+      set: (newValue) => all[name] = () => newValue
+    });
+};
+
+// src/index.ts
+var exports_src = {};
+__export(exports_src, {
+  Switch: () => Switch,
+  Show: () => Show,
+  Repeat: () => Repeat,
+  QueryBoundary: () => QueryBoundary,
+  Match: () => Match,
+  For: () => For,
+  ErrorBoundary: () => ErrorBoundary,
+  Dynamic: () => Dynamic,
+  Default: () => Default,
+  Await: () => Await
+});
+module.exports = __toCommonJS(exports_src);
+
+// src/Await.tsx
+var import_react = require("react");
+function Await({ promise, loading = null, error = null, children }) {
+  const [state, setState] = import_react.useState(() => {
+    if (!(promise instanceof Promise)) {
+      return { status: "fulfilled", value: promise };
+    }
+    return { status: "pending" };
+  });
+  import_react.useEffect(() => {
+    if (!(promise instanceof Promise)) {
+      setState({ status: "fulfilled", value: promise });
+      return;
+    }
+    setState({ status: "pending" });
+    let cancelled = false;
+    promise.then((value) => {
+      if (!cancelled) {
+        setState({ status: "fulfilled", value });
+      }
+    }).catch((err) => {
+      if (!cancelled) {
+        setState({ status: "rejected", error: err });
+      }
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [promise]);
+  if (state.status === "pending") {
+    return loading;
+  }
+  if (state.status === "rejected") {
+    if (typeof error === "function") {
+      return error(state.error);
+    }
+    return error;
+  }
+  if (typeof children === "function") {
+    return children(state.value);
+  }
+  return children;
+}
+// src/Dynamic.tsx
+var import_react2 = require("react");
+function Dynamic({ component, fallback = null, ...props }) {
+  if (!component) {
+    return fallback;
+  }
+  return import_react2.createElement(component, props);
+}
+// src/ErrorBoundary.tsx
+var import_react3 = require("react");
+
+class ErrorBoundary extends import_react3.Component {
+  constructor(props) {
+    super(props);
+    this.state = { error: null };
+  }
+  static getDerivedStateFromError(error) {
+    return { error };
+  }
+  componentDidCatch(error, errorInfo) {
+    this.props.onError?.(error, errorInfo);
+  }
+  componentDidUpdate(prevProps) {
+    if (this.state.error && prevProps.resetKey !== this.props.resetKey) {
+      this.reset();
+    }
+  }
+  reset = () => {
+    this.setState({ error: null });
+  };
+  render() {
+    const { error } = this.state;
+    const { fallback, children } = this.props;
+    if (error) {
+      if (typeof fallback === "function") {
+        return fallback(error, this.reset);
+      }
+      return fallback;
+    }
+    return children;
+  }
+}
+// src/For.tsx
+var import_react4 = require("react");
+var jsx_dev_runtime = require("react/jsx-dev-runtime");
+function For({ each, children, keyExtractor, fallback = null }) {
+  if (!each || each.length === 0) {
+    return fallback;
+  }
+  return each.map((item, index) => {
+    const key = keyExtractor ? keyExtractor(item, index) : index;
+    return /* @__PURE__ */ jsx_dev_runtime.jsxDEV(import_react4.Fragment, {
+      children: children(item, index)
+    }, key, false, undefined, this);
+  });
+}
+// src/QueryBoundary.tsx
+function defaultIsEmpty(data) {
+  if (data == null)
+    return true;
+  if (Array.isArray(data))
+    return data.length === 0;
+  if (typeof data === "object")
+    return Object.keys(data).length === 0;
+  return false;
+}
+function QueryBoundary({
+  query,
+  loading = null,
+  error = null,
+  empty = null,
+  children,
+  isEmptyFn = defaultIsEmpty
+}) {
+  if (!query) {
+    return null;
+  }
+  const { data, isPending, isError, isEmpty: queryIsEmpty } = query;
+  if (isPending) {
+    return loading;
+  }
+  if (isError && isEmptyFn(data)) {
+    return error;
+  }
+  const isEmpty = queryIsEmpty ?? isEmptyFn(data);
+  if (isEmpty) {
+    return empty;
+  }
+  if (typeof children === "function") {
+    return children(data);
+  }
+  return children;
+}
+// src/Repeat.tsx
+var import_react5 = require("react");
+var jsx_dev_runtime2 = require("react/jsx-dev-runtime");
+function Repeat({ times, children }) {
+  if (times <= 0) {
+    return null;
+  }
+  const elements = [];
+  for (let i = 0;i < times; i++) {
+    elements.push(/* @__PURE__ */ jsx_dev_runtime2.jsxDEV(import_react5.Fragment, {
+      children: children(i)
+    }, i, false, undefined, this));
+  }
+  return elements;
+}
+// src/Show.tsx
+function Show({ when, children, fallback = null }) {
+  if (!when) {
+    return fallback;
+  }
+  if (typeof children === "function") {
+    return children(when);
+  }
+  return children;
+}
+// src/Switch.tsx
+var import_react6 = require("react");
+function Match(_props) {
+  return null;
+}
+function Default(_props) {
+  return null;
+}
+Match.__isMatch = true;
+Default.__isDefault = true;
+function isMatchElement(child) {
+  return child !== null && typeof child === "object" && "type" in child && typeof child.type === "function" && "__isMatch" in child.type && child.type.__isMatch === true;
+}
+function isDefaultElement(child) {
+  return child !== null && typeof child === "object" && "type" in child && typeof child.type === "function" && "__isDefault" in child.type && child.type.__isDefault === true;
+}
+function Switch({ children, fallback = null }) {
+  const childArray = import_react6.Children.toArray(children);
+  let defaultContent = fallback;
+  for (const child of childArray) {
+    if (isDefaultElement(child)) {
+      defaultContent = child.props.children;
+      continue;
+    }
+    if (isMatchElement(child)) {
+      const { when, children: matchChildren } = child.props;
+      if (when) {
+        if (typeof matchChildren === "function") {
+          return matchChildren(when);
+        }
+        return matchChildren;
+      }
+    }
+  }
+  return defaultContent;
+}

package/dist/index.d.ts

@@ -0,0 +1,9 @@
+export { Await, type AwaitProps } from "./Await";
+export { Dynamic, type DynamicProps } from "./Dynamic";
+export { ErrorBoundary, type ErrorBoundaryProps } from "./ErrorBoundary";
+export { For, type ForProps } from "./For";
+export { QueryBoundary, type QueryBoundaryProps, type QueryResult } from "./QueryBoundary";
+export { Repeat, type RepeatProps } from "./Repeat";
+export { Show, type ShowProps } from "./Show";
+export { Default, type DefaultProps, Match, type MatchProps, Switch, type SwitchProps } from "./Switch";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAE,GAAG,EAAE,KAAK,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,KAAK,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC3F,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC"}