@godxjp/ui 13.9.3 → 13.11.0

package/dist/components/navigation/steps.js

@@ -1,5 +1,150 @@
-export { Steps } from '../../chunk-QROC2RMH.js';
-import '../../chunk-B4K4BXEF.js';
-import '../../chunk-B6S6LTWT.js';
-import '../../chunk-5732TWQF.js';
-import '../../chunk-U7N2A7A3.js';
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Check, Circle, Loader2, X } from "lucide-react";
+import { useTranslation } from "../../i18n/use-translation";
+import { cn } from "../../lib/utils";
+import { controlIconClass } from "../../lib/control-styles";
+function resolveStepStatus(index, current, itemStatus, currentStatus) {
+  if (itemStatus) return itemStatus;
+  if (index < current) return "finish";
+  if (index === current) return currentStatus ?? "process";
+  return "wait";
+}
+function StepIcon({
+  status,
+  icon,
+  type
+}) {
+  if (icon)
+    return /* @__PURE__ */ jsx("span", { className: cn("flex items-center justify-center", controlIconClass), children: icon });
+  if (type === "dot") {
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: cn(
+          "block size-2.5 rounded-full",
+          status === "finish" && "bg-primary",
+          status === "process" && "bg-primary ring-primary/20 ring-4",
+          status === "error" && "bg-destructive",
+          status === "wait" && "bg-muted-foreground/30"
+        )
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: cn(
+        "flex items-center justify-center",
+        controlIconClass,
+        "rounded-full border-2 text-sm font-medium",
+        status === "finish" && "border-primary bg-primary text-primary-foreground",
+        status === "process" && "border-primary text-primary",
+        status === "error" && "border-destructive bg-destructive text-destructive-foreground",
+        status === "wait" && "border-muted-foreground/30 text-muted-foreground"
+      ),
+      children: [
+        status === "finish" && /* @__PURE__ */ jsx(Check, { className: "size-4", "aria-hidden": "true" }),
+        status === "process" && /* @__PURE__ */ jsx(Loader2, { className: "size-4 animate-spin", "aria-hidden": "true" }),
+        status === "error" && /* @__PURE__ */ jsx(X, { className: "size-4", "aria-hidden": "true" }),
+        status === "wait" && /* @__PURE__ */ jsx(Circle, { className: "size-3 fill-current", "aria-hidden": "true" })
+      ]
+    }
+  );
+}
+function Steps({
+  items = [],
+  value: current = 0,
+  defaultValue = 0,
+  status: currentStatus = "process",
+  orientation = "horizontal",
+  type = "default",
+  size = "md",
+  titlePlacement = "horizontal",
+  onValueChange,
+  className
+}) {
+  const { t } = useTranslation();
+  const base = defaultValue;
+  const isVertical = orientation === "vertical";
+  const compact = size === "sm";
+  return /* @__PURE__ */ jsx(
+    "ol",
+    {
+      className: cn(
+        "flex w-full",
+        isVertical ? "flex-col gap-0" : "flex-row items-start",
+        className
+      ),
+      "aria-label": t("navigation.steps.ariaLabel"),
+      children: items.map((item, index) => {
+        const absoluteIndex = base + index;
+        const stepStatus = resolveStepStatus(absoluteIndex, current, item.status, currentStatus);
+        const interactive = Boolean(onValueChange);
+        const clickable = interactive && !item.disabled;
+        const description = item.description;
+        const isCurrent = absoluteIndex === current;
+        const stepClassName = cn(
+          "group flex min-w-0",
+          isVertical ? "flex-row items-start gap-3" : "flex-col items-center",
+          clickable ? "cursor-pointer" : "cursor-default"
+        );
+        const stepInner = /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(StepIcon, { status: stepStatus, icon: item.icon, type }),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cn(
+                "min-w-0",
+                isVertical ? "pt-1 text-start" : "mt-2 px-2",
+                titlePlacement === "vertical" && !isVertical && "mt-1"
+              ),
+              children: [
+                /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: cn(
+                      "font-medium",
+                      compact ? "text-xs" : "text-sm",
+                      stepStatus === "process" && "text-foreground",
+                      stepStatus === "wait" && "text-muted-foreground",
+                      stepStatus === "error" && "text-destructive"
+                    ),
+                    children: item.title
+                  }
+                ),
+                item.subtitle && /* @__PURE__ */ jsx("div", { className: "text-muted-foreground text-xs", children: item.subtitle }),
+                description && /* @__PURE__ */ jsx("div", { className: cn("text-muted-foreground", compact ? "text-xs" : "text-sm"), children: description })
+              ]
+            }
+          )
+        ] });
+        return /* @__PURE__ */ jsx(
+          "li",
+          {
+            "aria-current": isCurrent ? "step" : void 0,
+            className: cn(
+              "relative flex min-w-0 flex-1",
+              isVertical ? "flex-row gap-3 pb-8 last:pb-0" : "flex-col items-center text-center",
+              !isVertical && index < items.length - 1 && "after:bg-border after:absolute after:top-4 after:h-px",
+              !isVertical && index < items.length - 1 && "after:left-[calc(50%+1.25rem)] after:w-[calc(100%-2.5rem)]"
+            ),
+            children: interactive ? /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                disabled: !clickable,
+                onClick: clickable ? () => onValueChange?.(absoluteIndex) : void 0,
+                className: stepClassName,
+                children: stepInner
+              }
+            ) : /* @__PURE__ */ jsx("span", { className: stepClassName, children: stepInner })
+          },
+          index
+        );
+      })
+    }
+  );
+}
+export {
+  Steps
+};

package/dist/components/navigation/tabs.d.ts

@@ -1,24 +1,20 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-import * as TabsPrimitive from '@radix-ui/react-tabs';
-
-type TabsItem = {
+import * as React from "react";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+export type TabsItem = {
     value: string;
     label: React.ReactNode;
     content: React.ReactNode;
     disabled?: boolean;
 };
-type TabsProps = React.ComponentProps<typeof TabsPrimitive.Root> & {
+export type TabsProps = React.ComponentProps<typeof TabsPrimitive.Root> & {
     items?: TabsItem[];
     variant?: "default" | "line" | "card";
     listClassName?: string;
     contentClassName?: string;
 };
-declare function Tabs({ className, orientation, items, value, defaultValue, variant, listClassName, contentClassName, ...props }: TabsProps): react_jsx_runtime.JSX.Element;
-declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+export declare function Tabs({ className, orientation, items, value, defaultValue, variant, listClassName, contentClassName, ...props }: TabsProps): import("react/jsx-runtime").JSX.Element;
+export declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
     variant?: "default" | "line";
 } & React.RefAttributes<HTMLDivElement>>;
-declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-
-export { Tabs, TabsContent, type TabsItem, TabsList, type TabsProps, TabsTrigger };
+export declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/navigation/tabs.js

@@ -1,2 +1,109 @@
-export { Tabs, TabsContent, TabsList, TabsTrigger } from '../../chunk-V3N266PT.js';
-import '../../chunk-U7N2A7A3.js';
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+import { cn } from "../../lib/utils";
+function Tabs({
+  className,
+  orientation = "horizontal",
+  items,
+  value,
+  defaultValue,
+  variant = "default",
+  listClassName,
+  contentClassName,
+  ...props
+}) {
+  const firstValue = items?.[0]?.value;
+  const resolvedDefault = defaultValue ?? firstValue;
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.Root,
+    {
+      "data-slot": "tabs",
+      "data-orientation": orientation,
+      orientation,
+      value,
+      defaultValue: value === void 0 ? resolvedDefault : void 0,
+      className: cn("group/tabs flex gap-2 data-[orientation=horizontal]:flex-col", className),
+      ...props,
+      children: items ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          TabsList,
+          {
+            "data-slot": "tabs-list",
+            className: cn(
+              variant === "line" && "h-auto w-full justify-start rounded-none border-b bg-transparent p-0",
+              variant === "card" && "w-full justify-start",
+              listClassName
+            ),
+            children: items.map((item) => /* @__PURE__ */ jsx(
+              TabsTrigger,
+              {
+                value: item.value,
+                disabled: item.disabled,
+                className: cn(
+                  variant === "line" && "data-[state=active]:border-primary rounded-none border-b-2 border-transparent bg-transparent px-4 py-2 shadow-none data-[state=active]:bg-transparent data-[state=active]:shadow-none",
+                  variant === "card" && "data-[state=active]:shadow-sm"
+                ),
+                children: item.label
+              },
+              item.value
+            ))
+          }
+        ),
+        items.map((item) => /* @__PURE__ */ jsx(
+          TabsContent,
+          {
+            value: item.value,
+            "data-slot": "tabs-panel",
+            className: cn(variant === "line" && "mt-0", contentClassName),
+            children: item.content
+          },
+          item.value
+        ))
+      ] }) : props.children
+    }
+  );
+}
+const TabsList = React.forwardRef(({ className, variant = "default", ...props }, ref) => /* @__PURE__ */ jsx(
+  TabsPrimitive.List,
+  {
+    ref,
+    "data-slot": "tabs-list",
+    "data-variant": variant,
+    className: cn(
+      "group/tabs-list text-muted-foreground data-[variant=default]:bg-muted inline-flex w-fit items-center justify-center rounded-lg p-1 group-data-[orientation=vertical]/tabs:flex-col data-[variant=line]:gap-1 data-[variant=line]:rounded-none data-[variant=line]:bg-transparent",
+      className
+    ),
+    ...props
+  }
+));
+TabsList.displayName = TabsPrimitive.List.displayName;
+const TabsTrigger = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  TabsPrimitive.Trigger,
+  {
+    ref,
+    "data-slot": "tabs-trigger",
+    className: cn(
+      "text-foreground/60 ring-offset-background hover:text-foreground focus-visible:border-ring focus-visible:outline-ring focus-visible:ring-ring/50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:ring-primary/25 after:bg-foreground relative inline-flex flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-3 py-1 text-sm font-medium whitespace-nowrap transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:ring-1 group-data-[variant=default]/tabs-list:data-[state=active]:shadow-sm group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent group-data-[variant=line]/tabs-list:data-[state=active]:shadow-none group-data-[variant=line]/tabs-list:data-[state=active]:after:opacity-100",
+      className
+    ),
+    ...props
+  }
+));
+TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
+const TabsContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  TabsPrimitive.Content,
+  {
+    ref,
+    "data-slot": "tabs-content",
+    className: cn("focus-visible:ring-ring flex-1 outline-none focus-visible:ring-2", className),
+    ...props
+  }
+));
+TabsContent.displayName = TabsPrimitive.Content.displayName;
+export {
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger
+};

package/dist/components/query/data-state.d.ts

@@ -0,0 +1,7 @@
+import type { DataStateProp } from "../../props/components/query.prop";
+export type { DataStateProp, DataStateProp as DataStateProps, } from "../../props/components/query.prop";
+/**
+ * Query lifecycle widget — orchestrates skeleton / error / empty / success for one `useQuery` block.
+ * Not a visual component; prefer `@godxjp/ui/query`. Apps may also import via `@godxjp/ui/admin`.
+ */
+export declare function DataState<T>({ query, skeleton, empty, isEmpty, errorRenderer, showRetry, onRetry, children, }: DataStateProp<T>): import("react/jsx-runtime").JSX.Element;

package/dist/components/query/data-state.js

@@ -0,0 +1,44 @@
+import { Fragment, jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { AlertQueryError } from "../feedback/alert";
+function defaultIsEmpty(data) {
+  if (!data) return true;
+  if (Array.isArray(data)) return data.length === 0;
+  if (typeof data === "object" && data !== null) {
+    const obj = data;
+    if (Array.isArray(obj.items)) return obj.items.length === 0;
+    if (typeof obj.length === "number") return obj.length === 0;
+  }
+  return false;
+}
+function DataState({
+  query,
+  skeleton,
+  empty,
+  isEmpty = defaultIsEmpty,
+  errorRenderer,
+  showRetry = true,
+  onRetry,
+  children
+}) {
+  const retry = React.useCallback(() => {
+    if (onRetry) {
+      void onRetry();
+      return;
+    }
+    void query.refetch();
+  }, [onRetry, query]);
+  if (query.isPending) return /* @__PURE__ */ jsx(Fragment, { children: skeleton });
+  if (query.isError) {
+    if (query.isFetching) return /* @__PURE__ */ jsx(Fragment, { children: skeleton });
+    if (errorRenderer) return /* @__PURE__ */ jsx(Fragment, { children: errorRenderer(query.error, retry) });
+    return /* @__PURE__ */ jsx(AlertQueryError, { error: query.error, onRetry: showRetry ? retry : void 0 });
+  }
+  const data = query.data;
+  if (data === void 0) return /* @__PURE__ */ jsx(Fragment, { children: skeleton });
+  if (empty && (data === null || isEmpty(data))) return /* @__PURE__ */ jsx(Fragment, { children: empty });
+  return /* @__PURE__ */ jsx(Fragment, { children: children(data) });
+}
+export {
+  DataState
+};

package/dist/components/query/index.d.ts

@@ -1,43 +1,10 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { D as DataStateProp, A as AlertMutationFeedbackProp, B as ButtonRefetchProp, a as InfiniteQueryStateProp, P as PrefetchLinkProp } from '../../query.prop-CT2gFtr4.js';
-import 'react';
-import '@tanstack/react-query';
-import 'react-router-dom';
-import '../../general.prop-CzlQin6v.js';
-import '../../shared.prop-BvMSLFJ6.js';
-import '../../interaction.prop-DD46aTro.js';
-
-/**
- * Query lifecycle widget — orchestrates skeleton / error / empty / success for one `useQuery` block.
- * Not a visual component; prefer `@godxjp/ui/query`. Apps may also import via `@godxjp/ui/admin`.
- */
-declare function DataState<T>({ query, skeleton, empty, isEmpty, errorRenderer, showRetry, onRetry, children, }: DataStateProp<T>): react_jsx_runtime.JSX.Element;
-
-/**
- * Inline mutation error — renders nothing when idle/success.
- * Prefer toast for transient saves; use this for blocking form sections (SimulatorPage).
- */
-declare function AlertMutationFeedback({ mutation, onRetry, showRetry, pending, className, }: AlertMutationFeedbackProp): react_jsx_runtime.JSX.Element | null;
-
-/** Page-header Refresh — spins while `query.isFetching`, calls `query.refetch()`. */
-declare function ButtonRefetch({ query, label, children, variant, size, className, ...props }: ButtonRefetchProp): react_jsx_runtime.JSX.Element;
-
-/** Flatten `{ pages: [{ items }] }` — default GODX paginated API shape. */
-declare function flattenItemPages<TItem, TPage extends {
-    items: TItem[];
-}>(data: {
-    pages: TPage[];
-} | undefined): TItem[];
-/**
- * `useInfiniteQuery` lifecycle widget — flatten pages, load-more footer.
- * Cursor / activity feeds where user accumulates pages (vs DataTable cursor buttons).
- */
-declare function InfiniteQueryState<TPage, TFlat>({ query, skeleton, empty, flatten, isEmpty, errorRenderer, showRetry, onRetry, loadingMore, loadMore, showLoadMore, children, }: InfiniteQueryStateProp<TPage, TFlat>): react_jsx_runtime.JSX.Element;
-
-/**
- * React Router `Link` + `queryClient.prefetchQuery` on hover/focus.
- * Detail routes feel instant when list rows are hovered.
- */
-declare function PrefetchLink({ queryKey, queryFn, prefetchOn, staleTime, onMouseEnter, onFocus, ...linkProps }: PrefetchLinkProp): react_jsx_runtime.JSX.Element;
-
-export { AlertMutationFeedback, AlertMutationFeedbackProp, AlertMutationFeedbackProp as AlertMutationFeedbackProps, ButtonRefetch, ButtonRefetchProp, ButtonRefetchProp as ButtonRefetchProps, DataState, DataStateProp, DataStateProp as DataStateProps, InfiniteQueryState, InfiniteQueryStateProp, InfiniteQueryStateProp as InfiniteQueryStateProps, PrefetchLink, PrefetchLinkProp, PrefetchLinkProp as PrefetchLinkProps, flattenItemPages };
+export { DataState } from "./data-state";
+export type { DataStateProp, DataStateProps } from "./data-state";
+export { AlertMutationFeedback } from "./mutation-feedback";
+export type { AlertMutationFeedbackProp, AlertMutationFeedbackProps } from "./mutation-feedback";
+export { ButtonRefetch } from "./query-refetch-button";
+export type { ButtonRefetchProp, ButtonRefetchProps } from "./query-refetch-button";
+export { InfiniteQueryState, flattenItemPages } from "./infinite-query-state";
+export type { InfiniteQueryStateProp, InfiniteQueryStateProps } from "./infinite-query-state";
+export { PrefetchLink } from "./prefetch-link";
+export type { PrefetchLinkProp, PrefetchLinkProps } from "./prefetch-link";

package/dist/components/query/index.js

@@ -1,195 +1,13 @@
-import { AlertQueryError } from '../../chunk-D4JX6O2W.js';
-import '../../chunk-X6AJ5HEI.js';
-import '../../chunk-INIIF7F7.js';
-import { Button } from '../../chunk-XBFUROAY.js';
-import { useTranslation } from '../../chunk-B6S6LTWT.js';
-import '../../chunk-5732TWQF.js';
-import '../../chunk-U7N2A7A3.js';
-import * as React from 'react';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { RefreshCw } from 'lucide-react';
-import { Link } from 'react-router-dom';
-import { useQueryClient } from '@tanstack/react-query';
-
-function defaultIsEmpty(data) {
-  if (!data) return true;
-  if (Array.isArray(data)) return data.length === 0;
-  if (typeof data === "object" && data !== null) {
-    const obj = data;
-    if (Array.isArray(obj.items)) return obj.items.length === 0;
-    if (typeof obj.length === "number") return obj.length === 0;
-  }
-  return false;
-}
-function DataState({
-  query,
-  skeleton,
-  empty,
-  isEmpty = defaultIsEmpty,
-  errorRenderer,
-  showRetry = true,
-  onRetry,
-  children
-}) {
-  const retry = React.useCallback(() => {
-    if (onRetry) {
-      void onRetry();
-      return;
-    }
-    void query.refetch();
-  }, [onRetry, query]);
-  if (query.isPending) return /* @__PURE__ */ jsx(Fragment, { children: skeleton });
-  if (query.isError) {
-    if (query.isFetching) return /* @__PURE__ */ jsx(Fragment, { children: skeleton });
-    if (errorRenderer) return /* @__PURE__ */ jsx(Fragment, { children: errorRenderer(query.error, retry) });
-    return /* @__PURE__ */ jsx(AlertQueryError, { error: query.error, onRetry: showRetry ? retry : void 0 });
-  }
-  const data = query.data;
-  if (data === void 0) return /* @__PURE__ */ jsx(Fragment, { children: skeleton });
-  if (empty && (data === null || isEmpty(data))) return /* @__PURE__ */ jsx(Fragment, { children: empty });
-  return /* @__PURE__ */ jsx(Fragment, { children: children(data) });
-}
-function AlertMutationFeedback({
-  mutation,
-  onRetry,
-  showRetry = true,
-  pending,
-  className
-}) {
-  if (mutation.isPending && pending) return /* @__PURE__ */ jsx(Fragment, { children: pending });
-  if (!mutation.isError || mutation.error == null) return null;
-  return /* @__PURE__ */ jsx(
-    AlertQueryError,
-    {
-      className,
-      error: mutation.error,
-      onRetry: showRetry ? onRetry : void 0
-    }
-  );
-}
-function ButtonRefetch({
-  query,
-  label = "Refresh",
-  children,
-  variant = "outline",
-  size = "sm",
-  className,
-  ...props
-}) {
-  const text = children ?? label;
-  return /* @__PURE__ */ jsxs(
-    Button,
-    {
-      type: "button",
-      variant,
-      size,
-      className,
-      onClick: () => void query.refetch(),
-      disabled: query.isFetching,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(
-          RefreshCw,
-          {
-            className: "ui-query-refetch-icon",
-            "data-fetching": query.isFetching,
-            "aria-hidden": "true"
-          }
-        ),
-        text
-      ]
-    }
-  );
-}
-function flattenItemPages(data) {
-  if (!data) return [];
-  return data.pages.flatMap((page) => page.items);
-}
-function defaultIsEmptyFlat(flat) {
-  if (Array.isArray(flat)) return flat.length === 0;
-  return !flat;
-}
-function InfiniteQueryState({
-  query,
-  skeleton,
-  empty,
-  flatten,
-  isEmpty = defaultIsEmptyFlat,
-  errorRenderer,
-  showRetry = true,
-  onRetry,
-  loadingMore,
-  loadMore,
-  showLoadMore = true,
-  children
-}) {
-  const { t } = useTranslation();
-  const retry = React.useCallback(() => {
-    if (onRetry) {
-      void onRetry();
-      return;
-    }
-    void query.refetch();
-  }, [onRetry, query]);
-  if (query.isPending) return /* @__PURE__ */ jsx(Fragment, { children: skeleton });
-  if (query.isError) {
-    if (query.isFetching && !query.isFetchingNextPage) return /* @__PURE__ */ jsx(Fragment, { children: skeleton });
-    if (errorRenderer) return /* @__PURE__ */ jsx(Fragment, { children: errorRenderer(query.error, retry) });
-    return /* @__PURE__ */ jsx(AlertQueryError, { error: query.error, onRetry: showRetry ? retry : void 0 });
-  }
-  const data = query.data;
-  if (!data) return /* @__PURE__ */ jsx(Fragment, { children: skeleton });
-  const flat = flatten(data);
-  if (empty && isEmpty(flat)) return /* @__PURE__ */ jsx(Fragment, { children: empty });
-  const footer = showLoadMore && query.hasNextPage ? loadMore ?? /* @__PURE__ */ jsx("div", { className: "flex justify-center pt-4", children: /* @__PURE__ */ jsx(
-    Button,
-    {
-      type: "button",
-      variant: "outline",
-      size: "sm",
-      disabled: query.isFetchingNextPage,
-      onClick: () => void query.fetchNextPage(),
-      children: query.isFetchingNextPage ? t("common.working") : t("query.loadMore")
-    }
-  ) }) : null;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    children(flat, {
-      fetchNextPage: () => void query.fetchNextPage(),
-      hasNextPage: !!query.hasNextPage,
-      isFetchingNextPage: query.isFetchingNextPage
-    }),
-    query.isFetchingNextPage && (loadingMore ?? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground pt-2 text-center text-xs", children: t("common.working") })),
-    footer
-  ] });
-}
-function PrefetchLink({
-  queryKey,
-  queryFn,
-  prefetchOn = "both",
-  staleTime = 3e4,
-  onMouseEnter,
-  onFocus,
-  ...linkProps
-}) {
-  const queryClient = useQueryClient();
-  const prefetch = React.useCallback(() => {
-    if (prefetchOn === "none") return;
-    void queryClient.prefetchQuery({ queryKey, queryFn, staleTime });
-  }, [prefetchOn, queryClient, queryFn, queryKey, staleTime]);
-  return /* @__PURE__ */ jsx(
-    Link,
-    {
-      ...linkProps,
-      onMouseEnter: (event) => {
-        if (prefetchOn === "hover" || prefetchOn === "both") prefetch();
-        onMouseEnter?.(event);
-      },
-      onFocus: (event) => {
-        if (prefetchOn === "focus" || prefetchOn === "both") prefetch();
-        onFocus?.(event);
-      }
-    }
-  );
-}
-
-export { AlertMutationFeedback, ButtonRefetch, DataState, InfiniteQueryState, PrefetchLink, flattenItemPages };
+import { DataState } from "./data-state";
+import { AlertMutationFeedback } from "./mutation-feedback";
+import { ButtonRefetch } from "./query-refetch-button";
+import { InfiniteQueryState, flattenItemPages } from "./infinite-query-state";
+import { PrefetchLink } from "./prefetch-link";
+export {
+  AlertMutationFeedback,
+  ButtonRefetch,
+  DataState,
+  InfiniteQueryState,
+  PrefetchLink,
+  flattenItemPages
+};

package/dist/components/query/infinite-query-state.d.ts

@@ -0,0 +1,13 @@
+import type { InfiniteQueryStateProp } from "../../props/components/query.prop";
+export type { InfiniteQueryStateProp, InfiniteQueryStateProp as InfiniteQueryStateProps, } from "../../props/components/query.prop";
+/** Flatten `{ pages: [{ items }] }` — default GODX paginated API shape. */
+export declare function flattenItemPages<TItem, TPage extends {
+    items: TItem[];
+}>(data: {
+    pages: TPage[];
+} | undefined): TItem[];
+/**
+ * `useInfiniteQuery` lifecycle widget — flatten pages, load-more footer.
+ * Cursor / activity feeds where user accumulates pages (vs DataTable cursor buttons).
+ */
+export declare function InfiniteQueryState<TPage, TFlat>({ query, skeleton, empty, flatten, isEmpty, errorRenderer, showRetry, onRetry, loadingMore, loadMore, showLoadMore, children, }: InfiniteQueryStateProp<TPage, TFlat>): import("react/jsx-runtime").JSX.Element;