@m1kapp/kit 0.0.15 → 0.0.16

package/bin/m1kkit.mjs

@@ -0,0 +1,49 @@
+#!/usr/bin/env node
+/**
+ * m1kkit CLI
+ *
+ * Commands:
+ *   m1kkit favicon   — 파비콘 생성
+ *   m1kkit skills    — Claude Code 스킬 설치
+ */
+
+const [,, command, ...rest] = process.argv;
+
+if (!command || command === "--help" || command === "-h") {
+  console.log(`
+m1kkit — @m1kapp/kit CLI
+
+Commands:
+  m1kkit favicon [options]   파비콘 자동 생성
+  m1kkit skills [options]    Claude Code 스킬 설치
+
+Options:
+  --help    도움말 보기
+
+Examples:
+  m1kkit favicon --text=K --color=#3B82F6
+  m1kkit skills
+  m1kkit skills --list
+  m1kkit skills m1kapp-init
+`);
+  process.exit(0);
+}
+
+// 서브커맨드 위임
+const { createRequire } = await import("module");
+const { fileURLToPath } = await import("url");
+const path = await import("path");
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+
+if (command === "favicon") {
+  process.argv = [process.argv[0], process.argv[1], ...rest];
+  await import(path.join(__dirname, "favicon.mjs"));
+} else if (command === "skills") {
+  process.argv = [process.argv[0], process.argv[1], ...rest];
+  await import(path.join(__dirname, "skills.mjs"));
+} else {
+  console.error(`알 수 없는 커맨드: ${command}`);
+  console.error("사용법: m1kkit --help");
+  process.exit(1);
+}

package/bin/postinstall.mjs

@@ -0,0 +1,28 @@
+#!/usr/bin/env node
+// postinstall — @m1kapp/kit 설치 후 안내 메시지
+// CI 환경이나 suppress 설정이면 조용히 종료
+
+if (process.env.CI || process.env.npm_config_loglevel === "silent") {
+  process.exit(0);
+}
+
+const v = process.env.npm_package_version ?? "";
+const version = v ? ` v${v}` : "";
+
+console.log(`
+╭─────────────────────────────────────────────╮
+│                                             │
+│   @m1kapp/kit${version} 설치 완료!              │
+│                                             │
+│   Claude Code 스킬 추가 (선택):             │
+│   npx m1kkit skills                         │
+│                                             │
+│   /m1kapp-init  프로젝트 초기 설정          │
+│   /m1kapp-seo   SEO 자동 감사·적용          │
+│   /m1kapp-pwa   PWA 설정 점검·적용          │
+│                                             │
+│   업데이트 후엔 스킬도 재설치 권장:         │
+│   npx m1kkit skills                         │
+│                                             │
+╰─────────────────────────────────────────────╯
+`);

package/bin/skills/m1kapp-init.md

@@ -0,0 +1,159 @@
+---
+name: m1kapp-init
+description: "@m1kapp/kit 기반 Next.js 프로젝트 초기 설정을 인터랙티브하게 완성합니다."
+---
+
+현재 디렉토리가 Next.js + @m1kapp/kit 프로젝트인지 확인한 뒤, 아래 순서대로 진행한다.
+
+## Step 0: 프로젝트 파악
+
+먼저 조용히 다음을 확인한다 (사용자에게 보고하지 않음):
+- `package.json` — 프레임워크, @m1kapp/kit 버전
+- `app/layout.tsx` — 기존 metadata 여부
+- `app/sitemap.ts`, `app/robots.ts` 존재 여부
+- `public/` — 파비콘, OG 이미지 여부
+- `tailwind.config.*` — 테마 컬러 여부
+
+파악이 끝나면 아래 질문들을 **한 번에 모아서** 사용자에게 묻는다.
+
+---
+
+## Step 1: 인터랙티브 질문
+
+다음 항목들을 자연스럽게 한 번에 물어본다. 이미 파악한 정보는 기본값으로 채워서 제안한다.
+
+```
+@m1kapp/kit 초기 설정을 시작할게요. 몇 가지만 확인할게요!
+
+1. 앱 이름이 뭔가요?
+   (예: "My App", "스타트업 서비스명")
+
+2. 메인 테마 컬러가 있나요?
+   (hex 코드로 알려주세요. 없으면 기본 파란색 #3B82F6 쓸게요)
+
+3. 앱 한 줄 설명이 뭔가요?
+   (메타 description + OG에 사용됩니다)
+
+4. 배포 URL이 있나요?
+   (예: https://myapp.com — SEO canonical, sitemap 등에 사용)
+
+5. 앱 유형은 뭔가요?
+   (1) 커머스/쇼핑
+   (2) 블로그/콘텐츠
+   (3) 대시보드/툴
+   (4) 소셜/커뮤니티
+   (5) 랜딩/홍보
+   (6) 기타
+
+6. 다음 중 적용할 것을 골라주세요 (복수 선택, 예: 1 2 3)
+   (1) SEO — metadata, sitemap, robots, JSON-LD
+   (2) PWA — manifest, 설치 유도 버튼, 아이콘
+   (3) OG 이미지 — /og 라우트 자동 생성
+   (4) 파비콘 — 자동 생성 (m1kkit 필요)
+```
+
+---
+
+## Step 2: 적용 계획 출력
+
+답변을 받으면 아래 형식으로 적용 계획을 보여준다:
+
+```
+✓ 확인했어요! 이렇게 적용할게요:
+
+앱 이름:     [앱 이름]
+테마 컬러:   [색상] ████ 
+설명:        [한 줄 설명]
+배포 URL:    [URL]
+
+적용 항목:
+  ☐ app/layout.tsx    — metadata, titleTemplate 설정
+  ☐ app/sitemap.ts    — nextSitemap 생성
+  ☐ app/robots.ts     — nextRobots 생성
+  ☐ app/og/route.tsx  — OG 이미지 라우트
+  ☐ app/manifest.ts   — PWA manifest
+  ☐ tailwind.config   — 테마 컬러 등록
+
+시작할까요? (y/n)
+```
+
+y면 Step 3 진행, n이면 수정할 항목 다시 묻기.
+
+---
+
+## Step 3: 파일 생성/수정
+
+확인된 답변을 바탕으로 선택한 항목들을 순서대로 적용한다.
+각 파일 완료 시 체크 표시:
+
+```
+  ✓ app/layout.tsx    완료
+  ✓ app/sitemap.ts    완료
+  ✓ app/robots.ts     완료
+  ...
+```
+
+### layout.tsx 적용 규칙
+- 기존 파일이 있으면 `metadata` export만 교체, 나머지는 보존
+- `@m1kapp/kit/seo`의 `createMetadata`, `titleTemplate` 사용
+- 앱 유형에 따라 적절한 JSON-LD도 추가 (WebSite, Organization 등)
+
+```ts
+import { createMetadata, titleTemplate } from "@m1kapp/kit/seo"
+
+export const metadata = createMetadata({
+  title: "[앱 이름]",
+  description: "[한 줄 설명]",
+  url: "[배포 URL]",
+  siteName: "[앱 이름]",
+  image: "[배포 URL]/og",
+})
+```
+
+### sitemap.ts 적용 규칙
+- 이미 있으면 건너뛰고 사용자에게 알림
+- `app/` 하위 `page.tsx` 파일 목록을 스캔해서 자동으로 경로 추출
+- 동적 라우트(`[id]`)는 TODO 주석으로 표시
+
+### robots.ts 적용 규칙
+- `nextRobots` 사용
+- `/api`, `/admin` 등 일반적인 disallow 패턴 자동 적용
+
+### OG 이미지 적용 규칙
+- `app/og/route.tsx` 생성
+- `@m1kapp/kit/ogimage`의 템플릿 사용
+- 앱 이름 + 테마 컬러 반영
+
+### PWA manifest 적용 규칙
+- `app/manifest.ts` 생성
+- `@m1kapp/kit/pwa`의 `createManifest` 사용
+- 테마 컬러 자동 반영
+
+### tailwind 테마 컬러 적용 규칙
+- `tailwind.config.ts` 또는 `globals.css`에 CSS 변수로 추가
+- `--color-primary: [hex]` 형태로
+
+---
+
+## Step 4: 완료 요약
+
+```
+🎉 설정 완료!
+
+적용된 파일:
+  ✓ app/layout.tsx
+  ✓ app/sitemap.ts
+  ...
+
+다음 단계:
+  → 배포 후 https://search.google.com/search-console 에 사이트 등록
+  → /og 라우트 접속해서 OG 이미지 확인
+  → npx m1kkit favicon 으로 파비콘 생성
+```
+
+---
+
+## 주의사항
+- 기존 코드를 덮어쓸 때는 반드시 원본 내용을 보존하면서 필요한 부분만 추가/수정
+- TypeScript 타입 에러가 없도록 lint 후 보고
+- 파일 생성 전 이미 있는 경우 사용자에게 알리고 덮어쓸지 확인

package/bin/skills/m1kapp-pwa.md

@@ -0,0 +1,62 @@
+---
+name: m1kapp-pwa
+description: "PWA 설정을 점검하고 @m1kapp/kit/pwa 유틸로 자동 적용합니다."
+---
+
+현재 Next.js 프로젝트의 PWA 설정을 점검하고 빠진 항목을 채운다.
+
+## Step 1: PWA 현황 파악
+
+다음을 확인한다:
+- `app/manifest.ts` 또는 `public/manifest.json` 존재 여부
+- `app/viewport.ts` 또는 layout의 viewport 설정
+- 아이콘: `public/icon-192.png`, `public/icon-512.png` 여부
+- `public/favicon.ico` 여부
+- 설치 유도 버튼 (`useInstallPrompt`) 사용 여부
+
+---
+
+## Step 2: 결과 리포트
+
+```
+PWA 설정 현황
+
+✓ 완료
+  ✓ ...
+
+✗ 미설정
+  ✗ app/manifest.ts
+  ✗ 아이콘 (192×192, 512×512)
+  ...
+```
+
+---
+
+## Step 3: 보완
+
+빠진 항목에 대해 확인 후 적용한다.
+
+아이콘이 없으면: `npx m1kkit favicon` 명령어 안내
+manifest가 없으면: 앱 이름, 테마 컬러를 물어보고 `createManifest` 적용
+viewport가 없으면: `mobileViewport` 적용
+
+```ts
+// app/manifest.ts
+import { createManifest } from "@m1kapp/kit/pwa"
+
+export default function manifest() {
+  return createManifest({
+    name: "[앱 이름]",
+    short_name: "[앱 이름]",
+    theme_color: "[테마 컬러]",
+  })
+}
+```
+
+완료 후:
+```
+✓ PWA 설정 완료
+
+  → 크롬에서 주소창 우측 설치 버튼 확인
+  → Lighthouse PWA 탭에서 점수 확인
+```

package/bin/skills/m1kapp-seo.md

@@ -0,0 +1,66 @@
+---
+name: m1kapp-seo
+description: "프로젝트 SEO 현황을 감사하고 @m1kapp/kit/seo 유틸로 자동 보완합니다."
+---
+
+현재 Next.js 프로젝트의 SEO 상태를 점검하고, 빠진 항목을 @m1kapp/kit/seo로 채운다.
+
+## Step 1: SEO 감사
+
+다음 항목들을 병렬로 빠르게 확인한다:
+
+**메타데이터**
+- `app/layout.tsx` — metadata export 여부, title/description/og 필드 완성도
+- 각 `page.tsx` — generateMetadata 또는 metadata export 여부
+- title이 사이트명만 있고 페이지별 구분이 없는지
+
+**크롤링/인덱싱**
+- `app/sitemap.ts` 또는 `public/sitemap.xml` 존재 여부
+- `app/robots.ts` 또는 `public/robots.txt` 존재 여부
+- noIndex가 실수로 켜져 있는지
+
+**소셜 공유**
+- OG 이미지 설정 여부 (og:image)
+- Twitter Card 설정 여부
+- OG 이미지가 정적 파일인지 동적 생성인지
+
+**구조화 데이터**
+- JSON-LD script 태그 여부
+- 앱 유형에 맞는 schema 적용 여부
+
+---
+
+## Step 2: 결과 리포트
+
+아래 형식으로 현황을 출력한다:
+
+```
+SEO 감사 결과
+
+✓ 완료된 항목
+  ✓ ...
+
+⚠ 미흡한 항목  
+  ⚠ ...
+
+✗ 없는 항목
+  ✗ app/sitemap.ts — 없음
+  ✗ OG 이미지 — 없음
+  ...
+
+SEO 점수: [완료] / [전체] 항목
+```
+
+---
+
+## Step 3: 보완 여부 확인
+
+```
+위 항목들을 자동으로 보완할까요?
+(1) 전체 자동 적용
+(2) 항목 선택 후 적용
+(3) 리포트만 보기
+```
+
+선택에 따라 `@m1kapp/kit/seo`의 유틸로 빠진 항목을 채운다.
+기존 코드는 보존하고 필요한 부분만 추가/수정한다.

package/bin/skills.mjs

@@ -0,0 +1,97 @@
+#!/usr/bin/env node
+/**
+ * @m1kapp/kit skills installer
+ *
+ * Usage:
+ *   npx m1kkit skills              — 전체 스킬 설치
+ *   npx m1kkit skills --list       — 설치 가능한 스킬 목록
+ *   npx m1kkit skills m1kapp-init  — 특정 스킬만 설치
+ */
+
+import fs from "fs";
+import path from "path";
+import { fileURLToPath } from "url";
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+const SKILLS_SRC = path.join(__dirname, "skills");
+
+const SKILLS = [
+  {
+    name: "m1kapp-init",
+    desc: "/m1kapp-init  — Next.js 프로젝트 초기 설정 인터랙티브 스캐폴딩",
+  },
+  {
+    name: "m1kapp-seo",
+    desc: "/m1kapp-seo   — SEO 감사 및 @m1kapp/kit/seo 자동 적용",
+  },
+  {
+    name: "m1kapp-pwa",
+    desc: "/m1kapp-pwa   — PWA 설정 점검 및 @m1kapp/kit/pwa 자동 적용",
+  },
+];
+
+const args = process.argv.slice(2);
+const listOnly = args.includes("--list");
+const target = args.find((a) => !a.startsWith("--"));
+
+// 설치 대상 디렉토리: 프로젝트 로컬 우선, 없으면 글로벌
+function getSkillsDir() {
+  const local = path.join(process.cwd(), ".claude", "skills");
+  const global = path.join(
+    process.env.HOME ?? process.env.USERPROFILE ?? "~",
+    ".claude",
+    "skills"
+  );
+  // 프로젝트에 .claude 폴더가 이미 있으면 로컬, 아니면 글로벌
+  const hasLocalClaude = fs.existsSync(path.join(process.cwd(), ".claude"));
+  return hasLocalClaude ? local : global;
+}
+
+if (listOnly) {
+  console.log("\n사용 가능한 @m1kapp/kit 스킬:\n");
+  for (const s of SKILLS) {
+    console.log(`  ${s.desc}`);
+  }
+  console.log("\n설치: npx m1kkit skills\n");
+  process.exit(0);
+}
+
+const toInstall = target
+  ? SKILLS.filter((s) => s.name === target)
+  : SKILLS;
+
+if (target && toInstall.length === 0) {
+  console.error(`스킬을 찾을 수 없습니다: ${target}`);
+  console.error(`사용 가능: ${SKILLS.map((s) => s.name).join(", ")}`);
+  process.exit(1);
+}
+
+const skillsDir = getSkillsDir();
+fs.mkdirSync(skillsDir, { recursive: true });
+
+console.log(`\n@m1kapp/kit 스킬 설치 중...\n`);
+console.log(`설치 위치: ${skillsDir}\n`);
+
+let installed = 0;
+for (const skill of toInstall) {
+  const src = path.join(SKILLS_SRC, `${skill.name}.md`);
+  const destDir = path.join(skillsDir, skill.name);
+  const dest = path.join(destDir, "skill.md");
+
+  if (!fs.existsSync(src)) {
+    console.log(`  ⚠ ${skill.name} — 소스 파일 없음 (스킵)`);
+    continue;
+  }
+
+  fs.mkdirSync(destDir, { recursive: true });
+  fs.copyFileSync(src, dest);
+  console.log(`  ✓ /${skill.name}`);
+  installed++;
+}
+
+console.log(`\n${installed}개 스킬 설치 완료!\n`);
+console.log("Claude Code에서 바로 사용하세요:\n");
+for (const s of toInstall) {
+  console.log(`  /${s.name}`);
+}
+console.log();

package/dist/index.d.mts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
+import * as React$1 from 'react';
 import React__default, { ReactNode, CSSProperties } from 'react';
 import { MetadataRoute, Viewport } from 'next';
 import { ClassValue } from 'clsx';
@@ -214,6 +214,12 @@ interface ThemeButtonProps {
  * - Without `color`: moon (light mode) or sun (dark mode) icon.
  */
 declare function ThemeButton({ color, dark: darkProp, onClick, className }: ThemeButtonProps): react_jsx_runtime.JSX.Element;
+interface ThemeDialogLabels {
+    title?: string;
+    light?: string;
+    dark?: string;
+    close?: string;
+}
 interface ThemeDialogProps {
     open: boolean;
     onClose: () => void;
@@ -223,12 +229,14 @@ interface ThemeDialogProps {
     onDarkToggle?: () => void;
     /** Override the color palette. Defaults to built-in colors. */
     palette?: Record<string, string>;
+    /** Override default Korean labels for i18n */
+    labels?: ThemeDialogLabels;
 }
 /**
  * Bottom-sheet style color picker dialog.
  * Shows a 5-column grid of color circles with check on the active one.
  */
-declare function ThemeDialog({ open, onClose, current, onSelect, dark: darkProp, onDarkToggle, palette, }: ThemeDialogProps): React.ReactPortal | null;
+declare function ThemeDialog({ open, onClose, current, onSelect, dark: darkProp, onDarkToggle, palette, labels: _labels, }: ThemeDialogProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Font presets for @m1kapp/ui.
@@ -324,16 +332,22 @@ interface EmojiButtonProps {
  * Use it anywhere — tab icons, headers, list items, etc.
  */
 declare function EmojiButton({ emoji, onClick, className }: EmojiButtonProps): react_jsx_runtime.JSX.Element;
+interface EmojiPickerLabels {
+    title?: string;
+    close?: string;
+}
 interface EmojiPickerProps {
     open: boolean;
     onClose: () => void;
     current: string;
     onSelect: (emoji: string) => void;
+    /** Override default Korean labels for i18n */
+    labels?: EmojiPickerLabels;
 }
 /**
  * Bottom-sheet emoji picker with categories.
  */
-declare function EmojiPicker({ open, onClose, current, onSelect }: EmojiPickerProps): React.ReactPortal | null;
+declare function EmojiPicker({ open, onClose, current, onSelect, labels: _labels }: EmojiPickerProps): react_jsx_runtime.JSX.Element;
 
 interface TooltipProps {
     label: string;
@@ -356,14 +370,24 @@ interface GrassMapData {
     date: string;
     count: number;
 }
+interface GrassMapLabels {
+    firstRecord?: string;
+    noRecord?: string;
+    today?: string;
+    less?: string;
+    more?: string;
+    first?: string;
+}
 interface GrassMapProps {
     data: GrassMapData[];
     accent: string;
     isDark?: boolean;
     /** Unit label appended to count in tooltip. e.g. "명", "commits". Default: "" */
     unit?: string;
+    /** Override default Korean labels for i18n */
+    labels?: GrassMapLabels;
 }
-declare function GrassMap({ data, accent, isDark, unit }: GrassMapProps): react_jsx_runtime.JSX.Element;
+declare function GrassMap({ data, accent, isDark, unit, labels: _labels }: GrassMapProps): react_jsx_runtime.JSX.Element;
 
 type AvatarSize = "xs" | "sm" | "md" | "lg" | "xl";
 type AvatarShape = "circle" | "rounded";
@@ -503,6 +527,15 @@ interface UseInViewResult {
  */
 declare function useInView(options?: UseInViewOptions): UseInViewResult;
 
+/**
+ * Traps keyboard focus inside a container while active.
+ * Tab / Shift+Tab cycle through focusable elements without escaping.
+ *
+ * @param active — whether the trap is currently engaged
+ * @returns ref to attach to the container element
+ */
+declare function useFocusTrap<T extends HTMLElement = HTMLElement>(active: boolean): React$1.RefObject<T | null>;
+
 interface SkeletonProps {
     /** Tailwind classes for width / height (e.g. "h-4 w-3/4") */
     className?: string;
@@ -533,26 +566,21 @@ interface DialogProps {
     children: React__default.ReactNode;
     /** Hide the backdrop click-to-close behaviour */
     persistent?: boolean;
+    /** Close button aria-label. Default: "닫기" */
+    closeLabel?: string;
     className?: string;
 }
-/**
- * Modal dialog with:
- * - Portal render (no z-index issues)
- * - Backdrop click to close
- * - Escape key to close
- * - Body scroll lock
- * - Smooth scale + fade animation
- *
- * @example
- * <Dialog open={open} onClose={() => setOpen(false)} title="삭제 확인">
- *   <p className="text-sm text-zinc-500">정말 삭제할까요?</p>
- *   <div className="flex gap-2 mt-4">
- *     <Button onClick={handleDelete}>삭제</Button>
- *     <Button onClick={() => setOpen(false)}>취소</Button>
- *   </div>
- * </Dialog>
- */
-declare function Dialog({ open, onClose, title, size, children, persistent, className, }: DialogProps): React__default.ReactPortal | null;
+declare function Dialog({ open, onClose, title, size, children, persistent, closeLabel, className, }: DialogProps): react_jsx_runtime.JSX.Element;
+
+interface InAppSheetProps {
+    open: boolean;
+    onClose: () => void;
+    children: React.ReactNode;
+    className?: string;
+    /** true면 시트가 AppShell 전체 높이를 채움 */
+    fullHeight?: boolean;
+}
+declare function InAppSheet({ open, onClose, children, className, fullHeight, }: InAppSheetProps): react_jsx_runtime.JSX.Element;
 
 type PWAInstallState = "android-ready" | "ios-safari" | "installed" | "unsupported";
 interface UsePWAInstallReturn {
@@ -767,4 +795,4 @@ declare function formatPrice(amount: number, currency?: string, locale?: string)
 
 declare function cn(...inputs: ClassValue[]): string;
 
-export { type ApiClient, type ApiClientOptions, ApiError, AppShell, AppShellContent, type AppShellContentProps, AppShellHeader, type AppShellHeaderProps, type AppShellProps, Avatar, type AvatarProps, Badge, type BadgeProps, Button, type ButtonProps, type ColorName, Dialog, type DialogProps, Divider, EmojiButton, type EmojiButtonProps, EmojiPicker, type EmojiPickerProps, EmptyState, type EmptyStateProps, type FontName, GrassMap, type GrassMapData, type GrassMapProps, IOSInstallSheet, KitStyles, PWAInstallButton, type PWAInstallState, Section, SectionHeader, type SectionHeaderProps, type SectionProps, ShareButton, type ShareButtonProps, Skeleton, type SkeletonProps, StatChip, type StatChipProps, THEME_SCRIPT, Tab, TabBar, type TabBarProps, type TabProps, ThemeButton, type ThemeButtonProps, ThemeDialog, type ThemeDialogProps, type ToastOptions, ToastProvider, type ToastVariant, Tooltip, type TooltipProps, Typewriter, type TypewriterProps, 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, formatNumber, formatPrice, mobileViewport, relativeTime, svgIcon, useDebounce, useFetch, useFormSubmit, useInView, useLocalStorage, usePWAInstall, usePolling, useShare, useToast };
+export { type ApiClient, type ApiClientOptions, ApiError, AppShell, AppShellContent, type AppShellContentProps, AppShellHeader, type AppShellHeaderProps, type AppShellProps, Avatar, type AvatarProps, Badge, type BadgeProps, Button, type ButtonProps, type ColorName, Dialog, type DialogProps, Divider, EmojiButton, type EmojiButtonProps, EmojiPicker, type EmojiPickerLabels, type EmojiPickerProps, EmptyState, type EmptyStateProps, type FontName, GrassMap, type GrassMapData, type GrassMapLabels, type GrassMapProps, IOSInstallSheet, InAppSheet, type InAppSheetProps, KitStyles, PWAInstallButton, type PWAInstallState, Section, SectionHeader, type SectionHeaderProps, type SectionProps, ShareButton, type ShareButtonProps, Skeleton, type SkeletonProps, StatChip, type StatChipProps, 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, 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, formatNumber, formatPrice, mobileViewport, relativeTime, svgIcon, useDebounce, useFetch, useFocusTrap, useFormSubmit, useInView, useLocalStorage, usePWAInstall, usePolling, useShare, useToast };