{ "$schema": "https://ui.shadcn.com/schema/registry.json", "name": "kasumi-ui", "homepage": "https://kasumi-ui.vercel.app", "items": [ { "name": "theme", "type": "registry:theme", "description": "日本語に最適化されたデザイントークン。Minor Third タイポグラフィスケール + 行間調整。", "cssVars": { "theme": { "font-sans": "Inter, Noto Sans JP, ui-sans-serif, system-ui, sans-serif", "text-ui": "0.875rem", "text-ui--line-height": "2", "text-body": "1rem", "text-body--line-height": "2.5", "text-h4": "1.1875rem", "text-h3": "1.4375rem", "text-h2": "1.75rem", "text-h1": "2.0625rem", "radius-sm": "calc(var(--radius) - 4px)", "radius-md": "calc(var(--radius) - 2px)", "radius-lg": "var(--radius)", "radius-xl": "calc(var(--radius) + 4px)" }, "light": { "background": "#ffffff", "foreground": "#333333", "primary": "#1c1917", "primary-foreground": "#ffffff", "secondary": "#f5f5f4", "secondary-foreground": "#0c0a09", "muted": "#f5f5f4", "muted-foreground": "#78716c", "accent": "#f5f5f4", "accent-foreground": "#0c0a09", "destructive": "#e7000b", "destructive-foreground": "#ffffff", "border": "#e7e5e4", "input": "#e7e5e4", "ring": "#0c0a09", "radius": "0.5rem" }, "dark": { "background": "#0c0a09", "foreground": "#fafaf9", "primary": "#fafaf9", "primary-foreground": "#0c0a09", "secondary": "#292524", "secondary-foreground": "#fafaf9", "muted": "#292524", "muted-foreground": "#a8a29e", "accent": "#292524", "accent-foreground": "#fafaf9", "destructive": "#e7000b", "destructive-foreground": "#ffffff", "border": "#292524", "input": "#292524", "ring": "#d6d3d1", "radius": "0.5rem" } } }, { "name": "utils", "type": "registry:lib", "dependencies": ["clsx", "tailwind-merge"], "files": [ { "path": "lib/utils.ts", "type": "registry:lib" } ] }, { "name": "use-mobile", "type": "registry:lib", "files": [ { "path": "lib/use-mobile.ts", "type": "registry:lib" } ] }, { "name": "accordion", "type": "registry:component", "title": "Accordion", "description": "Radix UIベースの開閉パネル。type: single/multiple対応。", "dependencies": ["@radix-ui/react-accordion", "lucide-react"], "registryDependencies": ["utils"], "files": [ { "path": "ui/accordion.tsx", "type": "registry:ui" } ] }, { "name": "alert", "type": "registry:component", "title": "Alert", "description": "variant: default/success/info/warning/error のアラート。", "dependencies": ["lucide-react"], "registryDependencies": ["utils"], "files": [ { "path": "ui/alert.tsx", "type": "registry:ui" } ] }, { "name": "avatar", "type": "registry:component", "title": "Avatar", "description": "size: sm/md/lg。画像エラー時フォールバック対応。", "dependencies": ["lucide-react"], "registryDependencies": ["utils"], "files": [ { "path": "ui/avatar.tsx", "type": "registry:ui" } ] }, { "name": "badge", "type": "registry:component", "title": "Badge", "description": "variant: default/outline、size: sm/md。", "registryDependencies": ["utils"], "files": [ { "path": "ui/badge.tsx", "type": "registry:ui" } ] }, { "name": "breadcrumb", "type": "registry:component", "title": "Breadcrumb", "description": "パンくずリスト。ChevronRightセパレーター。", "dependencies": ["lucide-react"], "registryDependencies": ["utils"], "files": [ { "path": "ui/breadcrumb.tsx", "type": "registry:ui" } ] }, { "name": "button", "type": "registry:component", "title": "Button", "description": "variant: primary/secondary/ghost/outline/destructive、size: sm/md/lg。", "registryDependencies": ["utils"], "files": [ { "path": "ui/button.tsx", "type": "registry:ui" } ] }, { "name": "card", "type": "registry:component", "title": "Card", "description": "6パーツ構成のカードコンポーネント。", "registryDependencies": ["utils"], "files": [ { "path": "ui/card.tsx", "type": "registry:ui" } ] }, { "name": "checkbox", "type": "registry:component", "title": "Checkbox", "description": "size: sm/md/lg、error状態対応。", "dependencies": ["lucide-react"], "registryDependencies": ["utils"], "files": [ { "path": "ui/checkbox.tsx", "type": "registry:ui" } ] }, { "name": "dialog", "type": "registry:component", "title": "Dialog", "description": "Radix UIベースのダイアログ。フォーカストラップ・Escapeキー対応。", "dependencies": ["@radix-ui/react-dialog", "lucide-react"], "registryDependencies": ["utils"], "files": [ { "path": "ui/dialog.tsx", "type": "registry:ui" } ] }, { "name": "dropdown-menu", "type": "registry:component", "title": "Dropdown Menu", "description": "Radix UIベースのドロップダウンメニュー。", "dependencies": ["@radix-ui/react-dropdown-menu"], "registryDependencies": ["utils"], "files": [ { "path": "ui/dropdown-menu.tsx", "type": "registry:ui" } ] }, { "name": "field", "type": "registry:component", "title": "Field", "description": "フォームフィールドのレイアウト・セマンティクス担当。", "registryDependencies": ["utils", "label"], "files": [ { "path": "ui/field.tsx", "type": "registry:ui" } ] }, { "name": "input", "type": "registry:component", "title": "Input", "description": "variant: outline/underline、size: sm/md/lg、パスワードトグル自動表示。", "dependencies": ["lucide-react"], "registryDependencies": ["utils"], "files": [ { "path": "ui/input.tsx", "type": "registry:ui" } ] }, { "name": "label", "type": "registry:component", "title": "Label", "description": "peer-disabled連動のラベル。", "registryDependencies": ["utils"], "files": [ { "path": "ui/label.tsx", "type": "registry:ui" } ] }, { "name": "pagination", "type": "registry:component", "title": "Pagination", "description": "ページ番号型ページネーション。", "dependencies": ["lucide-react"], "registryDependencies": ["utils"], "files": [ { "path": "ui/pagination.tsx", "type": "registry:ui" } ] }, { "name": "popover", "type": "registry:component", "title": "Popover", "description": "Radix UIベースのポップオーバー。", "dependencies": ["@radix-ui/react-popover"], "registryDependencies": ["utils"], "files": [ { "path": "ui/popover.tsx", "type": "registry:ui" } ] }, { "name": "progress", "type": "registry:component", "title": "Progress", "description": "進捗バー。value propで0〜100指定。", "registryDependencies": ["utils"], "files": [ { "path": "ui/progress.tsx", "type": "registry:ui" } ] }, { "name": "radio", "type": "registry:component", "title": "Radio", "description": "size: sm/md/lg、error状態対応。", "registryDependencies": ["utils"], "files": [ { "path": "ui/radio.tsx", "type": "registry:ui" } ] }, { "name": "select", "type": "registry:component", "title": "Select", "description": "Radix UIベースのセレクト。typeahead対応。", "dependencies": ["@radix-ui/react-select", "lucide-react"], "registryDependencies": ["utils"], "files": [ { "path": "ui/select.tsx", "type": "registry:ui" } ] }, { "name": "separator", "type": "registry:component", "title": "Separator", "description": "horizontal/verticalのセパレーター。", "registryDependencies": ["utils"], "files": [ { "path": "ui/separator.tsx", "type": "registry:ui" } ] }, { "name": "sidebar", "type": "registry:component", "title": "Sidebar", "description": "デスクトップ: ミニサイドバー折りたたみ、モバイル: ドロワーモード。", "dependencies": ["@radix-ui/react-slot", "@radix-ui/react-collapsible", "@radix-ui/react-dialog", "lucide-react"], "registryDependencies": ["utils", "use-mobile", "tooltip"], "files": [ { "path": "ui/sidebar.tsx", "type": "registry:ui" } ] }, { "name": "skeleton", "type": "registry:component", "title": "Skeleton", "description": "ローディング表示用スケルトン。", "registryDependencies": ["utils"], "files": [ { "path": "ui/skeleton.tsx", "type": "registry:ui" } ] }, { "name": "switch", "type": "registry:component", "title": "Switch", "description": "size: sm/md/lg、error状態対応。", "registryDependencies": ["utils"], "files": [ { "path": "ui/switch.tsx", "type": "registry:ui" } ] }, { "name": "table", "type": "registry:component", "title": "Table", "description": "横スクロール対応のテーブル。", "registryDependencies": ["utils"], "files": [ { "path": "ui/table.tsx", "type": "registry:ui" } ] }, { "name": "tabs", "type": "registry:component", "title": "Tabs", "description": "Radix UIベースのタブ。variant: underline/pill。", "dependencies": ["@radix-ui/react-tabs"], "registryDependencies": ["utils"], "files": [ { "path": "ui/tabs.tsx", "type": "registry:ui" } ] }, { "name": "textarea", "type": "registry:component", "title": "Textarea", "description": "error状態対応のテキストエリア。", "registryDependencies": ["utils"], "files": [ { "path": "ui/textarea.tsx", "type": "registry:ui" } ] }, { "name": "toast", "type": "registry:component", "title": "Toast", "description": "Radix UIベースのトースト。variant: default/success/info/warning/error。", "dependencies": ["@radix-ui/react-toast", "lucide-react"], "registryDependencies": ["utils"], "files": [ { "path": "ui/toast.tsx", "type": "registry:ui" } ] }, { "name": "sheet", "type": "registry:component", "title": "Sheet", "description": "Radix UIベースのスライドインパネル。side: top/bottom/left/right。", "dependencies": ["@radix-ui/react-dialog", "lucide-react"], "registryDependencies": ["utils"], "files": [ { "path": "ui/sheet.tsx", "type": "registry:ui" } ] }, { "name": "tooltip", "type": "registry:component", "title": "Tooltip", "description": "Radix UIベースのツールチップ。", "dependencies": ["@radix-ui/react-tooltip"], "registryDependencies": ["utils"], "files": [ { "path": "ui/tooltip.tsx", "type": "registry:ui" } ] } ] }