@m1kapp/kit 0.0.28 → 0.0.31

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,216 @@ 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 MediaCardProps {
+    /** 16:9 썸네일 이미지 URL */
+    thumbnail: string;
+    /** 썸네일 우하단 배지 (재생시간 등) */
+    badge?: string;
+    /** horizontal: 썸네일 좌측 절반 / vertical: 썸네일 상단 풀폭 */
+    layout?: "horizontal" | "vertical";
+    onClick?: () => void;
+    /** 제목·메타 등 본문 — 폰트/색은 호출부 소유 */
+    children: ReactNode;
+    className?: string;
+}
+/**
+ * 썸네일 + 본문 미디어 카드 (영상·플레이리스트 목록용).
+ *
+ * @example
+ * <MediaCard thumbnail={v.thumbnail} badge={v.duration} onClick={open}>
+ *   <p className="text-base line-clamp-2">{v.title}</p>
+ *   <p className="text-xs text-zinc-400">조회수 {formatKoreanNumber(v.viewCount)}회</p>
+ * </MediaCard>
+ */
+declare function MediaCard({ thumbnail, badge, layout, onClick, children, className, }: MediaCardProps): react_jsx_runtime.JSX.Element;
+
+interface UnderlineTab<T extends string = string> {
+    id: T;
+    label: string;
+}
+interface UnderlineTabsProps<T extends string = string> {
+    tabs: UnderlineTab<T>[];
+    active: T;
+    onChange: (id: T) => void;
+    /** 스크롤 상단 고정 */
+    sticky?: boolean;
+    /** 좁은 탭 간격 (요일 등 짧은 라벨 다수일 때) */
+    compact?: boolean;
+    /** 활성 탭 색. Default: currentColor 기반 (dark 셸에선 white) */
+    activeColor?: string;
+    className?: string;
+}
+/**
+ * 하단 언더라인 인디케이터 탭 (콘텐츠 필터용) — 하단 내비 TabBar와 별개.
+ * SegmentedControl(박스형)과 달리 미디어 앱의 카테고리 탭 UX.
+ *
+ * @example
+ * <UnderlineTabs tabs={[{ id: "all", label: "전체" }, { id: "music", label: "음악" }]}
+ *   active={tab} onChange={setTab} sticky />
+ */
+declare function UnderlineTabs<T extends string>({ tabs, active, onChange, sticky, compact, activeColor, className, }: UnderlineTabsProps<T>): react_jsx_runtime.JSX.Element;
 
 interface SectionProps {
     children: ReactNode;
@@ -148,12 +369,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;
@@ -238,12 +468,7 @@ interface WatermarkProps {
         total?: number;
     };
 }
-/**
- * Full-screen colored background with repeating animated text watermark pattern.
- *
- * Renders as a single SVG element with a <pattern> — zero extra DOM nodes per tile.
- * Sponsor tiles inside the pattern are clickable and support hover effects.
- */
+/** Estimate rendered width of a string. CJK chars ≈ 1.0×, Latin ≈ 0.62× font size. */
 declare function Watermark({ children, color, text, maxWidth, sponsor, speed, hidePoweredBy, trackSlug, track, claimed, counts, }: WatermarkProps): react_jsx_runtime.JSX.Element;
 
 declare const colors: {
@@ -711,7 +936,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;
@@ -987,18 +1212,6 @@ interface StepperProps {
     accent?: string;
     className?: string;
 }
-/**
- * Horizontal multi-step progress indicator with connectors. Steps before the
- * cursor show a check, the current step is highlighted, the rest are muted.
- * Great for wizards, multi-phase flows, and onboarding.
- *
- * @example
- * <Stepper current={phase} onStepClick={setPhase} steps={[
- *   { label: "분석", icon: "📝" },
- *   { label: "준비", icon: "📸" },
- *   { label: "생성", icon: "✨" },
- * ]} />
- */
 declare function Stepper({ steps, current, completedThrough, onStepClick, accent, className, }: StepperProps): react_jsx_runtime.JSX.Element;
 
 interface CollapsibleProps {
@@ -1020,17 +1233,6 @@ interface CollapsibleProps {
     children: ReactNode;
     className?: string;
 }
-/**
- * Collapsible card with a header (leading marker, title, optional subtitle/badge)
- * and a body that shows when `open`. State-aware styling for expanded/completed.
- * Good for step lists, accordions, and disclosure sections.
- *
- * @example
- * <Collapsible leading={1} title="페르소나 분석" subtitle="스타일 파악"
- *   open={open === 1} onToggle={() => setOpen(open === 1 ? null : 1)} completed>
- *   <p>…</p>
- * </Collapsible>
- */
 declare function Collapsible({ title, subtitle, badge, leading, open, onToggle, completed, optionalTag, accent, children, className, }: CollapsibleProps): react_jsx_runtime.JSX.Element;
 
 /**
@@ -1313,6 +1515,18 @@ interface UsePWAInstallReturn {
 }
 declare function usePWAInstall(): UsePWAInstallReturn;
 
+interface IOSInstallSheetProps {
+    open: boolean;
+    onClose(): void;
+    appName: string;
+    iconSrc?: string;
+}
+/**
+ * Bottom-sheet guide for iOS "Add to Home Screen".
+ * Can also be used standalone if you need custom trigger UI.
+ */
+declare function IOSInstallSheet({ open, onClose, appName, iconSrc }: IOSInstallSheetProps): react_jsx_runtime.JSX.Element | null;
+
 interface PWAInstallButtonProps {
     /** App name shown in iOS guide sheet */
     appName?: string;
@@ -1336,17 +1550,6 @@ interface PWAInstallButtonProps {
  *   <PWAInstallButton appName="My App" iconSrc="/icon.png" />
  */
 declare function PWAInstallButton({ appName, iconSrc, label, installedLabel, className, }: PWAInstallButtonProps): react_jsx_runtime.JSX.Element | null;
-interface IOSInstallSheetProps {
-    open: boolean;
-    onClose(): void;
-    appName: string;
-    iconSrc?: string;
-}
-/**
- * Bottom-sheet guide for iOS "Add to Home Screen".
- * Can also be used standalone if you need custom trigger UI.
- */
-declare function IOSInstallSheet({ open, onClose, appName, iconSrc }: IOSInstallSheetProps): react_jsx_runtime.JSX.Element | null;
 
 /**
  * Drop into <head> in your root layout to pre-load kit styles and
@@ -1453,41 +1656,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 +1718,32 @@ 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[];
+/**
+ * 한국식 수 축약 (내림). 조회수·좋아요 표기용 — 단위는 호출부에서
+ * `${formatKoreanNumber(n)}회`처럼 붙인다.
+ */
+declare function formatKoreanNumber(n: number | string): string;
+interface IsoDuration {
+    hours: number;
+    minutes: number;
+    seconds: number;
+}
+/** "PT1H2M3S" → { hours: 1, minutes: 2, seconds: 3 } */
+declare function parseIsoDuration(duration: string): IsoDuration;
+/** "PT1H2M3S" → 3723 (초) */
+declare function isoDurationToSec(duration: string): number;
 
-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, type IsoDuration, KitStyles, LinkifiedText, type LinkifiedTextProps, ListRow, type ListRowProps, MediaCard, type MediaCardProps, 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 UnderlineTab, UnderlineTabs, type UnderlineTabsProps, 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, formatKoreanNumber, formatNumber, formatPrice, getFetchActiveCount, groupByDay, invalidateFetch, isoDurationToSec, mobileViewport, parseIsoDuration, postJson, relativeTime, subscribeFetchActivity, svgIcon, useCopy, useDebounce, useEscapeKey, useFetch, useFocusTrap, useFormSubmit, useImageLoader, useInView, useLocalStorage, usePWAInstall, usePolling, usePortalTarget, useScrollLock, useShare, useToast };