@m1kapp/kit 0.0.28 → 0.0.30

package/bin/skills/m1kapp-init.md

@@ -21,19 +21,23 @@ description: "@m1kapp/kit 기반 Next.js 프로젝트 초기 설정을 인터랙
 2. **앱 화면은 반드시 이 트리로 감싼다.** `AppShell`만 쓰면 화면 좌측에 붙고 휑하다. 중앙정렬·풀화면 배경·powered-by 풋터는 `Watermark`가 담당한다.
    ```tsx
    "use client";
-   import { Watermark, AppShell, AppShellHeader, AppShellContent, TabBar, Tab } from "@m1kapp/kit";
+   import { Watermark, AppShell, AppShellHeader, AppShellContent, FetchProgress, TabBar, Tab } from "@m1kapp/kit";
+   import Link from "next/link";
 
    <Watermark color="#0a0d16" text="앱이름" maxWidth={460}>
      <AppShell maxWidth={460}>
        <AppShellHeader>…헤더…</AppShellHeader>
+       <FetchProgress top={56} color="[테마컬러]" />   {/* 백그라운드 갱신 표시 — useFetch 쓰면 자동 */}
        <AppShellContent>…스크롤 본문…</AppShellContent>
        <TabBar>
-         <Tab active={…} onClick={…} label="홈" icon={<span>🏠</span>} activeColor="[테마컬러]" />
+         {/* Next 라우트 탭이면 render+Link — 프리페치로 탭 전환이 즉시가 된다 */}
+         <Tab active={…} render={(p) => <Link href="/home" prefetch {...p} />} label="홈" icon={<span>🏠</span>} activeColor="[테마컬러]" />
+         {/* 라우터 없는 useState 탭 전환이면 기존처럼 onClick */}
        </TabBar>
      </AppShell>
    </Watermark>
    ```
-   - `AppShell`/`TabBar`는 인터랙티브 → 이 트리는 **`"use client"` 컴포넌트**에 둔다. 데이터는 서버 컴포넌트(page.tsx)에서 계산해 props로 내려준다.
+   - `AppShell`/`TabBar`는 인터랙티브 → 이 트리는 **`"use client"` 컴포넌트**에 둔다.
    - `maxWidth`는 Watermark와 AppShell을 **같은 값**으로 맞춘다(기본 430~460).
 
 3. **이모지는 토스페이스로 통일한다.** 장식용 이모지는 남발하지 말고, 쓰는 이모지는 토스 스타일로 폴백시킨다.
@@ -42,7 +46,16 @@ description: "@m1kapp/kit 기반 Next.js 프로젝트 초기 설정을 인터랙
 
 4. **🚫 `node_modules/@m1kapp/kit` 디렉토리 안에서 `npm run build`/스크립트를 절대 돌리지 마라.** kit 자체 빌드가 돌아 `dist/`를 날린다. 깨지면 `rm -rf node_modules/@m1kapp/kit && npm install @m1kapp/kit`로 복구. 빌드는 항상 프로젝트 루트에서.
 
-5. **kit 컴포넌트 카탈로그**(필요 시 골라 쓰기): 레이아웃 `AppShell/AppShellHeader/AppShellContent`, 내비 `TabBar/Tab/Fab`, 표시 `Section/SectionHeader/StatChip/Badge/Avatar/EmptyState/Divider`, 브랜딩 `Watermark`, 입력 `Button/EmojiButton`, 테마 `ThemeButton/ThemeDialog`, 모션 `Typewriter`. SEO는 `@m1kapp/kit/seo`, OG는 `@m1kapp/kit/ogimage`, PWA는 `@m1kapp/kit/pwa`.
+5. **데이터는 `useFetch`로 가져온다 — 스피너로 콘텐츠를 갈아끼우지 마라.** v0.0.30부터 useFetch는 SWR(stale-while-revalidate): 캐시를 즉시 보여주고 백그라운드에서 갱신한다. 로딩 표시는 `FetchProgress` 상단 바 하나면 끝.
+   ```tsx
+   const { data, status } = useFetch<Item[]>("/api/items");        // GET
+   const { data } = useFetch(`/api/list#${id}`, { fetcher: postJson({ id }) }); // POST 조회 — 캐시 키는 경로#식별자
+   // 뮤테이션 후: await fetch(...POST...); invalidateFetch("/api/items");
+   ```
+   - 목록 렌더는 `AsyncList`(로딩/에러/빈/성공 4상태 자동)에 `data`/`status`를 그대로 꽂는다.
+   - `loading`은 캐시가 전혀 없는 첫 로드에만 true — 스켈레톤은 그때만 보인다. 재검증 감지는 `revalidating`.
+
+6. **kit 컴포넌트 카탈로그**(필요 시 골라 쓰기): 레이아웃 `AppShell/AppShellHeader/AppShellContent`, 내비 `TabBar/Tab/Fab`, 데이터 `useFetch/usePolling/invalidateFetch/postJson/AsyncList/FetchProgress`, 표시 `Section/SectionHeader/StatChip/Badge/Avatar/EmptyState/Divider/Skeleton/BarList/ProgressRing/GrassMap`, 오버레이 `Dialog/InAppSheet/ToastProvider·useToast/Tooltip`, 브랜딩 `Watermark/PoweredByKit`, 입력 `Button/IconButton/Input/Textarea/Field/Select/Switch/SegmentedControl/EmojiButton/InlineEdit/ColorPicker`, 테마 `ThemeButton/ThemeDialog`, 모션 `Typewriter/Countdown/Carousel`. SEO는 `@m1kapp/kit/seo`, OG는 `@m1kapp/kit/ogimage`, PWA는 `@m1kapp/kit/pwa`.
 
 ---
 
@@ -130,9 +143,9 @@ export const viewport = mobileViewport;
 
 ### 앱쉘 레이아웃 — (1) 선택 시
 - `"use client"` 컴포넌트(예: `components/AppRoot.tsx`)에 위 **핵심 규칙 2번** 트리를 그대로 생성.
-- `page.tsx`(서버 컴포넌트)는 데이터만 계산해서 `<AppRoot data={…} />`로 내려준다.
-- 탭이 여러 개면 `useState`로 탭 전환, 각 탭은 별도 패널 컴포넌트로 분리.
-- `AppShellContent` 안의 섹션은 `Section`/`SectionHeader`/`StatChip` 등 kit 컴포넌트를 우선 사용.
+- 데이터: 자주 갱신되거나 탭 전환마다 보이는 데이터는 **클라이언트에서 `useFetch`**(핵심 규칙 5번 — SWR 캐시로 탭 전환이 즉시). SEO가 중요한 정적 콘텐츠만 서버 컴포넌트에서 props로.
+- 탭이 라우트면 `Tab render+Link prefetch`, 단일 페이지 내 전환이면 `useState`. 각 탭은 별도 패널 컴포넌트로 분리.
+- `AppShellContent` 안의 섹션은 `Section`/`SectionHeader`/`StatChip` 등 kit 컴포넌트를 우선 사용. 목록은 `AsyncList`.
 
 ### Tossface 이모지 — (2) 선택 시
 - layout `<head>`: `<link rel="preconnect" href="https://cdn.jsdelivr.net" />` + tossface css `<link>`.

package/dist/index.d.mts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
-import React__default, { ReactNode, CSSProperties, RefObject, SyntheticEvent } from 'react';
+import React__default, { ReactNode, CSSProperties, ReactElement, RefObject, SyntheticEvent } from 'react';
 import { MetadataRoute, Viewport } from 'next';
 import { ClassValue } from 'clsx';
 
@@ -113,13 +113,25 @@ interface TabBarProps {
  * Sticky bottom navigation tab bar.
  */
 declare function TabBar({ children, className }: TabBarProps): react_jsx_runtime.JSX.Element;
+interface TabRootProps {
+    className: string;
+    style?: CSSProperties;
+    "aria-current"?: "page";
+    children: ReactNode;
+}
 interface TabProps {
     active: boolean;
-    onClick: () => void;
+    onClick?: () => void;
     icon: ReactNode;
     label: string;
     /** Active tab color. Default: current text color */
     activeColor?: string;
+    /**
+     * Render a custom root element instead of the default `<button>` —
+     * e.g. a router Link so navigations get prefetching:
+     * `render={(p) => <Link href="/store" prefetch {...p} />}`
+     */
+    render?: (props: TabRootProps) => ReactElement;
 }
 /**
  * Individual tab button for the TabBar.
@@ -130,7 +142,167 @@ interface TabProps {
  * active tab is full-strength with its label tinted `activeColor`. The icon is
  * wrapped at a consistent size so mixed emoji/SVG icons line up.
  */
-declare function Tab({ active, onClick, icon, label, activeColor }: TabProps): react_jsx_runtime.JSX.Element;
+declare function Tab({ active, onClick, icon, label, activeColor, render }: TabProps): react_jsx_runtime.JSX.Element;
+
+interface FetchProgressProps {
+    /** Bar color. Default: `var(--kit-accent)` fallback zinc-900 */
+    color?: string;
+    /**
+     * Visual style. Default: "sweep".
+     * - `"sweep"` — a short gradient segment sweeps left-to-right in a loop
+     *   (indeterminate; honest about unknown duration)
+     * - `"creep"` — nprogress-style bar that creeps toward 90%, then snaps
+     *   to 100% and fades on completion
+     */
+    variant?: "sweep" | "creep";
+    /**
+     * Explicit control. When set, overrides the global useFetch activity
+     * tracking — e.g. `active={revalidating}` for a single request's bar.
+     * When omitted, the bar shows while ANY useFetch request is in flight.
+     */
+    active?: boolean;
+    /** Distance from the top of the positioned ancestor, in px (e.g. header height). Default: 0 */
+    top?: number;
+    /** Bar thickness in px. Default: 3 */
+    height?: number;
+    className?: string;
+}
+/**
+ * Slim top loading bar for stale-while-revalidate UIs — content stays
+ * visible and this bar is the only loading signal. By default it is driven
+ * by global useFetch activity (any request, including background
+ * revalidation); pass `active` to control it explicitly.
+ *
+ * Position is `absolute`, so place it inside a positioned container —
+ * e.g. directly inside `<AppShell>` (which is `relative`), with `top` set
+ * to the header height to sit just below `<AppShellHeader>`.
+ */
+declare function FetchProgress({ color, variant, active, top, height, className, }: FetchProgressProps): react_jsx_runtime.JSX.Element | null;
+
+/** Manually invalidate cache entries. Pass a URL to clear one, or nothing to clear all. */
+declare function clearFetchCache(url?: string): void;
+/**
+ * Invalidate cached data AND force every mounted useFetch hook on that URL to
+ * refetch immediately (stale-while-revalidate: current data stays visible
+ * while the refetch runs). Pass nothing to invalidate everything.
+ *
+ * The react-query `invalidateQueries` equivalent:
+ * `await fetch("/api/weekly", { method: "POST" }); invalidateFetch("/api/weekly");`
+ */
+declare function invalidateFetch(url?: string): void;
+type FetchStatus = "idle" | "loading" | "success" | "error";
+interface UseFetchOptions<T> {
+    /** Skip fetching when false (default: true) */
+    enabled?: boolean;
+    /**
+     * Freshness window in ms (default: 0 — always stale).
+     *
+     * Results are ALWAYS cached and shown instantly on the next mount
+     * (stale-while-revalidate). `staleTime` only controls whether a
+     * background revalidation fires: within the window the cache is
+     * trusted as-is; past it, the cached data is shown immediately and
+     * refreshed in the background (`revalidating: true`).
+     */
+    staleTime?: number;
+    /** Number of retries on network error (default: 2) */
+    retry?: number;
+    /** Base delay between retries in ms — doubles each attempt (default: 1000) */
+    retryDelay?: number;
+    /** Re-fetch when window regains focus (default: true) */
+    revalidateOnFocus?: boolean;
+    /** Custom fetcher — defaults to fetch() with JSON/text auto-parse */
+    fetcher?: (url: string) => Promise<T>;
+    onSuccess?: (data: T) => void;
+    onError?: (err: Error) => void;
+}
+interface UseFetchResult<T> {
+    data: T | undefined;
+    loading: boolean;
+    error: Error | undefined;
+    /**
+     * Lifecycle status:
+     * - `"idle"` — url is null/undefined or `enabled: false`
+     * - `"loading"` — fetch in progress with NO cached data to show (cold load)
+     * - `"success"` — data shown (possibly stale — see `revalidating`)
+     * - `"error"` — last fetch failed and no cached data was available
+     */
+    status: FetchStatus;
+    /**
+     * True while a background revalidation is in flight — cached data is
+     * already displayed. Use for subtle indicators (top bar, spinner icon),
+     * NOT for replacing content.
+     */
+    revalidating: boolean;
+    /** Manually trigger a refetch (ignores cache) */
+    refetch: () => void;
+}
+declare function useFetch<T>(url: string | null | undefined, options?: UseFetchOptions<T>): UseFetchResult<T>;
+
+/** react-query 계열("pending")과 kit useFetch 계열("idle"/"loading") 상태를 모두 수용 */
+type AsyncListStatus = FetchStatus | "pending";
+interface AsyncListProps<T> {
+    data: T[] | undefined;
+    /** useFetch의 status를 그대로 넘기면 된다 */
+    status: AsyncListStatus;
+    error?: Error | null;
+    renderItem: (item: T, index: number) => ReactNode;
+    /** 로딩 중 반복 표시할 스켈레톤 한 개 */
+    skeleton: ReactNode;
+    skeletonCount?: number;
+    emptyMessage?: string;
+    /** 빈 상태 아래 렌더할 액션(버튼 등) */
+    emptyAction?: ReactNode;
+    className?: string;
+}
+/**
+ * 비동기 목록의 4상태(로딩/에러/빈/성공)를 한 번에 처리하는 리스트.
+ *
+ * @example
+ * const { data, status } = useFetch<Video[]>("/api/trend");
+ * <AsyncList data={data} status={status} renderItem={(v) => <VideoRow key={v.id} video={v} />}
+ *   skeleton={<VideoSkeleton />} skeletonCount={5} emptyMessage="영상이 없어요" />
+ */
+declare function AsyncList<T>({ data, status, error, renderItem, skeleton, skeletonCount, emptyMessage, emptyAction, className, }: AsyncListProps<T>): react_jsx_runtime.JSX.Element;
+
+type IconButtonVariant = "ghost" | "outline";
+type IconButtonSize = "sm" | "md" | "lg";
+interface IconButtonProps {
+    icon: ReactNode;
+    /** 접근성 라벨(aria-label) — 아이콘만 있는 버튼이므로 사실상 필수 */
+    label?: string;
+    onClick?: () => void;
+    variant?: IconButtonVariant;
+    size?: IconButtonSize;
+    disabled?: boolean;
+    className?: string;
+}
+/**
+ * 아이콘 전용 정사각 버튼 — Button(텍스트용)과 달리 ghost/outline 스타일.
+ *
+ * @example
+ * <IconButton icon={<RefreshCw size={18} />} label="새로고침" onClick={reload} />
+ */
+declare function IconButton({ icon, label, onClick, variant, size, disabled, className, }: IconButtonProps): react_jsx_runtime.JSX.Element;
+
+interface InputBaseProps {
+    value: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    onFocus?: () => void;
+    onBlur?: () => void;
+    className?: string;
+}
+interface InputProps extends InputBaseProps {
+    /** input type (text, email, tel, search…) */
+    type?: string;
+    onEnter?: () => void;
+}
+declare function Input({ value, onChange, placeholder, type, disabled, onFocus, onBlur, onEnter, className, }: InputProps): react_jsx_runtime.JSX.Element;
+interface TextareaProps extends InputBaseProps {
+    rows?: number;
+}
+declare function Textarea({ value, onChange, placeholder, rows, disabled, onFocus, onBlur, className, }: TextareaProps): react_jsx_runtime.JSX.Element;
 
 interface SectionProps {
     children: ReactNode;
@@ -148,12 +320,21 @@ interface SectionHeaderProps {
  */
 declare function SectionHeader({ children }: SectionHeaderProps): react_jsx_runtime.JSX.Element;
 
+interface DividerProps {
+    /** 여백 프리셋. Default: "md" (mx-4 my-6 — 기존 동작) */
+    spacing?: "none" | "sm" | "md";
+    /** 선 색 (CSS color) — 클래스 충돌 없이 색만 바꿀 때 */
+    color?: string;
+    className?: string;
+}
 /**
- * Horizontal divider line with margin.
+ * Horizontal divider line.
+ *
+ * @example
+ * <Divider />
+ * <Divider spacing="none" color="rgba(255,255,255,0.1)" />
  */
-declare function Divider({ className }: {
-    className?: string;
-}): react_jsx_runtime.JSX.Element;
+declare function Divider({ spacing, color, className }: DividerProps): react_jsx_runtime.JSX.Element;
 
 interface StatChipProps {
     label: string;
@@ -711,7 +892,7 @@ interface PoweredByKitProps {
      * No slug → no tracking (off by default). Register one with `npx m1kkit track`.
      */
     slug?: string;
-    /** Tracker host. Default: "m1k.app" */
+    /** Tracker host. Default: "www.m1k.app" (apex m1k.app는 www로 307 리다이렉트 → cross-origin fetch가 CORS로 깨지므로 www 직결) */
     trackerHost?: string;
     /** Set false to disable the visitor beacon even when a slug is present */
     track?: boolean;
@@ -1453,41 +1634,23 @@ declare function createApiClient(baseUrl: string, defaults?: ApiClientOptions):
 };
 type ApiClient = ReturnType<typeof createApiClient>;
 
-/** Manually invalidate cache entries. Pass a URL to clear one, or nothing to clear all. */
-declare function clearFetchCache(url?: string): void;
-type FetchStatus = "idle" | "loading" | "success" | "error";
-interface UseFetchOptions<T> {
-    /** Skip fetching when false (default: true) */
-    enabled?: boolean;
-    /** Cache duration in ms. 0 = no cache (default: 0) */
-    staleTime?: number;
-    /** Number of retries on network error (default: 2) */
-    retry?: number;
-    /** Base delay between retries in ms — doubles each attempt (default: 1000) */
-    retryDelay?: number;
-    /** Re-fetch when window regains focus (default: true) */
-    revalidateOnFocus?: boolean;
-    /** Custom fetcher — defaults to fetch() with JSON/text auto-parse */
-    fetcher?: (url: string) => Promise<T>;
-    onSuccess?: (data: T) => void;
-    onError?: (err: Error) => void;
-}
-interface UseFetchResult<T> {
-    data: T | undefined;
-    loading: boolean;
-    error: Error | undefined;
-    /**
-     * Lifecycle status:
-     * - `"idle"` — url is null/undefined or `enabled: false`
-     * - `"loading"` — fetch in progress
-     * - `"success"` — data loaded (note: data may be null if the API returned null)
-     * - `"error"` — last fetch failed
-     */
-    status: FetchStatus;
-    /** Manually trigger a refetch (ignores cache) */
-    refetch: () => void;
-}
-declare function useFetch<T>(url: string | null | undefined, options?: UseFetchOptions<T>): UseFetchResult<T>;
+/** Subscribe to fetch activity changes. Returns an unsubscribe function. */
+declare function subscribeFetchActivity(listener: () => void): () => void;
+/** Number of useFetch requests currently in flight. */
+declare function getFetchActiveCount(): number;
+
+/**
+ * useFetch용 POST fetcher. useFetch는 URL 문자열이 캐시 키이므로, POST 조회는
+ * `경로#식별자` 형태로 키를 만들고 요청 시 '#' 뒤를 잘라낸다:
+ *
+ * @example
+ * // 같은 경로에 body만 다른 두 조회 — 키로 캐시가 분리된다
+ * useFetch(`/api/playlist#info:${listId}`,   { fetcher: postJson({ listId, infoOnly: true }) })
+ * useFetch(`/api/playlist#videos:${listId}`, { fetcher: postJson({ listId }) })
+ *
+ * invalidateFetch(`/api/playlist#videos:${listId}`)로 개별 무효화 가능.
+ */
+declare function postJson<T>(body?: unknown): (key: string) => Promise<T>;
 
 interface UsePollingOptions<T> {
     /** Polling interval in ms (default: 5000) */
@@ -1533,5 +1696,18 @@ interface DayGroup<T> {
  */
 declare function formatDayLabel(time: number | string | Date): string;
 declare function groupByDay<T>(items: T[], getTime: (item: T) => number | string | Date): DayGroup<T>[];
+interface DateCount {
+    date: string;
+    count: number;
+}
+/**
+ * 최근 N일을 0-채움한 연속 시계열로 변환 (오늘 포함, 과거→현재 순).
+ * 날짜 키는 "YYYY-MM-DD", 기본 KST — 차트 X축이 끊기지 않게 한다.
+ *
+ * @example
+ * fillDateSeries([{ date: "2026-07-06", count: 3 }], 7)
+ * // [{date:"2026-07-01",count:0}, …, {date:"2026-07-06",count:3}, {date:"2026-07-07",count:0}]
+ */
+declare function fillDateSeries(daily: DateCount[], days: number, timeZone?: string): DateCount[];
 
-export { ActionCard, type ActionCardLabels, type ActionCardProps, type ActionCardState, type ApiClient, type ApiClientOptions, ApiError, AppShell, AppShellContent, type AppShellContentProps, AppShellHeader, type AppShellHeaderProps, type AppShellProps, Avatar, type AvatarProps, Badge, type BadgeProps, BarList, type BarListItem, type BarListProps, Button, type ButtonProps, Carousel, type CarouselProps, ChatBubble, type ChatBubbleProps, type ChatMessage, type ChatRole, CodeBlock, type CodeBlockProps, Collapsible, type CollapsibleProps, type ColorName, ColorPicker, type ColorPickerProps, CopyButton, type CopyButtonProps, Countdown, type CountdownLabels, type CountdownProps, type DayGroup, Dialog, type DialogProps, Divider, EmojiButton, type EmojiButtonProps, EmojiPicker, type EmojiPickerLabels, type EmojiPickerProps, EmptyState, type EmptyStateProps, Fab, type FabProps, Field, type FieldProps, FontLinks, type FontName, GrassMap, type GrassMapData, type GrassMapLabels, type GrassMapProps, IOSInstallSheet, Img, type ImgProps, InAppSheet, type InAppSheetProps, InlineEdit, type InlineEditProps, KitStyles, LinkifiedText, type LinkifiedTextProps, ListRow, type ListRowProps, MessageList, type MessageListProps, PWAInstallButton, type PWAInstallState, PoweredByKit, type PoweredByKitProps, ProgressRing, type ProgressRingProps, Section, SectionHeader, type SectionHeaderProps, type SectionProps, type SegmentOption, SegmentedControl, type SegmentedControlProps, Select, type SelectOption, type SelectProps, ShareButton, type ShareButtonProps, Skeleton, type SkeletonProps, StatChip, type StatChipProps, type Step, Stepper, type StepperProps, Switch, type SwitchProps, THEME_SCRIPT, Tab, TabBar, type TabBarProps, type TabProps, ThemeButton, type ThemeButtonProps, ThemeDialog, type ThemeDialogLabels, type ThemeDialogProps, type ToastOptions, ToastProvider, type ToastVariant, Tooltip, type TooltipProps, Typewriter, type TypewriterProps, TypingIndicator, type TypingIndicatorProps, type UseFetchOptions, type UseFetchResult, type UseFormSubmitOptions, type UseFormSubmitResult, type UseInViewOptions, type UseInViewResult, type UsePWAInstallReturn, type UsePollingOptions, type UsePollingResult, type UseShareOptions, type UseShareReturn, Watermark, type WatermarkProps, type WatermarkSponsor, clearFetchCache, cn, colors, createApiClient, createManifest, fontFamily, fonts, formatDayLabel, formatDuration, formatNumber, formatPrice, groupByDay, mobileViewport, relativeTime, svgIcon, useCopy, useDebounce, useEscapeKey, useFetch, useFocusTrap, useFormSubmit, useImageLoader, useInView, useLocalStorage, usePWAInstall, usePolling, usePortalTarget, useScrollLock, useShare, useToast };
+export { ActionCard, type ActionCardLabels, type ActionCardProps, type ActionCardState, type ApiClient, type ApiClientOptions, ApiError, AppShell, AppShellContent, type AppShellContentProps, AppShellHeader, type AppShellHeaderProps, type AppShellProps, AsyncList, type AsyncListProps, type AsyncListStatus, Avatar, type AvatarProps, Badge, type BadgeProps, BarList, type BarListItem, type BarListProps, Button, type ButtonProps, Carousel, type CarouselProps, ChatBubble, type ChatBubbleProps, type ChatMessage, type ChatRole, CodeBlock, type CodeBlockProps, Collapsible, type CollapsibleProps, type ColorName, ColorPicker, type ColorPickerProps, CopyButton, type CopyButtonProps, Countdown, type CountdownLabels, type CountdownProps, type DateCount, type DayGroup, Dialog, type DialogProps, Divider, type DividerProps, EmojiButton, type EmojiButtonProps, EmojiPicker, type EmojiPickerLabels, type EmojiPickerProps, EmptyState, type EmptyStateProps, Fab, type FabProps, FetchProgress, type FetchProgressProps, Field, type FieldProps, FontLinks, type FontName, GrassMap, type GrassMapData, type GrassMapLabels, type GrassMapProps, IOSInstallSheet, IconButton, type IconButtonProps, Img, type ImgProps, InAppSheet, type InAppSheetProps, InlineEdit, type InlineEditProps, Input, type InputProps, KitStyles, LinkifiedText, type LinkifiedTextProps, ListRow, type ListRowProps, MessageList, type MessageListProps, PWAInstallButton, type PWAInstallState, PoweredByKit, type PoweredByKitProps, ProgressRing, type ProgressRingProps, Section, SectionHeader, type SectionHeaderProps, type SectionProps, type SegmentOption, SegmentedControl, type SegmentedControlProps, Select, type SelectOption, type SelectProps, ShareButton, type ShareButtonProps, Skeleton, type SkeletonProps, StatChip, type StatChipProps, type Step, Stepper, type StepperProps, Switch, type SwitchProps, THEME_SCRIPT, Tab, TabBar, type TabBarProps, type TabProps, type TabRootProps, Textarea, type TextareaProps, ThemeButton, type ThemeButtonProps, ThemeDialog, type ThemeDialogLabels, type ThemeDialogProps, type ToastOptions, ToastProvider, type ToastVariant, Tooltip, type TooltipProps, Typewriter, type TypewriterProps, TypingIndicator, type TypingIndicatorProps, type UseFetchOptions, type UseFetchResult, type UseFormSubmitOptions, type UseFormSubmitResult, type UseInViewOptions, type UseInViewResult, type UsePWAInstallReturn, type UsePollingOptions, type UsePollingResult, type UseShareOptions, type UseShareReturn, Watermark, type WatermarkProps, type WatermarkSponsor, clearFetchCache, cn, colors, createApiClient, createManifest, fillDateSeries, fontFamily, fonts, formatDayLabel, formatDuration, formatNumber, formatPrice, getFetchActiveCount, groupByDay, invalidateFetch, mobileViewport, postJson, relativeTime, subscribeFetchActivity, svgIcon, useCopy, useDebounce, useEscapeKey, useFetch, useFocusTrap, useFormSubmit, useImageLoader, useInView, useLocalStorage, usePWAInstall, usePolling, usePortalTarget, useScrollLock, useShare, useToast };