@cakejp/design-system 0.10.0 → 0.12.0

package/dist/types/components/primitives/error-state.d.ts

@@ -1,41 +1,68 @@
 import * as React from "react";
+export type NotFoundIllustrationProps = React.SVGProps<SVGSVGElement>;
+/**
+ * NotFound（404）向けの抽象イラスト（ケーキモチーフ / スライスが欠けた図）。
+ *
+ * 色は CSS 変数と currentColor のみで構成（HEX 直書きなし）。輪郭は
+ * currentColor を継承するため、親の text-color で線色を調整できる。
+ * 既定は装飾（`aria-hidden`）。単体で意味を持たせる場合は `aria-label` を渡す。
+ *
+ * ```tsx
+ * <NotFoundIllustration className="w-40 text-[var(--Border-Medium-Emphasis)]" />
+ * ```
+ */
+declare function NotFoundIllustration({ className, "aria-label": ariaLabel, ...props }: NotFoundIllustrationProps): import("react/jsx-runtime").JSX.Element;
+/** ErrorState の種別。既定は汎用エラー、notFound は 404 向けの定番構成 */
+export type ErrorStateKind = "error" | "notFound";
 export interface ErrorStateProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** エラーアイコン */
+    /**
+     * 状態の種別。
+     * - `"error"`（既定）: 汎用エラー。`icon` を Object-Caution 色で表示（現行不変）
+     * - `"notFound"`: 404 向け。既定でケーキイラスト + 見つからない旨の文言
+     */
+    kind?: ErrorStateKind;
+    /** アイコン / イラスト。省略時、notFound は既定イラスト、error は非表示 */
     icon?: React.ReactNode;
-    /** エラータイトル */
-    title: string;
-    /** エラーの説明テキスト */
+    /** タイトル。省略時は kind に応じた既定文言 */
+    title?: string;
+    /** 説明テキスト。省略時、notFound は既定文言、error は非表示 */
     description?: React.ReactNode;
     /** 再試行ボタンのクリックハンドラ。指定すると再試行ボタンを表示 */
     onRetry?: () => void;
     /** 再試行ボタンのラベル */
     retryLabel?: string;
-    /** 追加アクション（例: 「ホームに戻る」ボタン） */
+    /** 追加アクション（例: 「トップへ戻る」ボタン） */
     action?: React.ReactNode;
 }
 /**
- * エラー状態コンポーネント
+ * エラー状態 / 404 状態コンポーネント
  *
- * APIエラー、ネットワークエラー、タイムアウト等のエラー状態を表示するUI。
- * EmptyState と同様のレイアウトだが、再試行アクションに特化。
+ * APIエラー・ネットワークエラー・タイムアウト等（`kind="error"`）と、
+ * 404 Not Found（`kind="notFound"`）の定番構成を1つのコンポーネントで扱う。
+ * EmptyState と同様の中央寄せレイアウト。
  *
  * ### AI 向け使用ルール
  *
- * - `icon` にエラー種別に合ったアイコン（size-16）を渡す
- * - `title` でエラー内容を簡潔に伝える
- * - `description` で対処方法を案内
- * - `onRetry` を渡すと再試行ボタンが表示される
- * - `action` に追加のナビゲーションボタンを渡せる
- * - ページコンテンツの中央に配置
+ * - システムエラーは `kind="error"`（既定）。`icon`（size-16）+ `onRetry` を渡す
+ * - 404 ページは `kind="notFound"`。イラスト・見出し・説明は既定で入るため
+ *   基本は `action`（「トップへ戻る」等の導線）だけ渡せばよい
+ * - データが無いだけ（カート空・検索0件）は EmptyState を使う
  *
  * ```tsx
+ * // 汎用エラー
  * <ErrorState
  *   icon={<WifiOff className="size-16" />}
  *   title="接続エラー"
  *   description="ネットワークに接続できませんでした。"
  *   onRetry={() => location.reload()}
  * />
+ *
+ * // 404
+ * <ErrorState
+ *   kind="notFound"
+ *   action={<Button size="lg">トップへ戻る</Button>}
+ * />
  * ```
  */
-declare function ErrorState({ className, icon, title, description, onRetry, retryLabel, action, ...props }: ErrorStateProps): import("react/jsx-runtime").JSX.Element;
-export { ErrorState };
+declare function ErrorState({ className, kind, icon, title, description, onRetry, retryLabel, action, ...props }: ErrorStateProps): import("react/jsx-runtime").JSX.Element;
+export { ErrorState, NotFoundIllustration };

package/dist/types/components/primitives/funnel-shell.d.ts

@@ -44,6 +44,15 @@ export interface FunnelShellProps {
     bottomAction?: React.ReactNode;
     /** ルート要素の追加クラス */
     className?: string;
+    /**
+     * `<main>` の id（既定 "main-content"）。内蔵の SkipLink の飛び先（`#${mainId}`）と対になる。
+     */
+    mainId?: string;
+    /**
+     * DOM 先頭に SkipLink（キーボードで本文へ飛ぶ a11y リンク）を標準内蔵する。
+     * `sr-only` なので視覚には影響しない。`false` で無効化。
+     */
+    skipLink?: false;
 }
 /**
  * FunnelShell — EC 購入導線等のファネル用集中モード（Full Page）のシェル。
@@ -81,5 +90,5 @@ export interface FunnelShellProps {
  * 管理画面の集中編集は `WorkspaceShell`（EC 購入導線＝本コンポーネント）。
  * 判断基準は contracts/screen-patterns.json（focused-workspace）を参照。
  */
-declare function FunnelShell({ logo, title, onBack, backLabel, steps, activeStep, children, bottomAction, className, }: FunnelShellProps): import("react/jsx-runtime").JSX.Element;
+declare function FunnelShell({ logo, title, onBack, backLabel, steps, activeStep, children, bottomAction, className, mainId, skipLink, }: FunnelShellProps): import("react/jsx-runtime").JSX.Element;
 export { FunnelShell };

package/dist/types/components/primitives/header.d.ts

@@ -6,6 +6,12 @@ export interface HeaderAction {
     label: string;
     /** クリックハンドラ */
     onClick?: () => void;
+    /**
+     * リンク先。指定すると `<a>`（Button asChild）で描画し、
+     * 中クリック/Cmd+クリックでの新規タブ・リンクコピー・hoverプレビューが効くようになる。
+     * onClick と併用可（両方付与される）
+     */
+    href?: string;
     /** バッジ数（通知やカート件数） */
     badge?: React.ReactNode;
 }
@@ -46,6 +52,14 @@ export interface HeaderProps extends React.HTMLAttributes<HTMLElement> {
      * SP では非表示。本番の "ケーキ / スイーツ / ランキング…" メニューに対応。
      */
     navItems?: HeaderNavItem[];
+    /**
+     * PC（@[768px]+）のロゴ行で navItems と actions の間にインライン配置する検索スロット
+     * （variant="logo" のみ）。`SearchBar` 等を渡す。`flex-1 max-w-[400px]` で伸縮し、
+     * 既存のロゴ・ナビ・アクションを潰さない。SP 行には出さない
+     * （SP の常設検索は従来どおり `bottomSlot` で運用する）。
+     * navItems が無く searchSlot だけを渡した場合も PC 行を描画する。
+     */
+    searchSlot?: React.ReactNode;
     /** 右側に配置するカスタム要素（variant="back"で使用） */
     rightSlot?: React.ReactNode;
     /** 検索バーなど中央に配置するカスタム要素（variant="back-search"で使用） */
@@ -65,5 +79,5 @@ export interface HeaderProps extends React.HTMLAttributes<HTMLElement> {
  * アプリ全体で使われるヘッダーの3パターンを1コンポーネントで提供。
  * ロゴ＋アクション、戻るボタン＋タイトル、戻るボタン＋検索の3バリエーション。
  */
-declare function Header({ className, variant, logo, title, onBack, backLabel, actions, navItems, rightSlot, centerSlot, bottomSlot, disableSticky, ...props }: HeaderProps): import("react/jsx-runtime").JSX.Element;
+declare function Header({ className, variant, logo, title, onBack, backLabel, actions, navItems, searchSlot, rightSlot, centerSlot, bottomSlot, disableSticky, ...props }: HeaderProps): import("react/jsx-runtime").JSX.Element;
 export { Header };

package/dist/types/components/primitives/section-nav.d.ts

@@ -14,6 +14,14 @@ export interface SectionNavProps extends React.HTMLAttributes<HTMLElement> {
     items: SectionNavItem[];
     /** アクティブなセクションの key（利用側が scrollspy 等で制御。本体では監視しない） */
     activeKey?: string;
+    /**
+     * レイアウト方向（既定 "vertical"）。
+     * - "vertical": 縦積みの目次（WorkspaceShell の左レール等）。従来の挙動。
+     * - "horizontal": 横並びの Tabs アンダーバー式（ガイド・FAQ 等の長い静的ページの
+     *   ページ内ジャンプナビ）。横スクロール対応（overflow-x-auto）。sticky は内蔵しない
+     *   （sticky/top オフセットは利用側が className で付与する）。
+     */
+    orientation?: "vertical" | "horizontal";
     /** aria-label */
     ariaLabel?: string;
     /** 項目クリック時のコールバック（任意） */
@@ -31,13 +39,14 @@ export interface SectionNavProps extends React.HTMLAttributes<HTMLElement> {
  * - 固有幅・背景・境界を持たない（`w-full`）。パネル化・幅決定はシェル／利用側の責務。
  *   （SideNav の `w-64` 固定が WorkspaceShell で幅ミスマッチを起こした反省）
  * - IntersectionObserver は内包しない。`activeKey` を利用側が渡す。
+ * - sticky は内蔵しない。sticky／top オフセットは利用側が className で付与する。
  *
  * ### インポート
  * ```tsx
  * import { SectionNav } from '../../components/primitives/section-nav'
  * ```
  *
- * ### 使い方
+ * ### 使い方（vertical＝既定）
  * ```tsx
  * <SectionNav
  *   activeKey="basic"
@@ -48,13 +57,30 @@ export interface SectionNavProps extends React.HTMLAttributes<HTMLElement> {
  * />
  * ```
  *
+ * ### 使い方（horizontal＝ページ内ジャンプの sticky アンダーバー）
+ * ガイド・FAQ のような長い静的ページ向け。sticky は利用側で付与する。
+ * ジャンプ先セクション側には `scroll-mt-*`（sticky ナビ高さ + α）を付けて、
+ * 見出しがナビの裏に隠れないようにする。
+ * ```tsx
+ * // ナビ: ヘッダー（h-14）直下に貼り付ける
+ * <SectionNav
+ *   orientation="horizontal"
+ *   activeKey={active}
+ *   className="sticky top-14 z-30 border-b border-[var(--Border-Low-Emphasis)] bg-[var(--Surface-Primary)]"
+ *   items={items}
+ * />
+ * // ターゲット: ナビ高さぶん上に余白を確保（scroll-mt-28 ≒ header 56px + nav 48px）
+ * <section id="basic" className="scroll-mt-28">…</section>
+ * ```
+ *
  * ### Props
  * | Prop | 型 | デフォルト | 説明 |
  * |------|-----|-----------|------|
  * | items | SectionNavItem[] | — | 目次項目（アンカー、必須） |
  * | activeKey | string | — | アクティブなセクションの key |
+ * | orientation | "vertical"\|"horizontal" | "vertical" | 縦積み目次 / 横アンダーバー |
  * | ariaLabel | string | "ページ内セクション" | aria-label |
  * | onItemClick | (key: string) => void | — | 項目クリック時のコールバック |
  */
-declare function SectionNav({ items, activeKey, ariaLabel, onItemClick, className, ...props }: SectionNavProps): import("react/jsx-runtime").JSX.Element;
+declare function SectionNav({ items, activeKey, orientation, ariaLabel, onItemClick, className, ...props }: SectionNavProps): import("react/jsx-runtime").JSX.Element;
 export { SectionNav };

package/dist/types/components/primitives/share-buttons.d.ts

@@ -1,11 +1,17 @@
 import * as React from "react";
-export interface ShareButtonsProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface ShareButtonsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onCopy"> {
     /** シェアURL */
     url?: string;
     /** シェアテキスト */
     text?: string;
     /** コピーボタンのラベル */
     copyLabel?: string;
+    /** コピー成功時に一時表示するラベル（約2秒） */
+    copiedLabel?: string;
+    /** コピー失敗時に一時表示するラベル（約2秒） */
+    copyErrorLabel?: string;
+    /** コピー完了時のコールバック（成功/失敗） */
+    onCopy?: (result: "success" | "error") => void;
 }
 /**
  * シェアボタンコンポーネント
@@ -19,5 +25,5 @@ export interface ShareButtonsProps extends React.HTMLAttributes<HTMLDivElement>
  * - `url` と `text` でシェア内容を指定
  * - ボタンは横並び、等幅表示
  */
-declare function ShareButtons({ className, url, text, copyLabel, ...props }: ShareButtonsProps): import("react/jsx-runtime").JSX.Element;
+declare function ShareButtons({ className, url, text, copyLabel, copiedLabel, copyErrorLabel, onCopy, ...props }: ShareButtonsProps): import("react/jsx-runtime").JSX.Element;
 export { ShareButtons };

package/dist/types/components/primitives/side-nav.d.ts

@@ -18,8 +18,26 @@ export interface SideNavGroup {
     items: SideNavItem[];
 }
 export interface SideNavProps extends React.HTMLAttributes<HTMLElement> {
-    /** 現在アクティブなメニューの key */
+    /** 現在アクティブなメニューの key（完全一致）。`currentPath` / `isActive` 未指定時の既定判定。 */
     activeMenu?: string;
+    /**
+     * 現在の URL パス。指定すると各項目の `href` と照合してアクティブ項目を自動判定する
+     * （`activeMenu` より優先）。詳細ページや配下ページで `activeMenu` を手動指定する必要がなくなる。
+     */
+    currentPath?: string;
+    /**
+     * `currentPath` と `href` の照合方法（既定 `"exact"`）。
+     * - `"exact"`: `href === currentPath`
+     * - `"prefix"`: `currentPath` が `href` 配下（前方一致）。1 項目が配下ページ全体でアクティブになる
+     *   （例: 「注文履歴」`/mypage/orders/` が `/mypage/orders/123/` でもアクティブ）。
+     *   複数項目が一致した場合は**最長 href の 1 項目のみ**アクティブにし、親子の二重アクティブを防ぐ。
+     */
+    activeMatch?: "exact" | "prefix";
+    /**
+     * アクティブ判定を完全に上書きする述語（最優先）。
+     * consumer 固有の URL 集約ロジック（複数 URL を 1 項目へ束ねる等）を注入する。
+     */
+    isActive?: (item: SideNavItem) => boolean;
     /** メニューグループ（必須） */
     groups: SideNavGroup[];
     /** aria-label */
@@ -55,8 +73,11 @@ export interface SideNavProps extends React.HTMLAttributes<HTMLElement> {
  * | Prop | 型 | デフォルト | 説明 |
  * |------|-----|-----------|------|
  * | groups | SideNavGroup[] | — | メニューグループ（必須） |
- * | activeMenu | string | — | アクティブなメニュー項目の key |
+ * | activeMenu | string | — | アクティブなメニュー項目の key（完全一致・後方互換） |
+ * | currentPath | string | — | 現在 URL。href と照合して自動判定（activeMenu より優先） |
+ * | activeMatch | "exact" \| "prefix" | "exact" | currentPath の照合方法。prefix は配下ページ全体でアクティブ |
+ * | isActive | (item) => boolean | — | アクティブ判定を上書きする述語（最優先） |
  * | ariaLabel | string | "サイドメニュー" | aria-label |
  */
-declare function SideNav({ activeMenu, groups, ariaLabel, className, ...props }: SideNavProps): import("react/jsx-runtime").JSX.Element;
+declare function SideNav({ activeMenu, currentPath, activeMatch, isActive, groups, ariaLabel, className, ...props }: SideNavProps): import("react/jsx-runtime").JSX.Element;
 export { SideNav };

package/dist/types/components/primitives/standard-page-shell.d.ts

@@ -21,6 +21,16 @@ export interface StandardPageShellProps {
     children: React.ReactNode;
     /** ルート要素の追加クラス。 */
     className?: string;
+    /**
+     * `<main>` の id（既定 "main-content"）。内蔵の SkipLink の飛び先（`#${mainId}`）と対になる。
+     * スキップ先アンカーを別 id にしたい場合に変更する。
+     */
+    mainId?: string;
+    /**
+     * DOM 先頭に SkipLink（キーボードで本文へ飛ぶ a11y リンク）を標準内蔵する。
+     * `sr-only` なので視覚には影響しない。`false` で無効化。
+     */
+    skipLink?: false;
 }
 /**
  * StandardPageShell — 消費者向け標準ページ（standard-page-view / standard-page-edit）の骨格。
@@ -47,5 +57,5 @@ export interface StandardPageShellProps {
  *
  * 判断基準は contracts/composition.json（pageSkeletons）/ contracts/screen-patterns.json を参照。
  */
-declare function StandardPageShell({ header, bottomTab, footer, children, className, }: StandardPageShellProps): import("react/jsx-runtime").JSX.Element;
+declare function StandardPageShell({ header, bottomTab, footer, children, className, mainId, skipLink, }: StandardPageShellProps): import("react/jsx-runtime").JSX.Element;
 export { StandardPageShell };

package/dist/types/components/primitives/workspace-shell.d.ts

@@ -32,6 +32,24 @@ export interface WorkspaceShellProps {
     children: React.ReactNode;
     /** ルート要素の追加クラス */
     className?: string;
+    /**
+     * 編集本体 `<main>` の id（既定 "main-content"）。内蔵の SkipLink の飛び先（`#${mainId}`）と対になる。
+     */
+    mainId?: string;
+    /**
+     * DOM 先頭に SkipLink（キーボードで本文へ飛ぶ a11y リンク）を標準内蔵する。
+     * `sr-only` なので視覚には影響しない。`false` で無効化。
+     */
+    skipLink?: false;
+    /**
+     * 編集ヘッダーのレイアウト（既定 "start"、現行と同じ挙動）。
+     * "center" にすると左=戻る導線／中央=タイトル／右=primaryAction の
+     * 3 カラム grid（`grid-cols-[minmax(0,1fr)_auto_minmax(0,1fr)]`）に固定し、
+     * primaryAction の有無・幅に関わらずタイトルを真の中央に揃える。
+     * consumer が `[&>[data-slot=header]]:!grid ...` のようなセレクタ上書きで
+     * 実現していた構成を公開 API として公式化したもの（#112）。
+     */
+    headerLayout?: "start" | "center";
 }
 /**
  * WorkspaceShell — Focused Workspace（全画面集中編集）のシェル。
@@ -48,5 +66,5 @@ export interface WorkspaceShellProps {
  *
  * 判断基準は contracts/screen-patterns.json / guidelines/foundations/screen-patterns.md を参照。
  */
-declare function WorkspaceShell({ title, onBack, backLabel, primaryAction, sectionNav, asidePanel, children, className, }: WorkspaceShellProps): import("react/jsx-runtime").JSX.Element;
+declare function WorkspaceShell({ title, onBack, backLabel, primaryAction, sectionNav, asidePanel, children, className, mainId, skipLink, headerLayout, }: WorkspaceShellProps): import("react/jsx-runtime").JSX.Element;
 export { WorkspaceShell };

package/dist/types/index.d.ts

@@ -1,5 +1,6 @@
 import "./index.css";
 export { cn } from "./lib/utils";
+export { toast } from "sonner";
 export { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "./components/foundations/accordion";
 export { Alert, AlertDescription, AlertTitle } from "./components/foundations/alert";
 export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger } from "./components/foundations/alert-dialog";
@@ -9,7 +10,7 @@ export { Badge, badgeVariants } from "./components/foundations/badge";
 export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "./components/foundations/breadcrumb";
 export { Button, buttonVariants } from "./components/foundations/button";
 export { Calendar } from "./components/foundations/calendar";
-export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./components/foundations/card";
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, cardVariants } from "./components/foundations/card";
 export { Checkbox } from "./components/foundations/checkbox";
 export type { CheckboxProps } from "./components/foundations/checkbox";
 export { CheckboxCardGroup, CheckboxCardItem } from "./components/foundations/checkbox-card";
@@ -20,10 +21,14 @@ export { DataTable } from "./components/foundations/data-table";
 export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from "./components/foundations/dialog";
 export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from "./components/foundations/drawer";
 export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "./components/foundations/dropdown-menu";
+export { FieldSet, FieldLegend, FieldGroup, FieldDescription, FieldError, FieldSeparator } from "./components/foundations/field";
+export { FileInput, formatFileNames, validateFileSize } from "./components/foundations/file-input";
+export type { FileInputProps, FileInputError } from "./components/foundations/file-input";
 export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField } from "./components/foundations/form";
 export { HoverCard, HoverCardContent, HoverCardTrigger } from "./components/foundations/hover-card";
 export { IconBadge, iconBadgeVariants } from "./components/foundations/icon-badge";
 export { Input } from "./components/foundations/input";
+export type { InputProps } from "./components/foundations/input";
 export { Label } from "./components/foundations/label";
 export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger } from "./components/foundations/menubar";
 export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle } from "./components/foundations/navigation-menu";
@@ -32,17 +37,21 @@ export { Popover, PopoverContent, PopoverTrigger } from "./components/foundation
 export { Progress } from "./components/foundations/progress";
 export { ResponsiveDialog, ResponsiveDialogClose, ResponsiveDialogContent, ResponsiveDialogDescription, ResponsiveDialogFooter, ResponsiveDialogHeader, ResponsiveDialogTitle, ResponsiveDialogTrigger, useIsMobile } from "./components/foundations/responsive-dialog";
 export { RadioGroup, RadioGroupItem } from "./components/foundations/radio-group";
+export type { RadioGroupVariant } from "./components/foundations/radio-group";
 export { ScrollArea, ScrollBar } from "./components/foundations/scroll-area";
 export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from "./components/foundations/select";
 export { Separator } from "./components/foundations/separator";
 export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from "./components/foundations/sheet";
 export { Skeleton } from "./components/foundations/skeleton";
+export { SkipLink } from "./components/foundations/skip-link";
+export type { SkipLinkProps } from "./components/foundations/skip-link";
 export { Slider } from "./components/foundations/slider";
 export { Spinner } from "./components/foundations/spinner";
 export { Switch } from "./components/foundations/switch";
 export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from "./components/foundations/table";
 export { Tabs, TabsContent, TabsList, TabsTrigger } from "./components/foundations/tabs";
 export { Textarea } from "./components/foundations/textarea";
+export type { TextareaProps } from "./components/foundations/textarea";
 export { Toaster } from "./components/foundations/sonner";
 export { Toggle, toggleVariants } from "./components/foundations/toggle";
 export { ToggleGroup, ToggleGroupItem } from "./components/foundations/toggle-group";
@@ -52,10 +61,16 @@ export type { AdminSideNavProps, AdminNavItem, AdminNavSubItem, AdminNavIconCont
 export { AdminHeader } from "./components/primitives/admin-header";
 export type { AdminHeaderProps } from "./components/primitives/admin-header";
 export { CoachMark } from "./components/primitives/coach-mark";
+export type { CoachMarkProps, CoachMarkDirection } from "./components/primitives/coach-mark";
 export { BannerCarousel } from "./components/primitives/banner-carousel";
+export type { BannerCarouselProps, BannerItem } from "./components/primitives/banner-carousel";
+export { ContentCarousel } from "./components/primitives/content-carousel";
+export type { ContentCarouselProps } from "./components/primitives/content-carousel";
 export { StickyActionBar } from "./components/primitives/sticky-action-bar";
 export { BottomTabBar } from "./components/primitives/bottom-tab-bar";
+export type { BottomTabBarProps, BottomTabBarItem } from "./components/primitives/bottom-tab-bar";
 export { BulkActionBar } from "./components/primitives/bulk-action-bar";
+export type { BulkActionBarProps } from "./components/primitives/bulk-action-bar";
 export { CategoryShortcuts } from "./components/primitives/category-shortcuts";
 export type { CategoryShortcutsProps, CategoryShortcutsItem } from "./components/primitives/category-shortcuts";
 export { CategoryScroll } from "./components/primitives/category-scroll";
@@ -73,38 +88,65 @@ export { StandardPageShell as EcPageShell } from "./components/primitives/standa
 /** @deprecated 旧名。`StandardPageShellProps` を使うこと。次のメジャーで削除する。 */
 export type { StandardPageShellProps as EcPageShellProps } from "./components/primitives/standard-page-shell";
 export { EmptyState } from "./components/primitives/empty-state";
-export { ErrorState } from "./components/primitives/error-state";
+export type { EmptyStateProps } from "./components/primitives/empty-state";
+export { DatePicker, DateTimePicker } from "./components/primitives/date-picker";
+export type { DatePickerProps, DateTimePickerProps } from "./components/primitives/date-picker";
+export { ErrorState, NotFoundIllustration } from "./components/primitives/error-state";
+export type { ErrorStateProps, ErrorStateKind, NotFoundIllustrationProps } from "./components/primitives/error-state";
 export { FilterBar } from "./components/primitives/filter-bar";
+export type { FilterBarProps, FilterChip } from "./components/primitives/filter-bar";
 export { Footer } from "./components/primitives/footer";
+export type { FooterProps, FooterLink, FooterLinkGroup, FooterPaymentMethod, FooterTrustBadge } from "./components/primitives/footer";
 export { FormField as CakeFormField } from "./components/primitives/form-field";
+export type { FormFieldProps as CakeFormFieldProps } from "./components/primitives/form-field";
 export { FunnelShell } from "./components/primitives/funnel-shell";
 export type { FunnelShellProps, FunnelStep } from "./components/primitives/funnel-shell";
 export { Header } from "./components/primitives/header";
+export type { HeaderProps, HeaderAction, HeaderNavItem } from "./components/primitives/header";
 export { ImageCarousel } from "./components/primitives/image-carousel";
+export type { ImageCarouselProps } from "./components/primitives/image-carousel";
 export { ImageGallery } from "./components/primitives/image-gallery";
+export type { ImageGalleryProps } from "./components/primitives/image-gallery";
 export { ImageUploader } from "./components/primitives/image-uploader";
+export type { ImageUploaderProps, ImageUploaderImage } from "./components/primitives/image-uploader";
 export { KebabMenu } from "./components/primitives/kebab-menu";
+export type { KebabMenuProps, KebabMenuItem } from "./components/primitives/kebab-menu";
 export { ListItem } from "./components/primitives/list-item";
+export type { ListItemProps } from "./components/primitives/list-item";
 export { MenuDrawer } from "./components/primitives/menu-drawer";
+export type { MenuDrawerProps, MenuSection, MenuItem, MenuBanner } from "./components/primitives/menu-drawer";
 export { SubNav } from "./components/primitives/sub-nav";
+export type { SubNavProps, SubNavItem } from "./components/primitives/sub-nav";
 export { NotificationBadge, notificationBadgeVariants } from "./components/primitives/notification-badge";
+export type { NotificationBadgeProps } from "./components/primitives/notification-badge";
 export { NotificationList } from "./components/primitives/notification-list";
+export type { NotificationListProps, NotificationItem } from "./components/primitives/notification-list";
 export { PriceDisplay, priceDisplayVariants } from "./components/primitives/price-display";
+export type { PriceDisplayProps } from "./components/primitives/price-display";
 export { ProgressSteps } from "./components/primitives/progress-steps";
+export type { ProgressStepsProps } from "./components/primitives/progress-steps";
 export { QuantitySelector } from "./components/primitives/quantity-selector";
+export type { QuantitySelectorProps } from "./components/primitives/quantity-selector";
 export { SearchBar } from "./components/primitives/search-bar";
+export type { SearchBarProps } from "./components/primitives/search-bar";
 export { SearchPanel } from "./components/primitives/search-panel";
+export type { SearchPanelProps } from "./components/primitives/search-panel";
 export { Container, containerVariants } from "./components/primitives/container";
 export { Section, sectionVariants } from "./components/primitives/section";
 export { SectionHeader } from "./components/primitives/section-header";
+export type { SectionHeaderProps, SectionHeaderSize } from "./components/primitives/section-header";
 export { SectionNav } from "./components/primitives/section-nav";
 export type { SectionNavProps, SectionNavItem } from "./components/primitives/section-nav";
 export { ShareButtons } from "./components/primitives/share-buttons";
+export type { ShareButtonsProps } from "./components/primitives/share-buttons";
 export { SideNav } from "./components/primitives/side-nav";
 export type { SideNavProps, SideNavGroup, SideNavItem } from "./components/primitives/side-nav";
 export { SocialLoginButton } from "./components/primitives/social-login-button";
+export type { SocialLoginButtonProps, SocialProvider } from "./components/primitives/social-login-button";
 export { StatusCountTabs } from "./components/primitives/status-count-tabs";
+export type { StatusCountTabsProps } from "./components/primitives/status-count-tabs";
 export { Tag, tagVariants } from "./components/primitives/tag";
+export type { TagProps } from "./components/primitives/tag";
 export { WorkspaceShell } from "./components/primitives/workspace-shell";
 export type { WorkspaceShellProps } from "./components/primitives/workspace-shell";
 /**
@@ -126,27 +168,49 @@ export { AdminShell as AdminLayout } from "./components/ec/admin-shell";
 /** @deprecated 旧名。`AdminShellProps` を使うこと。次のメジャーで削除する。 */
 export type { AdminShellProps as AdminLayoutProps } from "./components/ec/admin-shell";
 export { AnniversaryCard } from "./components/ec/anniversary-card";
+export type { AnniversaryCardProps } from "./components/ec/anniversary-card";
 export { CakeLogo } from "./components/ec/cake-logo";
+export type { CakeLogoProps } from "./components/ec/cake-logo";
 export { ChartControls } from "./components/ec/chart-controls";
+export type { ChartControlsProps, ChartGranularity, ChartPeriod } from "./components/ec/chart-controls";
 export { CountdownTimer } from "./components/ec/countdown-timer";
+export type { CountdownTimerProps } from "./components/ec/countdown-timer";
 export { CouponCard } from "./components/ec/coupon-card";
+export type { CouponCardProps } from "./components/ec/coupon-card";
 export { DeliveryCalendar } from "./components/ec/delivery-calendar";
+export type { DeliveryCalendarProps, DayAvailability, CalendarDay } from "./components/ec/delivery-calendar";
 export { mypageMenuGroups } from "./components/ec/_mypage-menu-data";
 export { OrderSection } from "./components/ec/order-section";
+export type { OrderSectionProps } from "./components/ec/order-section";
 export { OrderSummary } from "./components/ec/order-summary";
+export type { OrderSummaryProps, OrderSummaryLineItem } from "./components/ec/order-summary";
 export { PaymentMethodDisplay, CreditCardIcon } from "./components/ec/payment-method";
+export type { PaymentMethodDisplayProps, CreditCardIconProps, CreditCardBrand } from "./components/ec/payment-method";
 export { ProductCard } from "./components/ec/product-card";
+export type { ProductCardProps } from "./components/ec/product-card";
 export { ProductCarousel } from "./components/ec/product-carousel";
+export type { ProductCarouselProps } from "./components/ec/product-carousel";
 export { ProductCTA } from "./components/ec/product-cta";
+export type { ProductCTAProps, ProductCTAVariant } from "./components/ec/product-cta";
 export { ProductDetailBar } from "./components/ec/product-detail-bar";
+export type { ProductDetailBarProps, ProductDetailBarTab } from "./components/ec/product-detail-bar";
 export { ProductDetailSidebar } from "./components/ec/product-detail-sidebar";
+export type { ProductDetailSidebarProps, SizeOption, CouponInfo, ProductTag, PromoBanner, PointInfo } from "./components/ec/product-detail-sidebar";
 export { ProductListItem } from "./components/ec/product-list-item";
+export type { ProductListItemProps, ProductListItemTag } from "./components/ec/product-list-item";
 export { ProductOption, OptionQuantity, OptionSelect, OptionText, OptionImageUpload } from "./components/ec/product-option";
+export type { ProductOptionProps, ProductOptionType, OptionQuantityProps, OptionSelectProps, OptionTextProps } from "./components/ec/product-option";
 export { RatingStars, SparkleIcon } from "./components/ec/rating-stars";
+export type { RatingStarsProps } from "./components/ec/rating-stars";
 export { ReviewCard } from "./components/ec/review-card";
+export type { ReviewCardProps } from "./components/ec/review-card";
 export { ReviewForm } from "./components/ec/review-form";
+export type { ReviewFormProps } from "./components/ec/review-form";
 export { ReviewSummary, ReviewItem } from "./components/ec/review-summary";
+export type { ReviewSummaryProps, ReviewGaugeItem, ReviewItemProps } from "./components/ec/review-summary";
 export { MypageShell } from "./components/ec/mypage-shell";
 export type { MypageShellProps, MypageShellBreadcrumb } from "./components/ec/mypage-shell";
 export { ShopCard } from "./components/ec/shop-card";
+export type { ShopCardProps } from "./components/ec/shop-card";
 export { StatCard } from "./components/ec/stat-card";
+export type { StatCardProps } from "./components/ec/stat-card";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cakejp/design-system",
-  "version": "0.10.0",
+  "version": "0.12.0",
   "type": "module",
   "description": "Cake.jp Design System — UI コンポーネント・カラートークン・タイポグラフィ",
   "license": "UNLICENSED",
@@ -97,52 +97,34 @@
   "dependencies": {
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "tailwind-merge": "^3.5.0"
+    "cmdk": "^1.0.0",
+    "next-themes": "^0.4.0",
+    "react-day-picker": "^9.0.0",
+    "react-hook-form": "^7.0.0",
+    "sonner": "^2.0.0",
+    "tailwind-merge": "^3.5.0",
+    "vaul": "^1.0.0"
   },
   "peerDependencies": {
     "@hookform/resolvers": "^5.0.0",
-    "cmdk": "^1.0.0",
     "date-fns": "^4.0.0",
     "iconsax-reactjs": "^0.0.8",
     "lucide-react": ">=0.400.0",
-    "next-themes": "^0.4.0",
     "radix-ui": "^1.0.0",
     "react": "^18.0.0 || ^19.0.0",
-    "react-day-picker": "^9.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
-    "react-hook-form": "^7.0.0",
-    "sonner": "^2.0.0",
     "tailwindcss": "^4.0.0",
-    "vaul": "^1.0.0",
     "zod": "^4.0.0"
   },
   "peerDependenciesMeta": {
     "@hookform/resolvers": {
       "optional": true
     },
-    "react-hook-form": {
-      "optional": true
-    },
     "zod": {
       "optional": true
     },
-    "react-day-picker": {
-      "optional": true
-    },
     "date-fns": {
       "optional": true
-    },
-    "cmdk": {
-      "optional": true
-    },
-    "next-themes": {
-      "optional": true
-    },
-    "vaul": {
-      "optional": true
-    },
-    "sonner": {
-      "optional": true
     }
   },
   "devDependencies": {