@m1kapp/kit 0.0.30 → 0.0.32

package/dist/index.d.mts

@@ -65,6 +65,19 @@ interface AppShellProps {
 /**
  * Mobile app-like container with rounded corners, shadow, and ring.
  * Centers content and constrains width for a phone-like viewport.
+ *
+ * `AppShell` fills `h-full` of its parent — it does not size itself. Wrap it
+ * in `<Watermark>` (gives `h-dvh` + centering + the `PoweredByKit` credit
+ * strip) rather than a hand-rolled height/centering div; without a sized
+ * parent the shell just collapses to content height.
+ *
+ * @example
+ * <Watermark color="#e2603f" text="myapp">
+ *   <AppShell>
+ *     <AppShellHeader>...</AppShellHeader>
+ *     <AppShellContent><Section>...</Section></AppShellContent>
+ *   </AppShell>
+ * </Watermark>
  */
 declare function AppShell({ children, className, maxWidth, maxHeight, accent, accentFg, style, }: AppShellProps): react_jsx_runtime.JSX.Element;
 interface AppShellHeaderProps {
@@ -80,7 +93,9 @@ interface AppShellContentProps {
     className?: string;
 }
 /**
- * Scrollable main content area.
+ * Scrollable main content area. Carries no padding of its own — build
+ * children from `<Section>` (px-4) blocks separated by `<Divider spacing="sm" />`,
+ * not a hand-rolled `<div className="p-4 flex flex-col gap-4">`.
  */
 declare function AppShellContent({ children, className }: AppShellContentProps): react_jsx_runtime.JSX.Element;
 
@@ -304,6 +319,55 @@ interface TextareaProps extends InputBaseProps {
 }
 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;
     className?: string;
@@ -419,12 +483,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: {
@@ -1168,18 +1227,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 {
@@ -1201,17 +1248,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;
 
 /**
@@ -1494,6 +1530,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;
@@ -1517,17 +1565,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
@@ -1709,5 +1746,19 @@ interface DateCount {
  * // [{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, 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 };
+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 };

package/dist/index.d.ts

@@ -65,6 +65,19 @@ interface AppShellProps {
 /**
  * Mobile app-like container with rounded corners, shadow, and ring.
  * Centers content and constrains width for a phone-like viewport.
+ *
+ * `AppShell` fills `h-full` of its parent — it does not size itself. Wrap it
+ * in `<Watermark>` (gives `h-dvh` + centering + the `PoweredByKit` credit
+ * strip) rather than a hand-rolled height/centering div; without a sized
+ * parent the shell just collapses to content height.
+ *
+ * @example
+ * <Watermark color="#e2603f" text="myapp">
+ *   <AppShell>
+ *     <AppShellHeader>...</AppShellHeader>
+ *     <AppShellContent><Section>...</Section></AppShellContent>
+ *   </AppShell>
+ * </Watermark>
  */
 declare function AppShell({ children, className, maxWidth, maxHeight, accent, accentFg, style, }: AppShellProps): react_jsx_runtime.JSX.Element;
 interface AppShellHeaderProps {
@@ -80,7 +93,9 @@ interface AppShellContentProps {
     className?: string;
 }
 /**
- * Scrollable main content area.
+ * Scrollable main content area. Carries no padding of its own — build
+ * children from `<Section>` (px-4) blocks separated by `<Divider spacing="sm" />`,
+ * not a hand-rolled `<div className="p-4 flex flex-col gap-4">`.
  */
 declare function AppShellContent({ children, className }: AppShellContentProps): react_jsx_runtime.JSX.Element;
 
@@ -304,6 +319,55 @@ interface TextareaProps extends InputBaseProps {
 }
 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;
     className?: string;
@@ -419,12 +483,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: {
@@ -1168,18 +1227,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 {
@@ -1201,17 +1248,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;
 
 /**
@@ -1494,6 +1530,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;
@@ -1517,17 +1565,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
@@ -1709,5 +1746,19 @@ interface DateCount {
  * // [{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, 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 };
+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 };